@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700&subset=latin,latin-ext);
@import url(../symbol/icon1.css);
@import url(../symbol/icon2.css);

body { background:#e4dfc5; color:#000; font-family: 'Open Sans Condensed', sans-serif; height:100%; width:100%; margin:0; font-size:14px; overflow-x:hidden; overflow-y:auto; }

a, img { outline:none; outline-width:0; border:none;}

a { color:#385b7f; font-weight:bold; text-decoration:none; }
a:hover { color:#c6b876; }

.clear { clear:both;}
.clear.margin { height:30px;}

input, textarea { font-size:14px; font-family: 'Open Sans Condensed', sans-serif;display:block; margin:4px 0; background:#cdbd64; padding:8px; border:1px solid #afa25c;}

form#contact { margin:20px 0;}
form#contact input { width:250px; }
form#contact textarea{ width:380px; height:80px;}
form#contact input[type="submit"] { width:90px; padding:10px; cursor:pointer; background:#254765; color:#fff; font-weight:bold; }
form#contact input[type="submit"]:hover { opacity:0.8; }

table#fiyatlar { width:100%; text-align:center; border-collapse:collapse;}
table#fiyatlar th { background:#a3954c; border:1px solid #bbad62; color:#fff; padding:5px; font-size:11px; }
table#fiyatlar td { border:1px solid #bbad62; padding:5px; font-size:10px; }
table#fiyatlar tr:nth-child(odd) { background:#bbad62; }



h1,h2,h3,h4,h5,h6 { font-weight:bold; font-size:1.5em; padding:10px 0; margin:0 0 10px 0; text-shadow:0 1px 1px #ded087;}

h1 { border-bottom:1px dotted #b1a149; width:300px; display:inline-block; word-break:keep-all; overflow:hidden; margin:10px 20px;}

header { display:block; width:100%; margin:0 auto; height:210px; border-top:3px solid #dfd185;}
header > .grid1 { width:300px; margin:0 auto; position:relative;}
header > .grid1 a.logo { position:relative; z-index:450;}

header > .grid1 a.nav { 
	width:55px; 
	height:50px;
	padding:5px 0 0 0;
	margin:0 auto; 
	text-align:center; 
	display:grid; 
	position:relative; 
	top:-60px; 
	line-height:30px;
	z-index:1999; 
	color:#25395d;
	border-radius:50%; 
	background:linear-gradient(#dfd185,#dfd185);
	background:-webkit-linear-gradient(#dfd185,#dfd185);
	font-size:1.0em;
	border:1px solid #dfd185;
	box-shadow:inset 0 0 3px #a39123;
	-webkit-box-shadow:inset 0 0 3px #a39123;
	-moz-box-shadow:inset 0 0 3px #a39123;
}
header > .grid1 a.nav:before {content:attr(title); text-align:center; display:block; position:relative; left:1px;   }
header > .grid1 a.nav:after { 
	font-family: 'ElegantIcons'; 
	content: "\33"; 
	line-height:0; 
	display:block;
	font-size:2.1em; 
	color:#bfac43; 
	position:relative; 
	transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
}
header > .grid1 a.nav:hover:after { 
	animation: arrow 0.5s infinite;
	-webkit-animation: arrow 0.5s infinite;
	-moz-animation: arrow 0.5s infinite;
}

@keyframes arrow {
	to { top:0;}
	from { top:3px;}
}
@-moz-keyframes arrow {
	to { top:0;}
	from { top:3px;}
}
@-webkit-keyframes arrow {
	to { top:0;}
	from { top:3px;}
}

nav .language { width:89px; margin:0 auto; display:block; position:relative; left:2px; }
nav .language a { font-size:1.1em; width:19px; float:left; color:#a19553; padding:5px; margin:0; }
nav .language a:hover { color:#fff; background:#a19553; }
nav .language a.active { color:#25395d; background:#dfd185; }

.nav-hover { 
	opacity:1;
	max-height:550px;
	padding:40px 0 0 0; 
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
}

nav { 
	width:150px; 
	margin:0 auto; 
	overflow:hidden; 
	padding:0; 
	max-height:0; 
	border-radius:0 0 30px 30px;
	-webkit-order-radius:0 0 30px 30px; 
	text-align:center; 
	display:block; 
	position:relative; 
	top:-15px; 
	z-index:10; 
	background:url(../images/nav.png);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
}
nav a { 
	font-size:1.1em; 
	color:#25395d; 
	border-bottom:1px solid #a19553; 
	padding:0px 0; 
	font-weight:600; 
	text-transform:uppercase; 
	margin:0 15px; 
	position:relative; 
	display:block;
	transition:0.3s;
    -webkit-transition:0.3s;  
}
nav a span:before {
	font-family: 'ElegantIcons'; 
	content: "\43"; 
	position:relative; 
	color:#a19553; 
	display:inline-block; 
	width:100%;
	text-align:center; 
	height:20px;
	transition:0.3s; 
	-webkit-ransition:0.3s;
	transform:translateY(42px);
	-webkit-transform:translateY(40px);    
}
nav a:hover > span:before {transform:translateY(0px); -webkit-transform:translateY(-30px); color:#dfd185;}
nav a:hover {}

section {display:block; width:100%; position:fixed; height:100%; top:0; color:#111; font-size:1.1em;}
section > article { 
	width:450px; 
	height:480px;
	padding:0; 
	background: url(../images/content.png); 
	position:absolute; 
	left:0; 
	top:90px;
	overflow:hidden;
	z-index:9999;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	animation:page 0.5s ease-in; 
	-webkit-animation:page 0.5s ease-in;
}
section > article.arabic { 
	direction:rtl;
}
section > article #content { font-size:14px;  position:relative; margin:0;  width: 400px; height: 400px; overflow-x:hidden; overflow-y:auto; padding:20px;font-family: 'Lato', sans-serif;}
section > article #content p {
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size:20px; 
	display:inline-block; 
	margin:0; 
	color:#fff; 
	padding:5px 10px; 
	background:#b9ac65;
}
section > article #content a {
	font-family: 'Open Sans Condensed', sans-serif; 
	color:#385b7f;  
	display:inline-block; 
	text-decoration:none;
	padding:6px 10px;
	font-weight:bold;  
	font-size:14px; 
}

a:hover { color:#c6b876; }

.page-hover { opacity:1; width:0; height:480px; padding:0; transition: 0.5s; -webkit-transition: 0.5s;}
a.close {font-size:2.4em; padding:11px 10px; position:absolute; top:0; left:20px; font-family: 'ElegantIcons'; background: url(../images/content.png);  }
a.close:before {/*content: "\4d"; */content: "\35";}

@keyframes page{ 
    0% {width:0px; }
    100% {width:400px; }
}
@-webkit-keyframes page{ 
    0% {width:0px; }
    100% {width:400px; }
}

.slider {
  width: 100%;
  height:100%;
  margin:0 auto;
  position: fixed;
  z-index:-1;
}
figure#slideshow,
figure#slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
figure#slideshow:after {content: ''; background: transparent url(../images/pattern.png) repeat top left;}
figure#slideshow img { position: fixed; z-index:0; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
@keyframes fade {
	0% { opacity: 0; }
	15% { opacity: 1; transform:scale(1.1); }
	85% { opacity: 1; }
	100% { opacity: 1; }
}
@-webkit-keyframes fade {
	0% { opacity: 0; }
	15% { opacity: 1; -webkit-transform:scale(1.1); }
	85% { opacity: 1; }
	100% { opacity: 1; }
}

ul.button { margin:0; padding:0; position:absolute; z-index:9999; right:0; top:18%; padding:0; display:inline-block; width:auto; height:auto; }
ul.button li {display:block; background:#25395d; padding:10px 0 10px 0; margin:1px;transition:0.2s; -webkit-transition:0.2s;}
ul.button li:nth-child(1) { border-radius:15px 0 0  0;}
ul.button li:nth-child(4) { background:#dfd187;}
ul.button li:nth-child(5) { background:#dfd187;}
ul.button li:nth-child(6) { background:#dfd187; border-radius:0 0 0 15px}

ul.button li:hover { opacity:0.8; }
ul.button li a { color:#dfd185; display:block; text-transform:uppercase; width:100px; text-align:center; font-size:0.8em; font-weight:700;}
ul.button li:nth-child(1) a { color:antiquewhite;}
ul.button li:nth-child(4) a { color:#111;}
ul.button li:nth-child(5) a {color:#111;}
ul.button li:nth-child(6) a {color:#111}

ul.button li a:after {transition:0.2s; -webkit-transition:0.2s; display:block;content:attr(title); }
ul.button li a:before { font-size:2.3em;  display:block; color:#fff; transition:0.2s; }
ul.button li:nth-child(1) a:before {font-family: "Flaticon"; color:red; content: "\e002"; }
ul.button li:nth-child(2) a:before {font-family: "Flaticon"; content: "\e002"; }
ul.button li:nth-child(3) a:before {font-family: 'Flaticon'; content: "\e003"; }
/*ul.button li:nth-child(4) a:before {font-family: 'ElegantIcons'; content: "\e075";  }*/
ul.button li:nth-child(4) a:before {font-family: "ElegantIcons"; content: "\e0c1"; color:#25395d; }
ul.button li:nth-child(5) a:before {font-family: "ElegantIcons"; content: "\e0c2"; color:#25395d }
ul.button li:nth-child(6) a:before {font-family: 'ElegantIcons'; content: "\e0c8"; color:#25395d }
ul.button li:nth-child(7) a:before {font-family: 'ElegantIcons'; content: "\e0d1"; color:#25395d }
ul.button li:hover > a:before { transform:scale(1.4) rotate(-5deg); -webkit-transform:scale(1.4) rotate(-5deg);}
ul.button li:hover > a:after { transform:scale(0.9) translateY(7px); -webkit-transform:scale(0.9) translateY(7px); }

footer { width:90%; height:auto;  display:block; background:#345779; padding:12px 10px; color:#fff; margin:0 auto; text-align:center; font-size:14px;}

#video-controls { width: auto; position:fixed; left:20px; }
#video-controls a { color: #ddd; font-size:1.8em; display:inline-block; float:left; margin:0 5px; }
#video-controls a:hover { opacity:0.8; }
#video-controls a.tubular-play {font-size:1.97em; position:relative; top:-3px;}

.ps-container {overflow: hidden !important;}
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {display: block;}
.ps-container.ps-in-scrolling {pointer-events: none;}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {background-color: transparent;opacity: 0.9;}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color: #1c3c57;}
.ps-container > .ps-scrollbar-y-rail {
	display: none;
	position: absolute;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	opacity: 0;
	-webkit-transition: background-color .2s linear, opacity .2s linear;
	-moz-transition: background-color .2s linear, opacity .2s linear;
	-o-transition: background-color .2s linear, opacity .2s linear;
	transition: background-color .2s linear, opacity .2s linear;
	right: 3px;
	width: 10px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
	position: absolute;
	background-color: #1c3c57;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
	right: 0;
	width: 10px;
}
.ps-container:hover.ps-in-scrolling {pointer-events: none;}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {background-color: transparent;opacity: 0.9;}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color: transparent;}
.ps-container:hover > .ps-scrollbar-y-rail {opacity: 0.6;}
.ps-container:hover > .ps-scrollbar-y-rail:hover {background-color: transparent;}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {background-color: #1c3c57;}

ul.gallery {  list-style: none;  padding: 0; margin: 0;}
ul.gallery li { float: left; display:inline-block; margin:0; padding:0;}
ul.gallery li a { margin:8px !important; padding:0 !important; width:100px; height:80px; display:inline-block; border:4px solid #264765; overflow:hidden;}
ul.gallery li a img {width:100px; height:80px; transition:0.2s; margin:0; padding:0;}
ul.gallery li a:hover > img { transform:scale(1.2);}

.lightbox {
	cursor: pointer;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:#000;
	-webkit-filter: none !important;
	z-index: 99999999 !important;
}
.lightbox img {
	display: block;
	position: absolute;
	border: 5px solid #fff;
	box-shadow: 0 0 20px #000;
	border-radius: 1px;
}
.lightbox-loading {
	background: url(../images/loading.gif) center center no-repeat;
	width: 31px;
	height: 31px;
	margin: -16px 0 0 -16px;
	position: absolute;
	top: 48%;
	left: 50%;
}
.lightbox-caption {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 9998;
	background: #000;
	background: rgba(0,0,0,0.7);
}

.lightbox-caption p {
	margin: 0 auto;
	max-width: 70%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}

.lightbox-button {
	position: absolute;
	z-index: 9999;
	background: no-repeat center center;
	width: 32px;
	height: 32px;
	opacity:0.4;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-ms-transition:     all 0.3s;
	transition: 		all 0.3s;
}

.lightbox-button:hover,
.lightbox-button:focus {
	opacity: 1;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}

.lightbox-close { right: 10px; top: 10px; background-image: url('../images/close.png');}
.lightbox-next {right: 10%; top: 48%;background-image: url('../images/next.png');}
.lightbox-previous {left: 10%; top: 48%;background-image: url('../images/previous.png');}

.zoomimage { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.panner {position: relative; margin:0 auto; width: 100%; height: 100%; overflow: hidden;}

.photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: transform .5s ease-out;
	-webkit-transition: transform .5s ease-out;
}

#live { display:none; background:#000; width:700px; height:520px; }
#live  h1 { text-align:center; color:#fff; width:650px; border:none; overflow:hidden; display:block; margin:0 auto; }
#live  iframe { width:650px; height:450px; margin:0 auto; display:block; }

.hider
{
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 99;
    background-color: Black;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.popupbox
{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 450px;
	margin-top: -225px; /*yüksekliğin yarısı olmalı*/
	margin-left: -250px; /*genişliğin yarısı olmalı*/
	border: 2px solid #555;
	z-index: 100;
	background-color: #fff;
	padding: 10px;
	-moz-box-shadow: 10px 10px 5px rgb(50,50,50);
	-webkit-box-shadow: 10px 10px 5px rgb(50,50,50);
	box-shadow: 10px 10px 5px rgba(50,50,50,0.3);
}