@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0;}
a { outline:none;}
img { border:0; outline:none;}
.easing ,.easing a,.itempattern{ transition:.25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; -o-transition:.25s linear; -ms-transition:.25s linear;}
.shadow {-webkit-box-shadow: 0px 0px 8px 0px rgba(180,180, 180, 0.75);-moz-box-shadow:0px 0px 8px 0px rgba(180, 180, 180, 0.75);box-shadow:0px 0px 8px 0px rgba(180, 180, 180, 0.75);}
/*Header*/
.logo { width:200px; height:95px; float:left; position:absolute; background:url(../images/logo.png) no-repeat center #fff; z-index:500;background-size:90px; padding:10px; left:0}
.header { height:76px; width:100%; background:#fff; position:relative; z-index:60;}
.headerframe { margin:0 auto; position:relative}
.social.fitnesschef { float:left; margin:11px 0 0 220px; height:57px; padding:0 0 0 20px;/*border-left:1px solid #6a9ea4;*/}
.header .menu { float:left; padding:10px;  margin:14px 0 0 20px; font-size:24px; font-family: 'Roboto Condensed', sans-serif; }
.header .menu a{text-decoration:none;color:#808285;margin:0 10px; float:left;}

.header .menu a {color: #808285;text-shadow: none;-webkit-transition: color 0.3s;-moz-transition: color 0.3s;transition: color 0.3s; position:relative;}
.header .menu a::before,.header .menu a::after {position: absolute;left: 0;width: 100%;height: 2px;background: #00a9e7;content: '';opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);}
.header .menu a::before {top: 0;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);}
.header .menu a::after {bottom: 0;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);}
.header .menu a:hover,.header .menu a:focus ,.header .menu .active{color: #00a9e7;}
.header .menu a:hover::before,.header .menu a.active::before,.header .menu a.active::after,.header .menu a:focus::before,.header .menu a:hover::after,.header .menu a:focus::after {
	opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform: translateY(0px);
}
.social { float:right;}
.social a{ opacity:.5; float:left; width:78px; position:relative; height:76px;}
.social a img { position:absolute; right:0; left:0; top:0; bottom:0; margin:auto;}
.social .ayrac { border-right:1px solid #e8e8e8; background:#f5f5f5; width:1px;height:76px; float:left;}
.social a:hover{ opacity:1;}

.fitnesschef a{ width:171px; opacity:1; height:auto}
.fitnesschef a img { margin:0;}
/*Header End*/


/*Content*/

.content {width:91%; margin:40px auto 0; position:relative; overflow:hidden; z-index:10;cursor:auto;}
.module { width:275px; height:275px; position:relative; z-index:5; float:left; overflow:hidden;}
.module p { text-align:center; color:#fff; font-size:26px; font-family: 'Roboto Condensed', sans-serif; margin:30px 0 0 0; padding:0 48px; font-weight:400; height:100px; line-height:34px}
.module img { margin:0 auto; display:block; float:left; min-width:100%;height:100%;}
.module .module_icon img { float:none; width:inherit; height:inherit;}
.module .detail { opacity:0; position:absolute; width:200%; height:200%; background:#20919f; display:table;cursor:pointer;}
.module .detail p{  height:auto; line-height:normal; margin:0; padding:0 30px; cursor:default; display:table-cell; vertical-align:middle;}
.module:hover ,.module.bigger{ z-index:6}
.module.bigger { overflow:visible !important;}
.module:hover .detail { opacity:1; cursor:pointer;}
.module.bigger .detail{opacity:1; cursor:pointer; z-index:8; /*width:200%; height:200%;*/}
.module:hover .detail {}
.homemodules .module .detail p { cursor:pointer;}
.module.bigger .detail {}
.module.bigger .detail p { font-size:20px}
.modulecolor ,.modulecolor .detail {background:#00a1e4;}
.modulecolor2 ,.modulecolor2 .detail{background:#00a9e7;}
.modulecolor3 ,.modulecolor3 .detail{background:#00b1eb;}
.modulecolor4 ,.modulecolor4 .detail{background:#16bcef;}
.modulecolor5 ,.modulecolor5 .detail{background:#44c5f2;}
.modulecolor6 ,.modulecolor6 .detail{background:#6ecff6;}
.modulecolor7 ,.modulecolor7 .detail{background:#8dd8f8;}
.modulewidth {width:825px; font-family: 'Open Sans', sans-serif; position:relative; z-index:5; float:left;overflow:hidden;}
.modulewidth h2 { margin:0; padding:0; font-weight:800; font-size:72px; color:#fff;}
.modulewidth h2 b { color:#20919f;}
.modulewidth h4 { margin:0; padding:0; font-weight:300; color:#fff; font-size:64px}
.modulewidth img { width:auto; height:auto; margin:20px 0 0 0;}

/*Content End*/

/*Background Slider*/
.bgslider { position:fixed; top:0; z-index:1; width:100%; height:100%; overflow:hidden;}
.bgslider div { background-size:cover !important; width:100%; height:100%;}
#slideshow {}
#slideshow > div { 
    position: absolute; 
}
/*Background Slider End*/

/*Login*/
.login { position:absolute; top:0; z-index:50; width:100%; height:100%; overflow:hidden; background:url(../images/loginbg.png);}
.loginframe {width:450px; height:350px;position:relative; top:0; bottom:0; right:0; left:0; margin:auto;}
.loginlogo { width:250px; height:250px; position:absolute; top:0; left:0; right:0; margin:0 auto; background:url(../images/loginlogo.png) no-repeat center; background-size:contain}
.language { position:absolute; bottom:0; right:0; left:0; z-index:5; width:360px; margin:0 auto}
.language .button { width:140px; height:48px ; float:left; cursor:pointer;text-align:center; margin:0 20px;}
.language .button img { width:100%; height:100%;}
/*Login End*/

.copyright { position:fixed; z-index:10; text-align:center; color:#DBDBDB; font-family: 'Open Sans', sans-serif; width:100%; bottom:5px; font-size:16px;}
.copyright a { color:inherit; text-decoration:none; color:#999;}

/*Galeri*/


.itemframe { cursor:auto;}
.grid-sizer { margin:0 !important; padding:0 !important;}
.itemframe .item ,.itemframe .grid-sizer{ width:20%; overflow:hidden;height:auto; margin:0; cursor:pointer; float:left; position:relative; margin:0 1px 1px 0;}
.item img { float:left;}
.imgframe { width:100%; height:100%; overflow:hidden; position:relative;}
.imgframe img { min-width:100% !important; min-height:100% !important;}
.item .itempattern { width:100%; height:100%; position:absolute; top:0; z-index:5; opacity:1;/* background:url(../images/galeripattern.png);*/ cursor:pointer}
.item:hover .itempattern {opacity:0;}
.item.h2 {}
.item.w2 {}
/*Galeri End*/

/*İletişim*/
.contact {position:absolute;width: 100%;height:100%;}
.contact.right{ right:0;}
.contactinfo { width:200px; height:215px; background:#1cabe7; position:absolute; z-index:77; top:0; right:10%; text-align:center; padding:20px;}
.contactinfo h1{ margin:0 0 20px 0; padding:0;color: #fff;font:600 20px 'Open Sans', sans-serif;}
.contactinfo p{ margin:0;color: #fff;font-family: 'Open Sans', sans-serif; font-weight:600; font-size:14px; letter-spacing:-1px;}
.contactinfo .social { float:none; width:100%; text-align:center; margin:40px 0 0 0;}
.contactinfo .social a { margin:0 5px;width:35px; height:34px; opacity:1;}
.linkframe { margin:0 auto; width:135px;}
.contactinfo p.margin { margin:0 0 20px 0;}
.maps { width:100%; height:100%; margin:0; padding:0; border:0;}
/*İletişim End*/
/*Insanity*/
.insanitycontent { position:absolute; width:100%; height:100%;}
.insanitycontent .left { width:50%; left:0; position:absolute; height:100%;}


.insanitycontent .right { width:50%; right:0;position:absolute; height:100%; background:url(../images/insanity_contentbg.png);}
.insanitycontent .right iframe { width:100% !important; max-height:350px !important}
.insanitycontent .right h1{ font-size:42px; font-family:'Roboto Condensed', sans-serif; color:#fff; margin:50px 0 50px 0; text-align:center; padding:0 0 20px 0; font-weight:normal; background:url(../images/title_bg.png) bottom center no-repeat; width:100%; float:left;}
.pstyle{ font-family:'Open Sans',sans-serif; font-size:30px; color:#fff; /*text-align:center; */padding:0 100px 20px; margin:0px 0 0 0; float:left;}

/*Insanity End*/
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}

/*Media Css*/

@media (max-width:1700px){
	.content { width:88%;}
	.header { height:65px;}
	.header .menu { margin:7px 0 0 20px;}
	.header .menu a{ font-size:20px}
	/*.logo { padding-top:17px;}*/
	.social a { width:54px; height:65px;}
	.social .ayrac { height:65px;}
	.fitnesschef a { width:150px;margin-right:20px;}
	.fitnesschef a img { max-width:150px; }
	.module { width:200px ;height:200px}
	.modulewidth {width:600px;}
	.modulewidth img{max-width:535px;}
	.copyright { font-size:10px;bottom:12px}
	.insanitycontent .right h2 { margin:40px 0 20px 0;font-size:34px;}
	.pstyle { padding:0 60px 20px; margin:20px 0 0 0; font-size:24px;}
	.module .detail p{ font-size:14px; margin:10px 0 0 0 ; padding:0 10px;}
	
	}
@media (max-width:1440px){
	.content { width:88%;}
	.header { height:65px;}
	.header .menu { margin:13px 0 0 20px;}
	.header .menu a{ font-size:20px}
	.logo { width:180px}
	.social a { width:54px; height:65px;}
	.social .ayrac { height:65px;}
	.fitnesschef a { width:150px;margin-right:20px;}
	.fitnesschef a img { max-width:150px; }
	.module { width:200px ;height:200px}
	.modulewidth {width:600px;}
	.modulewidth img{max-width:535px;}
	.copyright { font-size:10px;bottom:12px}
	.insanitycontent .right h2 { margin:20px 0 20px 0;font-size:34px;}
	.pstyle { padding:0 20px 20px; margin:20px 0 0 0; font-size:16px;}
	.module .detail p{ font-size:12px; margin:10px 0 0 0 ; padding:0 10px;}
	
	}
@media (max-width:1400px){
	.loginframe {width:480px; height:450px;position:relative; top:0; bottom:0; right:0; left:0; margin:auto;}
	.loginlogo { width:480px; height:380px; position:absolute; top:0; background:url(../images/loginlogo.png) no-repeat center; background-size:contain}
	.headerframe { margin:0 auto;}
	.content { width:88%;}
	.header { height:65px;}
	.header .menu { margin:13px 0 0 20px;}
	.header .menu a{ font-size:16px}
	.social.fitnesschef { height:47px; margin-top:8px}
	/*.logo { margin:0px 20px 0 0; height:53px; padding-top:17px}*/
	.social a { width:54px; height:65px;}
	.social .ayrac { height:65px;}
	.fitnesschef a { width:150px;margin-right:20px;}
	.fitnesschef a img { max-width:150px; }
	.module { width:185px ;height:185px}
	.modulewidth {width:555px;}
	.modulewidth img{max-width:535px;}
	.copyright { font-size:10px;bottom:12px}
	.insanitycontent .right h2 { margin:20px 0 20px 0;font-size:34px;}
	.insanitycontent .right p { padding:0 0px 20px; margin:20px 0 0 0; font-size:16px;}
	.module .detail p{ font-size:11px; margin:10px 0 0 0 ; padding:0 10px;}
	.contactinfo { width:150px; height:190px; padding:20px; right:7%;}
	.contactinfo h3{ font-size:16px; margin-bottom:10px;}
	.contactinfo p { font-size:12px; letter-spacing:0;}
	.contactinfo p.margin { margin:0 0 15px 0;}
	.contactinfo .social { margin:20px 0 0 0;}
	
	}
@media (max-width:1260px){
	.loginframe {width:450px; height:400px;position:relative; top:0; bottom:0; right:0; left:0; margin:auto;}
	.loginlogo { width:450px; height:320px; position:absolute; top:0; background:url(../images/loginlogo.png) no-repeat center; background-size:contain}
	.headerframe { margin:0 auto;}
	.content { width:91%;}
	.header { height:65px;}
	.social.fitnesschef { height:32px; margin-top:17px;}
	.menu a:first-child { margin:0 5px 0 !important;}
	.header .menu { margin:13px 0 0 20px;}
	.header .menu a{ font-size:16px; margin:0 5px}
	/*.logo { margin:0px 10px 0 0; padding-top:17px}*/
	.social a { width:40px; height:65px;}
	.social .ayrac { height:65px;}
	.fitnesschef a { width:100px;margin-right:10px;}
	.fitnesschef a img { max-width:100px; }
	.module { width:150px ;height:150px}
	.modulewidth {width:450px;}
	.modulewidth img{max-width:430px;}
	.copyright {bottom:15px}
	.insanitycontent .right h2 { margin:20px 0 20px 0;font-size:30px;}
	.pstyle { padding:0 20px 15px; margin:20px 0 0 0; font-size:14px;}
	.module .detail p{ font-size:10px; margin:9px 0 0 0 ; padding:0 5px; line-height:11px;}
	.module.bigger .detail p { font-size:14px; padding:0 20px; line-height:normal;}
	.contactinfo { width:150px; height:180px; padding:20px; right:7%;}
	.contactinfo p { font-size:12px; letter-spacing:0;}
	.contactinfo p.margin { margin:0 0 15px 0;}
	.contactinfo .social { margin:20px 0 0 0;}
	}
	
/*Media Css End*/
/*ScrollBar*/

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{width:auto;	margin-right:30px;overflow:hidden;}
.mCSB_container.mCS_no_scrollbar{margin-right:0;}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{	margin-right:30px;}
.mCustomScrollBox>.mCSB_scrollTools{width:30px;	height:100%;top:0px; right:0px;}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;	top:0;	left:0; background:url(../images/scrollbar_bg.jpg);bottom:0;right:0;height:auto;}
.mCSB_scrollTools a+.mCSB_draggerContainer{	margin:28px 0;}
.mCSB_scrollTools .mCSB_draggerRail{width:4px;height:100%;margin:0 auto;}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;	width:100%;	height:30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;height:100%;margin:0 auto;text-align:center;}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{display:block;position:relative;height:20px;overflow:hidden;margin:0 auto;cursor:pointer;}
.mCSB_scrollTools .mCSB_buttonDown{top:100%;margin-top:-48px;}
.mCSB_scrollTools .mCSB_buttonUp{margin-top:4px;}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{opacity:0.75;filter:"alpha(opacity=75)"; background:#1cabe7; -ms-filter:"alpha(opacity=75)"; /* old ie */}
.mCustomScrollBox:hover>.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */}
.mCSB_scrollTools .mCSB_draggerRail{background:#9ed0d5; /* rgba fallback */	}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#fff;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#fff;}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#fff;}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{background:url(../images/scrollarrows.png) center; width:22px; height:20px;background-repeat:no-repeat;opacity:1;filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */}
.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0;}
.mCSB_scrollTools .mCSB_buttonDown{	background-position:0 -20px;}
.mCSB_scrollTools .mCSB_buttonLeft{	background-position:0 -40px;}
.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px;}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:1;	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{opacity:1;	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */}
/*ScrollBar End*/

#landscape{
         position: absolute;
         top: 0px;
         left: 0px;
         background: #000000;
         width: 100%;
         height: 100%;
         display: none; 
         z-index: 20000;
         opacity: 0.9;
         margin:0 auto;
}
#landscape div{

        color: #FFFFFF;                                  
        opacity: 1;
        top: 50%;
        position: absolute;
        text-align: center;
        display: inline-block;
        width: 100%;
}