.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
	word-break: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/wp-content/themes/ambelos/js/slick/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/wp-content/themes/ambelos/js/slick/fonts/slick.eot');
    src: url('/wp-content/themes/ambelos/js/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/ambelos/js/slick/fonts/slick.woff') format('woff'), url('/wp-content/themes/ambelos/js/slick/fonts/slick.ttf') format('truetype'), url('/wp-content/themes/ambelos/js/slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.picker,.picker__holder{width:100%;position:absolute}.picker{font-size:16px;text-align:left;line-height:1.2;color:#000;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #aaa;border-top-width:0;border-bottom-width:0;border-radius:0 0 5px 5px;box-sizing:border-box;min-width:176px;max-width:466px;max-height:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transform:translateY(-1em)perspective(600px)rotateX(10deg);transform:translateY(-1em)perspective(600px)rotateX(10deg);transition:-webkit-transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s;transition:transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s}/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */.picker__frame{padding:1px}.picker__wrap{margin:-1px}.picker--opened .picker__holder{max-height:25em;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1;border-top-width:1px;border-bottom-width:1px;-webkit-transform:translateY(0)perspective(600px)rotateX(0);transform:translateY(0)perspective(600px)rotateX(0);transition:-webkit-transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;transition:transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;box-shadow:0 6px 18px 1px rgba(0,0,0,.12)}.picker__footer,.picker__header,.picker__table{text-align:center}.picker__day--highlighted,.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec}.picker__box{padding:0 1em}.picker__header{position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__nav--next,.picker__nav--prev{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}.picker__nav--prev{left:-1em;padding-right:1.25em}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}.picker__nav--next,.picker__nav--prev{top:-.33em}.picker__nav--prev{padding-right:1.5em}.picker__nav--next{padding-left:1.5em}}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover,.picker__day--infocus:hover,.picker__day--outfocus:hover{color:#000;cursor:pointer;background:#b1dcfb}.picker__table{border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:200;border:1px solid transparent}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#0089ec;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#b1dcfb;border-color:#0089ec;outline:0}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa}/*
Theme Name: JoinwebBasic
Text Domain: joinweb
Domain Path: /languages
Theme URI: http://joinweb.gr
Description: Lightweight Bootstrap-like Theme.
Author: Joinweb
Author URI: http://joinweb.gr
Version: 1.0.1
License: MIT License
License URI: http://opensource.org/licenses/MIT
*/

/*break points:
lg 1440
md 1280
sm 768
xs 480
*/

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	font-size: 14px;
	line-height: 1.42857143;
}
figure {
	margin: 0;
}
img {
	vertical-align: middle;
	border: 0;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

svg:not(:root) {
	overflow: hidden;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}

/********\
 * GRID *
\********/

.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}
@media (min-width: 1280px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1440px) {
	.container {
		width: 1170px;
	}
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.row {
	margin-left: -15px;
	margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
}
.col-xs-12 {
	width: 100%;
}
.col-xs-11 {
	width: 91.66666667%;
}
.col-xs-10 {
	width: 83.33333333%;
}
.col-xs-9 {
	width: 75%;
}
.col-xs-8 {
	width: 66.66666667%;
}
.col-xs-7 {
	width: 58.33333333%;
}
.col-xs-6 {
	width: 50%;
}
.col-xs-5 {
	width: 41.66666667%;
}
.col-xs-4 {
	width: 33.33333333%;
}
.col-xs-3 {
	width: 25%;
}
.col-xs-2 {
	width: 16.66666667%;
}
.col-xs-1 {
	width: 8.33333333%;
}
.col-xs-pull-12 {
	right: 100%;
}
.col-xs-pull-11 {
	right: 91.66666667%;
}
.col-xs-pull-10 {
	right: 83.33333333%;
}
.col-xs-pull-9 {
	right: 75%;
}
.col-xs-pull-8 {
	right: 66.66666667%;
}
.col-xs-pull-7 {
	right: 58.33333333%;
}
.col-xs-pull-6 {
	right: 50%;
}
.col-xs-pull-5 {
	right: 41.66666667%;
}
.col-xs-pull-4 {
	right: 33.33333333%;
}
.col-xs-pull-3 {
	right: 25%;
}
.col-xs-pull-2 {
	right: 16.66666667%;
}
.col-xs-pull-1 {
	right: 8.33333333%;
}
.col-xs-pull-0 {
	right: auto;
}
.col-xs-push-12 {
	left: 100%;
}
.col-xs-push-11 {
	left: 91.66666667%;
}
.col-xs-push-10 {
	left: 83.33333333%;
}
.col-xs-push-9 {
	left: 75%;
}
.col-xs-push-8 {
	left: 66.66666667%;
}
.col-xs-push-7 {
	left: 58.33333333%;
}
.col-xs-push-6 {
	left: 50%;
}
.col-xs-push-5 {
	left: 41.66666667%;
}
.col-xs-push-4 {
	left: 33.33333333%;
}
.col-xs-push-3 {
	left: 25%;
}
.col-xs-push-2 {
	left: 16.66666667%;
}
.col-xs-push-1 {
	left: 8.33333333%;
}
.col-xs-push-0 {
	left: auto;
}
.col-xs-offset-12 {
	margin-left: 100%;
}
.col-xs-offset-11 {
	margin-left: 91.66666667%;
}
.col-xs-offset-10 {
	margin-left: 83.33333333%;
}
.col-xs-offset-9 {
	margin-left: 75%;
}
.col-xs-offset-8 {
	margin-left: 66.66666667%;
}
.col-xs-offset-7 {
	margin-left: 58.33333333%;
}
.col-xs-offset-6 {
	margin-left: 50%;
}
.col-xs-offset-5 {
	margin-left: 41.66666667%;
}
.col-xs-offset-4 {
	margin-left: 33.33333333%;
}
.col-xs-offset-3 {
	margin-left: 25%;
}
.col-xs-offset-2 {
	margin-left: 16.66666667%;
}
.col-xs-offset-1 {
	margin-left: 8.33333333%;
}
.col-xs-offset-0 {
	margin-left: 0;
}
@media (min-width: 768px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
	.col-sm-pull-12 {
		right: 100%;
	}
	.col-sm-pull-11 {
		right: 91.66666667%;
	}
	.col-sm-pull-10 {
		right: 83.33333333%;
	}
	.col-sm-pull-9 {
		right: 75%;
	}
	.col-sm-pull-8 {
		right: 66.66666667%;
	}
	.col-sm-pull-7 {
		right: 58.33333333%;
	}
	.col-sm-pull-6 {
		right: 50%;
	}
	.col-sm-pull-5 {
		right: 41.66666667%;
	}
	.col-sm-pull-4 {
		right: 33.33333333%;
	}
	.col-sm-pull-3 {
		right: 25%;
	}
	.col-sm-pull-2 {
		right: 16.66666667%;
	}
	.col-sm-pull-1 {
		right: 8.33333333%;
	}
	.col-sm-pull-0 {
		right: auto;
	}
	.col-sm-push-12 {
		left: 100%;
	}
	.col-sm-push-11 {
		left: 91.66666667%;
	}
	.col-sm-push-10 {
		left: 83.33333333%;
	}
	.col-sm-push-9 {
		left: 75%;
	}
	.col-sm-push-8 {
		left: 66.66666667%;
	}
	.col-sm-push-7 {
		left: 58.33333333%;
	}
	.col-sm-push-6 {
		left: 50%;
	}
	.col-sm-push-5 {
		left: 41.66666667%;
	}
	.col-sm-push-4 {
		left: 33.33333333%;
	}
	.col-sm-push-3 {
		left: 25%;
	}
	.col-sm-push-2 {
		left: 16.66666667%;
	}
	.col-sm-push-1 {
		left: 8.33333333%;
	}
	.col-sm-push-0 {
		left: auto;
	}
	.col-sm-offset-12 {
		margin-left: 100%;
	}
	.col-sm-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-sm-offset-9 {
		margin-left: 75%;
	}
	.col-sm-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-sm-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-sm-offset-6 {
		margin-left: 50%;
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-sm-offset-3 {
		margin-left: 25%;
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-sm-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-sm-offset-0 {
		margin-left: 0;
	}
}
@media (min-width: 1280px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left;
	}
	.col-md-12 {
		width: 100%;
	}
	.col-md-11 {
		width: 91.66666667%;
	}
	.col-md-10 {
		width: 83.33333333%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 66.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.66666667%;
	}
	.col-md-1 {
		width: 8.33333333%;
	}
	.col-md-pull-12 {
		right: 100%;
	}
	.col-md-pull-11 {
		right: 91.66666667%;
	}
	.col-md-pull-10 {
		right: 83.33333333%;
	}
	.col-md-pull-9 {
		right: 75%;
	}
	.col-md-pull-8 {
		right: 66.66666667%;
	}
	.col-md-pull-7 {
		right: 58.33333333%;
	}
	.col-md-pull-6 {
		right: 50%;
	}
	.col-md-pull-5 {
		right: 41.66666667%;
	}
	.col-md-pull-4 {
		right: 33.33333333%;
	}
	.col-md-pull-3 {
		right: 25%;
	}
	.col-md-pull-2 {
		right: 16.66666667%;
	}
	.col-md-pull-1 {
		right: 8.33333333%;
	}
	.col-md-pull-0 {
		right: auto;
	}
	.col-md-push-12 {
		left: 100%;
	}
	.col-md-push-11 {
		left: 91.66666667%;
	}
	.col-md-push-10 {
		left: 83.33333333%;
	}
	.col-md-push-9 {
		left: 75%;
	}
	.col-md-push-8 {
		left: 66.66666667%;
	}
	.col-md-push-7 {
		left: 58.33333333%;
	}
	.col-md-push-6 {
		left: 50%;
	}
	.col-md-push-5 {
		left: 41.66666667%;
	}
	.col-md-push-4 {
		left: 33.33333333%;
	}
	.col-md-push-3 {
		left: 25%;
	}
	.col-md-push-2 {
		left: 16.66666667%;
	}
	.col-md-push-1 {
		left: 8.33333333%;
	}
	.col-md-push-0 {
		left: auto;
	}
	.col-md-offset-12 {
		margin-left: 100%;
	}
	.col-md-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-md-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-md-offset-9 {
		margin-left: 75%;
	}
	.col-md-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-md-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-md-offset-6 {
		margin-left: 50%;
	}
	.col-md-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-md-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-md-offset-3 {
		margin-left: 25%;
	}
	.col-md-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-md-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-md-offset-0 {
		margin-left: 0;
	}
}
@media (min-width: 1440px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
		float: left;
	}
	.col-lg-12 {
		width: 100%;
	}
	.col-lg-11 {
		width: 91.66666667%;
	}
	.col-lg-10 {
		width: 83.33333333%;
	}
	.col-lg-9 {
		width: 75%;
	}
	.col-lg-8 {
		width: 66.66666667%;
	}
	.col-lg-7 {
		width: 58.33333333%;
	}
	.col-lg-6 {
		width: 50%;
	}
	.col-lg-5 {
		width: 41.66666667%;
	}
	.col-lg-4 {
		width: 33.33333333%;
	}
	.col-lg-3 {
		width: 25%;
	}
	.col-lg-2 {
		width: 16.66666667%;
	}
	.col-lg-1 {
		width: 8.33333333%;
	}
	.col-lg-pull-12 {
		right: 100%;
	}
	.col-lg-pull-11 {
		right: 91.66666667%;
	}
	.col-lg-pull-10 {
		right: 83.33333333%;
	}
	.col-lg-pull-9 {
		right: 75%;
	}
	.col-lg-pull-8 {
		right: 66.66666667%;
	}
	.col-lg-pull-7 {
		right: 58.33333333%;
	}
	.col-lg-pull-6 {
		right: 50%;
	}
	.col-lg-pull-5 {
		right: 41.66666667%;
	}
	.col-lg-pull-4 {
		right: 33.33333333%;
	}
	.col-lg-pull-3 {
		right: 25%;
	}
	.col-lg-pull-2 {
		right: 16.66666667%;
	}
	.col-lg-pull-1 {
		right: 8.33333333%;
	}
	.col-lg-pull-0 {
		right: auto;
	}
	.col-lg-push-12 {
		left: 100%;
	}
	.col-lg-push-11 {
		left: 91.66666667%;
	}
	.col-lg-push-10 {
		left: 83.33333333%;
	}
	.col-lg-push-9 {
		left: 75%;
	}
	.col-lg-push-8 {
		left: 66.66666667%;
	}
	.col-lg-push-7 {
		left: 58.33333333%;
	}
	.col-lg-push-6 {
		left: 50%;
	}
	.col-lg-push-5 {
		left: 41.66666667%;
	}
	.col-lg-push-4 {
		left: 33.33333333%;
	}
	.col-lg-push-3 {
		left: 25%;
	}
	.col-lg-push-2 {
		left: 16.66666667%;
	}
	.col-lg-push-1 {
		left: 8.33333333%;
	}
	.col-lg-push-0 {
		left: auto;
	}
	.col-lg-offset-12 {
		margin-left: 100%;
	}
	.col-lg-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-lg-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-lg-offset-9 {
		margin-left: 75%;
	}
	.col-lg-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-lg-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-lg-offset-6 {
		margin-left: 50%;
	}
	.col-lg-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-lg-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-lg-offset-3 {
		margin-left: 25%;
	}
	.col-lg-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-lg-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-lg-offset-0 {
		margin-left: 0;
	}
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
	content: " ";
	display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
	clear: both;
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.pull-right {
	float: right !important;
}
.pull-left {
	float: left !important;
}
.hide {
	display: none !important;
}
.show {
	display: block !important;
}
.invisible {
	visibility: hidden;
}
.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.hidden {
	display: none !important;
}
.affix {
	position: fixed;
}


.inlineList {
	display: flex;
	flex-direction: row;
	margin: 0;
	padding: 0;
	list-style: none;
}
.hidden-all-but-xs {
	display: none;
}
.hiddden-xs {
	display: block;
}
.hidden-md-up {
	display: block;
}
@media screen and (max-width: 480px) {
	.hidden-all-but-xs {
		display: block;
	}

	.hiddden-xs {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.hidden-md-down {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.hidden-md-up {
		display: none;
	}
}


.menuToggler {
	background: transparent;
	position: absolute;
	right: 0;
	top: 50%;
	height: 50px; 
	width: 50px;
	cursor: pointer;
	transform: translate(0%, -50%);
}
.menuToggler span,
.menuToggler span:before,
.menuToggler span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 2px;
	width: 35px;
	background: #000;
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	content: '';
	color: #fff;
}
.menuToggler span:before {
	top: -10px;
}
.menuToggler span:after {
	top: 10px;
}
.menuToggler span,
.menuToggler span:before,
.menuToggler span:after {
	transition: all 0.5s ease-in-out;
}
.menuToggler.active span {
	background-color: transparent;
}
.menuToggler.active span:before,
.menuToggler.active span:after {
	top: 0;
}
.menuToggler.active span:before {
	transform: rotate(135deg);
}
.menuToggler.active span:after {
	transform: rotate(-135deg);
}

.text-center {
	text-align: center;
}
.text-right{
	text-align: right;
}

a.skip-main {
	left:-999px;
	position:absolute;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
	color: #fff;
	background-color:#000;
	left: auto;
	top: auto;
	width: 30%;
	height: auto;
	overflow:auto;
	margin: 10px 35%;
	padding:5px;
	border-radius: 15px;
	border:4px solid yellow;
	text-align:center;
	font-size:1.2em;
	z-index:999;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}/*
Theme Name: Ambelos
Text Domain: joinweb
Domain Path: /languages
Theme URI: http://joinweb.gr
Description: Ambelos Theme.
Author: Joinweb
Author URI: http://joinweb.gr
Version: 1.0
License: MIT License
License URI: http://opensource.org/licenses/MIT
Template: joinwebBasic
*/


/*********************\
general
\*********************/
* {
	outline-color: transparent;
}
body {
	font-family: 'Lato', sans-serif;
	/*color: #797874;*/
	color: #4a4a4a;
	background: #fff;
}
a {
	color: #272525;
	text-decoration: none;
}
a:hover, a:focus {
	color: #414140;
	text-decoration: none;
}
p {
	font-size: 1.6rem;
}
blockquote {
	margin: 0;
}
.lightBack {
	color: #262626;
}
.darkBack {
	color: #fff;
	background-color: #272525;
}
.greyBack {
	background: #f9f9f9;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail,
figure img {
	max-width: 100%;
	height: auto;
}

.fullscreen {
	height: 100vh;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.halfscreen {
	height: calc( 50vh + 100px );
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.centeredContent {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 auto;
	z-index: 10;
}
.downContent {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}
.leftContent {
	position: absolute;
	z-index: 10;
	left: 10%;
}
.rightContent {
	position: absolute;
	z-index: 10;
	right: 10%;
}
.section {
	padding-top: 100px;
	padding-bottom: 100px;
}

.calltoAction {
	border-radius: 2px;
	background-color: #9ca928;
	padding: 16px 50px;
	color: #fff;
	display: inline-block;
	transition: 0.5s;
	margin-top: 32px;
	position: relative;
	z-index: 1;
	text-align: center;
	text-transform: uppercase;
}
.calltoAction:hover {
	background-color: #b5c42f;
	color: #fff;
}
.calltoAction:focus,
.calltoAction:active {
	background-color: #838e21;
	color: #fff;
}

.calltoAction.transparent {
	background-color: rgba(255, 255, 255, 0.83);
	border: solid 1px #9ca928;
	color: #9ca928;
}
.quote h6 {
	font-style: italic;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

@media screen and (max-width: 1023px) {
	.fullscreen {
		/*min-height: calc(100vh);*/
		height: auto;
	}
	.centeredContent,
	.topContent,
	.downContent,
	.rightContent,
	.leftContent {
		position: relative;
		transform: translateY(0%);
		padding: 50px 15px;
		top: 0;
		left: 0;
		text-align: center;
	}
	.fullscreen .centeredContent,
	.fullscreen .topContent {
		padding: 150px 0 50px;
	}
}
.leftContent, .rightContent {
	width: 40%;
}
@media screen and (max-width: 768px) {
	.halfscreen {
		height: auto;
	}
	.section {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 480px) {
	.leftContent, .rightContent {
		width: 100%;
	}
	.icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background: #000;
	}
	.icon-bar + .icon-bar {
		margin-top: 4px;
	}
}
/*********************\
	Menu
\*********************/
.mainLogo {
	height: 55px;
}
.mainMenu a {
	color: #4a4a4a;
	transition: 0.5s;
}
.mainMenu a:focus,
.mainMenu a:active,
.mainMenu a:hover {
	color: #858585;
}
.menuLines {
	display: none;
}
.mainNavbar {
	height: 90px;
}

.languageContainer,
.languagesContainer {
	text-align: right;
}
ul.langMenu {
	justify-content: flex-end;
	text-align: right;
}
ul.langMenu li {
	padding-top: 8px;
	margin-bottom: 6px;
	margin-left: 10px;
	align-self: flex-end;
}
.headerButton {
	padding: 8px 14px;
	display: inline-block;
	margin-top: 0;
	text-transform: uppercase;
}
.mainMenu .current-menu-item {
	border-bottom: 3px solid #9ca928;
}
@media screen and (min-width: 769px) {
	.mainMenu .navbar-nav {
		display: flex;
		flex-direction: row;
		text-align: center;
		justify-content: center;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.mainMenu .navbar-nav li {
		padding: 8px 0;
		margin: 0 20px;
	}
	.mainMenu .navbar-nav li a {
		font-size: 18px;
		font-weight: bold;
	}
}
@media screen and (max-width: 768px) {
	.mainNavbar {
		height: auto;
	}
	.mainLogo {
		margin-top: 10px;
	}
	.menuLines {
		display: block;
		float: right;
		margin-top: 24px;
	}
	.menuLines button {
		background: transparent;
		border: none;
		cursor: pointer;
	}
	.mainMenu .navbar-nav {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.mainMenu li {
		text-align: right;
		padding: 8px 10px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.languageContainer {
		text-align: center;
	}
	.languageContainer {
		display: none;
	}
	.mainMenuContainer {
		background: #f9f9f9;
	}
	.headerButton {
		display: none;
	}
	ul.langMenu {
		justify-content: center;
	}
	#mainMenu {
		display: none;
	}
}

/*********************\
HOME - Intro
\*********************/
.offsetIntro.section {
	padding-bottom: 0;
	padding-top: 0;
	min-height: calc( 100vh - 80px );
}
.offsetIntro figure {
	margin-bottom: 70px;
}
.offsetIntro h4 {
	font-size: 2rem;
	font-weight: 300;
	text-align: left;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	text-transform: uppercase;
}
.offsetIntro h2 {
	font-size: 6.4rem;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	color: #000000;
	text-shadow: 0 0 6px #ffffff;
}
@media screen and (max-width: 768px) {
	.offsetIntro h4 {
		font-size: 1.4rem;
		text-align: center;
	}
	.offsetIntro h2 {
		font-size: 2.4rem;
		text-align: center;
	}
}

/*********************\
HOME - Hospitality
\*********************/
.hospitalityStyle {
	text-align: center;
	position: relative;
	background-position: center bottom;
	background-size: cover;
}
.masked {
	color: rgba(0, 0, 0, 0);
	-webkit-text-stroke: 1px #ffffff;
	display: block;
}
.quote .masked {
	font-size: 12rem;
	line-height: 1;
}
.quote .unmasked,
.quote .name {
	font-size: 2.4rem;
	line-height: 2;
	text-align: center;
	color: #ffffff;
}
.hotelText p {
	font-size: 1.4rem;
	line-height: 2.21;
	text-align: center;
	color: #ffffff;
}
.hospitalityStyle:before,
.facilitiesStyle:before {
	position: absolute;
	content:" ";
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: block;
	z-index:0;
	background-color: rgba(0,0,0,0.5);
}
.smallText {
	display: none;
}

@media screen and (max-width: 768px) {
	.splitContainer {
		display: block;
	}
	.splitContainer > div {
		width: 100%;
	}
	.quote h2 .masked {
		font-size: 6rem;
		text-align: center;
		margin-top: 30px;
	}
	.quote h2,
	.quote h3 {
		font-size: 1.4rem;
	}
	.largeText {
		display: none;
	}
	.smallText {
		text-align: center;
		display: block;
	}
	.smallText a {
		margin-bottom: 20px;
	}
}
/*********************\
HOME - Rooms
\*********************/
.roomsStyle .section {
	position: relative;
}
.roomsStyle .mainQuote {
	text-align: left;
	font-size: 5.5rem;
	font-weight: 300;
	line-height: 1;
	color: #000000;
	text-shadow: 0 0 6px #ffffff;
	margin-top: 18px;
	display: block;
}
.roomsStyle .name {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: left;
	color: #4a4a4a;
	margin-bottom: 36px;
	display: block;
}

.leftContent .text {
	background: #f9f9f9;
	padding: 17px 17px 17px 0;
	font-size: 1.4rem;
	line-height: 2;
	text-align: left;
	color: #4a4a4a;
}
.roomsStyle .decorator {
	position: absolute;
	right: 0;
	bottom: 0;
}
.roomsStyle .text p:first-of-type {
	margin-bottom: 0;
	padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
	.roomsStyle h5 {
		margin-top: 0;
	}
}

.roomsStyle.wrapper {
	overflow: hidden;
	margin: 50px auto;
	padding: 0;
	width: 1250px;
	position: relative;
}

.roomsStyle .content {
	float: left;
	width: 100%;
	position: relative;
	z-index: 2;
	height: 520px;
}

.roomsStyle blockquote {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 580px;
	margin: 0;
}

.roomsStyle .text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 550px;
	z-index: 2;
}

.roomsStyle .text p {
	background: rgba(255, 255, 255, .8);
	margin: 0 0 30px 0;
	padding: 10px;
}
.roomsStyle .image-container{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 768px;
	height: 513px;
}
@media screen and (max-width: 1240px) {
	.roomsStyle.wrapper {
		width: calc(100% - 50px);
	}
}

@media screen and (max-width: 1023px) {
	.roomsStyle .content {
		height: auto;
	}
	.roomsStyle blockquote,
	.roomsStyle .image-container,
	.roomsStyle .text {
		position: static;
		z-index: 1;
		float: left;
		text-align: center;
		height: auto;
		width: 100%;
	}
	.roomsStyle .text p {
		background: transparent;
	}
}


/*********************\
HOME - Base
\*********************/
.baseStyle.section {
	padding-top: 0;
	padding-bottom: 0;
}
.dark {
	background: rgba(0,0,0,0.6);
}

.halfscreen .dark {
	height: calc( 50vh + 100px );
	text-align: center;
	color: #fff;
}
.baseStyle .dark .quote {
	width: 100%;
}
.baseStyle .dark .quote .bigText {
	font-size: 4.7rem;
	font-weight: 300;
	text-align: center;
	color: #f9f9f9;
	display: block;
}
.baseStyle .dark .quote .mainQuote,
.baseStyle .dark .quote .name {
	font-size: 2.4rem;
	line-height: 1.4;
	text-align: center;
	font-weight: normal;
	color: #ffffff;
	display: block;
}

/*********************\
HOME - Location
\*********************/
.mapStyle h3 {
	margin-left: -104px;
	font-size: 6.4rem;
	font-weight: bold;
	color: #4a4a4a;
	text-shadow: 0 0 6px #ffffff;
}
.mapStyle h2 {
	font-size: 2.4rem;
	color: #4a4a4a;
}
.mapStyle p {
	font-size: 1.4rem;
	line-height: 2;
	color: #4a4a4a;
}
.acf-map {
	width: 100%;
	height: 566px;
}
/* fixes potential theme css conflict */
.acf-map img {
	max-width: inherit !important;
}
.mapStyle .decorator {
	position: absolute;
	bottom: -90px;
	right: -160px;
	z-index: 0;
}

@media screen and (max-width: 768px) {
	.mapStyle h3 {
		margin-left: 0;
		font-size: 2.4rem;
	}
	.mapStyle .decorator {
		display: none;
	}
}

/*********************\
HOME - Testimonials
\*********************/
.testimonialsStyle h2 {
	font-size: 6.4rem;
	font-weight: bold;
	color: #4a4a4a;
	text-shadow: 0 1px 0 #ffffff;
	height: 152px;
	background: url("/wp-content/themes/ambelos/images/quotes.svg") no-repeat;
}
.testimonialsStyle p,
.testimonialsStyle .name {
	font-size: 2.4rem;
	font-weight: 300;
	font-style: italic;
	line-height: 2;
	color: #4a4a4a;
}
.testimonialsStyle ul a {
	padding: 0 8px 0 0;
	text-transform: uppercase;
	color: #c60260;
}
.testimonialsStyle ul li {
	margin-bottom: 20px;
}
.testimonialsStyle ul span {
	padding: 0 8px 0 0;
	font-weight: bold;
	text-align: center;
	display: block;
	margin-top: -4px;
}
.testimonialsStyle blockquote {
	margin: 0;
}

@media screen and (max-width: 768px) {
	.testimonialsStyle h2 {
		font-size: 2.4rem;
		text-align: center;
		background: transparent;
		height: auto;
	}
	.testimonialImage {
		display: none;
	}
	.testimonialsStyle .section {
		padding-bottom: 0;
	}
}

/*********************\
Footer
\*********************/
.footer {
	padding-top:50px;
	padding-bottom: 30px;
	border-top: 1px solid #f9f9f9;
}
.footer,
.mainMenu.footermenu .navbar-nav li a {
	font-size: 1.3rem;
}
.footer a,
.footer a:visited {
	color: #797874;
	transition: 0.5s;
}
.footer a:hover,
.footer a:focus,
.footer a:active {
	color: #c60260;
}
.mainMenu.footermenu .navbar-nav li {
	padding: 0;
}
.footer .navbar-brand img {
	margin-bottom: 20px;
}
.footer .calltoAction,
.footer .calltoAction:visited,
.footer .calltoAction:focus,
.footer .calltoAction:active,
.footer .calltoAction:hover {
	margin-bottom: 40px;
	color: #fff;
}
.footer .credits {
	text-align: right;
}
@media screen and (max-width: 768px) {
	.footer,
	.footer .credits {
		text-align: center;
	}
}

/* gallery */
.gallery-image.slick-slide img {
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.gallery-arrow {
	position: absolute;
	top: 50%;
	z-index: 9;
	border: 0;
	background: url("/wp-content/themes/ambelos/images/arrow-right.svg") no-repeat  center center #fff;
	border-radius: 5px;
	display: block;
	padding: 20px;
	cursor: pointer;
}
.gallery-arrow span {
	display: none;
}
.gallery-prev {
	left: 5px;
	background: url("/wp-content/themes/ambelos/images/arrow-left.svg") no-repeat  center center #fff;
}
.gallery-next {
	right: 5px;
}



/* single */
.single {
	color: #4a4a4a;
}
.innerIntro.offsetIntro h2 {
	font-size: 12rem;
	text-shadow: none;
	color: rgba(255, 255, 255, 0.59);
	-webkit-text-stroke: 1px #9ca928;
}
.innerIntro.offsetIntro h3 {
	font-size: 2.4rem;
	font-weight: normal;
	font-style: italic;
	line-height: 2;
}

.singleMainContent .calltoAction {
	display: block;
	text-align: center;
}
.secondaryQuote h2 span {
	font-size: 4.7rem;
	display: block;
	font-weight: bold;
	line-height: normal;
}
.secondaryQuote h2,
.secondaryQuote h3 {
	font-size: 2.4rem;
	font-weight: normal;
	line-height: 2;
	text-align: center;
}
.secondaryQuote h3 {
	margin-bottom: 120px;
}
.galleryStyle h3 {
	font-size: 3.6rem;
	text-shadow: 0 1px 0 #ffffff;
}

.amenitiesStyle h2 {
	font-size: 6.4rem;
}

.room-gallery-image {
	padding: 10px;
}
.amenitiesStyle ul:first-of-type {
	-webkit-columns: 200px 2;
	-moz-columns: 200px 2;
	columns: 200px 2;
}
.complementaryImage {
	width: 100%;
	padding: 150px 50px;
	opacity: 0.1;
}
@media screen and (min-width: 769px) {

	.singleMainContent > .row > .col-md-7 {
		padding-right: 0;
	}
	.singleMainContent > .row > .col-md-5 {
		padding-left: 0;
	}

	.amenitiesStyle .col-md-4 {
		padding-right: 0;
	}
	.amenitiesStyle .col-md-8 {
		padding-left: 0;
	}
}
@media screen and (max-width: 768px) {
	.amenitiesStyle ul:first-of-type {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
	.innerIntro.offsetIntro h2 {
		font-size: 5rem;
	}
}

/* rooms list */
.roomsList {
	color: #4a4a4a;
}
.roomsList h2 {
	font-size: 3.6rem;
	margin-top: 50px;
}
.roomsList .room {
	padding-top: 50px;
	padding-bottom: 50px;
}
.roomsList .room:nth-child(odd) {
	background: #fff;
}
.roomsList .room h3 {
	font-size: 2.4rem;
	text-shadow: 0 1px 0 #ffffff;
}
.roomsList .room p {
	font-size: 1.4rem;
	line-height: 2;
}
.roomsList .room .calltoAction {
	display: block;
}


/*hotel*/
.hotelMainContent {
	padding-bottom: 50px;
}
.fourImages .col-sm-6:nth-child(odd) {

}
.fourImages figure {
	width: 100%;
	padding-bottom: 100%;
	overflow:hidden;
	position:relative;
	margin-top: 15px;
	margin-bottom: 15px;
}

.fourImages figure img {
	position:absolute;
	width:auto;
	min-width:100%;
	min-height:100%;
}
.hotelContent .calltoAction,
.facilitiesStyle .calltoAction {
	display: block;
}
.facilitiesStyle {
	position: relative;
	color: #fff;
}
.facilitiesStyle h3 {
	font-size: 6.4rem;
}
.facilitiesStyle h4 {
	font-size: 1.8rem;
	font-weight: bold;
}

/* single location */
.locationStyle h3,
.howtoStyle h3 {
	font-size: 3.6rem;
}
.locationStyle {
	background: url("/images/map.svg") no-repeat bottom;
}
.beachStyle h3 {
	font-size: 6.4rem;
	line-height: normal;
}
.beachStyle p {
	text-align: left;
}

/* Booking form */
.bookingForm h1 {
	font-size: 3.6rem;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #4a4a4a;
	text-shadow: 0 1px 0 #ffffff;
	text-transform: uppercase;
}
.bookingForm h2.sliderLegend {
	font-size: 1.4rem;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: normal;
	text-align: center;
	color: #4a4a4a;
	margin-top: 20px;
}
.bookingForm h3 {
	font-size: 2.4rem;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.17;
	letter-spacing: normal;
	text-align: center;
	color: #4a4a4a;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: 20px;
}
.bookingForm fieldset {
	border: none;
	padding: 0;
	margin: 0;
	min-height: 0;
	display: table-cell;
	min-width: initial;
}
.bookingForm .room {
	padding: 10px;
	margin: 10px;
}
.bookingForm .room,
.bookingForm .room label {
	cursor: pointer;
}
.bookingForm .room {
	border-radius: 5px;
	border: solid 2px #aaaaaa;
	text-align: center;
}
.bookingForm .accommodation:checked + .room {
	border: solid 2px #84689b;
	background-color: #fafcf3;
}
.bookingForm .accommodation {
	display: none;
}
.bookingForm label img {
	display: block;
	margin: 0 auto;
}
.bookingForm .room span {
	font-size: 1.4rem;
	font-weight: bold;
	padding-top: 10px;
}
.bookingForm .room span.bedsContainer {
	height: 100px;
	display: block;
}
.bookingForm .room span.calltoAction {
	padding: 16px 0;
	display: block;
}
.bookingForm .room .beds {
	opacity: 0.7;
	transition: 0.5s;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.bookingForm .accommodation:checked + .room .beds {
	opacity: 1;
}
.bookingForm .accommodation:checked + .room .calltoAction {
	background: #B5C42F;
}

.bookingForm .field label {
	font-size: 1.3rem;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #222222;
	display: block;
}
.bookingForm .field input,
.bookingForm .field textarea,
.contactForm input,
.contactForm textarea {
	width: 100%;
	border-radius: 5px;
	background-color: #f9f9f9;
	border: solid 1px #d0d0d0;
	padding: 8px 10px;
	margin-bottom: 30px;
}
.bookingForm .field input.valid,
.bookingForm .field textarea.valid,
.bookingForm .field .selectContainer.valid {
	border-color: #9ca928;
}
.bookingForm .field input.invalid {
	border-color: #c60260;
}
.bookingForm .field input.datepicker {
	background: url("/wp-content/themes/ambelos/images/calendar.svg") no-repeat 5px center #f9f9f9;
	padding-left: 32px;
}
.bookingForm .field .selectContainer {
	overflow: hidden;
	background: url("/wp-content/themes/ambelos/images/select.svg") no-repeat right 5px center #f9f9f9;
	border: 1px solid #d0d0d0;
	height: 36px;
	border-radius: 5px;
	position: relative;
	margin-bottom: 30px;
}
.bookingForm .field .selectContainer select {
	background: transparent;
	width: 115%;
	padding: 8px 10px;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
}
.bookingForm .message {
	position: absolute;
	top: 52px;
	left: 16px;
	color: #c60260;
	transition: 0.5s;
	display: none;
}
.bookingForm .invalid+.message {
	display: block;
}

.bookingForm button[type=submit],
.contactForm input[type=sumbit], .contactForm .wpcf7-submit {
	padding: 16px 80px;
	background: #9ca928;
	color: #fff;
	border-radius: 2px;
	border: none;
	cursor: pointer;
	transition: 0.5s;
	width: auto;
}
.bookingForm table caption {
	display: none;
}
.bookingForm table.pricingTable {
	width: 100%;
	border-collapse: collapse;
}
.picker, .picker__holder {
	left: 0;
}
.bookingForm .pricingTable thead {
	background: #84689b;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: normal;
	text-align: center;
}
.bookingForm .pricingTable thead th {
	padding: 15px 18px;
	border-bottom: 3px solid #fff;
}
.bookingForm table.pricingTable tbody tr {
	background: #f5f5f5;
	color: #4a4a4a;
	font-size: 1.8rem;
	text-align: center;
}
.bookingForm table.pricingTable tbody tr td {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 3px solid #fff;
}
.bookingForm table.pricingTable tbody tr.priceRow {
	display: none;
}
.bookingForm table.pricingTable tbody tr.priceRow.selectedType {
	display: table-row;
}
.bookingForm table.pricingTable tbody tr td.notes {
	font-size: 1.4rem;
	color: #4a4a4a;
}
@media screen and (max-width: 600px) {
	table.pricingTable {
		border: 0;
		margin-top: 30px;
	}
	table.pricingTable thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	table.pricingTable tr {
		border-bottom: 3px solid #fff;
		display: block;
		margin-bottom: .625em;
	}
	table.pricingTable td {
		display: block;
		font-size: .8em;
		text-align: right;
		padding-right: 10px;
	}
	.bookingForm table.pricingTable tbody tr td {
		border: none;
	}
	table.pricingTable td:before {
		/*
		* aria-label has no advantage, it won't be read inside a table
		content: attr(aria-label);
		*/
		content: attr(data-label);
		float: left;
		font-weight: bold;
		padding-left: 10px;
	}
	table.pricingTable td:last-child {
		border-bottom: 0;
	}
	.bookingNotes .text-right {
		text-align: left;
	}
	.bookingForm h2.sliderLegend {
		margin-top: 0;
		line-height: 1.4;
	}
	.accommodation_types .calltoAction {
		margin-top: 0;
	}
}

.bookingNotes, .bookingNotes p {
	font-size: 1.1rem;
	line-height: 1.55;
	color: #4a4a4a;
}

.bookingForm hr {
	border-top: 1px solid #ddd;
	margin: 30px 0;
}
.bookingDetails h4 {
	color: #4a4a4a;
	font-size: 1.4rem;
}
.bookingDetails p:first-of-type {
	margin-top: 0;
}
.bookingDetails p {
	font-size: 1.4rem;
	color: #4a4a4a;
}
.cancellation {
	font-size: 1.2rem;
}
.cancellation ul {
	margin: 0 0 30px;
	padding: 0;
}

@media screen and (min-width: 1023px) {
	.bookingForm .push-right {
		float: right;
	}
}

/** Contact page **/
.contactInfo .infoColumn {
	padding-top: 30px;
	padding-bottom: 30px;
}
.contactInfo {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 1.4rem;
}
.infoColumn h2 {
	font-size: 1.4rem;
}
.contactForm h2,
.mapContainer h2 {
	font-size: 2.4rem;
	line-height: 1.17;
	margin-bottom: 30px;
}
.contactForm label {
	font-size: 1.3rem;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.contactInfo .infoColumn {
		padding-bottom: 0;
		min-height: 195px;
	}
	
	.quote .masked{
		font-size: 9rem;
	}
}
.grecaptcha-badge {
opacity:0 !important;
}

.espa {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10;
}