/*
Theme Name: Gast Child
Author: boozaa
Author URI: 
Template: gast
*/
#scroll-to-top {display: none}

.airport-1-3{width:22%;padding-right: 2% !important;float: left;}

.airport-2-5{width:40%;margin-left: 0% !important;float: left;clear: both !important;}
.airport-1-5{width:18%;float: left;margin-left: 2%;clear: none;}

.airport-2-4{width:50%;margin-left: 0% !important;float: left;clear: both !important;}
.airport-1-4{width:23%;float: left;margin-left: 2%;clear: none;}

.wpforms-container .wpforms-submit-container {position: initial !important;}
#wpforms-21384-field_25-container{position: initial !important;}
div.wpforms-container .wpforms-form .choices__list--single{padding: 12px 16px 12px 4px !important;}
.wpforms-field{position: initial !important;}

#footer-social-icons .fl-icon{font-size: 30px;}

/* Make each section 100% of the browser viewport height */
section {
    height: 100%;
    color: white !important;
    position: relative;
    text-align: center;
   /* Center the content of the sections */
}
section .inner {
    margin: 0 auto;
    max-width: 85%;
    height: 100%;
    vertical-align:middle;
}
/* Background colors for each section */
section#one {background-image: url('https://hotelamira.com/wp-content/themes/gast-child/images/2-new.jpg');height: 100vh;background-size: cover;background-position: center;}
section#one .inner{display: flex;align-items: center;}
section#one h3{    width: 100%;color: white;letter-spacing: 2px;font-family: "Halant", serif;font-weight: 600;font-size:38px;}
section#two {background-image: url('https://hotelamira.com/wp-content/themes/gast-child/images/4.jpg');height: 100vh;background-size: cover;background-position: right;}
section#two .inner{display: flex;align-items: center;}
section#two h3{    width: 100%;color: white;letter-spacing: 2px;font-family: "Halant", serif;font-weight: 600;font-size:38px;}
section#three {background-image: url('https://hotelamira.com/wp-content/themes/gast-child/images/3.jpg');height: 100vh;background-size: cover;background-position: center;}
section#three .inner{display: flex;align-items: center;}
section#three h3{    width: 100%;color: white;letter-spacing: 2px;font-family: "Halant", serif;font-weight: 600;font-size:38px;}

@media screen and (max-width:420px){
	section#one h3{font-size:24px;color: rgba(255,255,255,0.9);}
	section#two h3{font-size:24px;color: rgba(255,255,255,0.9);}
	section#three h3{font-size:24px;color: rgba(255,255,255,0.9);}
}

.footer-wrapper {z-index: 999;}

/***** Rservation SlideIt *****/

/***** Item reset *****/

#slideit * {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: 300;
	font-style: normal;
	font-size: 100%;
	vertical-align: baseline;
	line-height: normal;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	letter-spacing: 0.5;
}
#slideit a {
	text-decoration: none;
}
#slideit input[type="radio"] {
	display: none;
}
#slideit label {
	cursor: pointer;
}
/* === Note === If you experience issues with reset above, please adjust the selectors and values according to your template/website.
When adjusting the reset is adviced to check up the elements on your page, as they might distort. */


/*  ==================
    3. MAIN STYLES
    ==================  */

#slideit {
	z-index: 9999; /* Keep the item above all other elements on the page */
	position: fixed;
	width: 200px; /* Width of the wrapper of the section. Adjust this value if you want wider elements */
	bottom: 0; /* Vertical position of the elements */
	right: 220px; /* Horizontal position of the elements */
}

/***** Form styles *****/

#slideit section {
	margin: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 10;
	background: #fff;
	-webkit-backface-visibility: hidden; /* Webkit transition hack */
	/* Section animation upon opening */
	-webkit-transition: all 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);
	-moz-transition: all 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);
	-ms-transition: all 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);
	-o-transition: all 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);
	transition: all 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);
}
#slideit section,
#slideit input#close-item:checked ~ section {
	/* Section position when closed */
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}
#slideit input#open-item:checked ~ section {
	/* Section position when opened */
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
#slideit section .wrap {
	padding: 30px;
	position: relative;
	border-bottom: 6px solid #A7ABC6;
}
#slideit span.title {
	font-size: 24px;
	padding: 30px;
	color: #fff;
	background: #C2C6E2;
	text-transform: uppercase;
	display: block;
	width: 100%;
}
#slideit p.info {
	font-size: 13px;
	color: #999;
	line-height: 18px;
}
#slideit .field {
	width: 100%;
	position: relative;
	margin: 28px 0 0 0;
	display: block;
}

/***** Labels *****/

#slideit label.open,
#slideit label.close {
	text-align: center;
	position: absolute;
}
#slideit label.open {
	font-size: 18px;
	color: #fff;
	background: #3775a9;
	width: 200px;
	bottom: -50px;
	left: 0;
	right: 0;
	top: auto;
	margin: 0 auto;
	padding: 14px 0;
	text-transform: uppercase;
	z-index: 1;
	font-weight: 400;
}
#slideit input#close-item:checked ~ label.open {
	-webkit-transition: bottom 0.3s ease 0.4s, background 0.1s ease, color 0.1s ease;
	-moz-transition: bottom 0.3s ease 0.4s, background 0.1s ease, color 0.1s ease;
	-ms-transition: bottom 0.3s ease 0.4s, background 0.1s ease, color 0.1s ease;
	-o-transition: bottom 0.3s ease 0.4s, background 0.1s ease, color 0.1s ease;
	transition: bottom 0.3s ease 0.4s, background 0.1s ease, color 0.1s ease;
	bottom: 0;
}
#slideit label.open:hover,
#slideit label.open:focus {
	background: #1d5a8d;
	color: #fff;
}
#slideit label.open a{color:#fff !important;}
#slideit label.close {
	right: 30px;
	left: auto;
	top: 0;
	bottom: auto;
	font-size: 20px;
	background: #9ea3c5;
	color: #fff;
	width: 22px;
}
#slideit label.close:hover,
#slideit label.close:focus {
	background: #757786;
}


/***** Transitions *****/

#slideit label,
#slideit select,
#slideit input {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#slideit label.hide {
    opacity:0;
    bottom:-100%;
}
#slideit label.show {
    opacity:1;
    bottom:0;
}

/*  ==================
    4. MEDIA QUERIES
    ==================  */

/***** Max width 320px *****/

@media screen and (max-width:320px){
	
}

/***** Reservation SlideIt Bitis *****/
/***** Contact Slide Baslangic ******/

/***** Item reset *****/

#slideit2 * {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: 300;
	font-style: normal;
	font-size: 100%;
	vertical-align: baseline;
	line-height: normal;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#slideit2 a {
	text-decoration: none;
}
#slideit2 input[type="radio"] {
	display: none;
}
#slideit2 label,
#slideit2 input.accept {
	cursor: pointer;
}
/* === Note === If you experience issues with reset above, please adjust the selectors and values according to your template/website.
When adjusting the reset is adviced to check up the elements on your page, as they might distort. */


/*  ==================
    3. MAIN STYLES
    ==================  */

#slideit2 {
	z-index: 9999; /* Keep the item above all other elements on the page */
	position: fixed;
	width: 200px; /* Width of the wrapper of the section. Adjust this value if you want wider elements */
	bottom: 0; /* Vertical position of the elements */
	right: 20px; /* Horizontal position of the elements */
}

/***** Form styles *****/

#slideit2 section {
	margin: 0;
	overflow: hidden;
	width: 400px;
	height: auto;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 10;
	background: #fff;
	border-bottom: 6px solid #0a335d;
	-webkit-back ce-visibility: hidden; /* Webkit transition hack */
}
#slideit2 section,
#slideit2 input#close-item:checked ~ section {
	/* Section position when closed */
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}
#slideit2 input#open-item:checked ~ section {
	/* Section position when opened */
	-webkit-transform: translateY(-52px);
	-moz-transform: translateY(-52px);
	-ms-transform: translateY(-52px);
	-o-transform: translateY(-52px);
	transform: translateY(-52px);
}
#slideit2 section .wrap {
	padding: 30px 10px;
	position: relative;
	float: left;
	width:100%;
	border-bottom:1px solid #eee;
}
#slideit2 section .phoneSlide {
	background-image: url(https://www.hotelamira.com/wp-content/uploads/2021/04/24-hours-support.svg);
    background-repeat: no-repeat;
    padding-left: 100px;
    display: block;
    line-height: 0px;
    background-size: 60px;
    background-position: 16px 23px;
}
#slideit2 section .whatsappSlide {
	background-image: url(https://www.hotelamira.com/wp-content/uploads/2021/04/whatsapp-icon.svg);
    background-repeat: no-repeat;
    padding-left: 100px;
    display: block;
    line-height: 0px;
    background-size: 65px;
    background-position: 16px 20px;
}
#slideit2 .field {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
}
#slideit2 input#open-options:checked ~ .more-options {
	max-height: 230px; /* <-- Adjust this value if you remove or add new fields/elements in the form so the animation will work properly and elements won't be hidden */
	visibility: visible;
}
#slideit2 .title {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	color: #222;
	padding-bottom: 6px;
	margin-bottom: 6px;
	text-align: left;
}
#slideit2 p.info {
	display: block;
	font-size: 18px;
	color: #999;
	text-align: left;
}
#slideit2 p.info a {
	color: #222;
}
#slideit2 p.info a:hover {
	text-decoration: underline;
}

/***** Main labels *****/

#slideit2 label.open,
#slideit2 label.close {
	text-align: center;
	position: absolute;
}
#slideit2 label.open {
	font-size: 18px;
    color: #1d5a8d;
    background: #dfecf3;
    font-weight: 400;
    width: 200px;
    bottom: 0px;
    left: 0;
    right: 0;
    top: auto;
    margin: 0 auto;
    padding: 14px 0;
    text-transform: uppercase;
    z-index: 1;
}
#slideit2 input#close-item:checked ~ label.open {
	bottom: 0;
}
#slideit2 label.open:hover,
#slideit2 label.open:focus {
	background: #1d5a8d;
	color: #fff;
}
#slideit2 label.close {
	right: 30px;
	left: auto;
	top: 0;
	bottom: auto;
	font-size: 20px;
	background: #3775a9;
	color: #fff;
	width: 22px;
	z-index: 999;
}
#slideit2 label.close:hover,
#slideit2 label.close:focus {
	background: #757786;
}

/***** Inputs *****/

#slideit2 input.accept {
	background: #9EA3C5;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 13px;
	text-transform: uppercase;
	padding: 6px 14px;
	text-align: center;
	border: none;
	outline: none;
	width: auto;
	margin-top: 16px;
}
#slideit2 input.accept:hover,
#slideit2 input.accept:focus {
	background: #757786;
}

/***** Transitions *****/

#slideit2 input.accept,
#slideit2 a {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#slideit2 section {
	-webkit-transition: all 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);
	-moz-transition: all 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);
	-ms-transition: all 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);
	-o-transition: all 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);
	transition: all 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);
}


#slideit2 label.hide {
    opacity:0;
    bottom:-100%;
}
#slideit2 label.show {
    opacity:1;
    bottom:0;
}


/*  ==================
    4. MEDIA QUERIES
    ==================  */

/***** Max width 420px *****/

@media screen and (max-width:420px){
	#slideit2 {
		width: 50%;
		right: 0;
	}
	#slideit {
		width: 50%;
		left: 0;
	}
	#conButGor{border: 3px solid #0a335d;border-bottom: 0px;}
	#rezButGor{border: 3px solid #0a335d;border-bottom: 0px;}

	#slideit2 input#open-item:checked ~ section {
		/* Section position when opened */
		-webkit-transform: translateY(-55px);
		-moz-transform: translateY(-55px);
		-ms-transform: translateY(-55px);
		-o-transform: translateY(-55px);
		transform: translateY(-55px);
		max-width: 90vw;
		right:5vw;
	}
}

/***** Contact Slide Bitis ******/

.serviceBox{padding: 30px 40px;background-color: #dfecf3;text-align: center;}
.serviceBox .icon{width:60%;}
.serviceBox .text{line-height: 15px;font-size: 15px;font-weight: 600;margin-top: 20px;}



/**** Review Baslangic ********/

.points {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px auto;
}
.points .item .logo {
    height: 40px;
    vertical-align: top;
}
.points .item .score {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 1.6px;
    text-align: center;
    color: #bababa;
}
.points .item .score span {
    font-family: Halant, serif;
    font-size: 64px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #999;
    display: block;
    margin-bottom: 0px;
}

@media screen and (max-width:428px){
	.points {
	    flex: 0 0 100%;
	    max-width: 100%;
	    width: 100%;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	    align-items: center;
	    margin: 0px auto;
	}
	.points .item {
	    margin-bottom:48px;
	}

}
/***** Review Bitis *******/
form#wpforms-form-21384 .iti__selected-flag {
    font-size: 14px;
    font-weight: bold;
}
 
form#wpforms-form-21384 .iti--separate-dial-code input[type=tel] {
	padding-left: 80px !important;
}
.wpforms-field-phone{margin-bottom:40px !important;}

/***** New Year Doodle Baslangic *****/
.site-tagline{display:none !important;}
.normal-logo{width:100% !important;}
.alternative-logo{width:100% !important;}

#popmake-22006 div div{padding-left:0 !important;}