@charset "utf-8";

/*	TYPOGRAPHIES
================================================================================================================================== */
@import url('fonts.css');
@import url('font.awesome.min.css');



/*	MAIN ELEMENTS
================================================================================================================================== */
*{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
html, body{ font-size: 16px; }
body{ min-height: 100%; overflow-x: hidden; color: #040404; font-family: "Lato"; }

h1, h2, h3, h4, h5, h6{ padding: 0; clear: both; font-weight: bold; }
h1{ margin: 15px 0 25px; font-size: 26px; }
h2{ margin: 15px 0 20px; font-size: 22px; }
h3{ margin: 15px 0; font-size: 22px; }
h4{ margin: 10px 0; font-size: 18px; }
h5{ margin: 10px 0; font-size: 16px; }

a{ color: inherit; }
a:hover, a:focus{ color: inherit; text-decoration: none; }
a.link{ color: #0f5ad9; }

p{ margin-bottom: 25px; }

ul.list-custom{ margin-bottom: 30px; }
ul.list-custom li{ padding: 0 0 15px 30px; }
ul.list-custom li:before{ content: url("../images/iconList.png"); float: left; margin: 0 0 0 -30px; font-family: "FontAwesome"; }

.fancybox-opened {z-index:9999;}

/*	GENERAL STYLES
================================================================================================================================== */
.select-wrapper{ position: relative; height: 34px; }
.select-wrapper:after{ content: "\f107"; position: absolute; top: 0px; right: 0px; width: 30px; height: 100%; padding-top: 7px; font-family: "FontAwesome"; text-align: center; pointer-events: none; }
.select-wrapper select{ width: 99.9%; height: 100%; padding: 6px 12px; background-color: transparent; border: none; box-shadow: none !important; cursor: pointer; }
.select-wrapper option{ padding: 6px; background-color: #fff; color: inherit; }
.select-wrapper.select-wrapper-disabled, .select-wrapper.select-wrapper-disabled:after{ background-color: #eee; }

.box-image{ position: relative; display: block; width: 100%; min-height: 100px; overflow: hidden; }
.box-image img{ position: absolute !important; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; z-index: 0 !important; min-width: 100%; min-height: 100%; margin: auto; transition: 200ms; }
.box-image:hover img{ transform: scale(1.1); }
.box-image-icon{}
.box-image-icon:hover:before{ content: " "; position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; background-color: rgba(51,51,51,.4); }
.box-image-icon:hover:after{ content: "\f00e"; position: absolute; top: 50%; left: 50%; z-index: 2; line-height: 1; margin: -15px 0 0 -15px; color: #fff; font-family: "FontAwesome"; font-size: 30px; }

.color-1{ color: #0f5ad9; }
.color-2{ color: #f1c40f; }
.color-3{ color: #56953d; }
.color-4{ color: #9fa3a7; }

.link-phone-number{ cursor: default; }

.font-lighthouse{ font-family: "Lighthouse"; }

.accordion-wrapper{}

.accordion{ margin-bottom: 10px; border: 1px solid #aaa; }
.accordion-toggle{ position: relative; display: block; height: 40px; color: #fff; background-color: #aaa; font-size: 18px; font-weight: bold; }
.accordion-toggle:hover, .accordion-toggle:focus{ color: #fff; background-color: #aaa; }
.accordion-toggle span{ display: table-cell; width: 1%; height: 40px; line-height: 1.05; padding: 0 30px 0 10px; vertical-align: middle; }
.accordion-toggle i{ position: absolute; top: 7px; right: 10px; line-height: 26px; font-size: 26px; }
.accordion-content{ height: 0px; overflow: hidden; }
.accordion-content-inner{ padding: 10px; }

.accordion.expanded{}
.accordion.expanded .accordion-toggle{ color: #000; background-color: transparent; }
.accordion.expanded .accordion-content{ height: auto; }
.accordion.expanded .accordion-toggle i{ -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.checkbox-input{ display: inline-block; line-height: 1.2; padding: 2px 0 0 25px; cursor: pointer; font-size: 14px; }
.checkbox-input:before{ content: ""; float: left; width: 18px; height: 18px; line-height: 1; margin: -2px 0 0 -25px; padding-top: 2px; background-color: #fff; text-align: center; font-family: "FontAwesome"; }
.checkbox-input.checked:before{ content: "\f00c"; }

.radio-input{ display: inline-block; cursor: pointer; }
.radio-input:before{ content: "\f10c"; float: left; width: 20px; height: 20px; margin-right: 5px; color: #0155dd; border-radius: 50%; font-family: "FontAwesome"; font-size: 20px; }
.radio-input.checked:before{ content: "\f192"; }

.cs-button{ min-width: 150px; height: 50px; line-height: 1; padding: 0 25px 4px; border: 1px solid transparent; border-radius: 25px; box-shadow: none; font-weight: bold; transition-duration: 150ms; transition-property: margin, padding, color, background-color; }
a.cs-button{ display: inline-block; padding: 15px 25px 0; text-align: center; }
.cs-button-icon, a.cs-button-icon{ padding-left: 30px; padding-right: 30px; }
.cs-button-icon:after{ float: right; content: "\f105"; margin: 1px -15px 0 0; font-family: "FontAwesome"; font-weight: normal; }

.cs-button-wide{ min-width: 250px; }
.cs-button-1{ color: #fff; background-color: #f1c40f; border-color: #f1c40f; }
.cs-button-1:hover{ color: #fdc02f; background-color: #fff; border-color: #fdc02f; }
.cs-button-2{ color: #fff; background-color: #0f5ad9; border-color: #0f5ad9; }
.cs-button-2:hover{ color: #0f5ad9; background-color: #fff; border-color: #0f5ad9; }
.cs-button-3{ width: 280px; color: #fff; background-color: transparent; border-color: #fff; }
.cs-button-3:hover{ color: #0f5ad9; background-color: #fff; border-color: #fff; }
.cs-button-4{ width: 180px; color: #bdbaba; background-color: transparent; border-color: #bdbaba; }
.cs-button-4:hover{ color: #fff; background-color: #bdbaba; border-color: #bdbaba; }


/*	HEADER 
================================================================================================================================== */
.section-pre-header{ height: 38px; margin-bottom: 102px; color: #fff; background-color: #27384e; font-size: 14px; }
.section-pre-header .container{}

.locations{ display: inline-block; }
.locations a{ float: left; position: relative; line-height: 14px; padding: 12px 0; color: #ccc; }
.locations a:hover{ color: #fff; }
.locations a:nth-child(n+2):before{ content: "|"; margin: 0 15px 0 15px; pointer-events: none; }
.locations a.active{ color: #fff; font-weight: bold; }
.locations a.active:after{ content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 0; border: 6px solid; border-color: transparent transparent #fff; }

.pre-content{ padding: 9px 0; }

.lang{ display: block; height: 38px; padding-top: 9px; color: #fff; border-left: 1px solid #fff; text-align: center; }



.section-header{ position: absolute; top: 38px; left: 0; right: 0; z-index: 999; padding: 10px 0; background-color: #fff; }
.section-header .container{}

.button-survey{ position: fixed; bottom: 50%; right: 0; z-index: 93; margin-right: -90px; transition: 100ms; }
.button-survey:hover{ margin-right: 0; }


.section-slider{ }
.section-slider .container-fluid{ position: relative; }

.image-prize{  position: absolute; top: 0; right: 50px; z-index: 90;  }
.safe-tourism{ position: absolute; top: 0; right: 250px; z-index: 90; }


.section-banner{ position: relative; margin-bottom: 30px; padding: 50px 0; color: #fff; }
.section-banner:after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; background-color: rgba(0,0,0,0.7); }
.section-banner .container{ position: relative; z-index: 9; }
.section-banner h1{ margin: 10px 0; }



/*	PAGE-CLASSES
================================================================================================================================== */
/* Genel section wrapper stilleri */
.section{ margin-bottom: 30px; }
.section .container{ }

.title-line{ position: relative; padding-bottom: 5px; }
.title-line:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 80px; border-bottom:  1px solid #040404; }


/* home */
.section-home{ }

.reservation{ margin-bottom: 30px; background-color: #fff; text-align: center; box-shadow: 0 5px 30px rgba(0,0,0,0.3); }
.reservation.reservation-home{ position: relative; z-index: 91; margin-top: -50px; }

.reservation .reservation-form{ padding: 15px; }
.reservation .reservation-form .column-1{  }
.reservation .reservation-form .column-2{ border-left: 1px solid #9a9a9a; }
.reservation .reservation-form .column-3{ border-left: 1px solid #9a9a9a; }
.reservation .reservation-form .column-4{ border-left: 1px solid #9a9a9a; }

.reservation .reservation-button{ height: 110px; padding: 10px 50px; color: #fff; background-color: #008bff; }

.reservation label{ display: block; color: #9a9a9a; text-align: center; font-weight: bold; }

.zebra-wrapper{ display: inline-block; line-height: 1; text-align: left; }
.input-calendar{ width: 18px; height: 19px; padding: 0 0 0 20px; border: none; overflow: hidden; }
.date-wrapper{ float: right; width: 118px; padding-left: 60px; cursor: pointer; }
.date-wrapper span{ float: left; width: 100%; }
.date-wrapper span.day{ margin-left: -58px; letter-spacing: -2px; font-size: 48px; }
.date-wrapper span.month{ margin: 7px 0 2px; }

.select-wrapper-reservation{ display: inline-block; width: 90px; height: 48px; }
.select-wrapper-reservation:after{ padding-top: 14px; background-color: #fff; color: #040404; }
.select-wrapper-reservation select{ line-height: 48px; padding: 0 6px; font-size: 48px; }
.select-wrapper-reservation select option{ line-height: 1; font-size: 24px; }

.comment-home{ position: relative; padding: 15px; border: 1px solid #a1a1a1; }
.comment-home:before, .comment-home:after{ content: ""; position: absolute; top: 22px;  right: 100%; border-style: solid; border-width: 11px 15px; }
.comment-home:before{ z-index: 2; border-color: transparent #a1a1a1 transparent transparent; }
.comment-home:after{ z-index: 3; margin-right: -1px; border-color: transparent #fff transparent transparent }

.vote{ display: inline-block; unicode-bidi: bidi-override; direction: rtl; }
.vote em{ float: right; line-height: 1; font-style: normal !important; }
.vote em:before{ content: "\f10c"; color: #56953d; font-family: "FontAwesome"; font-size: 14px; }
.vote.vote-1 em:nth-child(n+5):before{ content: "\f192"; }
.vote.vote-2 em:nth-child(n+4):before{ content: "\f192"; }
.vote.vote-3 em:nth-child(n+3):before{ content: "\f192"; }
.vote.vote-4 em:nth-child(n+2):before{ content: "\f192"; }
.vote.vote-5 em:before{ content: "\f192"; }

.box-home-info{ margin-top: -50px; padding: 20px 15px; background-color: #fff; }
.box-home-info .box-grey{ padding: 15px; background-color: #ececec; }


.list-location li{ margin-bottom: 10px; }



.section-grey{ padding: 30px 0; background-color: #f3f1f1;  }

.box-with-very-very-interesting-styled-and-placed-lines{ position: relative; display: block; margin-bottom: 20px; }
.box-with-very-very-interesting-styled-and-placed-lines:before{ content: ""; position: absolute; top: 10px; right: 10px; bottom: 0; left: 10px; z-index: 9; border: 1px solid #f1c40f; pointer-events: none; }
.box-with-very-very-interesting-styled-and-placed-lines .content{ display: block; min-height: 60px; padding: 18px 30px; }
.box-with-very-very-interesting-styled-and-placed-lines.box-1{ height: 640px; }
.box-with-very-very-interesting-styled-and-placed-lines.box-1 .box-image{ height: 520px; }
.box-with-very-very-interesting-styled-and-placed-lines.box-1 .box-image span{ position: absolute; bottom: 15px; z-index: 9; display: block; width: 100%; color: #fff; font-size: 20px; text-align: center; }
.box-with-very-very-interesting-styled-and-placed-lines.box-2{ min-height: 310px; }
.box-with-very-very-interesting-styled-and-placed-lines.box-2 .box-image{ height: 250px; }
.box-with-very-very-interesting-styled-and-placed-lines.box-2-inverted{}
.box-with-very-very-interesting-styled-and-placed-lines.box-2-inverted:before{ top: 0; bottom: 10px; }


.section-instagram{ padding: 20px 0 70px; color: #fff; background-image: url("../images/bgSectionInstagram.jpg"); background-position: center; background-size: cover; }

.social-account{ display: inline-block; margin-left: 15px; padding: 5px 0 5px 15px; border-left: 1px solid #fff; }

.box-image-instagram{ height: 180px; margin-bottom: 10px; }
.box-image-instagram .overlay{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; opacity: 0; padding: 80px 20px 0; color: #fff; background-color: rgba(241,196,15,0.8); transition: 150ms; }
.box-image-instagram .overlay span{ float: left; width: 50%; font-size: 18px; text-align: center; }
.box-image-instagram:hover .overlay{ opacity: 1; }



/* icerik */
.section-content{ min-height: 500px; }

.table-survey{}
.table-survey td:first-child{ width: 30%; text-align: left; vertical-align: top !important; }
.table-survey td:last-child{ position: relative; padding: 0 !important; overflow: hidden; }
.table-survey td textarea{ width: 98%; margin: 1%; border-color: #a6a6a6; }
.table-survey td .radio-wrapper{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.table-survey td .radio-wrapper.static .td{ vertical-align: top; }

.table-radio{ display: table; width: 100%; height: 100%; }
.table-radio .td{ display: table-cell; width: 20%; padding: 8px 3px; text-align: center; vertical-align: middle; }
.table-radio .td:nth-child(n+2){ border-left: 1px solid #e1e1e1; }

.box-image-wrapper{ border: 1px solid #d7d7d7; box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.box-image-wrapper .title{ line-height: 1; padding: 12px 12px 0; font-weight: bold; font-size: 18px; }
.box-image-wrapper .title .link{ float: right; padding: 1px 10px; border: 1px solid #040404; border-radius: 10px; font-weight: normal; }
.box-image-wrapper .box-image{ height: 244px; border: 12px solid #fff; }
.box-image-wrapper .detail{ padding: 0 12px 12px; }
.box-image-wrapper .detail div{ float: left; width: 50%; text-align: center; }
.box-image-wrapper .detail div:nth-child(n+2){ border-left: 1px solid #040404; }
.box-image-wrapper .detail div img{ margin-right: 15px; }

.icon-info-wrapper{ display: table; width: 100%; }
.icon-info-wrapper .td{ position: relative; display: table-cell; width: 1%; line-height: 1.1; padding: 0 5px; text-align: center; }
.icon-info-wrapper .td:nth-child(n+2):before{ content: ""; position: absolute; left: 0; top: 40px; bottom: 0; border-left: 1px solid #ccc; }
.icon-info-wrapper .number{ margin: 15px 0; font-size: 40px; }



#CDSWIDSSP{width: 100% !important;}



.section-adv{ padding: 50px 0; background-image: url('../images/bgSectionAdv.jpg'); background-position: center; background-size: cover; }
.section-adv .content{ padding: 20px 20px 10px; background-color: #fff; }










/* Left Menu */
.left-menu-wrapper{ margin-bottom: 30px; }
.left-menu-wrapper ul{ margin: 0; padding: 0; list-style: none; }

.left-menu-title{ line-height: 1.1; margin: 0; padding: 10px; color: #fff; background-color: #000; font-size: 24px; font-weight: bold; }

.left-menu-toggle{ display: none;  line-height: 16px; padding: 10px; color: #fff !important; background-color: #222; font-weight: bold;  }
.left-menu-toggle:after{ float: right; content: "\f107"; line-height: 1; margin: -3px 5px 0 0; font-size: 20px; font-family: "FontAwesome"; font-weight: normal; }
.left-menu-toggle.expanded:after{ content: "\f106"; }

.left-menu{ border: 1px solid rgba(0,0,0,.4); }
.left-menu li{}
.left-menu li a{ position: relative; display: block; color: #fff; background-color: #252525; }
.left-menu li a:hover{ background-color: #151515; }
.left-menu li.active > a{ color: #fff; background-color: #000; }
.left-menu li.has-sub-menu.expanded > a{ background-color: #ccc; }
.left-menu li.has-sub-menu > a:after{ position: absolute; top: 10px; right: 10px; content: "\f107"; font-family: "FontAwesome"; font-size: 14px; }
.left-menu li.has-sub-menu.expanded > a:after{ content: "\f106"; }

/* Root level */
.left-menu > li > a{ line-height: 16px; padding: 10px; color: #3f3f3f; background-color: #f6f6f6; font-weight: bold; }
.left-menu > li:nth-child(n+2) > a{ border-top: 1px solid rgba(0,0,0,.4); }

/* Sub menu */
.sub-menu{ height: 0; overflow: hidden; }
.has-sub-menu.expanded > .sub-menu{ height: auto; }
.sub-menu li a{ line-height: 14px; padding: 7px; color: #3f3f3f; background-color: #eee; border-top: 1px solid rgba(0,0,0,.1); font-size: 14px; }
.sub-menu li > a{ padding-left: 20px; }												/* Level 1 */
.sub-menu .sub-menu > li > a{ padding-left: 30px; }									/* Level 2 */
.sub-menu .sub-menu .sub-menu > li > a{ padding-left: 40px; }						/* Level 3 */
.sub-menu .sub-menu .sub-menu .sub-menu > li > a{ padding-left: 50px; }				/* Level 4 */
.sub-menu .sub-menu .sub-menu .sub-menu .sub-menu > li > a{ padding-left: 60px; }	/* Level 5 */

/* iletisim */
.section-contact{ }

.captcha-wrapper{ position: absolute; top: 1px; right: 5px; bottom: 1px; }

.google-map-home{ height: 309px; }
.google-map{ height: 400px; }
.gm-style-cc, .gm-style a img{ display: none; }



/* ik */
.section-career{ }

.select-wrapper-form{ border: 1px solid #ccc; border-radius: 3px; background-color: #fff; }
.select-wrapper-form:after{ background-color: #fff; color: #333; }
.select-wrapper-form select{ color: #333; }

/* sss */
.section-faq{ }

/* urunler */
.section-products{ }
.section-products .product-previews{ display: block; background-color: #fafafa; }

/* haberler */
.section-news{ }
.section-news .news-previews{ height: 120px; background-color: #fafafa; }

/* 404 */
.section-404{ text-align: center; }
.section-404 h2{ margin-top: 40px; margin-bottom: 20px; }
.section-404 p{ margin-bottom: 20px; }
.section-404 img{ margin-bottom: 80px; }



/*	FOOTER
================================================================================================================================== */
.section-footer{ padding: 40px 0 20px; color: #bdbaba; background-image: url("../images/bgFooter.jpg"); background-color: #f3f3f3; background-position: top center; background-repeat: no-repeat; text-align: center; }
.section-footer p{ line-height: 1.2; }

.section-footer .list-inline li:nth-child(n+2){ margin-left: 6px; padding-left: 6px; }
.section-footer .list-inline li:nth-child(n+2):before{ content: "|"; float: left; margin-left: -12px; pointer-events: none; }

.title-footer{ position: relative; margin-bottom: 15px; padding-bottom: 5px; font-size: 18px; font-weight: bold; }
.title-footer:after{ content: ""; position: absolute; left: 50%; bottom: 0; width: 26px; margin-left: -13px; border-bottom: 1px solid #bdbaba; }

.social-footer{ display: inline-block; width: 42px; height: 36px; padding-top: 7px; background-color: #fff; transition: 150ms; }
.social-footer:hover{ color: #fff; background-color: #bdbaba; }

.egegen{ position: relative; display: inline-block; width: 75px; height: 30px; overflow: hidden; }
.egegen .before, .egegen .after{ position: absolute; left: 0px; right: 0px; height: 100%; -webkit-transition: .1s; transition: .1s; display: block; }
.egegen .before{  top: 0%; }
.egegen .after{ top: 100%; }
.egegen:hover .before{ top: -100%; }
.egegen:hover .after{ top: 0%; }

.egegen .after svg{ width: 100%; height: 100%; } /* egegen logosu boyutları */
.egegen .egegen-logo path{ fill: #fff !important; } /* egegen logosu rengi */

.egegen .before svg{ width: 100%; height: 100%; } /* oscar logosu boyutları */
.egegen .oscar-logo path{ fill: #fff !important; } /* oscar logosu rengi */

.back-to-top{ position: fixed; bottom: 5px; right: 5px; z-index: 999; display: inline-block; width: 40px; height: 40px; line-height: 32px; opacity: 0; color: #fff !important; background-color: #666; border-radius: 50%; text-align: center; font-size: 28px; pointer-events: none; transition: 150ms; }
.back-to-top.active{ opacity: .6; pointer-events: inherit; }
.back-to-top.active:hover{ opacity: 1; }



/*  MEDIA QUERIES (ENABLE WHEN RESPONSIVE)
================================================================================================================================== */
/* LG Desktop */
@media (min-width: 1200px) {
	.reservation .reservation-form .column-3{ height: 80px; }
	.reservation .reservation-form .column-4{ height: 80px; }
}

/* Desktop */
@media (min-width: 992px) and (max-width: 1199px) {
	.reservation .reservation-button{ padding: 10px 20px; }
}

/* Desktop and above */
@media (min-width: 992px) {
	.section-header.fixed{ position: fixed; top: 0; box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
}

/* Tablet and below */
@media (max-width: 991px) {
	.section-pre-header{ margin-bottom: 0; }

	.section-header{ position: static; }

	.left-menu-toggle{ display: block; }
	.left-menu{ height: 0; overflow: hidden; }
	.left-menu.expanded{ height: auto; }
	.left-menu > li > a{ border-top: 1px dashed  rgba(0,0,0,.2); }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
	.reservation .reservation-form .column-3{ height: 114px; }
	.reservation .reservation-form .column-4{ height: 114px; }

	.date-wrapper{ width: 70px; padding-left: 0; text-align: center; }
	.date-wrapper span.day{ width: 100%; margin-left: 0; }
	.date-wrapper span.month{ margin: 1px 0; }

	.reservation .reservation-button{ height: 144px; padding: 30px 10px; }
}

/* All Mobile */
@media (max-width: 767px) {
	.section-pre-header{ height: 76px; }
	.section-pre-header .border-bottom-xs{ border-bottom: 1px solid #fff; }

	.section-header{ padding-bottom: 0; }

	.reservation .reservation-form .column-1{ padding-bottom: 5px; }
	.reservation .reservation-form .column-2{ padding-bottom: 5px; }
	.reservation .reservation-form .column-3{ padding-top: 10px; border-top: 1px solid #949494; border-left: none; }
	.reservation .reservation-form .column-4{ padding-top: 10px; border-top: 1px solid #949494; }

	.horizontal-scroll{ overflow-x: scroll; }
	.section-pre-header .pre-content > div { height: 29px; }

	.google-map{ height: 230px; }

	.image-prize .safe-tourism{max-width: 110px;}
	
}
@media (min-width: 767px) and (max-width: 992px){
	.safe-tourism{top: 274px;right: 48px;}
}

/* XS Mobile */
@media (min-width: 540px) and (max-width: 767px) {
}

@media (max-width: 540px){
	.safe-tourism{top:0; right: 150px;}
	.image-prize{top: 0;right: 0px;}
}

/* XXS Mobile */
@media (max-width: 539px) {
	.section-banner .cs-button{ display: none; }

	.locations a{ float: left; position: relative; line-height: 14px; padding: 12px 0; color: #ccc; }
	.locations a:hover{ color: #fff; }
	.locations a:nth-child(n+2):before{ content: "|"; margin: 0 10px; pointer-events: none; }

	.reservation .reservation-form .column-2{ padding-top: 10px; border-top: 1px solid #949494; border-left: none; }

	.reservation .reservation-button{ padding: 10px; }

	.comment-home{ margin-top: 20px; }
	.comment-home:before, .comment-home:after{ top: auto; bottom: 100%; right: 50%; margin-right: -11px; border-width: 15px 11px; }
	.comment-home:before{ border-color: transparent transparent #a1a1a1 transparent; }
	.comment-home:after{ z-index: 3; margin-bottom: -1px; border-color: transparent transparent #fff transparent }

	.box-image-instagram{ height: 150px; }
}


@media only screen and (min-width: 320px){
	.iati-reservation-module-wrapper{
	   position: inherit;
	   top: 0;
	   z-index: 999;
	   left: 0;	
	}
}
@media only screen and (min-width: 768px){
	.iati-reservation-module-wrapper{
	   position: absolute;
	   top: 26%;
	   z-index: 999;
	   left: 0%;	
	}
}
@media only screen and (min-width: 1024px){
	.iati-reservation-module-wrapper{
	   position: absolute;
	   top: 19%;
	   z-index: 999;
	   left: 0%;
	   width: 35%;
	}
}
@media only screen and (min-width: 1200px){
	.iati-reservation-module-wrapper{
	   position: absolute;
	   top: 27%;
	   z-index: 999;
	   left: 7%;	
	}
}
@media only screen and (min-width: 1440px){
	.iati-reservation-module-wrapper{
	   position: absolute;
	   top: 18%;
	   z-index: 999;
	   left: 10%;	
	}
}
@media only screen and (min-width: 1441px) and (min-width: 1920px){
	.iati-reservation-module-wrapper{
	   position: absolute;
	   top: 15%;
	   z-index: 999;
	   left: 20%;	
	}
}

/* Retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
}


/*  AJAX MESSAGES
================================================================================================================================== */
.loading{ position: fixed; top: 0px; left: 0px; z-index: 9999999; width: 100%; min-height: 100% !important; background-image: url('../images/bgLoadingOverlay.png'); }
.loading .loading-image{ position: fixed; top: 49%; top: 50%; left: 50%; z-index: 9999999; width: 70px; height: 69px; margin:  -35px 0 0 -35px; padding: 7px 0 0 7px; background-color: #fff; }



/*	MODERNIZR FIXES (CROSS-BROWSER)
================================================================================================================================== */
.lt-ie9 .container{ } /* ie less than 9 */
.chrome .container{ } /* chrome tarayıcı */



/*  TEXT SELECTION COLOR
================================================================================================================================== */
::selection{ background: #0f5ad9; color: #fff; }
::-moz-selection{ background: #0f5ad9; color: #fff; }
::-webkit-selection{ background: #0f5ad9; color: #fff; }
::-ms-selection{ background: #0f5ad9; color: #fff; }
::-o-selection{ background: #0f5ad9; color: #fff; }



/*  PLACEHOLDER COLOR
================================================================================================================================== */
::-webkit-input-placeholder { color: #aaa !important; opacity: 1; }
::-moz-placeholder { color: #aaa !important; opacity: 1; }
:-ms-input-placeholder { color: #aaa !important; opacity: 1; }
input:-moz-placeholder { color: #aaa !important; opacity: 1; }

:disabled::-webkit-input-placeholder { opacity: 0.5; }
:disabled::-moz-placeholder { opacity: 0.5; }
:disabled:-ms-input-placeholder { opacity: 0.5; }
:disabled:-moz-placeholder { opacity: 0.5; }