@font-face{font-family:Klavika;src:url(/design/font/klavika-light.otf)}

*{border:0;border-collapse:collapse;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family: Klavika, Arial, Sans-serif;color:#000}
img{display:block;}
html{width:100%;height:100%;}
body{width:100%;height:100%;background-color:#fff;background-image: url('/design/image/background.jpg');background-attachment:fixed;}

.block{display:block;}

a{text-decoration:none;color:#008dd2;transition: .3s;}
a:HOVER{color:#4d5e62;}
a.mainMenu{font-size:19px;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#000;transition: .3s;}
a.mainMenu:HOVER{color:#008dd2;}
a.footer{color:#000;text-decoration:none;transition: .3s;}
a.footer:HOVER{color:rgb(0,140,210);}
a.white2black{color:#fff;text-decoration:none;transition: .3s;text-align:center;padding:7px 0}
a.white2black:HOVER{color:#000;}
a.menuButton{font-size:19px;text-transform:uppercase;padding:28px 20px 29px 20px;display:inline-block;color:#fff;}
a.menuButton:HOVER{color:#000;}
a.subMenuButton{font-size:17px;padding:8px 20px;display:block;color:#fff;white-space:nowrap}
a.subMenuButton:HOVER{color:#008dd2;}

.nolink{cursor:initial;}
.gray{background-color:rgba(0,0,0,0.05)}

#cookie-bar {z-index:100;width:100%;background:rgba(0,140,210,0.8) ; border-top:0px solid #ddd;line-height:24px; color:#ffffff; font-size:14px; text-align:center; padding:60px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:3px; color:#fff;}
#cookie-bar a {color:#008dd2; display:inline-block; border:0px solid #fff; border-radius:5px; text-decoration:none; padding:0 10px; margin-left:5px;}
#cookie-bar .cb-enable {background:rgba(0,140,210,0);border:1px solid #fff;color:#fff;}
#cookie-bar .cb-enable:hover {color:rgba(0,140,210,1); background:#fff;}
#cookie-bar .cb-policy {color:#fff;border:0; padding-left:0;}
#cookie-bar .cb-policy:hover {text-decoration:underline}

@media screen {
    /* MOBILE */
    .mobile{display:inline-block;}
    .desktop{display:none;}
    .tablet{display:none;}
    
    header{width:100%;overflow:visible;border-bottom:20px solid rgba(39,51,98,1)}
    
    .fixedRow{position:fixed;z-index:50;top:0;display:block;width:100%;background-color:rgba(0,0,0,0.5);}
    .fixedTrigger{position:fixed;top:0;z-index:70;background-color:#008dd2;cursor:pointer;}
    .fixedTrigger p{font-size:17px;padding:17px 25px;color:#fff;}
    .fixedLanguage{float:right;}
    .fixedMenu{z-index:60;position:fixed;top:0;padding-top:50px;margin-left:-400px;background-color:#008dd2;}
    .fixedMenu ul{list-style:none;}
    .fixedMenu .subMenuButton:HOVER{color:#000;}
    
    .logoRow{margin-top:50px;background-color:#fff;}
    .logoRowContainer{margin:0 auto;width:100%;}
    .logoBox{width:100%;}
    .logoContainer{width:100%;padding:50px 30px;position:relative;}    
    .logoContainer img{text-align:center;position:relative;width:100%;transition: transform .5s;}
    .logoContainer img:HOVER{transform: scale(1.05);}
    .middleBox{display:none;width:100%;}
    .languageBox{display:none;width:100%;text-align:right;}
    .languageController{display:inline-block;margin:0 25px;padding:15px 0;font-size:17px;color:#fff;border-bottom:0px solid rgba(0,0,0,0.2);}
    .languageController span{color:#fff;}
    .languageSwitch{color:#ccc;}
    .languageSwitch:HOVER{color:#000;}
    .addressTitle{display:block;margin:0 20px;padding:20px 0 5px 0;font-weight:bold;}
    .addressText{display:block;margin:0 20px;font-size:14px;line-height:150%}
    
    .sliderRow{width:100%;margin:0 auto;background-image: linear-gradient(to right, rgb(39,51,98),rgb(26,81,136),rgb(39,51,98));}
    .sliderRowContainer{max-width:1440px;margin:0 auto}
    .sliderContainer{width:100%;margin:0 auto;}
    .sliderContainer .slider{margin:0 auto 0 auto;}
    .sliderBox{float:left;}
    .sliderContent{overflow:hidden;position:relative;width:100%;height:100%;padding-bottom:50%;background-size:cover;background-position:center;}  
    .sliderContentBox{padding:20px;}
    .sliderTitle{margin:0;font-size:28px;color:#008dd2;}
    .sliderLead{margin:0;padding-top:10px;font-size:21px;line-height:120%;color:#fff;}
    .sliderLink{margin:0;padding-top:30px;font-size:15px;text-transform: uppercase;}
    .sliderLink a:HOVER{color:#fff;}
    
    .menuRow{display:none;background-color:rgba(0,0,0,0.5);}
    .menuRowContainer{width:100%;margin:0 auto;height:80px;background-image:url('/design/image/social.png');background-position:left;background-repeat: repeat-y;color:#fff;}
    .mainMenu{list-style: none;}
    .mainMenu .icon{float:left;margin-left:10px;padding:30px 0 30px 0;width:80px;font-size:19px;color:#fff;text-align:center;}
    .mainMenu li{float:left;position:relative;}    
    .mainMenu li.dot{float:left;color:#fff;padding-top:30px;font-weight:bold;}
    .subMenu{display:none;position:absolute;top:80px;left:0;z-index:1000;list-style:none;background-color:rgba(0,0,0,0.6);padding:0 0 10px 0;}
    .subMenu li{width:100%;display:block;}
    .subMenu li:HOVER{background-color:rgba(0,0,0,0.5);}
    
    .breadcrumbRow{}
    .breadcrumbRowContainer{display:none;width:100%;margin:0 auto;padding:15px 0 10px 110px;font-size:14px;background-image:url('/design/image/social.png');background-position:left;background-repeat: repeat-y;};
    
    footer{width:100%;height:auto;margin:0 auto;overflow:auto;background-color:#f00;}
    .footerMap{overflow:hidden;opacity: 0.9;margin:0 1px;}
    .footerMap:HOVER{opacity: 1;}
    .footerMap iframe{width:100%;height:500px;display:block;}
    .footerMap iframe div{width:100%;height:200px;border:1px solid red;position:relative;top:-300px;z-index:1000;}
    .footerMap p{background-color:#dadada;width:100%;padding:190px 0;text-align:center;color:#999}
    .footerContainer{width:100%;height:auto;overflow:auto;;margin:0 auto;}    
    .footerMenu{width:100%;padding:20px 20px 30px 20px;background-position:right;background-repeat: repeat-y;} 
    .footerMenuTitle{padding:30px 10px;font-size:32px;text-transform:uppercase;line-height:20px;}
    .footerMenuText{padding:0 10px;font-size:19px;text-transform:uppercase;color:#ccc;line-height:40px;}  
    .footerSocial{width:100%;height:60px;color:#fff;font-size:24px;background-color:#008dd2;}
    .footerMenuSocial{width:100%;height:60px;padding:10px 15px;color:#fff;font-size:24px;}
    .footerMenuSocial a{display:inline-block;width:40px;}
    .footerAbout{width:100%;padding:20px 30px 0 30px;}
    .footerAboutTitle{padding:30px 0;font-size:32px;text-transform:uppercase;line-height:20px;}
    .footerAboutText{font-size:15px;line-height:150%;}  
    .footerAboutMenu {border-top:1px solid rgba(0,0,0,0.2);margin-top:30px;padding:30px 0 40px 0;display:inline-block;}
    .footerAboutMenu .horizontal{font-size:19px;text-transform:uppercase;}
    .footerContact{width:100%;padding:20px 30px;}
    .footerContactTitle{padding:0 0 15px 0;font-size:19px;text-transform:uppercase;text-align:left;color:#fff;line-height:20px;}
    .footerContactText{padding:0 0 0 0;font-size:15px;color:#ccc;line-height:20px;}
    .footerContactText b{color:#ccc;}  
    .footerISO{display:none;}
    
    h1{font-size:32px;font-weight:bold;text-transform:uppercase;padding:15px 0;}
    h2{font-size:24px;font-weight:bold;padding:20px 30px;}
    h3{font-size:32px;text-align:center;text-transform:uppercase;}
    
}

@media screen and (min-width: 768px) {
    /* TABLET */
    .mobile{display:none;}
    .tablet{display:inline-block;}
    .desktop{display:none;}
    
    
    header{border:0;}
    .fixedRow{display:none;}
    .fixedTrigger{display:none;}
    .fixedMenu{display:none;}
    
    .languageController{display:inline-block;margin:0 20px;padding:10px 0;font-size:17px;color:#000;border-bottom:1px solid rgba(0,0,0,0.2);}
    .languageController span{color:#000;}
    .languageController span a{color:#008dd2;}
    .languageController span a:HOVER{color:#000;}
    .logoRow{margin-top:0;background-color:#fff;}
    .logoContainer img{max-width:280px;}
    
    .sliderRow{width:100%;margin:0 auto;background-color:rgba(39,51,98,1)}
    .sliderRowContainer{max-width:1440px;margin:0 auto}
    .sliderContainer{width:100%;margin:0 auto;}
    .sliderContainer .slider{margin:0 auto 0 auto;}
    .sliderBox{float:left;overflow:hidden;padding-top:30%;position:relative;}
    .sliderContent{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;}  
    .sliderContentBox{width:auto;max-width:50%;margin:40px 0 0 0;padding:30px;background-color:rgba(255,255,255,0.9);}
    .sliderTitle{margin:0;font-size:32px;color:#008dd2;}
    .sliderLead{margin:0;padding-top:10px;font-size:24px;line-height:120%;colro:#000;}
    .sliderLink{margin:0;padding-top:30px;font-size:19px;text-transform: uppercase;}
    .sliderLink a:HOVER{color:#4d5e62;}
    
    .menuRow{display:block;}
    
    .footerMap{overflow:hidden;opacity: 0.8;margin:0 1px;}
    .footerISO{display:none;}
}

@media screen and (min-width: 1200px) {
    /* DESKTOP */
    .mobile{display:none;}
    .tablet{display:none;}
    .desktop{display:inline-block;}    
    .fixedRow{display:none;}
    .fixedTrigger{display:none;}
    .fixedMenu{display:none;}
    
    #header{display:block;width:100%;position:relative;background-image:url('/design/image/headerBackground.jpg');background-position:center;background-size: cover;border:0;}
        
    .logoRow{margin-top:0;}
    .logoContainer img{max-width:280px;}
    .logoRowContainer{max-width:1440px;display:table}
    .logoBox{width:33.33%;margin:0 auto;display:table-cell;background-image:url('/design/image/sekler.png');background-position:left;background-repeat: repeat-y;padding:0 0 0 80px;}
    .middleBox{width:33.33%;margin:0 auto;display:table-cell;}
    .languageBox{width:33.33%;margin:0 auto;display:table-cell;vertical-align:top;}
    .languageController{display:inline-block;margin:0 20px;padding:10px 0;font-size:17px;color:#000;border-bottom:1px solid rgba(0,0,0,0.2);}
    .languageController span{color:#000;}
    .languageController span a{color:#008dd2;}
    .languageController span a:HOVER{color:#000;}
    .menuRowContainer{max-width:1440px;}
    .breadcrumbRowContainer{display:block;max-width:1440px;}         
    
    .logoText{display:table-cell;width:50%;vertical-align:middle;}
    .logoText p{position:relative;top:-40px;margin:0 auto;font-family:Fjalla One;font-weight:400;font-size:120px;color:rgba(255,255,255,0.7);padding:20px; text-align:center;}
    .logoIcon{display:table-cell;width:25%;vertical-align:top;text-align:right;}
    .logoIcon a{display:inline-block;padding:20px 10px;}
    .logoIcon a img{height:30px;opacity:.8}
    .logoIcon a:HOVER img{opacity:1}
    .logoHeaderContainer{width:100%;margin:0 auto;height:150px;overflow:auto;padding:0 20px;}
    
      
    .sliderRow{width:100%;margin:0 auto;background-color:rgba(39,51,98,1)}
    .sliderRowContainer{max-width:1440px;margin:0 auto;padding:0 20px 0 80px;background-image:url('/design/image/social.png');background-position:left;background-repeat: repeat-y;}
    .sliderContainer{width:100%;margin:0 auto;}
    .sliderContainer .slider{margin:0 auto 0 auto;}
    .sliderBox{float:left;overflow:hidden;padding-top:30%;position:relative;}
    .sliderContent{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-position:center;}  
    .sliderContentBox{float:right;width:auto;   max-width:50%;margin:40px 0 0 0;padding:30px;background-color:rgba(255,255,255,0.9);}
    .sliderTitle{margin:0;font-size:32px;color:#008dd2;}
    .sliderLead{margin:0;padding-top:10px;font-size:24px;line-height:120%;color:#000;}
    .sliderLink{margin:0;padding-top:30px;font-size:19px;text-transform: uppercase;}
    .sliderLink a:HOVER{color:#4d5e62;}
    
    .menuRow{display:block;}
    
    #innerHeader{display:block;width:100%;height:240px;margin-bottom:-60px;position:relative;background-image:url('/design/image/innerHeaderBackground.jpg');background-position:bottom center;}
    .innerLogoContainer{display:table-cell;width:25%;cursor:pointer;background-color:rgba(255,255,255,0.7);vertical-align:middle;}
    .innerLogoContainer img{position:relative;top:-35px;margin:0 auto;width:100%;max-width:120px;transition: transform .5s;}
    .innerLogoContainer img:HOVER{transform: scale(1.05);}
    .innerLogoText{display:table-cell;width:75%;vertical-align:middle;}
    .innerLogoText p{position:relative;top:-35px;margin:0 auto;font-family:Fjalla One;font-weight:400;font-size:45px;color:rgba(255,255,255,0.8);padding:20px 20px;text-align:right;}
    .innerLogoIcon{display:table-cell;width:75%;vertical-align:top;text-align:right;}
    .innerLogoIcon a{display:inline-block;padding:20px 10px;}
    .innerLogoIcon a img{height:30px;opacity:.8}
    .innerLogoIcon a:HOVER img{opacity:1} 
    
    
    .menuRow{position:relative;background-color:rgba(0,0,0,0.5);}
    
    #dropDown{display:none;}
    .dropDown{display:none;position:absolute;top:50px;left:0px;z-index:10;background-color:#858585;width:100%;}
    .dropDown ul{list-style:none;border-top:1px solid #656565f;border-bottom:5px solid #656565;}
    .dropDown ul li{font-size:17px;color:#fff;padding:15px 30px;border-bottom:1px solid #656565;transition: .3s;}
    .dropDown ul li:HOVER{background-color:#656565;color:#79ccda}
        
    #title{display:block;width:100%;margin:0 auto;height:60px;position:relative;bottom:20px;overflow:visible;background-image:url('/design/image/menuBackground.png');background-size:contain}
    .titleContainer{width:100%;margin:0 auto;height:60px;overflow:visible;}
    .titleContainer .hamburgerBox{float:left;width:25%;padding:5px 0;cursor:pointer;}
    .titleContainer .titleBox{float:left;width:75%;height:60px;background-color:#008dd2;}  
    
    footer{width:100%;height:auto;margin:0 auto;overflow:auto;background-color:rgba(255,255,255,0.7);}
    .footerContainer{max-width:1440px;display:table;}
    .footerMenu{width:auto;padding:20px 20px 0 20px;display:table-cell;}  
    .footerMenuTitle{width:70%;}
    .footerMenuText{width:70%;}    
    .footerSocial{width:60px;padding-top:20px;color:#fff;font-size:24px;display:table-cell;text-align:center;}
    .footerMenuSocial a{margin:0 auto;display:block;}
    .footerMenuSocial{float:right;width:60px;padding:20px 0;color:#fff;font-size:24px;}
    .footerAbout{width:66.66%;padding:20px 30px 0 30px;display:table-cell;}
    .footerMap{overflow:hidden;opacity: 0.8;margin:0 1px;}
    
    .footerISO{display:inline-block;margin-top:20px;}
}

@media (orientation: portrait) {    
}

@media (orientation: landscape) {        
}