@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&subset=latin-ext');
html,body{width:100%;height:100%;min-height:100%;margin:0;padding:0;}
body{font-family: 'Raleway', sans-serif;color:#222;}
wrapper{display:block;width:1200px;position:relative;margin:0 auto;}
*{box-sizing:border-box;}
a{text-decoration:none; color:#666;}
a:hover{color: #0683AE;}
.left{float:left;}
.right{float:right;}
.none, .hide{display:none;}
.show{display:block;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;color: #333;}
t {display:table;height:100%;width: 100%;}
tc {display:table-cell;height:100%;vertical-align:middle;width: 100%;}

.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 */		
}

div.phone {
 -webkit-animation: zoom-in-out 2s linear 0s infinite normal ;
 animation: zoom-in-out 2s linear 0s infinite normal ;
}

@-webkit-keyframes zoom-in-out {
  0%{
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
  }
  50%{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
  }
  100%{
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
  }
}

@keyframes zoom-in-out {
  0%{
	-ms-transform: scale(0.9);
	transform: scale(0.9);
  }
  50%{
	-ms-transform: scale(1.1);
	transform: scale(1.1);
  }
  100%{
	-ms-transform: scale(0.9);
	transform: scale(0.9);
  }
}

#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;}



section#top {width: 100%; position:absolute; top:0; height:50px; z-index:100;}
section#top img{height:40px;}
section#top .left a {color: #fff;background: #0F86C8;border-radius: 6px;display: block;line-height: 32px;padding-right: 10px;margin-top: 8px;}
section#top .left a:hover {background:#c00;}
section#top .social {}
section#top .social a {display:block;float:left;margin-top: 9px;margin-left: 5px;}
section#top .fa {line-height: 32px; border-radius: 6px; width: 32px; text-align: center;}
section#top .fa-foursquare {background:#F94777; color:#fff;}
section#top .fa-linkedin {background:#0F86C8; color:#fff;}
section#top .fa-facebook {background:#395997; color:#fff;}
section#top .fa-info {background:#395997; color:#fff;}


.show_hide {cursor: pointer;	  padding: 15px;	  font-size: 19px;	  font-weight: 300;	  background-color:#0F86C8;	  color: #fff;	margin-top:10px;}
	.show_hide:hover {background-color:#333;	  color:#eee;	}
	.show_hide.active {background-position: right 5px;	}
	.slidingDiv {padding:20px;	  display:none;	}
	.show_hide a{color:#fff;}

header#header {width: 100%;position:absolute;top: 50px;height:120px;z-index:100;}
header#header .head {width:100%;height: 100px;background:rgba(255,255,255,.3);border-radius: 10px;}
header#header .header {width: calc(100% - 20px);height: 80px;background:rgba(255,255,255,.8);position: relative;top: 10px;left: 10px;border-radius: 10px;box-shadow: 0 0 5px rgba(0,0,0,.2);}

div#logo {padding: 15px;}
div#logo a{display:block;}

header#header nav#menu ul{list-style:none;margin:0;padding:0;}
header#header nav#menu li{font-weight: 700;float:left;line-height: 80px;font-size: 13px;}
header#header nav#menu li a{color: #333;display:block;padding: 0 20px;text-transform:uppercase;}
header#header nav#menu li a:hover{color: #0683AE;}

header#header nav#menu li ul.headerSubmenu{display:none;position:absolute;background: #fff;width:220px;padding: 0 10px;}
header#header nav#menu li ul.headerSubmenu li{float:none;font-weight: 500;line-height: 32px;}
header#header nav#menu li ul.headerSubmenu li a{font-size:12px;padding:5px 0 5px 10px;text-transform: none;border-bottom: 1px dotted #ddd;}
header#header nav#menu li:hover ul.headerSubmenu {display:block;}

header#header nav#menu li ul.megaMenu{display:none;position:absolute;background: #fff;width: 500px;padding: 0 10px;margin-left: -160px;}
header#header nav#menu li ul.megaMenu li{float: left;font-weight: 500;line-height: 32px;width: 50%;}
header#header nav#menu li ul.megaMenu li a{font-size:12px;padding:5px 0 5px 10px;text-transform: none;border-bottom: 1px dotted #ddd;}
header#header nav#menu li ul.megaMenu li:nth-child(2n) a{border-left: 1px dotted #ccc;}
header#header nav#menu li:hover ul.megaMenu {display:block;}


#ataturk {float:right;}
#ataturk a{position: relative;}
#ataturk span{color: #fff; font-weight: 700; font-size: 12px; position: absolute; top: -18px; text-align: right; right: 45px; text-shadow: 1px 1px 2px #000;}
#ataturk img{height:100px;}

#ataturkmobile {float:right;display:none; position:absolute; z-index:99; right:0; top:100px;}
#ataturkmobile a{position: relative;}
#ataturkmobile span{color: #fff; font-weight: 700; font-size: 12px; position: absolute; top: -18px; text-align: right; right: 45px; text-shadow: 1px 1px 2px #000;}
#ataturkmobile img{height:100px;}

section#slider{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
section#slider .slideTitle{white-space: inherit;  width: 100%; color: #fff;  top: inherit!important;  bottom: 200px;  left: 0 !important;  padding: 0 20px!important;}
section#slider .slideTitle wrapper span{text-align: left;font-size: 62px;font-weight: 700;width: 50%;display: block;line-height: 54px;}
section#slider .slideTitle wrapper span:before{content:""; display:block; width:120px; height:6px; background:#0683AE; margin-bottom:20px;}


div#container {width:100%;position: relative; top: 100%;z-index: 99;}
body#page div#container {top: 400px;}
body#list div#container {top: 400px;}
body#contact div#container {top: 400px;}

body#list {background:#eee;}

section#homeMenu {width:100%; display: table; background:url(/images/worldBg.jpg); background-size:cover;}
section#homeMenu ul{list-style:none;margin:0;padding:0; margin-top:-150px;}
section#homeMenu li{float:left;width:360px;background:#fff;margin-bottom: 60px;}
section#homeMenu li:nth-child(3n-1){margin: 0px 60px 60px 60px;}
section#homeMenu li a{display:block;}
section#homeMenu li a figure{width:100%; margin:0; padding:0; overflow:hidden;}
section#homeMenu li a img{width:100%;}
section#homeMenu li a h2{color:#333;text-transform:uppercase;font-weight: 900;padding: 0 20px;font-size: 22px;}
section#homeMenu li a h2:before{content:"";display:block;width:50px;height:4px;background:#0683AE;margin-bottom: 10px;}
section#homeMenu li a p{color:#999;font-size: 14px;padding: 0 20px 20px;}
section#homeMenu li:hover figure img{transform: scale(1.3);}



section#homeBigMenu {width:100%; display: table;}
section#homeBigMenu ul{margin:0; padding:0; list-style:none;}
section#homeBigMenu ul li{width:100%; display: table;}
section#homeBigMenu ul li figure{float:left; margin:0; padding:0; width:50%;}
section#homeBigMenu ul li:nth-child(2n) figure{float:right;}
section#homeBigMenu ul li figure img{width:100%;}
section#homeBigMenu ul li div{float:left;width:50%;padding: 0 30px;}
section#homeBigMenu li div h2{color: #111;text-transform:uppercase;font-weight: 800;padding: 0 20px;font-size: 52px;}
section#homeBigMenu li div h2:before{content:"";display:block;width: 100px;height:4px;background:#0683AE;margin-bottom: 10px;}
section#homeBigMenu li div img.arventoLogo {height:100px;}
section#homeBigMenu li div p {padding: 0 20px;}


section#subSlider{width:100%;height:400px;position:absolute;top:0;left:0;z-index:1;}


section#subPage{position:relative;z-index:101;background:#fff;margin:0 auto;padding:40px 40px 100px;display: table;}
section#subPage h1{font-size: 32px;text-transform:uppercase;padding-bottom:30px;margin:0;font-weight: 800;}
section#subPage h1:before{content:"";display:block;width:50px;height:4px;background:#0683AE;margin-bottom: 10px;}

section#subPage #submenu{float:left;width: 300px;border-top: 4px solid #0F86C8;padding: 20px;position: relative;top: -100px;background: #fff;}
section#subPage #submenu ul{list-style:none;margin:0;padding:0;}
section#subPage #submenu ul li{}
section#subPage #submenu ul li a{color: #333;border-bottom: 1px solid #ccc;display: block;padding: 10px 0;font-size: 14px;font-weight: 500;}
section#subPage #submenu ul li a:hover{color:#0683AE;}
section#subPage #submenu ul li.selected a{color:#0683AE;}

section#subPage #submenu ul li ul{}
section#subPage #submenu ul li ul li a{font-weight: 300; font-size: 12px; padding: 10px 0 10px 30px;}

section#subPage #subpageContent{float:right;width: 830px;text-align:justify;}
section#subPage #subpageContent.full{float:right;width: 100%;text-align:justify;}
section#subPage #subpageContent.wide{width:100%;}


article#subpagePhotos{float:right;width: 830px;text-align:justify;}
article#subpagePhotos ul {margin:0; padding:0; list-style:none;}
article#subpagePhotos ul li{float:left;width:24%;padding:.5%;}
article#subpagePhotos ul li img{width:100%; border: 1px solid #ddd; padding: 4px;}
article#subpagePhotos ul li a h3{background:#4CA5FF;color:#fff;font-weight:300;font-size:14px;margin:0;padding:10px;}


section#listMenu {width:100%; display: table;}
section#listMenu h1{text-align:center;font-size: 32px;text-transform:uppercase;padding-top: 30px;margin:0;font-weight: 800;}
section#listMenu h3{text-align:center;font-size: 16px;padding-bottom:30px;margin:0;font-weight: 400;margin-top: 10px;color: #999;}
section#listMenu h3:after{content:"";display:block;width:50px;height:4px;background:#0683AE;margin: 20px auto 0 auto;}

/* fotolu CSS
section#listMenu ul{list-style:none;margin:0;padding:0;}
section#listMenu li{float:left;width:360px;background:#fff;margin: 10px 0;height: 400px;}
section#listMenu li:nth-child(3n-1){margin: 10px 60px;}
section#listMenu li a{display:block;}
section#listMenu li a figure{width:100%; margin:0; padding:0; overflow:hidden;}
section#listMenu li a img{width:100%;}
section#listMenu li a h2{color:#333;text-transform:uppercase;font-weight: 900;padding: 0 20px;font-size: 18px;max-height: 70px;}
section#listMenu li a h2:before{content:"";display:block;width:50px;height:4px;background:#0683AE;margin-bottom: 10px;}
section#listMenu li a p{color:#999;font-size: 14px;padding: 0 20px 20px;}
section#listMenu li:hover figure img{transform: scale(1.3);}
*/

section#listMenu ul{list-style:none;margin:0;padding:0;}
section#listMenu li{float:left;width: 49%;background:#fff;margin: 10px 0.5%;}
section#listMenu li a{display:block;}
section#listMenu li a figure{width:100%; margin:0; padding:0; overflow:hidden;}
section#listMenu li a img{width:100%;}
section#listMenu li a h2{color:#333;text-transform:uppercase;font-weight: 900;padding: 0 20px;font-size: 18px;max-height: 70px;}
section#listMenu li a p{color:#999;font-size: 14px;padding: 0 20px 20px;}
section#listMenu li:hover h2{color:#0683AE;}


body#page.hizmetAlanlari .content ul{margin: 0; padding: 0; list-style: none;}
body#page.hizmetAlanlari .content ul li{float: left;width: 32%;padding: 10px;border: 1px solid #ddd;margin: 0.5%;text-align: center;height: 222px;display:table;}
body#page.hizmetAlanlari .content ul li strong{display: table-cell; vertical-align: middle; font-weight:normal;}
body#page.hizmetAlanlari .content ul li strong img {width:100%}

body#page.referanslar .content ul{margin: 0; padding: 0; list-style: none;}
body#page.referanslar .content ul li{float: left;width: 19%;padding: 10px;border: 1px solid #ddd;margin: 0.5%;text-align: center;height: 222px;display:table;}
body#page.referanslar .content ul li strong{display: table-cell; vertical-align: middle; font-weight:normal;}
body#page.referanslar .content ul li strong img {width:100%}

.contact .left {width: 50%;}
.contact .left strong{font-size: 12px; text-transform: uppercase; color: #0683AE;}
.contact .right {width: 40%;}
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:#0683AE; 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;}

#captcha_cevap , #captcha_soru {float: left !important; width: 50% !important;}
#captcha_soru span {font-weight: 800; font-size: 24px;    color: #0683AE;}



footer#footer {width:100%; font-size:13px; background:#222; color:#ccc; line-height:60px; text-align:center;}

header#mobileHeader{width:100%;height:60px;position:fixed;top:0;z-index:10000;display:none;background:#fff;}
header#mobileHeader a#mobileLogo{display:block;float:left;padding:22px 10px;}
header#mobileHeader a#mobileLogo img{height:70px;}
header#mobileHeader a#mobileMenuBtn{float:right;display:block;padding:18px 12px;}
header#mobileHeader a#mobileMenuBtn img{height:24px;}
footer#mobileFooter{width:100%;display:none;}

nav#mobileMenu{display:none;position:fixed;top:61px;background:#fff;z-index:9999;width:100%;text-align:center;}
nav#mobileMenu ul{list-style:none;margin:0;padding:0;}
nav#mobileMenu li{font-weight:700;text-transform:uppercase;}
nav#mobileMenu li a{color:#004A8D;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;}

@media screen and (max-width:1024px) { 
@media screen and (max-width:1024px) { 
header#header,footer#footer,section#trainer,section#map{display:none;}
header#mobileHeader{display:block;}

#mobileLogo img{height: 25px!important;}
section#slider .slideTitle wrapper span{font-size:20px!important;}
section#homeBigMenu li div img.arventoLogo{width: 100%;}
section#homeBigMenu ul li div{width: 100%;}
section#homeBigMenu ul li figure img{width: 200%;}
section#homeBigMenu li div h2{font-size:21px!important;}
section#subPage #subpageContent{width: 100%;}
wrapper{width: 100%;}
section#homeMenu li{width: 100%; margin-top:0;}
section#homeMenu li:nth-child(2){margin:0;}
section#top {top:60px;}
section#subPage{padding:10px;}
article#subpagePhotos{width: 100%;}
section#listMenu li{width: 99%;}
article#subpagePhotos ul li{width: 49%;}
.contact .left {width: 100%;}
.contact .right {width: 100%;}
body#page.hizmetAlanlari .content ul li{width: 49%; font-size:12px;}

#ataturkmobile{display:block;}

section#subPage #subpageContent{text-align:left;}


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

}
@media screen and (max-width:640px) { 
body#page.referanslar .content ul li{width:49%;}
}