@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');

html,body{width:100%;height:100%;min-height:100%;margin:0;padding:0;}
body{font-family: 'Montserrat', sans-serif;color:#000;}
body.scrollHidden{overflow:hidden !important;}
wrapper{display:block;width:1200px;position:relative;margin:0 auto;overflow: hidden;}
*{box-sizing:border-box;}
ul{list-style:none;margin:0;padding:0;}
a{color:#222; text-decoration:none;}
a:hover{color: #FFC107;}
.left{float:left;}
.right{float:right;}
.none, .hide{display:none;}
.show{display:block;}
t {display:table; height:100%;}
tc {display:table-cell; vertical-align:middle; height:100%;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;color: #111;margin: 0; padding: 0;}
h1 {}
h2 {}
t {display:table;height:100%;width: 100%;}
tc {display:table-cell;height:100%;vertical-align:middle;width: 100%;}
.h200 {height:250px; position:Absolute; z-index:-99;}
.fade{
	-webkit-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
	   -moz-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
		 -o-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
			transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
	
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
	   -moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
		 -o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
			transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */		
}
.btn-info {background: #FFC107; border-color:#FFC107;}
.btn-info:hover {background: #FFC107;border-color:#FFC107; opacity:.8;}
section#wrapper {position: relative;z-index: 1;background: #fff;top: 140px;}

header#header {width:100%;height: 140px;position:absolute;z-index:100;top:0;left:0;}
header#header #top-bar {width:100%;height: 40px;color: #111;background: #FFC107;line-height: 40px;padding:0 20px;}
header#header #top-bar a.phone{color:#fff;margin-right: 15px;font-size: 14px !important;}
header#header #top-bar a.phone svg{margin-right:5px;}
header#header #top-bar #social{float:right;padding-top: 5px;}
header#header #top-bar #social a{display:inline-block;color: #111;margin-left:5px;font-size: 26px;}
header#header #top-bar #social a:hover{color: #fff;}

header#header #bottom-bar {width:100%;height: 100px;background: #111;padding:0 20px;}
header#header #bottom-bar #logo {float: left;margin-top: -40px;}
header#header #bottom-bar #logo img{height: 200px;}
header#header #bottom-bar nav#menu {float: right; margin-top: 42px;}
header#header #bottom-bar nav#menu li{display:inline-block;margin: 0 5px;font-size: 14px;text-transform: uppercase;}
header#header #bottom-bar nav#menu li a{color:#FFC107;padding: 14px 20px;border-radius: 28px;font-weight: 700;}
header#header #bottom-bar nav#menu li a:last-child{padding-right: 0;}
header#header #bottom-bar nav#menu li a:hover{color:#FFC107; }
header#header #bottom-bar nav#menu li.selected a{color:#FFC107;}

section#slider{ position:relative; top:0; left:0; right:0; width:100%; height:100%; z-index:1;}
section#subSlider{ position:relative; top:0; left:0; right:0; width:100%; height:450px; z-index:1;}


section#homeText {margin: 60px 0;font-size: 14px;}
section#homeText h4{color: #FFC107;font-size: 14px;font-weight: 500;}
section#homeText h2{font-weight: 600;color: #222;font-size: 30px;margin-top: 10px;}
section#homeText p{}
section#homeText a{}
section#homeText img{border-radius:10px; border:10px solid #FFC107; width: 100%;}



#popup {display: block;position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.9);top: 0;left: 0;z-index: 9999;}
#popup ul.slides{height: 100%;}
#popup ul.slides li{}
#popup ul.slides li a {}
#popup ul.slides li a img{height: 400px; width: auto; margin: auto;}
#popup .close {position: absolute;top: 20px;right: 20px;padding: 2px;border-radius: 50%;text-align: center;color: #999;font-size: 32px;z-index: 99999; cursor:pointer;}
#popup .close:hover {color:#fff;}
#popup .flexslider {position: relative; top: 50%; margin-top: -200px;}
.flex-control-nav {bottom:15px;}


#newss {margin:40px 0;}
#newss li{border: 1px solid #ffc107;}
#newss li a{}
#newss li a:hover{text-decoration:none;}
#newss li h3{font-size: 16px; text-align: left;  padding: 10px;  font-weight: 700;}
#newss li span{font-size: 12px; text-align: left; padding: 10px; display: block;}


section#events{width:100%; height:750px; background: url(/images/bg.jpg) center; background-size:cover;overflow: hidden;}
section#events h2{color:#fff;text-align:center;text-transform:uppercase;padding: 40px 0;font-size: 56px;}

section#events ul.slides li{position: relative;text-transform: uppercase;box-shadow: 0 0 30px #000; width:370px;}
section#events ul.slides li div{opacity:0;}
section#events ul.slides li:hover div{opacity:1;}
section#events ul.slidesli a{color: #fff;}
section#events ul.slides li a img{width: 100%;}
section#events ul.slides  li a div{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.8);}
section#events ul.slides li a div loc{display: block;padding: 20px;font-size: 36px;color: #fff;}
section#events ul.slides li a div date{padding: 20px;font-size: 36px;margin-top: 10px;display: block;color: #fff;}
section#events ul.slides li a div h3{padding: 20px;font-size: 26px;color: #fff;position: absolute;bottom: 60px;}
section#events ul.slides li a div span{position: absolute;bottom: 20px;background: #FFC107;padding: 10px 36px;border-radius: 20px;left: 20px;font-size: 14px;color:#fff;}
section#events .flex-direction-nav {margin-top: -16.5%;}
section#events .flex-direction-nav a:before {color:#FFC107 !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);}
.flex-viewport {overflow:inherit !important;}

section#news{width:100%; height:750px; background: url(/images/pattern.png);overflow: hidden;}
section#news h2{color:#FFC107;text-align:center;text-transform:uppercase;padding: 40px 0;font-size: 56px;}
section#news ul.slides li{position: relative;text-transform: uppercase; width:370px;}
section#news ul.slides li a{color:#333;}
section#news ul.slides li a:hover{color:#333;}
section#news ul.slides li a img{width: 100%;}
section#news ul.slides li a div {position:relative;background: #fff;height: 300px;}
section#news ul.slides li a div loc{display: block;padding: 10px 20px;font-size: 15px;text-transform: none;font-family: 'Montserrat', sans-serif;line-height: 22px;}
section#news ul.slides li a div date{padding: 10px 20px;font-size: 14px;display: block;color: #999;}
section#news ul.slides li a div h3{padding: 0 20px;font-size: 26px;}
section#news ul.slides li a div span{position: absolute;bottom: 20px;background: #FFC107;padding: 10px 36px;border-radius: 20px;left: 20px;font-size: 14px;color:#fff;}


form#contactForm {}
form#contactForm div{margin-bottom:10px;}
form#contactForm div label{display:block;font-size:12px;text-transform: uppercase;}
form#contactForm div input{width:100%;padding:10px;border: 1px solid #ddd;border-radius: 4px;}
form#contactForm div input.submit{background:#FFC107; color:#fff; padding:20px 0; cursor:pointer;}
form#contactForm div input.submit:hover{background: #333;}
form#contactForm div textarea{width:100%;padding:10px;border: 1px solid #ddd;border-radius: 4px;}

form#reviewForm {}
form#reviewForm div{margin-bottom:10px;}
form#reviewForm div label{display:block;font-size:12px;text-transform: uppercase;}
form#reviewForm div input{width:100%;padding:10px;border: 1px solid #ddd;border-radius: 4px;}
form#reviewForm div input.submit{background:#FFC107; color:#fff; padding:20px 0; cursor:pointer;}
form#reviewForm div input.submit:hover{background: #333;}
form#reviewForm div textarea{width:100%;padding:10px;border: 1px solid #ddd;border-radius: 4px;}
#captcha_cevap , #captcha_soru {float: left !important; width: 50% !important;}
#captcha_soru span {font-weight: 800; font-size: 24px;    color: #FFC107;}


ul.reviewList {}
ul.reviewList li{border: 1px solid #ffc107; padding: 20px; border-radius: 10px; margin-bottom: 10px;}
ul.reviewList li.reply{border: 1px solid #111; padding: 20px; border-radius: 10px; margin-bottom: 10px; margin-left:40px;}
ul.reviewList li h3{
    font-size: 16px;
    font-weight: 700;
}
ul.reviewList li small{
    color: #ffc107;
    font-size: 12px;
}
ul.reviewList li p{
    margin: 0;
    font-size: 14px;
}
	
section#subPage {width:100%;}
section#subPage h1{background: #FFC107; color: #fff;text-align: center;font-size: 32px;  text-transform: uppercase;  padding: 20px 0;}
section#subPage .content{line-height: 24px;}

#gallery a:hover img{opacity:0.8;}

footer#footer {width:100%;position: relative;z-index:0;bottom:0;left:0;background:#222;color:#fff;font-size: 12px;text-align: center;padding: 20px 0;}
footer#footer .footerLogo {width: 100%;border-bottom:1px solid #333;text-align:center;padding:40px 0;}
footer#footer nav#footerMenu {
    padding: 60px 0;
    overflow: hidden;
}
footer#footer nav#footerMenu ul{}
footer#footer nav#footerMenu ul li{
    float: left;
    width: 20%;
}
footer#footer nav#footerMenu ul li h3{
    color: #FFC107;
    text-transform: uppercase;
    
    font-size: 16px;
}
footer#footer nav#footerMenu ul li h3:after {content:"";display:block;width: 100px;height: 2px;background: #333;margin-top: 10px;}
footer#footer nav#footerMenu ul li ul.footerChildMenu{
    margin: 20px 0;
}
footer#footer nav#footerMenu ul li ul.footerChildMenu li{
    float: none;
    width: 100%;
}
footer#footer nav#footerMenu ul li ul.footerChildMenu li a{color: #fff; font-size: 12px;}
footer#footer nav#footerMenu ul li ul.footerChildMenu li a:hover{color: #999;}

/* MOBILE */
header#mobileHeader{width:100%;height:60px;position:fixed;top:0;z-index:10000;display:none;background:#000;}
header#mobileHeader a#mobileLogo{display:block;float:left;padding: 10px;}
header#mobileHeader a#mobileLogo img{height: 89px;}

.menu{position:absolute;z-index: 911;width:60px;height:60px;top: 0;right: 0;-webkit-transition-duration:.5s;transition-duration:.5s;}
.menu.fixed{position: fixed;z-index: 911;top: 10px;}
.menu .icon{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;height:2px;width:30px;top:28px;background-color:#fff;border-radius:4px;left:15px}
.menu .icon:before{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color:#fff;content:"";top:-10px;border-radius:4px}
.menu .icon:after{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color:#fff;content:"";top:10px;border-radius:4px}
.menu.open .icon{-webkit-transition-duration:.5s;transition-duration:.5s;background:transparent}
.menu.open .icon:before{-webkit-transform:rotateZ(45deg) scaleX(1.25) translate(6.5px,6.5px);transform:rotateZ(45deg) scaleX(1.25) translate(6.5px,6.5px)}
.menu.open .icon:after{-webkit-transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px);transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px)}
.menu:hover{cursor:pointer}








footer#mobileFooter{width:100%;display:none;}
nav#mobileMenu{display:none;position:fixed;top:60px; height:100%; background:rgba(0,0,0,.9);z-index:9999;width:100%;text-align:center;}
nav#mobileMenu ul{height: 100%; margin-top: -60px;}
nav#mobileMenu li{font-weight:700;text-transform:uppercase;}
nav#mobileMenu li a{color:#FFC107;display:block;padding:10px;}
nav#mobileMenu li ul li{font-weight:300;text-transform:none;font-size:14px;}
nav#mobileMenu ul li ul{display:none;border-bottom:1px solid #ddd;}
/* MOBILE */

@media screen and (max-width:1024px) { 
	wrapper {width:100%;}
	header#mobileHeader, footer#mobileFooter {display:block;}
	header#header, footer#footer {display:none;}
	section#wrapper {top:60px;}
	
}

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

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


}

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