@charset "utf-8";
/*
Site URL: http://www.taksimotelcilik.com.tr
Date: 01/05/2015
Author: Wizard Digital Agency
Author URL: http://www.wizard.com.tr
*/

#logo a 
{
    width: auto;
    height: 65px;
    display: block;
    background-image: url('../images/palace/logo-abant-palace.png');
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size:normal;
}

ul#menu li a:hover
{
	color:#daae53;
}

#section0 
{ 

}

#section2 
{ 

	background-size:cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: 100% 100%;
}
#section3 
{ 

	background-size:cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: 100% 100%;
}
#section4 
{ 

	background-size:cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
}
#section5 
{ 
	background:url('../images/palace/bg-gold-2.jpg') center center no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: 100% 100%;
}
#section6 
{ 
	background:url('../images/palace/bg-gold-4.jpg') center center no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: 100% 100%;
}

.page .box .subtitle
{
	color:#daae53;
}

.page #tanitimfilmi
{
	width:100%;
	height:48%;
	display:block;
	margin:0px 10px 20px 10px;
	box-sizing:border-box;
	text-indent:-9999px;
	background-image:url(../images/palace/abant-palace-tanitim-filmi.jpg);
	background-repeat:no-repeat;
	background-position: center center;
}
.page #tanitimfilmi:hover
{
	background-image:url(../images/palace/abant-palace-tanitim-filmi.jpg);
}

.page #sanalgezinti
{
	width:100%;
	height:48%;
	display:block;
	margin:0px 10px 20px 10px;
	box-sizing:border-box;
	text-indent:-9999px;
	background-image:url(../images/palace/abant-palace-sanal-gezinti.jpg);
	background-repeat:no-repeat;
	background-position: center center;
}
.page #galeri
{
	width:100%;
	height:48%;
	display:block;
	margin:0px 10px 20px 10px;
	box-sizing:border-box;
	text-indent:-9999px;
	background-image:url(../images/palace/abant-palace-galeri.jpg);
	background-repeat:no-repeat;
	background-position: center center;
}
.page #sanalgezinti:hover
{
	background-image:url(../images/palace/abant-palace-sanal-gezinti.jpg);
}

.button
{
	background-color:#daae53;
}

.owl-carousel .item h3
{
	color:#daae53;
}

.owl-carousel .item a.detail:hover
{
	box-shadow: inset 0 0 0 1px rgba(233, 214, 175, 1);
}
.embed-container { position: relative; overflow: hidden; max-width: 100%;height: 365px;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.reservation .reform, .reservation .reform-success
{
	background-color: #daae53;
}

.closeBtn
{
    background: #daae53 url('../images/close-btn.png') 0 0 no-repeat;
    background-position: center center;
}

.reservation .reform input[type="text"]
{
	color: #daae53;
}

.reservation .reform select
{
	color: #daae53;
}

.reservation .reform input[type="submit"]
{
	color: #daae53;
}

.reservation .reform input[type="submit"]:hover
{
	color: #daae53;
}

#news-container #nc-title span
{
	background-color: #daae53;
}

#royal_preloader.royal_preloader_progress .royal_preloader_meter {
    background-color: #daae53;
}

/*--------------------------------------------------------------------------------------------*/
/* 1.5 Shortcut Style */
/*--------------------------------------------------------------------------------------------*/

#shortcut
{
	width: 52px;
	height: 272px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -136px;
	background-repeat: no-repeat;
	background-position: cener top;
}

#shortcut a
{
	width: 52px;
	height: 52px;
	position: relative;
	display: block;
	margin-bottom: 20px;
}

#shortcut a.play
{
	background-image: url('../images/shortcut-play.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}

#shortcut a.tour
{
	background-image: url('../images/shortcut-360.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}

#shortcut a.awards
{
	background-image: url('../images/shortcut-awards.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}

#shortcut a.booking
{
	background-image: url('../images/shortcut-booking.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}

#shortcut a.play span
{
	width: 104px;
	height: 52px;
	line-height: 52px;
	position: absolute;
	left: -114px;
	text-align: right;
	display: none;
}

#shortcut a.play:hover span
{
	display: block;
	color: #ffffff;
}

#shortcut a.tour span
{
	width: 104px;
	height: 52px;
	line-height: 52px;
	position: absolute;
	left: -114px;
	text-align: right;
	display: none;
}

#shortcut a.tour:hover span
{
	display: block;
	color: #ffffff;
}

#shortcut a.awards span
{
	width: 104px;
	height: 52px;
	line-height: 52px;
	position: absolute;
	left: -114px;
	text-align: right;
	display: none;
}

#shortcut a.awards:hover span
{
	display: block;
	color: #ffffff;
}

#shortcut a.booking span
{
	width: 104px;
	height: 52px;
	line-height: 52px;
	position: absolute;
	left: -114px;
	text-align: right;
	display: none;
}

#shortcut a.booking:hover span
{
	display: block;
	color: #ffffff;
}
/*-----------------------------------------*/
.cd-primary-nav-trigger 
{
  	position: absolute;
  	left: 50%;
  	top: 20px;
  	height: 100%;
  	width: 50px;
}
.cd-primary-nav-trigger .cd-menu-text 
{
  	color: #ccac6e;
  	text-transform: uppercase;
  	font-weight: 400;
  	padding-left: 35px;
  	/* hide the text on small devices */
  	display: none;
      font-size:15px;
}
.cd-primary-nav-trigger .cd-menu-icon 
{
  	/* this span is the central line of the menu icon */
  	display: inline-block;
  	position: absolute;
  	left: 50%;
  	top: 50%;
  	bottom: auto;
  	right: auto;
  	-webkit-transform: translateX(-50%) translateY(-50%);
  	-moz-transform: translateX(-50%) translateY(-50%);
  	-ms-transform: translateX(-50%) translateY(-50%);
  	-o-transform: translateX(-50%) translateY(-50%);
  	transform: translateX(-50%) translateY(-50%);
  	width: 28px;
  	height: 4px;
  	line-height: 25px;
  	background-color: #ccac6e;
  	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
  	transition: background-color 0.3s;
  	/* these are the upper and lower lines in the menu icon */
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after 
{
  	content: '';
  	width: 100%;
  	height: 100%;
  	position: absolute;
  	background-color: #ccac6e;
  	right: 0;
  	-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  	-moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  	transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before 
{
  	top: -10px;
}
.cd-primary-nav-trigger .cd-menu-icon::after 
{
  	top: 10px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked 
{
  	background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after 
{
  	background-color: #ccac6e;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before 
{
  	top: 0;
  	-webkit-transform: rotate(135deg);
  	-moz-transform: rotate(135deg);
  	-ms-transform: rotate(135deg);
  	-o-transform: rotate(135deg);
  	transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after 
{
  	top: 0;
  	-webkit-transform: rotate(225deg);
  	-moz-transform: rotate(225deg);
  	-ms-transform: rotate(225deg);
  	-o-transform: rotate(225deg);
  	transform: rotate(225deg);
}
.cd-primary-nav-trigger 
{
    width: 100px;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
	top: 32px;
    left: 50%
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cd-primary-nav-trigger .cd-menu-text 
{
    display: inline-block;
}
.cd-primary-nav-trigger .cd-menu-icon 
{
    left: 0;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
}

.cd-primary-nav 
{
  	/* by default it's hidden - on top of the viewport */
	font-family: 'Playfair Display', serif;
  	position: fixed;
  	left: 0;
  	top: 0;
  	height: 100%;
  	width: 100%;
  	background: rgba(14, 14, 14, 0.96);
  	z-index: 9888;
  	text-align: center;
  	padding: 80px 0 80px 0;
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	overflow: auto;
  	/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  	-webkit-overflow-scrolling: touch;
  	-webkit-transform: translateY(-100%);
  	-moz-transform: translateY(-100%);
  	-ms-transform: translateY(-100%);
  	-o-transform: translateY(-100%);
  	transform: translateY(-100%);
  	-webkit-transition-property: -webkit-transform;
  	-moz-transition-property: -moz-transform;
  	transition-property: transform;
  	-webkit-transition-duration: 0.4s;
  	-moz-transition-duration: 0.4s;
  	transition-duration: 0.4s;
}
.cd-primary-nav li 
{
  	font-size: 18px;
  	font-weight: 400;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	margin: .2em 0;

}
.cd-primary-nav a 
{
	color: #ffffff;
  	display: inline-block;
  	padding: .4em 1em;
}
.no-touch .cd-primary-nav a:hover 
{
  	background-image: url('../images/bg-gold.jpg');
	background-repeat: repeat-x;
	background-position: left 0 bottom 0;
}
.cd-primary-nav .cd-label 
{
  	color: #ccac6e;
  	font-weight: 700;
  	font-size: 20px;
  	margin: 2.4em 0 .8em;
}
.cd-primary-nav.is-visible 
{
  	-webkit-transform: translateY(0);
  	-moz-transform: translateY(0);
  	-ms-transform: translateY(0);
  	-o-transform: translateY(0);
  	transform: translateY(0);
}
.displaySubMen {display: none;}
.displayMen {display: block;}
@media (max-width:1140px) {
    .displaySubMen {display: block;}
    .displayMen {display: none !important;}
}
@media (max-width:600px) {
    .cd-primary-nav-trigger {
        left: 2%;
    }
    .reservation .button {
        background-color:transparent;
    }
}
@media (max-height:400px) {
    #shortcut a {
        top: 30px;
        margin-bottom: 0px;
    }
        #shortcut a.awards {
                background-size: 80%;
                background-position: 50% 50%;
        }
        #shortcut a.booking {background-size: 80%;
                background-position: 50% 50%;
        }
        #shortcut a.tour {background-size: 80%;
                background-position: 50% 50%;
        }
        #shortcut a.play {background-size: 80%;
                background-position: 50% 50%;
        }
}