@charset "utf-8";
/* CSS Document */
*{ text-decoration:none;}
.clearer { font-size: 0px; height: 0px; width: 100%; display: block; clear: both; visibility: hidden; }
img{border:0px;}

body{ margin:0; padding:0;}
a, a img{border:none; text-decoration:none; outline:none;}
.clr{clear:both; height:0;}

h4.small{ font-family:'Open Sans', sans-serif; font-size:13px; margin-bottom:10px; font-weight:bold;}

.brandsWrapperArea{ width:100%; float:left;}
.brandsWrapperArea a{display:block;float:left;width: 19.9%;position:relative;height: 220px;overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0 1px 1px 0;}
.brandsWrapperArea a span{
    position:absolute;
    left:0;
    top:0px;
    text-align:center;
    width:100%;
    height:100%;
    /* background:#525963; */
    opacity: 0;
    -webkit-transition: all 300ms ease-in;
    -webkit-transform: scale(0);
    -ms-transition: all 300ms ease-in;
    -ms-transform: scale(0);
    -moz-transition: all 300ms ease-in;
    -moz-transform: scale(0);
    transition: all 300ms ease-in;
    transform: scale(0);
    opacity: 0.8;
    }
.brandsWrapperArea a span::after{ position:absolute; left:0; top:0; height:100%; width:100%; content:''; background:#525963; opacity:0.9; }
.brandsWrapperArea a:hover span{
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    z-index:2;
    }
.brandsWrapperArea a span small{color:#fff;border:1px solid #fff;font-size:11px;padding:4px 10px;margin-top: 106px;display: inline-block; position:relative; z-index:2;}
.brandsWrapperArea a img{width:100%; position:relative;}

.wrapper{ width:1280px; margin:auto; position:relative;}
.lang{ width:100%; height:25px; background:#fff; font-family: 'Source Sans Pro', sans-serif; padding-top:15px; }
.lang a{ font-size:10px; font-weight:bold; display:block; float:right; text-decoration:none; padding:0 5px;}
.lang a.tr{ color:#aeb3b6;border-right:1px solid #b3b7ba;}
.lang a.en{ color:#353a3e; }

.top{ height:125px; width:100%; background:#424950; position:relative;}
.top .logo{ width:246px; height:32px; float:left; margin: 50px 0 0 88px;}
.top .logo img{ height:auto; width:100%;}
.top .menu{ float:right; height:28px; border-bottom:1px solid #50575f;font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:13px; padding-top:50px; margin-right:88px;}
.top .menu a{ display:block; float:left; color:#fff;}

#blob {background:#ff3f0b;position: absolute; z-index: 1; top:0; height:2px; width:auto;}
#nav {position: relative;float: right; margin:0; padding:0;}
#nav li {float: left;list-style: none;}
#nav li a {color: #fff;z-index: 2;position: relative;cursor: pointer;float: left;padding:6px 8px; margin:0 15px; width:100%;}
#nav li a:hover,#nav li#selected a{color:#fff;}
/*font-family: 'Source Sans Pro', sans-serif; font-family: 'Open Sans', sans-serif;*/

#navMobile{ width:180px; margin:0; padding:0; float:right; right:20px; top:15px; position:absolute; z-index:9999; height:35px; overflow:hidden;box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.5);-moz-box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.5);}
#navMobile li{ list-style-type:none; display:block; width:170px; height:35px; background:#32383f; border-bottom:1px solid #5c6167; line-height:35px; padding-left:5px;}
#navMobile li.selector{ color:#fff; background:#5c6167 url(../images/mobileNav.png) no-repeat 150px 13px; cursor:pointer; letter-spacing:1px;}

.subMenuWrapper{ width:100%; height:70px; background:#fff; text-align:center; padding-top:50px; position:relative;}
.subMenu{ width:100%;text-align:center;}
.subMenu a{ color:#8b8f93; font-size:16px;font-family: 'Source Sans Pro', sans-serif; font-weight:600; padding:10px 40px; border-bottom:1px solid #c3c6ca; margin:0 15px;}
.subMenu a.selected, .subMenu a:hover { color:#8d9195; border-bottom:1px solid #ff3f0b;}
.subMenu.subMenu_small a{ padding:10px 15px;}

#subNavMobile{ width:180px; margin:0; padding:0; float:right; right:20px; top:10px; position:absolute; z-index:9998; height:35px; overflow:hidden;box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.5);-moz-box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.5);}
#subNavMobile a{display:block; width:170px; height:35px; background:#5c6167; border-bottom:1px solid #6c7075; line-height:35px; padding:0 0 0 10px; text-align:left; margin:0;font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:13px; color:#fff;}
#subNavMobile a.subSelector{ color:#5c6167; background:#e7e9ed url(../images/mobileSubNav.png) no-repeat 150px 13px; cursor:pointer;}

.subBanner{ width:100%; height:auto; position:relative;}
.subBanner img{ width:100%; height:auto;}
.subBanner span{ position:absolute; display:block; top:35%; left:7%; width:1100px; text-align:center; font-family: 'optima_lt_stdroman'; color:#fff; font-size: 2vw;}

.subBigCaption{ width:100%; height:auto; position:relative;font-family: 'optima_lt_stdroman'; color:#32383f; font-size: 42px;}
.subBigCaption .borderSub{ border-bottom:1px solid #c3c6ca; padding-bottom:30px; float:left; margin-bottom:30px; width:100%; color:#32383f;}

.historyMenu{ width:100%; height:33px; border-top:1px solid #c3c6ca; border-bottom:1px solid #c3c6ca; text-align:right; padding-top:15px;}
.historyMenuContent{ float:right;}
.historyMenu a{ font-size:12px; color:#9ea3a9;font-family: 'Open Sans', sans-serif; display:block; line-height:20px; height:33px; float:left; padding:0 11px;}
.historyMenu a:hover, .historyMenu a.active{color:#32383f; border-bottom:1px solid #ff3f0b;}
.historyMenu a:first-child{ padding-left:0;}
.historyMenu a:last-child{ padding-right:0;}
.history{ width:100%; background:#fff; margin-top:40px; display:none;}
.activeHistory{ display:block;}
.historyCaption{ height:69px; line-height:69px; border-bottom:1px solid #e7e9ed; font-size:16px;font-family: 'optima_lt_stdroman'; padding:0 20px; background:url(../images/historyArrow.jpg) no-repeat right -40px; cursor:pointer; overflow:hidden;}
.historyCaption:hover{ background:#414850 url(../images/historyArrowHover.png) no-repeat right -40px;; color:#fff;}
.history .activeCaption{background:url(../images/historyArrow.jpg) no-repeat right 30px; color:#9ea3a9;}
.historyCaption span.historyDate{ display:block; float:left; width:15%;} 
.historyCaption span.historyCaptionTxt{ display:block; float:left; width:80%;}
.historyContent{ padding:20px; display:none; border-bottom:1px solid #e7e9ed;}
.activeHistoryContent{ display:block;}
.historyContent img{ float:left; margin-right:20px;}

.applyFormStep{width:100%; height:48px; border-top:1px solid #c3c6ca; border-bottom:1px solid #c3c6ca; margin-top:20px;}
.applyFormStep a{ display:block; width:33%; float:left;font-size:16px; color:#9ea3a9;font-family: 'Open Sans', sans-serif; padding:13px 0; text-decoration:none!important;}
.applyFormStep a.active{color:#32383f; border-bottom:1px solid #ff3f0b; text-align:center;}

.formNavigator{width:100%; height:68px; border-top:1px solid #c3c6ca; border-bottom:1px solid #c3c6ca; margin-top:20px; line-height:68px;}

.formContainer{ position:relative;}
.formWrapper{ padding:20px 0; overflow:hidden; width:100%;}
.formPage{ width:100%; float:left;}

.formResult{ border:1px solid #fff; padding:10px; margin:auto; width:50%;}
.formResultCnt{ background:#fff; padding:50px; color:#666; text-align:center;}
.formResultCnt h3{font-family: 'optima_lt_stdroman'; border-bottom:1px solid #e7e9ed; margin-bottom:20px; padding-bottom:20px; font-weight:normal!important; font-size:18px!important;}

a.nextStep{ background:#434a51; color:#fff!important;text-decoration:none!important; font-size:12px; text-decoration:none; padding:15px 71px; display:block; float:right; line-height:12px; margin-top:12px;}

.serviceSearh{ width:100%;}
.selectContainer{ width:275px; float:left;}

.serviceSearchResult{ margin-top:10px; padding-top:30px;border-top:1px solid #c3c6ca; width:100%;}
.serviceSearchResultItem{ width:49%; float:left; margin:0 5px 5px 0; padding:20px 0; background:#fff; font-size:11px;}
.serviceSearchResultItem h3{ padding-left:20px; margin-bottom:20px;}
.serviceLoc{ display:block; padding-left:30px; margin:0 0 20px 20px; background:url('../images/iconLoc.png') no-repeat left center; height:20px; line-height:20px; }
.servicePhone{ display:block; float:left; padding-left:30px; margin:0 0 20px 20px; background:url('../images/iconPhone.png') no-repeat left center; height:20px; line-height:20px; }
.serviceFax{ display:block; float:left; padding-left:30px; margin:0 0 20px 20px; background:url('../images/iconFax.png') no-repeat left center; height:20px; line-height:20px; }
.serviceMail{ display:block; padding-left:30px; margin:0 0 20px 20px; background:url('../images/iconMail.png') no-repeat left center; height:20px; line-height:20px; }
.serviceWeb{ display:block; padding-left:30px; margin:0 0 20px 20px; background:url('../images/iconWeb.png') no-repeat left center; height:20px; line-height:20px; }
.service_yss{ display:block; padding-left:30px; margin:0 0 20px 20px; background:url('../images/iconYS.png') no-repeat left center; height:22px; line-height:22px; }
.service_yss_inner { background:#666; padding: 1px 3px 1px 3px; color: #fff; font-size: 10px;}
.serviceSearchResultItem a{ color:#ff3f0b; text-decoration:underline;}


.serviceSearchResultItem.pasif {pointer-events: none; position:relative;}
.serviceSearchResultItem.pasif .serviceLoc {opacity:0.3;}
.serviceSearchResultItem.pasif .servicePhone {opacity:0.3;}
.serviceSearchResultItem.pasif .serviceFax {opacity:0.3;}
.serviceSearchResultItem.pasif .serviceMail {opacity:0.3;}
.serviceSearchResultItem.pasif .serviceWeb {opacity:0.3;}
.serviceSearchResultItem.pasif .service_yss {opacity:0.3;}
.serviceSearchResultItem.pasif .service_yss_inner {opacity:0.3;}
.serviceSearchResultItem.pasif a {opacity:0.3;}
.serviceSearchResultItem.pasif:before {content:'';width: 23px;height: 23px;background:url(/bmw/_assets/assets-ekim-v2/images/icon-warning.png) no-repeat center center;background-size: contain;display: block;z-index: 2;left: 22px;bottom: 14px;position: absolute;}
.serviceSearchResultItem.pasif:after {content:'Alınan sağlık önlemleri çerçevesinde geçici olarak hizmet vermemektedir.';  text-align: left;font-size: 12px;position:absolute;width: 93%;max-width:380px;/* height:25px; */background:#ffffff;border: 1px solid #ced1c6;bottom: 5px;left:10px;color: #464646;padding: 5px  10px  5px  45px;box-sizing: border-box;z-index: 1;font-weight: bold;}


.serviceSearchResultItem.gecici_pasif {pointer-events: none; position:relative;}
.serviceSearchResultItem.gecici_pasif .serviceLoc {opacity:0.3;}
.serviceSearchResultItem.gecici_pasif .servicePhone {opacity:0.3;}
.serviceSearchResultItem.gecici_pasif .serviceFax {opacity:0.3;}
.serviceSearchResultItem.gecici_pasif .serviceMail {opacity:0.3;}
.serviceSearchResultItem.gecici_pasif .serviceWeb {opacity:0.3;}
.serviceSearchResultItem.gecici_pasif .service_yss {opacity:0.3;}
.serviceSearchResultItem.gecici_pasif .service_yss_inner {opacity:0.3;}
.serviceSearchResultItem.gecici_pasif a {opacity:0.3;}
.serviceSearchResultItem.gecici_pasif:before {content:'';width: 23px;height: 23px;background:url(/bmw/_assets/assets-ekim-v2/images/icon-warning.png) no-repeat center center;background-size: contain;display: block;z-index: 2;left: 22px;bottom: 14px;position: absolute;}
.serviceSearchResultItem.gecici_pasif:after {content:'Geçici olarak hizmet vermemektedir.';text-align: left;font-size: 12px;position:absolute;width: 93%;max-width:380px;/* height:36px; */background:#ffffff;border: 1px solid #ced1c6;bottom: 5px;left:10px;color: #464646;padding: 10px  10px  10px  45px;box-sizing: border-box;z-index: 1;font-weight: bold;}




.serviceSearchResultItem.servis_pasif {/*pointer-events: none;*/ position:relative;}
/*.serviceSearchResultItem.servis_pasif .serviceLoc {opacity:0.3;}
.serviceSearchResultItem.servis_pasif .servicePhone {opacity:0.3;}
.serviceSearchResultItem.servis_pasif .serviceFax {opacity:0.3;}
.serviceSearchResultItem.servis_pasif .serviceMail {opacity:0.3;}
.serviceSearchResultItem.servis_pasif .serviceWeb {opacity:0.3;}
.serviceSearchResultItem.servis_pasif .service_yss {opacity:0.3;}
.serviceSearchResultItem.servis_pasif .service_yss_inner {opacity:0.3;}
.serviceSearchResultItem.servis_pasif a {opacity:0.3;}*/
.serviceSearchResultItem.servis_pasif:before {content:'';width: 23px;height: 23px;background:url(/bmw/_assets/assets-ekim-v2/images/icon-warning.png) no-repeat center center;background-size: contain;display: block;z-index: 2;left: 22px;bottom: 14px;position: absolute;}
.serviceSearchResultItem.servis_pasif:after {content:'Alınan sağlık önlemleri çerçevesinde bir süreliğine sadece satış faaliyeti bulunmaktadır.';  text-align: left;font-size: 12px;position:absolute;width: 93%;max-width:380px;/* height:25px; */background:#ffffff;border: 1px solid #ced1c6;bottom: 5px;left:10px;color: #464646;padding: 5px  10px  5px  45px;box-sizing: border-box;z-index: 1;font-weight: bold;}






.skdslider{height: 606px;position: relative;font-family: 'optima_lt_stdroman'; border-bottom:5px solid #bebfc3;}
.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li{height: 606px;left: 0;position: absolute;top: 0;display: none;width:100%;}
.skdslider ul.slides li img{width: 100%;height:auto;border:0;}
.skdslider .slide-navs {bottom: 20px;left: 50%;position: absolute;list-style-type: none;margin: 0;padding: 0;}
.skdslider .slide-navs li {float: left;background: url("../images/thumbnails.png") no-repeat top right;height:12px;width:12px;margin-right:4px;cursor:pointer;}
.skdslider .slide-navs li.current-slide {background: url("../images/thumbnails.png") no-repeat top left;}
.skdslider .slide-desc {background: url("../images/sliderDescBg.png") repeat;left: 0;position: absolute;top: 0;width: 100%; height:50%; text-align:center; display:table;}
.skdslider .slide-desc > p{display:block; width:100%; display:table-cell; vertical-align:middle; background:url('../images/sliderDownArrow.png') no-repeat center 85%;}
.skdslider .slide-desc > p span {color: #FFFFFF;font-size: 2vw; text-align:center; display:block; width:100%; margin-bottom:40px;}
.skdslider .slide-desc > p a {color:#fff;font-size:12px; border:1px solid #fff; padding:10px 15px;font-family: 'Open Sans', sans-serif; letter-spacing:2px;}
.skdslider a.prev{background: url("../images/arrows.png") no-repeat top left;width:42px;height:42px;display:block;cursor:pointer;position:absolute;top:43%;left:0;}
.skdslider a.next{background: url("../images/arrows.png") no-repeat top right;width:42px;height:42px;display:block;cursor:pointer;position:absolute;top:43%;right:0;}


.fullGrey{ width:100%;background:#f3f4f6; padding-bottom:80px;}
.fullGreyWithBlank{ width:100%;background:#f3f4f6; padding-bottom:80px; margin-bottom:40px;}
.mainContainer{ width:940px; margin:auto;}
.timeLine{ width:100%; position:relative; height:120px;}
.timeLine .line{ height:40px; border-left:1px solid #bebfc3; border-bottom:1px solid #bebfc3;}
.timeLine .pointer{ display:block; position:absolute; width:60px; height:29px;font-family: 'optima_lt_stdroman'; font-size:13px; text-align:center; background:url(../images/timeLinePointer.png) no-repeat top left; color:#757575; padding-top:30px; cursor:pointer;}
.timeLine .active, .timeLine .pointer:hover {color:#ff3f0b; background:url(../images/timeLinePointer.png) no-repeat top right;}
.timeLine ul{ margin:0; padding:0;}
.timeLine ul li{ display:block; position:absolute; width:60px; height:29px;font-family: 'optima_lt_stdroman'; font-size:13px; text-align:center; background:url(../images/timeLinePointer.png) no-repeat top left; color:#757575; padding-top:30px; cursor:pointer;}
.timeLine ul li a{color:#757575;}
.timeLine ul li.active a, .timeLine ul li:hover a, .timeLine ul li:hover {color:#ff3f0b; background:url(../images/timeLinePointer.png) no-repeat top right;}

.mainDivText{ width:470px; float:right; overflow:hidden; height:215px; background:#fff; margin-bottom:21px; position:relative;}
.container { width:100%; height:200px; overflow:hidden; position:relative; cursor:pointer; margin:auto; }
.timeLineSlides { position:absolute; top:0; left:0;font-family: 'Open Sans', sans-serif; font-size:11px; color:#666;}
.timeLineSlides div { position:absolute; top:0; width:450px; display:none; text-align:center;}
.timeLineSlides h2{ color:#353a3e;font-family: 'optima_lt_stdroman'; font-size:30px; width:200px; margin:20px auto; border-bottom:1px solid #e7e9ed; padding-bottom:15px;}
.timeLineSlides span{ display:block; margin:auto; width:60%;}
#loopedSlider a{ display:block; position:absolute; width:41px; height:41px; background:url(../images/timelineArrows.png);}
#loopedSlider .previous{ background-position:top left; bottom:0; right:42px;}
#loopedSlider .next{ background-position:top right; bottom:0; right:0;}
.mainDivWide{ width:470px; height:215px;overflow:hidden; float:left; margin-bottom:21px; position:relative; }
.mainDivTight{ width:214px;height:215px; float:left; margin-left:21px; position:relative; overflow:hidden;}
.mainDivWide img, .mainDivTight img { width:auto; height:100%;}

.faaliyetContainer{ width:24.5%; background:#fff; height:275px !important; margin:0px 1px 1px 0 !important; float:left; position:relative;}
.faaliyetContainer .faaliyetRaporu{ background:#fff; padding:50px 40px 0px 40px}
.faaliyetContainer .faaliyetRaporu a{ color:#666666;}
.faaliyetContainer .faaliyetRaporu .rate{color:#ff3f0b; float:left; margin:0 20px 0 0; font-size:30px; font-weight:bold; font-family: 'optimaextrablack';}
.faaliyetContainer .faaliyetRaporu .top-icon { background:url(../images/top-icon.png) no-repeat; width:21px; height:21px; float:left; margin:7px 0 0 0}
.faaliyetContainer .faaliyetRaporu .text{font-family: 'Open Sans', sans-serif; font-size:12px; color:#666666; float:left; margin:50px 0 0 0}
.faaliyetCaption{ width:100%; height:100%; position:absolute; bottom:0; left:0; background:url(../images/mainDivCaptionBg.png);display:table; opacity:0;}
.faaliyetCaption span{ display:table-cell; vertical-align:middle; text-align:center;}
.faaliyetCaption span a{color:#fff;font-size:12px; border:1px solid #fff; display:block; width:150px; padding:10px 0; margin:auto; font-family: 'Open Sans', sans-serif;}

.faaliyetCaption:hover {opacity:1;}

.subContainer{ width:1100px; margin:auto;}
.oneColoumnTxt{ width:100%; padding-top:40px;font-family: 'Open Sans', sans-serif; font-size:13px; color:#353a3e;}
.oneColoumnTxt a{text-decoration:none; color:#353a3e;}
.oneColoumnTxt a:hover {color:#000000;}
.oneColoumnTxt h2{ margin:0 0 30px 0; padding:0; color:#353a3e; font-family: 'optima_lt_stdroman'; font-size:28px;}
.oneColoumnTxt h2.bordered{border-bottom:1px solid #c3c6ca; padding-bottom:20px;}
.oneColoumnTxt h3{ color:#666; font-size:16px; font-weight:600;}
.oneColoumnTxt h3.brandCaption{ color:#353a3e; font-size:28px; font-weight:600;font-family: 'optima_lt_stdroman'; font-weight:normal; padding-top:10px; float:left;}
h2.borderedCaption{ border-bottom:1px solid #c3c6ca;}

a.orangeLink{}

.brandLogo{ float:right;}

.caption{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/mainDivCaptionBg.png);display:table; opacity:0;}
.caption span{ display:table-cell; vertical-align:middle; text-align:center;}
.caption span a{color:#fff;font-size:12px; border:1px solid #fff; display:block; width:150px; padding:10px 0; margin:auto; font-family: 'Open Sans', sans-serif;}

.caption:hover {opacity:1;}

.imgColoumn{ width:50%; float:left;}
.imgColoumn img{ width:100%; height:auto;}
.txtWithImgColoumn{ width:45%; float:right;}


.footer{ width:100%; background:#424950; height:100px;}
.footer .footerCnt{ width:940px; margin:auto; padding-top:30px;font-family: 'Open Sans', sans-serif; font-size:10px;}
.footer .leftMenu{ float:left;}
.footer .leftMenu a{color:#ddd;  border-right:1px solid #5e676e; padding:0 10px;}
.footer .rightMenu{ float:right;}
.footer .rightMenu a{color:#ddd; border-right:1px solid #5e676e; padding:0 10px;}
.footer .copyRight{ color:#74787d; margin-top:15px; float:left;}
.footer .social{ float:right;margin-top:15px;}
.footer .social a{ display:block; width:23px; height:22px; float:left; margin-right:4px; background:url(../images/social.png) no-repeat;}
.footer .social .facebook{ background-position:0 0;}
.footer .social .facebook:hover{ background-position:0 -23px;}
.footer .social .twitter{ background-position:-27px 0;}
.footer .social .twitter:hover{ background-position:-27px -23px;}
.footer .social .youtube{ background-position:top right;}
.footer .social .youtube:hover{ background-position:bottom right;}
.footer .social .instagram{ background-position:-80px 0;}
.footer .social .instagram:hover{ background-position:-80px -23px;}
.footer .social .linkedin{ background-position:-108px 0;}
.footer .social .linkedin:hover{ background-position:-108px -23px;}


.last{ border-right:none!important; padding-right:0!important;}
.first{ padding-left:0!important;}

.projectSlider{ width:50%; float:left; position:relative; margin:0 20px 30px 0; padding-bottom:20px;}
#brandSlideWrapper{position:relative;width:1099;margin:auto;border-bottom:1px solid #c3c6ca; padding-bottom:10px; margin-bottom:15px;}
#fssPrev{position:absolute;bottom:10px;right:60px;background:url(../images/brandSlideArrow.png) top left;width:9px;height:17px;text-indent:-999999px;}
#fssNext{position:absolute;bottom:10px;right:0px;background:url(../images/brandSlideArrow.png) top right;width:9px;height:17px;text-indent:-999999px;}
ul#brandSlide{list-style:none;margin:auto;margin-top:10px;width:1099px;height:415px;overflow:hidden; padding:0;}
ul#brandSlide li{ width:100%;}
ul#brandSlide li span{background:#f3f4f6; display:block; padding:3px 5px; height:30px; position:relative; top:-10px;}
#brandSlideWrapper img, ul#brandSlide img{ height:auto; width:100%;}
.slideNum{ width:35px; color:#32383f; font-size:11px; text-align:center; position:absolute; bottom:12px; right:18px;}

.serviceMap{ width:100%; border-bottom:1px solid #c3c6ca; padding-bottom:15px;}
.serviceMap .mapImgContainer{ width:100%; position:relative; height:450px;}
.serviceMap img.mapImg{ width:100%; height:auto; position:absolute;}
.serviceMap .pins{ text-align:right;}
.serviceMap .mapImgContainer a{ position:absolute; z-index:2; text-decoration:none;}
.serviceMap .mapImgContainer a span.leftMapCaption{ background:url(../images/mapLeftCaption.png); width:68px; height:15px; color:#32383f; display:block; font-weight:bold; font-size:9px; padding:10px 0 0 10px; margin-left:-68px;}
.serviceMap .mapImgContainer a span.rightMapCaption{ background:url(../images/mapRightCaption.png); width:53px; height:15px; color:#32383f; display:block; font-weight:bold; font-size:9px; padding:10px 0 0 25px; margin-left:10px;}
.serviceMap .mapImgContainer a img{ width:auto;}

.chartContainer{ width:50%; padding-bottom:65px; float:left;}
.chartLeft{ float:left; width:50%; height:auto; margin-top:15px;}
.chartRight{ float:left; width:100%; height:auto;margin-top:15px;}
.circlerChart{ width:100%; height:auto;}

.saticiContentContainer{border-bottom:1px solid #ccced2; padding-bottom:43px; overflow:hidden;padding-top: 40px;}
.saticiContentContainer a{ color:#ff3f0b;}
.leftSaticiContent{width:48%; float:left; margin:57px 0 0 0; font-family:'Open Sans', sans-serif;}
.rightSaticiContent{width:48%; float:right; margin:57px 0 0 0; font-family:'Open Sans', sans-serif;}
.grey16BoldSatici{font-weight:600; font-size:16px; color:#666666; font-family:'Open Sans', sans-serif; width:100%; margin:0 0 30px 0;}

/*Content*/
ul.general{ padding:0; margin:0; }
ul.general li{padding:0 0 0 15px; background:url(../images/li-icon.png) no-repeat 2px 4px; margin-bottom:12px; font-family: 'Open Sans', sans-serif; font-size:13px; list-style-type:none;}
ul.general li a{color:#000; font-family: 'Open Sans', sans-serif; font-size:13px;}
ul.general li a:hover{ text-decoration:underline;}


.calisanProfili{ width:50%; float:left;}
.calisanProfili .leftContainer{float:left; width:50%; padding:48px 0; background:#fff;}
.calisanProfili .workContainer1{ float:left; width:100%; margin:0 0 30px 0; padding-left:10px;}
.calisanProfili .workContainer1 img{ float:left; margin:0 18px 0 0}
.calisanProfili .workContainer1 .num{width:auto; float:left; font-family: 'optimaextrablack';  font-size:22px; color:#ff3f0b; margin:10px 11px 0 0 }
.calisanProfili .workContainer1 .text{font-family:'Open Sans', sans-serif; font-size:12px; color:#666; padding:15px 0 0 0}

.calisanProfili .workContainer2{ float:left; width:100%; margin:0 0 30px 0; padding-left:10px;}
.calisanProfili .workContainer2 img{ float:left; margin:0 18px 0 0}
.calisanProfili .workContainer2 .num{width:auto; float:left; font-family: 'optimaextrablack';  font-size:22px; color:#ff3f0b; margin:10px 11px 0 0 }
.calisanProfili .workContainer2 .text{font-family:'Open Sans', sans-serif; font-size:12px; color:#666; padding:15px 0 0 0}
.calisanProfili .workContainer3{ float:left; width:100%; margin:0 0 30px 0; padding-left:10px;}

.calisanProfili .workContainer3 img{ float:left; margin:0 18px 0 0}
.calisanProfili .workContainer3 .num{width:auto; float:left; font-family: 'optimaextrablack';  font-size:22px; color:#ff3f0b; margin:10px 11px 0 0 }
.calisanProfili .workContainer3 .text{font-family:'Open Sans', sans-serif; font-size:12px; color:#666; padding:15px 0 0 0}
        
.calisanProfili .rightContainer{ float:right; width:49%; padding:54px 0; background:#fff; text-align:center;}
.calisanProfili .rightContainer .rowsArea{ width:100%; margin:0 0 55px 0; text-align:center;}
.calisanProfili .rightContainer .rowsArea img{ float:left; margin:0 15px 0 35%;}
.calisanProfili .rightContainer .rowsArea .num{width:auto; float:left; font-family: 'optimaextrablack';  font-size:22px; color:#ff3f0b; margin:4px 11px 0 0;}
.calisanProfili .rightContainer .rowsArea .text{font-family:'Open Sans', sans-serif; font-size:12px; color:#666; margin:15px 0 0 0}
.calisanProfili .rightContainer .last{ margin:0 !important;}

.textSubCalisanProfil{ float:left; width:46%;}
.textSubCalisanProfilIn{ padding-left:38px;}
.textSubCalisanProfil .greyTitle{ font-size:16px; color:#777777; font-family:'Open Sans', sans-serif; font-weight:700;}


h3.ikSistem{ font-size:28px; font-family: 'optima_lt_stdroman'; color:#32383f; }
h3.ikSmall{ font-size:16px; color:#32383f; font-weight:600;  font-family:'Open Sans', sans-serif; margin:0 0 15px 0}

a.orange_link{ color:#ff3f0b; font-family:'Open Sans', sans-serif; font-size:12px; font-weight:bold;text-decoration:underline; }
a.orange_link:hover{ color:#000;}

a.boxLink{ font-weight:bold; font-size:12px; color:#080808; padding:10px; border:1px solid #080808; display:block; margin:20px 0;width: 220px;text-align: center;text-decoration: none;}
a.boxLink.fleft { float:left; width:205px; margin-right:20px}
div.bottomTitle{font-weight:bold; font-size:12px; font-family:'Open Sans', sans-serif; width:100%; padding-bottom:15px;}

.contentWidth{ width:80%; text-align:left; font-family:'Open Sans', sans-serif; }
/*Content*/

/*ik sistemleri*/
.calismaSaatleriContainer{ width:100%;}
.calismaSaatleriContainer .contentText{font-family:'Open Sans', sans-serif; color:#666; font-size:12px;padding:0 30px 0 0;  position:absolute; bottom:10px;}
.calismaSaatleriContainer .boxArea1{padding:30px}
.calismaSaatleriContainer .boxArea2{padding:30px}
.calismaSaatleriContainer .boxArea3{padding:30px}
                                         
.calismaSaatleriContainer .boxArea4{padding:30px}
.calismaSaatleriContainer .boxArea5{padding:30px}
.calismaSaatleriContainer .boxArea6{padding:30px}
                                            
.calismaSaatleriContainer .boxArea7{padding:30px}
.calismaSaatleriContainer .boxArea8{padding:30px}
.calismaSaatleriContainer .boxArea9{padding:30px}

.boxAreaContainer1{ width:25%; background:#fff url(../images/border-right-1.jpg) repeat-y right; margin:0 0 2px 0; float:left; height:275px; position:relative;}
.boxAreaContainer2{ width:50%; background:#fff url(../images/border-right-1.jpg) repeat-y right; margin:0 0 2px 0; float:left; height:275px; position:relative;}
.boxAreaContainer3{ width:25%; background:#fff url(../images/border-right-1.jpg) repeat-y right; margin:0 0 2px 0; float:left; height:275px; position:relative;}
.boxAreaContainer4{ width:50%; background:#fff url(../images/border-right-1.jpg) repeat-y right; margin:0 0 2px 0; float:left; height:275px; position:relative;}
.boxAreaContainer5{ width:25%; background:#fff url(../images/border-right-1.jpg) repeat-y right; margin:0 0 2px 0; float:left; height:275px; position:relative;}
.boxAreaContainer6{ width:25%; background:#fff url(../images/border-right-1.jpg) repeat-y right; margin:0 0 2px 0; float:left; height:275px; position:relative;}
.boxAreaContainer7{ width:50%; background:#fff url(../images/border-right-1.jpg) repeat-y right; margin:0 0 2px 0; float:left; height:210px; position:relative;}
.boxAreaContainer8{ width:50%; background:#fff url(../images/border-right-1.jpg) repeat-y right; margin:0 0 2px 0; float:left; height:210px; position:relative;}
.boxAreaContainer9{ width:100%;background:#fff url(../images/border-right-1.jpg) repeat-y right; margin:0 0 2px 0; float:left; height:175px; position:relative;}
.boxAreaContainer10{ width:50%; background:#fff url(../images/border-right-1.jpg) repeat-y right; margin:0 0 2px 0; float:left; height:175px; position:relative;}
.boxAreaContainer11{ width:50%; background:#fff url(../images/border-right-1.jpg) repeat-y right; margin:0 0 2px 0; float:left; height:175px; position:relative;}

.boxIcon{ float:left; margin:0 15px 0 0 }
.titleSub{font-family:'Open Sans', sans-serif; font-weight:600; color:#666; font-size:14px; margin:4px 0 0 0; width:100%}

/*ik sistemleri*/

.veriContainer{ position:relative;}
.veriContainer .textleft{ position:absolute; left:17%; top:42%; font-family:'Open Sans', sans-serif; font-weight:bold; font-size:16px; color:#666666;}
.veriContainer .textleft span{ font-size:10px;}

.veriContainer .textRight{ position:absolute; right:8%; top:42%; font-family:'Open Sans', sans-serif; font-weight:bold; font-size:16px; color:#666666;}
.veriContainer .textRight span{ font-size:10px;}

ul.siteMap{ width:24%; margin:0 1px 1px 0; background:#fff; height:283px; float:left; padding:0;}
ul.siteMap li{ display:block; padding:3px 25px;}
ul.siteMap li a{ color:#353a3e; font-size:12px; text-decoration:none!important;}
ul.siteMap a.mapCaption{ font-size:16px; text-decoration:none!important; padding:25px 0; display:block;}

.contactBox{ width:500px; background:#fff; padding:20px; margin-bottom:30px; color:#666; margin-right:10px; float:left}
.contactBox span.col1{ width:35%; display:block; float:left; padding:5px 0; font-weight:bold; clear:both}
.contactBox span.col2{ width:65%; display:block; float:left; padding:5px 0;}
.contactSend{ background:#434a51; color:#ffffff!important; font-size:12px; text-decoration:none; padding:15px 71px; display:block; float:left; line-height:12px; margin-top:12px; margin-left:388px;}

.contactBox h3 {padding:0 0 20px 0; color:#a1a3a9; margin:0;}
.contactBox span.pL{ padding-left:10px; display:block; min-height:70px;}


.press {
    border-bottom: 1px solid #c3c6ca;
    padding-bottom: 30px;
    margin-bottom: 25px;
}
.pressDate{color:#666666; font-size:11px;}
.pressCaption{color:#666; font-size:16px; padding:5px 0 15px 0;}
.pressTxt{ color:#353a3e; font-size:12px; margin-bottom:25px;}
a.pressLink{ color:#fff; background:#32383f; font-size:11px; padding:7px 20px;text-decoration:none!important;}
a.pressLink:hover{color:#fff!important;}

.logoDownloader{ width:24%; height:275px; margin:1px 1px 0 0; float:left; background:#fff; position:relative; cursor:pointer; text-align:center; display:table;}
.logoDownloader .imgContainer{ width:100%; height:100%; display:table-cell; vertical-align:middle;}
.logoDownloader img{ width:70%; height:auto;}
.logoDownloader a.logoDownload{width:100%; height:100%; background:url(../images/mainDivCaptionBg.png); color:#fff; top:0; left:0; position:absolute; display:none; text-decoration:none;} 
.logoDownloader a.logoDownload span{ display:block; padding:3px 6px; border:1px solid #fff; width:60%; margin:auto; text-align:center; position:relative; top:130px;}
.logoDownloader:hover a.logoDownload{ display:block;}

ul#items{margin:0;width:auto;overflow:hidden; padding:0; margin:0;}
ul#items li{list-style:none;margin:0; padding:0;}
ol#pagination{overflow:hidden; float:right;}
ol#pagination li{float:left;list-style:none;cursor:pointer;margin:0 0 0 1px; width:18px; height:18px; background:#32383f; font-size:11px; color:#fff; text-align:center;}
ol#pagination li.current{color:#32383f; background:#c3c6ca;}
ol#pagination li.next{ background:url(../images/brandSlideArrow.png) no-repeat right; width:8px; margin-left:10px;}
ol#pagination li.prev{ background:url(../images/brandSlideArrow.png) no-repeat left; width:8px; margin-right:10px;}

.odulBox{ width:19%; float:left; background:#424950; height:160px; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#fff; text-align:center; padding-top:80px; font-size:16px;}
.odulBox:hover{ background:#000;}

#formClearer{ display:none;}
.greyLine{ width:100%; height:1px; background:#c3c6ca; margin:30px 0;}

.sigmaBox{ width:15%; float: left;}

#ctl00_ContentPlaceHolder1_UpdatePanel1{ min-height:400px;}

.messageOverlay{ width:100%; height:100%; background:url(../images/fancybox_overlay.png); position:absolute; top:0; left:0; z-index:9999999;}
#messageWrapper{ width:900px; background:#fff url(../images/alert.png) no-repeat center 20px; padding:0; text-align:center; font-size:24px; color:#6f7982;font-family:'Roboto'; font-weight:300; 
position:absolute; top:-500px;}
#messageWrapper img{width:100%; height:auto;}
#messageContainer{ width:100%; height:100%; position:relative;}
#messageClose{ display:block; width:30px; height:30px; position:absolute; right:-31px; top:0px; background:url(../images/close.png);}


.con_grey {width: 100%; background: #f3f4f6; padding:20px 50px; box-sizing:border-box; margin-bottom: 40px; display:inline-block; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #353a3e;}
.con_grey a {text-decoration:underline; font-weight:bold; color: #353a3e;}
.con_grey a.contactSend {text-decoration:none; font-weight:normal; color: #ffffff; margin:0;}
.con_grey h2 {font-family: 'optima_lt_stdroman'; color: #32383f;}
.con_grey .sub_con_white {width:100%; margin:0; display:inline-block; background: #ffffff; padding:20px; box-sizing:border-box; margin-bottom: 40px; position: relative;}
.ftn1 {font-size:11px;}

#popup_kvkk {max-width:800px; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #353a3e; }	
#popup_kvkk a {text-decoration:underline; font-weight:bold; color: #353a3e;}

.hide_mobile {}
.hide_desktop {display:none;}

.scrollKVKKCon { height: 170px; position: relative;}
.scrollKVKK { height: 170px; overflow-y: scroll; background: rgb(252 252 252 / 1); padding: 0 20px 0 0; position: relative;}
.scrollKVKK ul { list-style-type:none; }
.gradientDiv {
    position: absolute;
    width: 95%;
    height: 50px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    z-index: 9999;
    bottom: 0;
    pointer-events: none;
    }


	
	.etk_v2_list {width:100%;display:inline-block;padding:0;  margin-bottom:30px; margin-top:10px;}
.etk_v2_list li {width:33%; padding:0; margin:0 0 0 0; float:left; display:flex; align-items: center;}
.etk_v2_list li:nth-child(2) {margin:0 0.5%;}
.etk_v2_list li .etk_logo {width:35%; display:table-cell;  height:65px;}
.etk_v2_list li .etk_logo.etk_logo_bmw {background:url(/images/logos/bmw.png) no-repeat center center; background-size:70%;}
.etk_v2_list li .etk_logo.etk_logo_mini {background:url(/images/logos/mini.png) no-repeat center center; background-size:70%;}
.etk_v2_list li .etk_logo.etk_logo_bmw_mc {background:url(/images/logos/bmw-mc.png) no-repeat center center; background-size:70%;}
.etk_v2_list li .etk_logo.etk_logo_landrover {background:url(/images/logos/landrover.png) no-repeat center center; background-size:70%;}
.etk_v2_list li .etk_logo.etk_logo_jaguar {background:url(/images/logos/jaguar.jpg) no-repeat center center; background-size:70%;}
.etk_v2_list li .etk_logo.etk_logo_pk {background:url(/images/logos/pk.png) no-repeat center center; background-size:70%;}
.etk_v2_list li .etk_list {width:65%; display:table-cell;}
.etk_v2_list li .etk_list .etk_list_line {width:100%;  display:inline-block;}
.etk_v2_list li .etk_list .etk_list_line.etk_list_line_tit {padding-bottom:5px; border-bottom:1px solid #ededed;}
.etk_v2_list li .etk_list .etk_list_line .etk_list_tit {min-width:115px; font-weight:bold; float:left;}
.etk_v2_list li .etk_list .etk_list_line input {float:left;}
.etk_v2_list li .etk_list .etk_list_line input:first-child {margin-left:0;}
.etk_v2_list li .etk_list .etk_list_line .etk_list_label {float:left; padding:0 10px 0 0; margin:0 0 0 2px;}

#navbar {overflow: hidden; box-sizing:border-box; height:0px; background: #a0a0a0;}
#navbar.sticky {position: fixed; bottom: 0;width: 100%; left:0; height:50px; padding:0;}
#navbar.sticky .etk_v2_list {width:100%; max-width:1180px; margin:0 auto; padding: 15px; box-sizing:border-box; color: #ffffff; display:block;}
#navbar.sticky .etk_v2_list li {width:100%; }

.contactSend { margin: 0; border: none; }

.tooltipLogo {width: 50px; margin-right:25px; object-fit: contain; }
img[src="images/logos/bmw_new.png"] { width:35px; }
img[src="images/logos/pk_new.png"] { width:80px; }
.tooltip {display: none;align-items: center;justify-content: space-around;width: auto; position: absolute;top: 120%;left: 60%;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;z-index: 9999;border: 1px solid #c5c5c5;padding: 10px;-webkit-box-shadow: 0px 10px 28px 0px rgba(197,197,197,1);-moz-box-shadow: 0px 10px 28px 0px rgba(197,197,197,1);box-shadow: 0px 10px 28px 0px rgba(197,197,197,1); transition: all .5s ease-in-out; background: #ffffff;}
.tooltip.active { display:flex; }
.arrow-up {width: 10px;height: 10px;background: white;position: absolute;top: -5px;transform: rotate(45deg);border-left: 1px solid #c5c5c5;border-top: 1px solid #c5c5c5; cursor: pointer; }
.tooltipArea { cursor: pointer; position: relative; }
.close { position: absolute; top: 2px; right: 5%; font-size: 10px; }
.tooltip .tooltipLogo:last-child { margin: 0; }


	
	@media screen and (max-width: 1280px)
        {
		  .wrapper{ width:100%;}
		  .top .logo{ margin:50px 0 0 20px;}
		  .top .menu{margin-right:20px;}
          #nav li a{ margin:0 10px;} 
		  
		  
.etk_v2_list li {width:50%; margin:0 0 20px 0;}
.etk_v2_list li:nth-child(2) {margin:0 0 20px 0;}

		  
        }
@media screen and (max-width: 1024px)
        {
.hide_mobile {display:none;}
.hide_desktop {display:inline-block;}

    .brandsWrapperArea a{ width:33.33%; height:auto;}
    .brandsWrapperArea a span small{ margin-top:50%;}
    .contactBox{ width:510px; float:none}
            .odulBox{ font-size:12px;}
		 	.mainContainer{ width:95%; margin:auto;}
			.subContainer{ width:95%; margin:auto;}
			.subBanner span{ width:95%;}
			.footer{ height:110px;}
			.footer .footerCnt{ width:95%;}
			.footer .leftMenu{ float:none; width:100%; text-align:center;}
			.footer .rightMenu{ float:none; width:100%; text-align:center; margin-top:10px;}
			.top .menu{ float:none; margin:auto; padding:0;}
			.top .menu #nav{ margin:auto; float:none; width:670px;}
			.top .logo{ float:none; margin:0; padding:30px 0 20px 20px;}
			.mainDivText, .mainDivWide{ width:50%;}
			.mainDivTight{width:23.5%;margin-left:5px;}
			.subMenu a{ padding:10px 15px; margin:0 5px;}
			.caption{ height:55px; top:160px; opacity:1;}
			.caption span a{color:#fff;font-size:12px; border:none; text-align:left; display:block; width:100%; padding:10px 0 10px 15px; margin:0;}
			.faaliyetCaption{ height:55px; bottom:0; opacity:1;}
			.faaliyetCaption span a{color:#fff;font-size:12px; border:none; text-align:left; display:block; width:100%; padding:10px 0 10px 15px; margin:0;}
			.faaliyetContainer .faaliyetRaporu .text{ margin:20px 0 0 0;}
			.borderSub, .subBigCaption{ font-size:32px;}
			.applyFormStep a{ font-size:13px;}
			.applyFormStep a.active{ border:none;}
			.faaliyetContainer{ width:49%;height:240px;}
			.boxAreaContainer1{ width:33%;height:240px;}
            .boxAreaContainer2{ width:66%;height:240px;}
            .boxAreaContainer3{ width:33%;height:240px;}
            .boxAreaContainer4{ width:66%;height:240px;}
            .boxAreaContainer5{ width:33%;height:240px;}
            .boxAreaContainer6{ width:66%;height:240px;}
            .boxAreaContainer7{ width:33%;height:300px;}
            .boxAreaContainer8{ width:66%;height:300px;}
            .boxAreaContainer9{height:240px; width:99%;}
            .boxAreaContainer10{height:240px; width:50%;}
            .boxAreaContainer11{height:240px; width:49%;}
            .veriContainer .textleft{ left:10%;}
            .veriContainer .textRight{right:7%;}
            .skdslider .slide-desc{ height:70%;}
            #formClearer{ display:block;}
            #messageWrapper{ width:90%;}
        }
		
		

@media screen and (max-width: 960px)
{
.etk_v2_list li {width:100%;}
.etk_v2_list li .etk_logo {width:30%;}
.etk_v2_list li .etk_list {width:70%;}


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

          .odulBox{ font-size:12px; width:29%;}
          .calisanProfili{ width:100%;}  
          .calisanProfili .leftContainer{ width:49%; padding:48px 0;}
          .calisanProfili .rightContainer{ width:49%;padding:54px 0;}
          .textSubCalisanProfil{ width:100%; margin:20px 0 0 0;}
          .textSubCalisanProfilIn{ padding-left:0;}
          .logoDownloader{ width:33%;}
          .logoDownloader a.logoDownload span{ top:200px;}
        }
@media screen and (max-width: 620px)
        {
            #messageWrapper{ width:80%;}
            .logoDownloader{ width:49%;}
            .brandsWrapperArea a{ width:50%;}
            .logoDownloader a span{ top:200px;}
            .footer .copyRight { margin-top:20px;}
			.top{ height:60px;}
			.top .logo{ float:none; margin:0; padding:25px 0 20px 10px; width:149px;}
			.subMenuWrapper{padding-top:10px; height:50px;}
			.oneColoumnTxt { font-size:12px;}
			.oneColoumnTxt h2 { font-size:20px;}
			.timeLine{ display:none;}
			.mainContainer{padding-top: 15px;}
			.subBanner span{ display:none;}
			.borderSub, .subBigCaption{ font-size:22px;}
			.leftSaticiContent{ width:100%;}
			.rightSaticiContent{ width:100%;}
			.coloumnElem{ float:none!important;}
			.applyFormStep a{ float:left; width:100%; font-size:18px; border:none; text-align:left!important; padding:4px 0;}
			.applyFormStep{ height:108px;}
			.serviceSearchResultItem{ width:100%; float:none;}
			.faaliyetContainer{ width:100%;}
			.serviceMap .pins{ text-align:left;}
			.serviceMap .pins img{ display:block;}
			.boxAreaContainer1{  height:180px; width:100%;}
            .boxAreaContainer2{  height:300px; width:100%;}
            .boxAreaContainer3{  height:180px; width:100%;}
            .boxAreaContainer4{  height:300px; width:100%;}
            .boxAreaContainer5{  height:180px; width:100%;}
            .boxAreaContainer6{  height:220px; width:100%;}
            .boxAreaContainer7{  height:270px; width:100%;}
            .boxAreaContainer8{  height:350px; width:100%;}
            .boxAreaContainer9{height:330px; width:100%;}
            .boxAreaContainer10{  height:200px; width:100%;}
            .boxAreaContainer11{  height:150px; width:100%;}
            .veriContainer .textleft{ left:0; font-size:8px; top:30%;}
            .veriContainer .textRight{right:0; font-size:8px; top:30%; width: 28%;}
            .calisanProfili{ width:100%; float:left;}
            .textSubCalisanProfil{ float:left; margin:34px 0 0 0px; width:91%;}
            .calisanProfili .leftContainer{float:left; width:41%; padding:48px 30px; background:#fff; margin-right:2px}
            .calisanProfili .rightContainer{ float:left; width:35%; padding:54px 29px; background:#fff; text-align:center;}
            .skdslider .slide-desc > p{background:none;}
            ul.siteMap{ width:49%;}
            .contactBox{ width:90%;}
            a.contactSend{ float:right;}
            #navMobile{ width:120px; right:10px; font-size:11px;}
            #navMobile li.selector{background:#5c6167 url(../images/mobileNav.png) no-repeat 100px 13px;}
            #subNavMobile{ width:120px; right:10px; }
            #subNavMobile a.subSelector{background:#e7e9ed url(../images/mobileSubNav.png) no-repeat 100px 13px;}
            #subNavMobile a{font-size:11px;}
            .skdslider .slide-desc > p span{ font-size:14px;}
            .skdslider .slide-desc > p a{ font-size:10px; padding:8px 10px;}
            .historyCaption{ font-size:12px; overflow:hidden;}
            .historyCaption span.historyDate{ width:90px;}
            .historyCaption span.historyCaptionTxt{ width:55%;line-height: 19px;padding-top: 10px;}
            .formResult{ width:90%;}
            .textArea{ width:94%!important;}
            a.orange_link{ display:block;}
            .calisanProfili{ width:100%; float:none;}
            .textSubCalisanProfil{ float:left; margin:10px 0 0 0; width:100%;}
            .calisanProfili .leftContainer{float:left; width:100%; padding:48px 0; background:#fff; margin-right:2px; margin-bottom:2px;}
            .calisanProfili .rightContainer{ float:left; width:100%; padding:54px 0; background:#fff; text-align:center;}
            .calisanProfili .workContainer1{ width:200px; float:none; margin:0 auto 30px auto;}
            .calisanProfili .workContainer2{ width:230px; float:none; margin:0 auto 30px auto;}
            .calisanProfili .workContainer3{ width:200px; float:none; margin:0px auto;}
            #loopedSlider .previous{ background-position:-8px -5px; bottom:0; right:32px; width:30px; height:30px;}
            #loopedSlider .next{ background-position:-48px -5px; bottom:0; right:0;width:30px; height:30px;}
            .mainDivTight{ margin:0 2px 0 0;}
            .serviceMap .mapImgContainer a span{ display:none!important;}
            .chartContainer{ width:100%;}
            .chartLeft{ float:none; width:100%; margin:15px auto;}
            .chartRight{ float:none; width:100%; margin:15px auto;}
            .coloumnElem{ margin-left:0!important;}
			
			
.con_grey {padding:20px; }
.con_grey .sub_con_white {padding:10px; }

			


.tooltip { left:10%; }
#navbar.sticky {padding:0;}
#navbar.sticky .etk_v2_list {padding:15px;}

        }
        
@media screen and (max-width: 480px)
        {
		.scrollKVKKCon { height: 260px;}
            .scrollKVKK { height:260px; }
            .projectSlider{ width:100%; float:left; position:relative; margin:0 20px 10px 0; padding-bottom:40px;}
			.top .logo{ float:none; margin:0; padding:25px 0 20px 10px; width:149px;}
			.subBanner{overflow: hidden;}
			.subBanner img { width:150%; margin-left:-25%;}
			.subBigCaption{ display:none;}
			.mainDivText, .mainDivWide{ width:100%;}
			.mainDivTight{width:49%;}
			.footer{ height:280px;}
			.footer .footerCnt{ width:95%; padding-top:15px;}
			.footer .leftMenu{ float:left; width:190px; text-align:left; margin:0 0 20px 0;}
			.footer .rightMenu{ float:left; width:100px; text-align:left; margin:0 0 20px 0;}
			.footer .leftMenu a, .footer .rightMenu a{ display:block; border:none; padding:3px 0;}
			.faaliyetContainer{ width:100%;}
			.historyContent img{ margin-right:0;width: 130px;}
			.historyContent {color:#666666;}
			.history { margin-top:20px;}
			.faaliyetCaption { display:none;}
			.oneColoumnTxt h3.brandCaption { margin-top:10px;}
			.oneColoumnTxt { color:#666;}
			.coLabel {float: left;padding: 10px 10px 0 10px;display: block;}
			.boxLink{ float:none!important; margin:20px auto!important;}
			.jqTransformInputWrapper{ width:215px!important; margin-left:0!important; float:none!important;}
			.jqTransformSelectWrapper{ float:none!important; margin:0!important;}
			.coloumnElem{ width:280px!important; margin-left:0!important;}
			.coloumnElemMobile label{display:none!important;}
			.odulBox{ font-size:12px; width:100%; height:100px; padding-top:20px;}
			
			.imgColoumn{ width:100%; float:none; margin-bottom:30px;}
            .txtWithImgColoumn{ width:100%; float:none;}
            .historyMenuContent { float:none; text-align:center}
            .historyMenu a { float:none; display:inline-block; font-size:11px; padding: 0 5px;}
        }
@media screen and (max-width: 375px)
        {
    .historyMenu a {  font-size:10px;}

}

@font-face {
    /*font-family: 'optima_lt_stdroman';
    src: url('fonts/optima_lt_std_roman_tr.eot');
    src: url('fonts/optima_lt_std_roman_tr.eot?#iefix') format('embedded-opentype'),
         url('fonts/optima_lt_std_roman_tr.woff') format('woff'),
         url('fonts/optima_lt_std_roman_tr.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;*/
    font-family:"optima_lt_stdroman";
src:url("fonts/a3b86a1d-af74-415c-b363-798799c0fa40.eot?#iefix");
src:url("fonts/a3b86a1d-af74-415c-b363-798799c0fa40.eot?#iefix") format("eot"),url("fonts/031853af-ad93-4011-a2f3-0d40e7977f1b.woff") format("woff"),url("fonts/7a4ca6a4-1167-49ab-a7a5-265d850e197d.ttf") format("truetype"),url("fonts/f47d8a60-2cb1-4f55-a347-36b8e435eccc.svg#f47d8a60-2cb1-4f55-a347-36b8e435eccc") format("svg");
}

@font-face {
   /* font-family: 'optimaextrablack';
    src: url('fonts/optima_extrablack-webfont.eot');
    src: url('fonts/optima_extrablack-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/optima_extrablack-webfont.woff') format('woff'),
         url('fonts/optima_extrablack-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;*/
    font-family:"optimaextrablack";
src:url("fonts/96cd61ed-3437-432b-84b6-1510534af5ad.eot?#iefix");
src:url("fonts/96cd61ed-3437-432b-84b6-1510534af5ad.eot?#iefix") format("eot"),url("fonts/7dec7cae-cc81-4a46-a8b2-9e71a92cde92.woff") format("woff"),url("fonts/180367a7-7a10-4028-b6ef-4fe171903673.ttf") format("truetype"),url("fonts/7e5d89fb-ee50-4a85-bc4c-588edb28f7ee.svg#7e5d89fb-ee50-4a85-bc4c-588edb28f7ee") format("svg");
}


/*�al��anProfil*/

/*�al��anProfil*/