@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
*/


/*--------------------------------------------------------------------------------------------*/
/* 1.1 Reset Style */
/*--------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{
	display:block
}
ol,ul 
{
	list-style:none
}
blockquote,q 
{
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after 
{
	content: '';
	content: none;
}
table 
{
	border-collapse:collapse;
	border-spacing:0
}


/*--------------------------------------------------------------------------------------------*/
/* 1.2 Extra Fonts */
/*--------------------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900&subset=latin,latin-ext);

@font-face {
    font-family: 'weather';
    src: url('../fonts/artill_clean_icons-webfont.eot');
    src: url('../fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/artill_clean_icons-webfont.woff') format('woff'),
         url('../fonts/artill_clean_icons-webfont.ttf') format('truetype'),
         url('../fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------------------------------------------------------*/
/* 1.3 Geraneral Style */
/*--------------------------------------------------------------------------------------------*/

body, html 
{ 
	height: 100%;
}

body 
{ 
	color: #fff; 
    background-color:#0e0e0e;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
    background-size: 100% 100%;
}

a 
{ 
    text-decoration:none;
}
a:hover
{ 
    cursor: pointer !important;
}

strong
{
	font-weight:500 !important;
}
.clearfix:after 
{
	content:" ";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
.clearfix 
{ 
    display:inline-block;
}
* html .clearfix 
{ 
    height:1%;
}
.clearfix 
{ 
    display:block;
}

HTML.safari.win 
{
	-webkit-text-stroke: 0.2px transparent;
}
HTML.chrome.win 
{
	-webkit-text-stroke-width: 0.2px;
}

.left 
{ 
    float:left !important;
}
.right 
{ 
    float:right !important;
}
.center
{
    margin: 0px auto;
}
.tleft
{
	text-align:left;
}
.tright
{
	text-align:right;
}
.tcenter
{
	text-align:center;
}
.no-border 
{ 
    border:0 !important;
}
.hidden 
{ 
    display: none;
}
.display 
{ 
    display: block;
}
.no-margin 
{ 
    margin:0 !important;
}
.clear 
{ 
    clear:both
}
.pointer 
{ 
    cursor:pointer
}
.relative
{ 
    position:relative
}
.inner
{
	width: 100%;
	position: relative;
	display: block;
}

/*--------------------------------------------------------------------------------------------*/
/* 1.3 Header Style */
/*--------------------------------------------------------------------------------------------*/

header
{
	width: 100%;
	height: 65px;
	z-index: 9999;
	position: fixed;
	top: -100px;
	left: 0;
	background-color:#0e0e0e;
}

#logo
{
	width: 250px;
	height: 95px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -125px;
}

#logo a
{
	width: 250px;
	height: 95px;
	display: block;
	text-indent: -9999px;
	background-image: url('../images/logo.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

#reservation-phone
{
}

#reservation-phone a
{
	height: 25px;
	display: block;
	float: right;
	margin: 20px 20px 20px 0;
	padding: 2px 0px 0px 35px;
	color: #ccac6e;
	font-size: 18px;
	font-weight: 500;
	background-image: url('../images/icon-reservation.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

*, *:after, *:before 
{
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
body.overflow-hidden 
{
  	/* when primary navigation is visible, the content in the background won't scroll */
  	overflow: hidden;
}

.cd-primary-nav-trigger 
{
  	position: absolute;
  	left: 20px;
  	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;
}
.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: 20px;
    -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);
}

/*--------------------------------------------------------------------------------------------*/
/* 1.3 Footer Style */
/*--------------------------------------------------------------------------------------------*/

footer
{
	width: 100%;
	height: 50px;
	z-index: 9990;
	position: fixed;
	bottom: -100px;
	left: 0;
	background-color:transparent;
}

#slogan
{
	width: 308px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -154px;
}

#slogan a
{
	width: 308px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	background-image: url('../images/slogan.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

#social-links
{
	width: 25%;
	float: left;
	margin-left: 10px;
}

#social-links ul
{
	margin: 0;
	padding: 0;
}

#social-links ul li
{
	padding: 14px 7px;
	float: left;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
}

#social-links ul li a
{
	color: #ffffff;
	display: block;
}

#social-links ul li a:hover
{
	color: #ccac6e;
}

#social-links ul li.facebook a
{
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	background-image: url('../images/social-icons.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

#social-links ul li.facebook a:hover
{
	background-position: 0 -15px;
}

#social-links ul li.twitter a
{
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	background-image: url('../images/social-icons.png');
	background-repeat: no-repeat;
	background-position: -15px 0;
}

#social-links ul li.twitter a:hover
{
	background-position: -15px -15px;
}

#social-links ul li.youtube a
{
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	background-image: url('../images/social-icons.png');
	background-repeat: no-repeat;
	background-position: -30px 0;
}

#social-links ul li.youtube a:hover
{
	background-position: -30px -15px;
}

#social-links ul li.instagram a
{
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	background-image: url('../images/social-icons.png');
	background-repeat: no-repeat;
	background-position: -45px 0;
}

#social-links ul li.instagram a:hover
{
	background-position: -45px -15px;
}

#wizard
{
	width: 25%;
	float: right;
}

#wizard a
{
	width: 46px;
	height: 15px;
	display: block;
	float: right;
	margin: 10px 20px;
	text-indent: -9999px;
	background-image: url('../images/wizard.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

#wizard a:hover
{
	background-position: 0 -15px;
}

/*--------------------------------------------------------------------------------------------*/
/* 1.3 Panels Style */
/*--------------------------------------------------------------------------------------------*/

#home .panel-counter 
{
	/*padding: 5px;*/
	font-size: 20px;
	color: #333;
	-moz-transform-origin: left bottom;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-moz-transform: rotate(-90deg) translateY(100%);
	-webkit-transform: rotate(-90deg) translateY(100%);
	transform: rotate(-90deg) translateY(100%);
}

.as-background, .accordion-slider, .as-panel, .as-shadow, .as-horizontal, .as-mask, .accordion-slider 
{ 
	height: 100%; 
	margin: 0; 
	padding: 0; 
	min-height: 100%;
}

.controls {
	margin-top: 30px;
	text-align: center;
}

.controls a {
	color: #333;
}

.controls span.custom-arrow {
	display: none;
}

.accordionLogo
{
	font-size: 32px !important;
	color: #ffffff;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	line-height: 42px;
	text-align:center;
	z-index: 999;
}

.detailButton
{
	width: 180px;
	margin: 0px auto;
	font-size: 18px !important;
	color: #ffffff;
	border-top: 1px solid #ccac6e;
	display: block;
}

.detailButton:hover
{
	cursor: pointer !important;
}

/*--------------------------------------------------------------------------------------------*/
/* 1.3 Weather Widget Style */
/*--------------------------------------------------------------------------------------------*/

.weather-palace, .weather-obakoy, .weather-kosk, .weather-radisson
{
  	width: 300px;
  	margin: 0px auto;
  	text-align: center;
  	text-transform: uppercase;
  	font-family: 'Ubuntu', sans-serif;
}

i 
{
	color: #fff;
  	font-family: weather;
  	font-size: 34px;
  	font-weight: normal;
  	font-style: normal;
  	line-height: 1.0;
}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

.weather-palace, .weather-obakoy, .weather-kosk, .weather-radisson h2 
{
	margin: 0 0 8px;
  	color: #fff;
  	font-size: 18px;
  	font-weight: 300;
  	text-align: center;
	text-indent: -15px;
  	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

/*--------------------------------------------------------------------------------------------*/
/* 1.3 Loading Style */
/*--------------------------------------------------------------------------------------------*/


body.royal_preloader {
    background: none;
    visibility: hidden;
}
#royal_preloader {
    font-family: 'Playfair Display', serif;
    font-size: 12px;
    visibility: visible;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    margin: 0;
    z-index: 9999999999;
}
#royal_preloader.royal_preloader_number:before,
#royal_preloader.royal_preloader_progress:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#royal_preloader.complete {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear 0.5s;
       -moz-transition: opacity 0.2s linear 0.5s;
        -ms-transition: opacity 0.2s linear 0.5s;
         -o-transition: opacity 0.2s linear 0.5s;
            transition: opacity 0.2s linear 0.5s;
}
#royal_preloader.royal_preloader_line {
    height: 2px;
    bottom: auto;
}

/* Progress Mode */

#royal_preloader.royal_preloader_progress .royal_preloader_percentage {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    color: #AAAAAA;
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    text-align: center;
}
#royal_preloader.royal_preloader_progress .royal_preloader_loader {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 60%;
    height: 2px;
    margin: -10px auto auto auto;
    background-color: rgba(0, 0, 0, 0.1);
}
#royal_preloader.royal_preloader_progress .royal_preloader_meter {
    width: 0;
    height: 100%;
    margin: auto;
    padding: 0;
    background-color: #ccac6e;
}

@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0);}
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotate {
    0% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotate {
    0% { -ms-transform: rotate(0); }
    100% { -ms-transform: rotate(360deg); }
}
@-o-keyframes rotate {
    0% { -o-transform: rotate(0); }
    100% { -o-transform: rotate(360deg); }
}
@keyframes rotate {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes scale {
    0% { -webkit-transform: scale(0); opacity: 0;}
    50% { -webkit-transform: scale(2);  opacity: 0.5;}
    100% { -webkit-transform: scale(1);  opacity: 1;}
}
@-moz-keyframes scale {
    0% { -moz-transform: scale(0); opacity: 0;}
    50% { -moz-transform: scale(2); opacity: 0.5;}
    100% { -moz-transform: scale(1); opacity: 1;}
}
@-ms-keyframes scale {
    0% { -ms-transform: scale(0); opacity: 0;}
    50% { -ms-transform: scale(2); opacity: 0.5;}
    100% { -ms-transform: scale(1); opacity: 1;}
}
@-o-keyframes scale {
    0% { -o-transform: scale(0); opacity: 0;}
    50% { -o-transform: scale(2); opacity: 0;.5}
    100% { -o-transform: scale(1); opacity: 1;}
}
@keyframes scale {
    0% { transform: scale(0); opacity: 0;}
    50% { transform: scale(2); opacity: 0.5;}
    100% { transform: scale(1); opacity: 1;}
}

/*--------------------------------------------------------------------------------------------*/
/* 1.3 Detail Page Style */
/*--------------------------------------------------------------------------------------------*/
#fullpage {    position: relative;
    top: 10%;
}
.column
{
	width: 100%;
	height: 100%;
	max-height: 100%;

	display: block;
	overflow: hidden;
	position: relative;
	background-color: #ffffff;
}

.colx
{
        height: 250px;
	display: block;
	position: relative;
    padding-bottom:10px;
}

.colx img
{
	width: 100%;
	    max-height: 300px;
    height: 250px;
	max-height: 100%;
        max-width: 500px;
    margin: auto;
    display: block;
}

.content
{

    font-size:13px;
  	position: relative;

  	
}

.content h1
{
	text-align: center;
	letter-spacing: 0.15em;
	padding: 0 0 10px 0;
	margin: 0px auto;
	position: relative;
	display: table;
	font-size: 22px;
	color: #ccac6e;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
}

.content h1:after
{
	position: absolute;
  	height: 1px;
  	width: 100%;
  	left: 0%;
  	bottom: 0;
  	content: '';
  	background: #ccac6e;
	-webkit-animation-duration: .5s;
  	animation-duration: .5s;
  	-webkit-animation-fill-mode: both;
  	animation-fill-mode: both;
  	-webkit-animation-name: lineAnima;
  	animation-name: lineAnima;
  	-webkit-animation-delay: 1.6s;
  	animation-delay: 1.6s;
}

.content p
{
	    width: 98%;
	text-align: center;
	margin: 0px auto;
	padding: 10px 0 10px 0;

	color: #808080;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	
}

.content p a
{
	color: #808080;
}

.content a.down
{
	width: 100%;
	height: 35px;
	text-align: center;
	display: block;
	color: #ccac6e;
	font-size: 12px;
	font-weight: 300;
	background-image: url('../images/arrow-down.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

.content a.up
{
	width: 100%;
	height: 35px;
	text-align: center;
	display: block;
	color: #ccac6e;
	font-size: 12px;
	font-weight: 300;
	background-image: url('../images/arrow-up.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

.content form
{
	padding: 20px;
}

.content form .colx
{
	padding: 0px 10px;
	box-sizing: border-box;
}

.content form .col-4
{
	width: 33.333333%;
	float: left;
	display: block;
	position: relative;
	padding: 0px 10px;
	box-sizing: border-box;
}

.content form .col-8
{
	width: 66.666666%;
	float: left;
	display: block;
	position: relative;
	padding: 0 10px;
	box-sizing: border-box;
}

.content form input[type="text"]
{
	width: 100%;
	display: block;
	padding: 10px;
	color: #808080;
	margin-bottom: 15px;
	font-size: 14px;
	border: none;
	border-bottom: 1px solid #808080;
}
.content form input[type="email"]
{
	width: 100%;
	display: block;
	padding: 10px;
	color: #808080;
	margin-bottom: 15px;
	font-size: 14px;
	border: none;
	border-bottom: 1px solid #808080;
}

.content form select
{
	width: 100%;
	display: block;
	padding: 10px;
	color: #808080;
	margin-bottom: 15px;
	font-size: 14px;
	border: none;
	border-bottom: 1px solid #808080;
}

.content form input[type="textarea"]
{
	width: 100%;
	display: block;
	padding: 10px;
	color: #808080;
	margin-bottom: 15px;
	font-size: 14px;
	border: none;
	border-bottom: 1px solid #808080;
}

.content form input[type="submit"]
{
	width: 100%;
	display: block;
	padding: 10px;
	color: #ffffff;
	margin-bottom: 15px;
	font-size: 14px;
	border: none;
	background-color: #ccac6e;
}

.content form span
{
	color: #808080 !important;
	font-size: 12px;
}

.magazine
{
	margin:0px;
	padding:10px;
	box-sizing:border-box;
}

.magazine li
{
	width:20%;
	padding:10px;
	box-sizing:border-box;
	float:left;
}

.magazine li img
{
	width:100%;
	height:auto;
	float:left;
	padding-bottom:10px;
}

.magazine li a
{
	width:100%;
	height:auto;
	text-align:center;
	float:left;
	color: #808080;
	font-size:14px;
	font-weight:300;
}

.news
{
	width:100%;
	height:auto;
	background-color:#ffffff;
	padding-top:115px !important;
}

.news
{
	width:100%;
	height:auto;
	background-color:#ffffff;
	padding-top:125px;
}

.news h1
{
	text-align: center;
	letter-spacing: 0.15em;
	padding: 0 0 10px 0;
	margin: 0px auto;
	position: relative;
	display: table;
	font-size: 28px;
	color: #ccac6e;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
}

.news h1:after
{
	position: absolute;
  	height: 1px;
  	width: 100%;
  	left: 0%;
  	bottom: 0;
  	content: '';
  	background: #ccac6e;
	-webkit-animation-duration: .5s;
  	animation-duration: .5s;
  	-webkit-animation-fill-mode: both;
  	animation-fill-mode: both;
  	-webkit-animation-name: lineAnima;
  	animation-name: lineAnima;
  	-webkit-animation-delay: 1.6s;
  	animation-delay: 1.6s;
}

.news p
{
	width: 72%;
	text-align: center;
	margin: 0px auto;
	padding: 10px 0 10px 0;
	font-size: 168x;
	color: #808080;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	line-height: 30px;
}

.news p a
{
	color: #808080;
}

.news ul
{
	padding:10px;
	box-sizing:border-box;
}

.news li
{
	width:20%;
	padding:10px;
	box-sizing:border-box;
	float:left;
	height:400px;
}

.news li img
{
	width:100%;
	height:auto;
	float:left;
	padding-bottom:10px;
}

.news li a
{
	width:100%;
	height:300px;
	padding:10px;
	box-sizing:border-box;
	text-align:left;
	float:left;
	color: #808080;
	font-size:14px;
	font-weight:300;
	background-color:#f2f2f2;
}

.mobileHome {
    display: none;
}

.mobileContainer {width:100%; height:300px; text-align:center; transition-duration:1s;
}
    .mobileContainer#abantPalace {
        background: url('/Content/taksimOtelcilik/images/panel-palace-closed.jpg');
        background-size:200% ;
    }
    .mobileContainer#alanyaObakoy {
        background: url('/Content/taksimOtelcilik/images/panel-obakoy-closed.jpg');
        background-size:200% ;
    }
    .mobileContainer#abantKosk {
        background: url('/Content/taksimOtelcilik/images/panel-kosk-closed.jpg');
        background-size:200% ;
    }
    .mobileContainer#cesmeRadisson {
        background: url('/Content/taksimOtelcilik/images/panel-cesme-closed.jpg');
        background-size:200% ;
    }
    .mobileContainer p {
        font-size: 32px !important;
	color: #ffffff;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	
	text-align:center;
	z-index: 999;
        position: relative;
    top: 150px;
    }
    .mobileOpen {
    height: 450px;
    transition-duration: 1s;
   
}
.displayKes {
    display: block !important; transition-duration: 1s;
}
        .mobileOpen#abantPalace {background: url('/Content/taksimOtelcilik/images/panel-palace-opened.jpg')!important; background-size: 200% !important;}
        .mobileOpen#alanyaObakoy {background: url("/Content/taksimOtelcilik/images/panel-obakoy-opened.jpg")!important; background-size: 200%  !important;}
        .mobileOpen#abantKosk {background: url("/Content/taksimOtelcilik/images/panel-kosk-opened.jpg")!important; background-size: 200%  !important;}
        .mobileOpen#cesmeRadisson {background: url("/Content/taksimOtelcilik/images/panel-cesme-opened.jpg")!important; background-size: 200% !important;}


.port p{ padding-bottom:60px;
}
.yapi {
    font-size: 12px;
}
.odul {
    top: 22%;
}
    .odul h1 {
        padding-top: 80px;
    }
    .odul p {
        padding-bottom: 60px;
    }
.gold {
    top: 56%;
}
    .gold p {
        padding: 0px;
    }
.avan { top:56%; font-size:12px;
}
    .avan h1 { font-size:19px;
    }
    .avan p { padding:0px;
    }
.spaAvan {
    top: 56%;
}
    .spaAvan h1 {
        font-size: 17px;
    }

    .Loc{top:57%}
.Loc h1{font-size:21px;}
.radLoc {
    top: 56%;
}
.radLoc h1{font-size:17px; }
.istek .colx {
    height: auto;
}
.istek h1 {
    padding-top:80px;
}
.istek form {
    padding-bottom: 50px;
}
.dergiler {top:36%;
}
    .dergiler h1 {
        padding: 80px 0px 0px 0px;
       
    }
    .dergiler p {
        padding-bottom: 0px;
    }
    .dergiler ul li {
        padding-top: 2px;
        padding-bottom: 0px;
    }
        .dergiler ul li:last-child {
            padding-bottom: 60px;
        }
.basvur form {
    padding-bottom: 50px;

}
    .basvur form span {
        font-size: 11px;
    }
.basvur form .colx { height:auto;
}
/*--------------------------------------------------------------------------------------------*/
/* 1.3 Responsive Style */
/*--------------------------------------------------------------------------------------------*/
@media (max-width:800px) {
    .mobileHome { display: block; }
    #reservation-phone {display: none; }
	.mobile { display:block !important}
	.reservationForm { width:70%; z-index:99;}
    #reservation-phone.mobileHome {display: block !important; float:none; width:auto; }
     #reservation-phone.mobileHome a { float:none; background-image:none; font-weight: bold; font-size: 15px; margin: 20px 20px 10px 0;     padding: 2px 0px 0px 16px;}
    #home {display: none; }
    #social-links ul li {float: none; display:inline-block; padding: 18px 7px; font-size: 18px;
}
        #social-links ul li a {
            padding: 0px;
            width: auto;
            height: auto;
            text-indent: 0px;
            background-image: none;
        }
    .hundRed {
        width: 100%!important; padding: 0px 0px 30px 0px;
    }
    #social-links { position: relative; margin-left:0px; width:115%;}
    #slogan a{background-size:75%; background-position: 50% 50%;}
    .cd-primary-nav.is-visible ul { float: none !important;  margin: auto; }
    #logo {top: 35px;}
    #logo a{background-image: url('../images/logo.png'); background-size: 70%; background-position: 50% 50%; position:relative; z-index:1;}
    .cd-primary-nav-trigger {    left: 4%; top: 32px; margin-left: 0px; z-index:10;}
    header { height: 95px;}
    #wizard a {margin: 19px 0px 0px 0px;}
    .disNon {
        display: none;
    }
    #slogan a {
        margin: auto;
    }
    #slogan {    width: 100%;
    height: 50px;
     position: static;
     top: 0;
     left: 0;
    margin-left:0px;
    background-color: #0E0E0E;
    }
}
    

@media (max-width: 860px) {
	#home.custom-responsive .panel-counter 
	{
		font-size: 16px;
		padding: 2px;
		bottom: 2px !important;
		left: 2px !important;
	}

	#home.custom-responsive .hide-medium-screen,
	{
		display: none;
	}
}

@media (max-width: 640px) {
	#home.custom-responsive .as-layer,
	{
		font-size: 12px;
	}

	#home.custom-responsive .hide-small-screen,
	{
		display: none;
	}
}

@media (max-width: 450px) {
	#home.custom-responsive .as-layer,
	{
		font-size: 10px;
		padding: 2px;
	}
}




.pageMenu {display:flex;     justify-content: space-between; padding-left:5%; padding-right:5%; margin-top:10em;}
		.kisisel-veriler {font-size:12px;     position: relative;
    margin-top:1em;
    left: 0;
    right: 0;}
		.cd-primary-nav .kisisel-veriler a,.kisisel-veriler {color: #5f5f5f;    display: block;}
	.cd-primary-nav .kisisel-veriler a:hover {color:#ffffff}
				
		@media only screen and (max-width:1030px){
		.pageMenu {display:block;}
		.pageMenu li ul {display:none;}
		
		}

#social-links {width:80%;}


.vakifbank-istirak img{width:110px}
.reservationForm { background:rgb(0,116,125); padding:15px; display:inline-block;  width:25%; position:absolute; right:20px; top:65px}
.widget-reservation-box .form1 { width:100%;}

.widget-reservation-box b {  font-size:12px; font-weight:normal; line-height:1.5; font-family:Arial, Helvetica, sans-serif; display:block; color:#fff; text-align:left}
.widget-reservation-box input {  margin:0 0 10px 0; font-size:14px; color:#000; border:none; padding:6px; border:1px solid #ddd; border-radius:3px; width:100%;}
.widget-reservation-box select {  margin:0 0 10px 0; font-size:14px; color:#000; border:none; padding:6px;border:1px solid #ddd; border-radius:3px; width:100%;}
.widget-reservation-box button {width:100%; font-size:14px; color:#bbb; border:none; color:#FFFFFF; padding:8px 20px 8px 20px; background:#a0741b;}
.select-wrapper { display:inline-block; width:49%;}
.formTop { text-align:right; margin-top:10px; color:#a0741b; margin-right:17px; font-family:Arial, Helvetica, sans-serif}
.language a { padding:8px; border:1px solid #ccc; border-radius:13px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-right:10px; color:#a0741b}
.formBottom { background:#a0741b}
#ui-datepicker-div { font-size:12px}
@media (max-width: 767px) {
.reservationForm { width:75%}

}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {
}