@charset "utf-8"; /* CSS Document */ @import url(reset.css); @import url(plugins/skins/minimal/_all.css); @import url(../fonts/font.css); /* graphikSemibold graphikRegular graphikMedium graphikLight */ /*STICKY FOOTER ========================================================================*/ * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none;} *:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none;} html, body {height: 100%;font-family:Arial,Helvetica,Sans-serif;background:#fff;font-size:14px;color:#383433 } #wrapper {min-height: 100%;position:relative;padding-top:70px;} #content {overflow:auto;padding-bottom: 380px;width:100%;} /* must be same height as the footer */ #footer {position: relative;margin-top: -380px; /* negative value of footer height */height: 380px;clear:both;margin-bottom:100px;} /*Opera Fix*/ body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;} #footer .footertop {height:307px;position:relative;padding-top:50px;} #footer .footertop .container {position:relative;z-index:9999;} #footer .footertop::after {display:block;width:100%;height:1px;background:#f5f5f5;content:"";position:absolute;top:87px;left:0;} #footer .footCategories{padding-top:5px;width:100%;overflow:hidden;float:left;} #footer .footCategories .foot-item {float:left;} #footer .footCategories .foot-item.quarter {width:25%; font-weight:100;} #footer .footCategories .foot-item.half {width:50%; font-weight:100;} #footer .footCategories .foot-item ul{width:100%; float:left;} #footer .footCategories .foot-item ul li{margin-bottom:15px;width:100%;float:left;} #footer .foot-item ul li a,.footerLeft ul li a{color:#353535 !important;text-decoration:none !important;display:block;float:left;background-position:left 2px !important;padding-left:10px !important;} #footer ul li a:hover{color:#e96151 !important;} .cementList {padding-top: 1px;} .footercement{padding-top: 40px} .concreteList, .paperList{padding-top:72px;} #footer .container ul li a{ background: rgba(0, 0, 0, 0) url("../images/site/redArrow.png") no-repeat scroll left center; color: #383433; font-size:14px; font-family:"graphikMedium",Arial,Helvetica,sans-serif; padding-left: 15px; transition: all 0.2s ease-in-out 0s;} #footer .footCategories .foot-item ul.cementList li{width:32%; float:left;} #footer .footCategories .foot-item span {display:block;width:62px;height:62px;float:left;background:#f5f5f5;border-radius:50px;text-indent:-9999px;border:1px solid #f5f5f5} #footer .footCategories .foot-item span::before {display:block;width:62px;height:62px;float:left;content:"";position:absolute;background-size:50% !important;} #footer .footCategories span.cement::before {background:url(../images/site/cement-icon-hover.png) no-repeat center} #footer .footCategories span.concrete::before {background:url(../images/site/concrete-icon-hover.png) no-repeat center} .footText > ul{float:left;} #footer .footCategories span.paper::before {background:url(../images/site/kraft-icon-hover.png) no-repeat center} #footer .footerbottom {height:100px;background:#e96151;padding-top:15px;} #footer .footerbottom .col-md-12 > ul {width:100%;float:left;margin-top: 11px;} #footer .footerbottom ul li {float:left;} #footer .footerbottom .col-md-12 > ul li::after {background: #fff;content: "";display: block;float: left;height: 2px;margin-top: 9px;width: 2px;} #footer .footerbottom .col-md-12 > ul li a{color:#fff !important;font-family:'graphikMedium',Arial,Helvetica,Sans-serif !important;font-size:14px !important;padding:0 12px !important} #footer .footerbottom .col-md-12 > ul li a:hover{text-decoration:underline !important; } #footer .footerbottom .footlogo {float:left;margin-right:16px;} #footer .footerbottom .footText span {float:left;color:#fff;opacity:0.6;font-size:12px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;margin-right:35px;} #footer .footerbottom .footText{line-height:35px;float:left;width:100%;} #footer .footerbottom .footText ul li a{float:left;color:#fff !important;opacity:0.6 !important;font-size:12px !important;font-family:'graphikRegular',Arial,Helvetica,Sans-serif !important;opacity:0.6;padding:0 12px;} #footer .footerbottom .footText ul li a:hover{text-decoration:underline !important;} #footer .footerbottom .footText ul li::before{background: #fff;content: "";display: block;float: left;height: 2px;margin-top: 17px;width: 2px;opacity:0.6;} #footer .socialMedia ul li{border:1px solid #ed6f61;border-radius:30px;width:38px;height:38px} .corporateFooter{position:fixed;bottom:-73px;height:73px;width:100%;left:0;z-index:10000;} .corporateFooter .middleWidth{height:73px;width:100%;background:url(../images/site/bg_footer.png) repeat-x 0 0;padding-top:20px;} .corporateFooter .container > img{margin-right:75px;} .corporateFooter .container > a, .corporateFooter .container > img{float:left;} .corporateFooter .container > a{line-height:44px;color:#696969;font-size:13px;font-family:Arial,Helvetica,Sans-serif;} .corporateFooter .container > a:hover{color:#e4000e;} .oyakAkademi{width:100%;float:left;} .oyakAkademi a {float:right;} .oyakAkademi > a span{width:100%;float:left;color:#e96151;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;font-size:14px;margin-bottom:35px;padding-left:40%;} .oyakAkademi .oyakEtik { color: #8c8c8c; margin-top: 28px; font-size: 13px;} .oyakAkademi .oyakEtik > img { width: auto; display: inline-block; vertical-align: middle; margin-right: 10px;} .mb40{margin-bottom:40px;} .pt40{padding-top:40px;} .socialMedia{float:right;position:absolute;top:0;right:15px;} .socialMedia ul li{margin:0 3px;float:left;} .socialMedia ul li a{display:block;width:38px;height:38px;text-indent:-9999px;padding:0;position:relative;padding:0 !important;border-radius:30px;} .socialMedia ul li a:hover{background:#fff !important;} .socialMedia ul li a::after{background:url(../images/site/social-media-icons.png) no-repeat 0 0 !important; display:block;width:20px;height:21px;text-indent:-9999px;content:"";position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px} .socialMedia > ul > li a.twitter::after{background-position:top left !important;width:19px;} .socialMedia > ul > li a.twitter:hover::after{background-position:bottom left !important;} .socialMedia > ul > li a.facebook::after{background-position:top center !important;} .socialMedia > ul > li a.facebook:hover::after{background-position:bottom center !important;} .socialMedia > ul > li a.linkedin::after{background-position:top right !important;width:22px !important; } .socialMedia > ul > li a.linkedin:hover::after{background-position:bottom right !important; } #content .socialMedia > ul > li a.twitter{background-position:top left !important;width:19px;} #content .socialMedia > ul > li a.twitter:hover{background-position:bottom left !important;} #content .socialMedia > ul > li a.facebook{background-position:top center !important;} #content .socialMedia > ul > li a.facebook:hover{background-position:bottom center !important;} #content .socialMedia > ul > li a.linkedin{background-position:top right !important;width:22px !important; } #content .socialMedia > ul > li a.linkedin:hover{background-position:bottom right !important; } #content .socialMedia {top:55px;display:none;} #content .container .socialMedia ul li a {background:url(../images/site/social-media-share-icons.png) no-repeat 0 0 !important;} /*STICKY FOOTER ========================================================================*/ .fll{float:left;} .flr{float:right;} .mb80{margin-bottom:80px;} .container{max-width:1060px;width:100% !important;overflow:hidden;} .searchContent{width:100%;float:left;margin-top:-225px;height:225px;background:#111117;} .searchForm{height:118px;position:relative;width:100%;margin-top:65px;overflow:hidden;} .keyword-info{width:100%;float:left;} .keyword-info .loader{display:block;margin:0 auto;} /*Site Haritası*/ .siteMap , .sm{width:100%;float:left;} .siteMapPart{width:25%;float:left;height:340px;margin-bottom:25px;} .siteMapPart > .main a{color:#e24d3b;font-size:16px;font-family:'graphikSemibold';} .siteMapPart a:hover {text-decoration:underline;} .siteMapPart > .main {margin-bottom:30px;} .siteMapPart > .sub a{font-size:14px;color:#343434;font-family:'graphikRegular';} .siteMapPart > .sub > div{margin-bottom:15px} /*Site Haritası*/ /*SPLASH*/ .ms-overlay { position: fixed; top:0; left: 0; z-index: 99999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); display: none; } .ms-splash { background-color: #fff; position: fixed; left: 50%; top: 50%; max-width: 100%; } .ms-close { position: absolute; top:-15px; right:-15px; cursor:pointer; color: #fff; border: 1px solid #AEAEAE; border-radius: 50%; background: #605F61; font-size: 31px; font-weight: bold; display: inline-block; line-height: 0px; padding: 0; margin: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; z-index: 9999; } .ms-splashContet { overflow: hidden; max-width: 100%;} .ms-splashContet img { max-width: 100%; max-height: 100%; } @media only screen and (max-width: 767px) { .ms-close { right: 15px !important; } .ms-splash { left: 0; margin-left: 0 !important; height: auto !important; } .ms-splashContet { height: auto !important; } } /*SPLASH*/ /*button */ .outlinedBtn {display: inline-block;height: 50px;position: relative;width: 200px;} .outlinedBtn span {display: block;transition: all 1s ease 0s;} .outlinedBtn .text {border: 1px solid #b0b0b0;color: #606060;font-size: 16px;line-height: 48px;} .outlinedBtn .top {background: #000 none repeat scroll 0 0;height: 1px;left: 0;position: absolute;top: 0;transition: all 0.7s ease 0s;width: 0;} .outlinedBtn .right {background: #000 none repeat scroll 0 0;height: 0;position: absolute;right: 0;top: 0;width: 1px;} .outlinedBtn .bottom {background: #000 none repeat scroll 0 0;bottom: 0;height: 1px;position: absolute;right: 0;transition: all 0.7s ease 0s;width: 0;} .outlinedBtn .left {background: #000 none repeat scroll 0 0;bottom: 0;height: 0;left: 0;position: absolute;width: 1px;} .outlinedBtn:hover .text {color: #000;} .outlinedBtn:hover .top {width: 100%;} .outlinedBtn:hover .right {height: 100%;} .outlinedBtn:hover .bottom {width: 100%;} .outlinedBtn:hover .left {height: 100%;} /*button */ .searchForm::after {background: #e45f4f ;bottom: 0;content: "";height: 3px;left: 0;max-width: 300px;position: absolute;width: 100%;} .searchClose{width:27px;height:27px;display:block;background:url(../images/site/popupClose.png) no-repeat center / 62%;text-indent:-9999px;float:right;margin-top:25px;margin-right:23px;} .searchForm input{border:0;} .searchForm > input[type="text"]{width:100%;height:100%;background:#111117;color:#fefefe;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;font-size:62px;} .searchForm > input[type="submit"]{position:absolute;top:0;right:0;width:65px;height:100%;background:url(../images/site/search-icon.png) no-repeat center / 45%; text-indent:-9999px;cursor:pointer;} #header{height:70px;width:100% !important;z-index:10000;position:absolute;top:0;left:0;} #header .middleWidth{overflow:visible !important;/* border-bottom:1px solid #b4b4b4; */} #header .middleWidth{-webkit-box-shadow: 0px 3px 2px -1px rgba(0,0,0,0.22); -moz-box-shadow: 0px 3px 2px -1px rgba(0,0,0,0.22); box-shadow: 0px 3px 2px -1px rgba(0,0,0,0.22);} #header .container{height:70px;padding-top:11px;max-width:1325px;} .sticky{position:fixed !important;} #header .col-md-9{position:inherit;} #logo{display:block;background:url(../images/site/logo_new.png) no-repeat 0 bottom;float:left;margin-left:15px;/*margin-top:5px;*/} #logo.oyakcimento{width:191px;height:36px;} #logo.adanacimento{background:url(../images/site/adanacimento-logo.png) no-repeat 0 bottom; width:120px;height:54px;} #logo.aslancimento{background:url(../images/site/aslancimento-logo.png) no-repeat 0 bottom; width:120px;height:55px;} #logo.bolucimento{background:url(../images/site/bolucimento-logo.png) no-repeat 0 bottom; width:120px;height:55px;} #logo.denizlicimento{background:url(../images/site/denizlicimento-logo.png) no-repeat 0 bottom; width:120px;height:55px;} #logo.mardincimento{background:url(../images/site/mardincimento-logo.png) no-repeat 0 bottom; width:119px;height:50px;} #logo.modernbeton{background:url(../images/site/modernbeton-logo.png) no-repeat 0 bottom; width:119px;height:50px;} #logo.oyakbeton{background:url(../images/site/oyakbeton-logo.png) no-repeat 0 bottom; width:92px;height:50px;} #logo.oyakinsaat{background:url(../images/site/oyakinsaat-logo.png) no-repeat 0 bottom; width:121px;height:35px;} #logo.oykakagitambalaj{background:url(../images/site/oykakagitambalaj-logo.png) no-repeat 0 bottom; width:128px;height:48px;} #logo.unyecimento{background:url(../images/site/unyecimento-logo.png) no-repeat 0 bottom; width:120px;height:52px;} #logo a{display:block;width:100%;height:100%;} #home #header{background:#fff;} .searchAndLang{width:85px;height:44px;float:right;margin-top:4px;margin-left:10px;} .searchAndLang .language{display:block;width:35px;height:35px;color:#adadad;font-size:11px;text-align:center;border-radius:30px;float:left;line-height:35px;margin-top:2px;margin-right:2px;border:1px solid #ededed;} .searchAndLang .language:hover {background: #ededed !important;color:#353535 !important;} .searchAndLang .searchOpener{float:right;width:35px;height:35px;display:block ;text-indent:-9999px;position:relative;background:#ededed ;border-radius:30px;margin-top:2px;} .searchAndLang .searchOpener:hover{background:#e96151;} .searchAndLang .searchOpener span{display:block;position:absolute;top:0;left:0;bottom:0;right:0;background: url(../images/site/search-icon.png) no-repeat center} .searchAndLang .searchOpener:hover span{background:url(../images/site/search-icon-white.png) no-repeat center;} .mainMenu{float:right;margin-right:15px;} .mainMenu > ul{padding-top:15px;float:left;} .mainMenu > ul li{float:left;margin:0 3px} .subContent{display:none;position:absolute;top:68px;left:0;width:100%;background:#353535;height:240px;} .mainMenu > ul > li > a{padding-bottom:27px;margin-bottom:0;} .mainMenu ul li.hs:hover > a{border-bottom:3px solid #e96151 !important;padding-bottom:24px;} .mainMenu ul li a,.subcontroller em{font-size:14px;color:#353535;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;margin:7px;} .mainMenu ul li a:hover{color:#e96151;} .mainMenu ul li.active a{color:#e96151;} .mainMenu .col-md-9 {padding:40px 45px 25px;float:right !important} .mainMenu .col-md-9 ul {width:100%;} .mainMenu .col-md-9 ul li{width:45%;padding-left:15px;margin-bottom:9px;} .mainMenu .col-md-9 ul li a{color:#fff;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;font-size:14px;padding-left:15px;background:url(../images/site/redArrow.png) no-repeat left center;display:block;} .mainMenu .col-md-9 ul li.active a{color:#e96151;} .mainMenu .col-md-9 ul li a:hover{text-decoration:underline} .mainMenu ul li .subContent .row{position:relative !important;} .mainMenu .col-md-3{max-width:330px;height:190px;margin-top:25px;} /*Menu görselleri*/ .main-1 .col-md-3{background:url(../images/content/menuBg-1.jpg) no-repeat center / cover;} .main-2 .col-md-3{background:url(../images/content/faaliyet-alanlari.jpg) no-repeat center / cover;} .main-3 .col-md-3{background:url(../images/content/projeler.jpg) no-repeat center / cover;} .main-4 .col-md-3{background:url(../images/content/haberler.jpg) no-repeat center / cover;} .main-5 .col-md-3{background:url(../images/content/yatirimci-kosesi.jpg) no-repeat center / cover;} .main-6 .col-md-3{background:url(../images/content/calisan-politikasi-menu.jpg) no-repeat center / cover;} .main-7 .col-md-3{background:url(../images/content/iletisim.jpg) no-repeat center / cover;} #article_268 .col-md-3{background:url(../images/content/adana-hakkimizda-menu.jpg) no-repeat center / cover;} #article_711 .col-md-3{background:url(../images/content/aslan-hakkimizda-menu.jpg) no-repeat center / cover;} #article_486 .col-md-3{background:url(../images/content/bolu-hakkimizda-menu.jpg) no-repeat center / cover;} #article_1724 .col-md-3{background:url(../images/content/denizli-hakkimizda-menu.jpg) no-repeat center / cover;} #article_951 .col-md-3{background:url(../images/content/mardin-hakkimizda-menu.jpg) no-repeat center / cover;} #article_1065 .col-md-3{background:url(../images/content/modernbeton-hakkimizda-menu.jpg) no-repeat center / cover;} #article_1036 .col-md-3{background:url(../images/content/oyakbeton-hakkimizda-menu.jpg) no-repeat center / cover;} #article_1840 .col-md-3{background:url(../images/content/oyka-hakkimizda-menu.jpg) no-repeat center / cover;} #article_1496 .col-md-3{background:url(../images/content/unye-hakkimizda-menu.jpg) no-repeat center / cover;} /*Menu görselleri*/ .mainMenu .row{overflow:hidden;} .subContent > .row{margin:0 !important} /* .main-1 .subContent{display:block !important;} */ /* HOME SLIDER ========================================================================*/ .slick-slide{border:0 !important;position:relative} .verticalSlider{min-height:300px;margin:0 auto;overflow:hidden;width:100%/* ;position:absolute;top:0;left:0; */;position:relative;} .verticalSlider .vslideItem{width:100% !important;min-height:300px;position:relative;} .slideText{position:absolute; margin: 0 auto;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;z-index: 9990;} .slideTextinner{margin:0 auto;width:100%;max-width:1060px;padding:0 15px;} .slideTextinner > span{font-size:44px;color:#fff;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;float:left;position:relative;padding-bottom:20px;margin-bottom:30px; } .slideTextinner > span::after{position:absolute;height:3px;background:#e45f4f;width:0;bottom:0;left:0;content:"";transition:all ease-in-out 1s} .slick-active .slideTextinner > span::after{width:60%;transition:all ease-in-out 1s} .slideTextinner > small{float:left;width:100%;color:#fff;font-size:22px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;padding-right:50%;margin-bottom:40px;} .videoicon {display:block;width:60px;height:60px;float:left;background:url(../images/site/red-opacity-bg.png) 0 0;position:relative;} .videoicon:hover{background:#e96151;} .videoicon span{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/site/play-icon.png) no-repeat center;} .linkicon {display:block;width:60px;height:60px;float:left;background:url(../images/site/red-opacity-bg.png) 0 0;position:relative;} .linkicon:hover{background:#e96151;} .linkicon span{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/site/link-icon.png) no-repeat center;} .slideTextinner .link span{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/site/rightWhiteArrow.png) no-repeat center;} .videoicon span::after{display:none !important;} .verticalSlider .slick-dots{width:28px !important;right:15px;top:50%;bottom:auto !important;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);right:153px;} .slick-dots li{border-radius:25px;background:#fcfcfc;opacity:0.5;text-indent:-9999px;margin-bottom:10px;width:13px;height:13px;} .slick-dots li.slick-active{opacity:1;} .slick-dots li button::before{display:none !important;content:"";} .verticalSlider,.vslideItem,.slidedContentSlider,.cslide-item{height:700px !important;} /* .verticalSlider .vslideItem span.gradient{background:url(../images/site/home-header-bg.png) repeat 0 0;display:block;height:180px;width:100%;position:absolute;top:0;left:0;}*/ /* HOME SLIDER ========================================================================*/ .trns{-webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;} .menuControl{width:44px;height:44px;float:left;overflow:hidden;} .menuControl a{width:44px;height:44px;display:block;padding:14px 0;} .menuControl a span{display:block;width:21px;height:2px;background:#e96151;margin:0 auto;margin-bottom:5px;} .menuControl a span:last-child{margin-bottom:0 !important;} .menuControl a.menuOpener{display:none;} .subcontroller{width:100%;float:left;margin-bottom:20px;position:relative;display:none} .subcontroller span{display:none;width:60px;height:35px;background:url(../images/site/subCloseArrow-white.png) no-repeat center;text-indent:-9999px;cursor:pointer;position:absolute;top:0px !important;right:15px !important;} .subcontroller a,.subcontroller em{color:#e96151 !important;font-size:18px !important;} #home h2{font-size:32px;color:#969696;margin:50px 0;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;} #home h3{font-size:22px;color:#e96151;margin-bottom:35px;padding-left:30px;width:100%;float:left;} #home h3 a{font-size:22px;color:#e96151;width:100%;float:left;} #home h3 a:hover{text-decoration:underline;} #home h3.ic{background:url(../images/site/ic-icon.png) no-repeat left center;} #home h3.si{background:url(../images/site/si-icon.png) no-repeat left center;} .fullWidth {width:100%;float:left;background:#ededed;} .gray{background:#f7f7f7;} #home .box-1 .middleWidth{padding:50px 0;background:#f7f7f7 !important;} #home .box-1 .container ul {float: left;width: 100%;} #home .box-1 .container ul {padding-top:50px;} #home .box-1 .container ul li {float: left;margin-right: 15px;} .box-1 .row,.box-1 .row > div{overflow:hidden;} #content .container ul > li > a ,.arrowLink, .doubleBox ul li a{padding-left:15px;color:#383433;font-size:13px ;background:url(../images/site/redArrow.png) no-repeat left center;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;transition:all ease-in-out .2s;} #footer .container ul li a:hover,#content .container ul li a:hover,#content .arrowLink:hover, .doubleBox ul li a:hover {color:#e96151;} .box-text,.box-img{width:45%;float:left;} .box-img {padding-right:2.5%} .box-img img{display:block;width:100%;} .box-text {padding-left:2.5%;} .box-text p{font-size:15px;color:#383433;} .tableContent{width:100%;float:left;padding-bottom:20px;overflow:auto;} table {width:100%;float:left;margin-bottom:22px;min-width:768px;} .flipContent table { min-width: auto;} table tr{border-bottom:1px solid #e7e7e8;} table td{padding:13px 0;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;font-size:15px;} #home table thead td{color:#38332a;font-size:13px;padding-top:0;width:25%;} table thead td{color:#38332a;font-size:13px;padding-top:0;font-family:'graphikMedium';} table td.plus{color:#40b934;} table td.minus{color:#e55e4e;} .scroll{height:100%; width: 100%;overflow: auto;position: relative;padding-right:8px} .homeShareTable{width:100%;height:310px;float:left;margin-bottom:20px;overflow:hidden;position:relative;} .homeShareTable iframe{height:100%;min-width:100%;} /* .boxGateway > div a img.hover {opacity:0;} .boxGateway > div a:hover img.unhover {opacity:0;} .boxGateway > div a:hover img.hover{opacity:1;} .boxGateway > div a:hover::after{right:80%;margin-right:-27px;top:30%;} */ .boxGateway.four > div{width:25%;padding-bottom:20%;} .boxGateway.three > div{width:33.3333%;padding-bottom:20%;} .boxGateway.two > div{width:50%;padding-bottom:40%;} .boxGateway.one > div{width:100%;padding-bottom:40%;} .boxGateway{width:100%;float:left;} .boxGateway > div{position:relative;float:left;overflow:hidden;} .boxGateway > div a {position:absolute;top:0;left:0;right:0;bottom:0;padding:10%;} .boxGateway > div a img {width:100%;transition:all ease-in-out .3s;position:absolute;top:0;left:0;} .boxGateway > div a img.unhover {opacity:0.9;} .boxGateway > div a:hover img.unhover {opacity:1;} .boxGateway > div a::after{display:block;width:50px;height:43px;position:absolute;top:16px;right:20px;z-index:9999;content:"";transition:all ease-in-out .4s;} .boxGateway > div.cement a::after {background:url(../images/site/cement-icon.png) no-repeat center / 100%;} .boxGateway > div.dealers a::after {background:url(../images/site/dealers-icon.png) no-repeat center / 100%;} .boxGateway > div.concrete a::after {background:url(../images/site/concrete-icon.png) no-repeat center / 100%;} .boxGateway > div.kraft a::after {background:url(../images/site/kraft-icon.png) no-repeat center;} .boxGateway > div.imEx a::after {background:url(../images/site/imEx-icon.png) no-repeat center;} .boxGateway > div.byproducts a::after {background:url(../images/site/byproducts-icon.png) no-repeat center / 100%;} .boxGateway > div.kraftbag a::after {background:url(../images/site/kraftbag-icon.png) no-repeat center / 100%;} .boxGateway > div.byproducts a:hover::after {background:url(../images/site/byproducts-hover-icon.png) no-repeat center / 100%;} .boxGateway > div.kraftbag a:hover::after {background:url(../images/site/kraftbag-hover-icon.png) no-repeat center / 100%;} /* .boxGateway > div.cement a:hover::after {background:url(../images/site/cement-icon-hover.png) no-repeat center / 100%;} .boxGateway > div.dealers a:hover::after {background:url(../images/site/dealers-icon-hover.png) no-repeat center / 100%;} .boxGateway > div.concrete a:hover::after {background:url(../images/site/concrete-icon-hover.png) no-repeat center / 100%;} .boxGateway > div.kraft a:hover::after {background:url(../images/site/kraft-icon-hover.png) no-repeat center / 100%;} .boxGateway > div.imEx a:hover::after {background:url(../images/site/imEx-icon-hover.png) no-repeat center / 100%;} */ .boxGateway > div a span {display:block;position:absolute;color:#fff;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;font-size:20px;transition:all ease-in-out .4s;bottom:10%;left:10%;right:10%;} .boxGateway a:hover span{bottom:20%;} #content .fullWidth:first-child .middleWidth{padding-top:40px;} .middleWidth{max-width:1366px;width:100%;margin:0 auto;position:relative;overflow:hidden;background:#fff;} .middleWidth .projectslide {position:relative;width:100%;z-index:9999;} .middleWidth .slick-arrow{display:block;width:54px;height:54px;background:url(../images/site/red-opacity-bg.png);position:absolute;} .middleWidth .slick-arrow:hover{background:#e96151;} .middleWidth .slick-arrow span{display:block;width:100%;height:100%;position:absolute;top:0;left:0;} .middleWidth .slick-arrow.slick-next{right:0;} .middleWidth .slick-arrow.slick-prev{left:0;} .middleWidth .slick-arrow.slick-next span{background:url(../images/site/rightWhiteArrow.png) no-repeat center;} .middleWidth .slick-arrow.slick-prev span{background:url(../images/site/leftWhiteArrow.png) no-repeat center;} .projectslide{width:100%;max-width:1060px;} .projectslide .slick-dots{z-index:9999;bottom:0 !important;} .projectslide .pslide-item{width:100%;float:left;position:relative;min-height:370px;} .projectslide .pslide-item span{position:absolute;z-index:9999;left:50%;top:50%;color:#fff;font-size:32px;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;text-align:center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);} .projectslide .pslide-item span::after{width:0;margin:0 auto;height:3px;background:#e96151;display:block;content:"";margin-top:18px;transition:all ease-in-out 1s} .projectslide .pslide-item.slick-active span::after{width:80%;transition:all ease-in-out 1s} .projectslide .pslide-item img{display:block;width:100%;} .pSlideLeft{position:absolute;top:0;left:0;/* background:url(../images/site/project-slide-left.png) no-repeat center / cover; */height:100%;background:#F7F7F7;width:50%;} .pSlideRight{position:absolute;top:0;right:0;/* background:url(../images/site/project-slide-right.png) no-repeat center / cover; */height:100%;background:#F7F7F7;width:50%;} .slick-slider{margin-bottom:0;} /* HABERLER =======================================================================*/ .news h2,.hr h2{text-align:center;position:relative;} .news h2 a{position:absolute;top:50%;right:15px;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);} .newsContent {width:100%;float:left;} .newsContent .newsRow{width:100%;float:left;position:relative;} .newsContent .newsRow .news-item{width:33.3333%;float:left;position:relative;padding-bottom:28%;overflow:hidden;background:#e6e6e6 } .newsContent .newsRow .news-item a{position:absolute;top:0;left:0;bottom:0;right:0;display:block;padding:30px 40px;overflow:hidden;} .newsContent .newsRow .news-item a small{position:relative;z-index:9999;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;padding-bottom:13px;font-size:14px;color:#231f20;} .newsContent .newsRow .news-item a small::after{width:45%;height:2px;background:#e96151;display:block;content:"";position:absolute;bottom:0;left:0;} .newsContent .newsRow .news-item a span{color:#231f20;position:absolute;z-index:9999;display:block;bottom:30px;left:40px;right:40px;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;font-size:22px;transition:all ease-in-out .4s;} .newsContent .newsRow .news-item a img{width:100%;position:absolute;top:0;left:50%;margin-left:-50%;transition:all ease-in-out .6s;opacity:0.9;} .news-item em{display:none;left:40px;right:40px;bottom:30px;position:absolute;opacity:0;transition:all ease-in-out .6s;color:#231f20;font-size:14px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;padding-top:15px;} .newsRow.four .news-item:nth-child(3) span,.newsRow.four .news-item:nth-child(4) span{font-size:16px !important} .news-item a img.false{display:none;} .news-item a img.true{display:block;} .news-item:hover a img{opacity:1 !important;} .news-item:hover span{bottom:40px !important;} .news-item:hover em{opacity:1;} .news-item:hover em::before{width:65% !important;} .newsRow.four .news-item:nth-child(3),.newsRow.four .news-item:nth-child(4){padding-bottom:14% !important;} .newsRow .news-item:nth-child(2){background:#e86260;} .newsRow .news-item:nth-child(2) a span,.newsRow .news-item:nth-child(2) a em, .newsRow .news-item:nth-child(2) a small{color:#fff !important;} .newsRow .news-item.img a span,.newsRow .news-item.img a em ,.newsRow .news-item.img a small,.newsRow .news-item.wi a span,.newsRow .news-item.wi a em ,.newsRow .news-item.wi a small{color:#fff !important;} .news-item.img a::after {background: #000 none repeat scroll 0 0; content: ""; display: block; height: 100%; left: 0; opacity: 0.3; position: absolute; top: 0; width: 100%;} #cboxClose{top:0 !important; right:30px !important;} #cboxLoadedContent{padding-top: 35px;} .newsRow .news-item.img a small::after,.newsRow .news-item:nth-child(2) a small::after{background:#fff;} /*İç sayfa*/ #sub .newsRow .news-item:nth-of-type(3n) a span,#sub .newsRow .news-item:nth-of-type(3n) a em,#sub .newsRow .news-item:nth-of-type(3n) a small{color:#fff !important;} #sub .newsRow.four .news-item:nth-of-type(3n){background:#e86260 !important;} #sub .newsRow.four .news-item:nth-of-type(4n){background:#e6e6e6 !important;} #sub .newsRow.four .news-item:nth-of-type(6n){background:#efb559 !important;} #sub .newsRow.four .news-item:nth-child(3){padding-bottom:28% !important;} #sub .newsRow.four .news-item:nth-child(4), #sub .newsRow.four .news-item:nth-child(5){padding-bottom:14%;} /*İç sayfa*/ /* HABERLER =======================================================================*/ /* İNSAN KAYNAKLARI =======================================================================*/ .halfContent {float: left;overflow: hidden;position: relative;width: 50%;} .halfContent img{width:100%;float:left;} .halfContent.left .imgBoxinfo{bottom:0;} .halfContent.right .imgBoxinfo{top:0;} .imgBoxinfo{width:100%;max-width:280px;position:absolute;left:0;background:#ffffff;height:250px;padding:55px 30px;} .imgBoxinfo span{color:#e96151;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;font-size:22px;margin-bottom:35px;display:block;float:left;} .imgBoxinfo ul li,.doubleBox ul li{width:100%;float:left;margin-bottom:15px;} .imgBoxinfo ul li a, .doubleBox ul li a{color:#383433;font-size:15px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;padding-left:15px !important;padding-top:3px;padding-bottom:3px;text-decoration:none !important;transition:all ease-in-out .2s;} .doubleBox ul li a.vid,.imgBoxinfo ul li a.vid{padding-left:24px !important} .imgBoxinfo ul li a:hover, .doubleBox ul li a:hover{color:#e96151} .imgBoxinfo ul li a.vid,.doubleBox ul li a.vid{background:url(../images/site/vid-icon-2.png) no-repeat left top !important;} .imgBoxinfo ul li a.linkedin{background:url(../images/site/linkedin-icon.png) no-repeat left top !important;padding-left:25px !important} .fullWidth.hr .middleWidth{padding-bottom:50px;} /* İNSAN KAYNAKLARI =======================================================================*/ .doubleBox{} .doubleBox .middleWidth{overflow:hidden;} .doubleBox .halfContent{} .doubleBox .halfContent.right img {float: right;width: 90%;} .doubleBox .halfContent.left img {float: left;width: 90%;} .doubleBox .halfContent .imgBoxinfoType2{position:absolute;top:50%;width:75%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);} .doubleBox .halfContent.left .imgBoxinfoType2{padding-right:10%;right:0;} .doubleBox .halfContent.right .imgBoxinfoType2{padding-left:10%;left:0;} .doubleBox .halfContent .imgBoxinfoType2 p{color:#000;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;font-size:15px;line-height:22px;margin-bottom:35px;} .fullWidth.doubleBox.mb80 .middleWidth > img{display:none;} /*SUB PAGE START ==================================================================*/ /* #sub #wrapper{padding-top:150px;} */ #sub #header.hidden{background:url(../images/site/overlay.png) !important;display:block !important;} #sub #content > .fullWidth .externalTabs div[class*="col-"] {margin-bottom:0} #sub #content > .fullWidth h1,span.zn{color:#e45f4f;font-size:42px;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;float:left;padding-bottom:20px;position:relative;margin-bottom:40px;line-height:55px;} #sub #content > .fullWidth h2{color:#e45f4f;font-size:22px;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;float:left;position:relative;line-height:30px;margin-bottom:20px;width:100%;} #sub #content > .fullWidth h3{color:#e96151;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;font-size:22px;margin-bottom:5px;} #sub #content > .fullWidth h1::after,span.zn::after{position:absolute !important;height:3px !important;background:#353535 !important;width:40% !important;bottom:0;left:0;content:"";transition:all ease-in-out 1s} #sub #content > .fullWidth h4{color:#e45f4f;font-size:22px;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;float:left;position:relative;line-height:30px;margin-bottom:20px;width:100%;margin-top:25px;} .breadCrumb {float: right;padding-top:15px;} .breadCrumb li {float: left;opacity:0.6;margin:0 3px;color:#353535 !important;font-size:14px !important;} .breadCrumb li a {color:#353535 !important;background:none !important;text-decoration:underline;padding:0 !important;font-size:14px !important} .breadcrumb > li {padding-right: 7px;position: relative;} .breadcrumb > li::after {content: "/";position: absolute;right: 0;top: 1px;} .breadcrumb > li:last-child::after {display: none;} .breadcrumb > li:last-child {padding-right: 0;} #content .fullWidth .container p{font-size:16px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;color:#38332a;line-height:28px;width:100%;float:left;margin-bottom:15px} #content .fullWidth .container p strong{font-family:'graphikMedium',Arial,Helvetica,Sans-serif;font-weight:normal;margin-bottom:15px} .summary{color:#353535 !important;font-size:22px !important;line-height:35px !important;margin-bottom:15px;float:left;} .singleBannerModule{padding-bottom:30%;position:relative;width:100%;float:left;margin:35px 0 25px;} .singleBannerModule .banner-info{position:absolute;top:50%;transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);padding:0 155px;left:0;} .singleBannerModule .banner-info small,.singleBannerModule .banner-info span{display:block;width:100%;float:left;color:#fff;} .singleBannerModule.bt .banner-info small,.singleBannerModule.bt .banner-info span{color:#353535;} .singleBannerModule .banner-info span{font-size:42px;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;margin-bottom:15px;} .singleBannerModule .banner-info small{font-size:16px;margin-bottom:30px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;} /* #kronolojiContent{background:url(../images/site/kronoloji-bg.jpg) no-repeat center / cover ;width:100%;position:fixed;height:100%;top:-100%;left:0;z-index:10000;padding:100px 0;overflow:hidden;} */ #kronolojiContent{background:url(../images/site/new-kronoloji-bg.jpg) no-repeat center / cover ;width:100%;position:fixed;height:100%;top:-100%;left:0;z-index:10000;padding:100px 0;overflow:hidden;} .cimento #kronolojiContent{background:url(../images/site/cimento-bg.jpg) no-repeat center / cover ;} .beton #kronolojiContent{background:url(../images/site/hazirbeton-bg.jpg) no-repeat center / cover ;} .kronolojiClose,.slidedContentClose{background:url(../images/site/close-button.png) no-repeat;display:block;width:50px;height:50px;right:30px;top:30px;text-indent:-9999px;position:absolute;z-index:9999;} .kslide-item em{display:block;width:100%;max-width: 120px;background:#e96151;font-size:32px;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;text-align:center;height:70px;line-height:70px;position:absolute;color:#fff;} .kslide-item:nth-child(odd) em{left:-30px;top:7%;} .kslide-item:nth-child(even) em{right:-30px;top:60%;} .kslide-item{margin:0 120px;position:relative;} .kslide-item .imgcontent{position:relative;} .kslide-item img {display:block;width:100%;margin-bottom:25px;} .kslide-item span {color:#fff;font-size:18px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;float:left;} #kronolojiContent .slick-arrow{display:block;width:50px;height:50px;top:50%;margin-top:-25px;} #kronolojiContent .slick-arrow.slick-prev{left:25px;background:url(../images/site/kronoloji-prev.png) no-repeat center;} #kronolojiContent .slick-arrow.slick-next{right:25px;background:url(../images/site/kronoloji-next.png) no-repeat center;} .middleWidth #kronolojiContent .slick-arrow > span {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;} .iconContents{margin-bottom:35px;float:left;} .iconContents > div{margin-bottom:0;width:100%;float:left;margin-top:25px} .iconContents div.our-vision p{margin-bottom:0;} .iconContents div.our-vision h3{background:url(../images/site/our-vision-icon.png) no-repeat left center;} .iconContents div.our-mission h3{background:url(../images/site/our-mission-icon.png) no-repeat left center;} .iconContents div.our-values h3{background:url(../images/site/our-values-icon.png) no-repeat left center;} .iconContents h3{font-family:'graphikMedium',Arial,Helvetica,Sans-serif;font-size:16px;color:#353535 !important;padding-left:60px;height:45px;line-height:45px;float:left;width:100%;} .iconContents p{color:#000000;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;font-size:16px;padding-left:60px;} .imageBox{width:100%;float:left;position:relative;margin: 25px 0} .imageBox .text{padding:0 5% 0 150px;overflow:hidden;position:relative;} .imageBox.fullimg .text{position:absolute;top:50%;width:65%;right:10px;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);} .imageBox .center{position:absolute;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);} .imageBox .center.right{right:0;} .imageBox .center.left{left:0;} .imageBox .pad0{padding:0;} .imageBox div[class*="col-"]{margin-bottom:0 !important;overflow:hidden;} .imageBox div[class*="col-"] img{display:block;width:100%;} .darkGray{background:#c4c4cc;} .red{background:#eb7062;} .redBgArrow{display:block;width:60px;height:60px;background:url(../images/site/red-opacity-bg.png) ;position:relative;float:left;} .redBgArrow:hover{background:#e96151 ;} .redBgArrow em{background:url(../images/site/white-arrow.png) no-repeat center;position:absolute;top:0;left:0;right:0;bottom:0;display:block;} .imageBox span{font-size:25px;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;position:relative;margin-bottom:15px;display:block;width:100%;} .imageBox small{font-size:16px;color:#494949;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;line-height:18px;margin-bottom:20px;display:block;width:100%;float:left;} .imageBox.darkGray small,.imageBox.darkGray span{color:#494949;} .imageBox.red small,.imageBox.red span{color:#fff;} .mb50{margin-bottom:50px;} .dotList{} .dotList li{padding-left:14px;position:relative;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;font-size:16px;color:#38332a;margin-bottom:5px;width:100%;float:left;line-height:28px;} .dotList li::before{display:block;width:5px;height:5px;content:"";background:#e96151;border-radius:20px;position:absolute;top:10px;left:0;} .bulletList{} .bulletList li{padding-left:14px;position:relative;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;font-size:15px;color:#38332a;margin-bottom:25px;width:100%;float:left;} .bulletList li::before{display:block;width:5px;height:10px;content:"";background:url(../images/site/redArrow.png);position:absolute;top:5px;left:0;} .checkList{width:100%;float:left;display:block;} .checkList li{position:relative;padding-left:27px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;font-size:15px;color:#38332a;margin-bottom:25px;} .checkList li strong{font-family:'graphikMedium',Arial,Helvetica,Sans-serif;font-weight:normal;} .checkList li::before{display:block;width:16px;height:12px;background:url(../images/site/checkList-bg.png) no-repeat 0 0;position:absolute;top:3px;left:0;content:"";} .checkList li a {background:none !important;font-size:15px !important;color:#38332a !important;font-family:'graphikRegular',Arial,Helvetica,Sans-serif !important;padding:0 !important} .checkList li a:hover{color:#e96151 !important;} img.col-xs-12{width:auto;} .imageBox .dotList li{margin-bottom:5px !important;} .imageBox.red .dotList li{color:#fff;} .imageBox.red .dotList li::before{background:#fff;} .mb30{margin-bottom:30px !important;} .borderB{border-bottom:1px solid #eaeaea;} .externalTabs .customSelect{position:absolute;top:0;right:12px;height:40px !important} .externalTabs {overflow: hidden; position:relative;} .externalTabs.fix {margin: 0 -1%} .externalTabs .top {padding: 0 1%} .externalTabs .container{overflow:hidden;} .externalTabs > .container{position:relative;} .externalTabs ul{ float: left;width: 100%;} .externalTabs ul li{float:left;margin-right:20px;} .externalTabs ul li a{background:none !important;padding:0 25px 15px 0 !important;font-size:24px !important;color:#d0d0d0 !important;font-family:'graphikMedium',Arial,Helvetica,Sans-serif !important;position:relative;float:left;width:100%;} .externalTabs ul li a::after{ background: #e45f4f;bottom: 0;content: "";height: 3px;left: 0;position: absolute;transition: all .4s ease-in-out 0s;width: 0%;} .externalTabs ul li.active a{color:#353535 !important;} .externalTabs ul li.active a::after{width:100%;} .externalTabs ul li a:hover::after{width:100%;} .externalTabsContent{width:100%;float:left;padding:35px 0;} .externalTabsContent h2{margin-top:25px;} .externalTabsContent.wbg{padding:60px 0;} .externalTabsContent table{width:100%;background:#fff;margin-bottom:20px;float:left !important;margin-top:25px;} .externalTabsContent table tr td{border-bottom:1px solid #e5e5e5} .externalTabsContent table tr:last-child td{border:0;} .externalTabsContent table tr td{padding:20px 25px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;font-size:15px;color:#353535;vertical-align:middle;} .externalTabsContent table tr td:first-child{width:25%;} .externalTabsContent table tr td a {text-decoration:underline;color:#353535;transition:all ease-in-out .4s;} .externalTabsContent table tr td a:hover {color:#e96151;} .externalTabsContent table thead tr td{font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;background:#ededed;} .externalTabsContent table thead tr td:last-child{color:#fff !important;background:#e76c5e;border-color:#cf6154 !important} .externalTabsContent.minW.fa.wbg{background:#f6f6f6;} .externalTabsContent table tr td.award a{padding-left:20px;display:block;position:relative;} .externalTabsContent table tr td.award a::before{display:block;content:"";width:13px;height:23px;position:absolute;top:5px;left:0;background:url(../images/site/award-icon.png) no-repeat 0 0;} .grey-border td {border:1px solid #aaa !important;} #content > .fullWidth .externalTabsContent.fa table td p {float:left;} #content > .fullWidth .externalTabsContent.fa table td img {float:left;} .slidedContent{/* background:url(../images/site/kronoloji-bg.jpg) no-repeat center / cover ;*/width:100%;position:fixed;height:100%;top:-100%;left:0;z-index:10000;overflow:hidden;} /* #betonNedir{background:url(../images/site/cimentoBg.jpg) no-repeat center / cover} */ .cslide-item .maxW{width:100%;float:left;margin:50px 0;} .contenttag{height:65px;max-width:265px;width:100%;background:#353535;border-radius:0 40px 40px 0;z-index:9999;float:left;} .contenttag span{color:#e96151;font-size:18px;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;position:relative;top:50%;transform:translateY(-50%);display:block;} .contenttag::before{display:block;content:"";width:40px;height:29px;float:left;position:relative;top:50%;transform:translateY(-50%);margin-left:35px;margin-right:10px;} #betonNedir .contenttag::before{background:url(../images/site/cement-icon-hover.png) no-repeat 0 0 / 100%;} .cslide-item{width:100%;float:left;height:100%;padding:0 70px 0 70px;overflow:auto;} .cslide-item h5{font-size:42px;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;margin-bottom:50px;width:100%;float:left;} .cslide-item:nth-child(even) h5{color:#fff;} .cslide-item:nth-child(odd) h5{color:#e96151;} .cslide-item h6{font-size:16px;color:#e96151;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;margin-bottom:20px;width:100%;float:left} .cslide-item p{margin-bottom:35px;line-height:25px;width:100%;float:left} .cslide-item ul li{margin-bottom:12px;padding-left:13px;position:relative;width:100%;float:left;} .cslide-item ul li::before{content:"";display:block;width:7px;height:7px;position:absolute;top:50%;margin-top:-3.5px;left:0;border-radius:20px;background:#e96151;} .cslide-item p, .cslide-item ul li{font-family:'graphikRegular',Arial,Helvetica,Sans-serif;font-size:16px;color:#fff !important;} .cslide-item p strong{font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;font-weight:normal;} .slidedContentSlider {position:relative;} .slidedContent .col-md-6 > img {max-width: 60%;width: 100%;} .slidedContentSlider > .slick-arrow{display:block;width:50px;height:50px;bottom:0 !important;top:auto;} .slidedContentSlider .slick-arrow.slick-prev{left:120px;background:url(../images/site/slidedContent-prev.png) no-repeat center;} .slidedContentSlider .slick-arrow.slick-prev:hover{background:url(../images/site/slidedContent-prev-hover.png) no-repeat center;} .slidedContentSlider .slick-arrow.slick-next{left:200px;right:auto !important;background:url(../images/site/slidedContent-next.png) no-repeat center;} .slidedContentSlider .slick-arrow.slick-next:hover{background:url(../images/site/slidedContent-next-hover.png) no-repeat center;} .tripleitemSlider{width:100%;float:left;} .tripleitemSlider .slick-dots li{width:20px !important;float:none !important} .tripleitemSlider .slick-dots li::before{display:none;} .tripleSlide-item{} .tripleSlide-item >div{width:50%;margin:0 auto;} .tripleSlide-item > div span{color:#e96151;font-size:16px;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;} .tripleSlide-item > div img{margin:0 auto;width:75%;} .inlineDiv{width:100%;overflow:hidden;} .inlineDiv [class*="col-"]{padding-left:0;} .fa .inlineDiv [class*="col-"]{padding:0;} .inlineDiv [class*="col-"] img{float:left;} .inline-inner{padding:50px 40px !important;float:left;min-height:350px;} .inlineDiv h4{color:#e87366;font-size:24px;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;margin-bottom:30px;} a.button{padding:15px 15px 15px 45px;font-size:16px;color:#353535;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;border:2px solid #fff;display:block;float:left;position:relative;transition: all ease-in-out .4s;} a.button:hover{border-color:#e87366;} a.button.pdf::before{display:block;width:22px;height:20px;position:absolute;top:50%;left:15px;margin-top:-10px;content:"";background:url(../images/site/orange-pdf-icon.png) no-repeat center;} .inline-inner > p{color: #38332a;font-family: Arial,Helvetica,sans-serif;font-size: 15px;margin-bottom: 25px;padding-left: 14px;} .inline-inner p{font-size:15px !important;font-family:Arial,Helvetica,Sans-serif !important;color:#353535 !important;margin-bottom:10px !important;} .inline-inner p strong{margin-bottom:10px !important;float:left !important;width:100% !important;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif !important;font-weight:normal !important;} .mw300{max-width:300px;} .mw200{max-width:200px;} .customSelect {border: 1px solid #b2b2b2;height: 40px;overflow: hidden;position: relative;width: 100%;} .customSelect::after {background: rgba(0, 0, 0, 0) url(../images/site/selectArrow-black.png) no-repeat scroll 0 0;content: "";height: 11px;margin-top: -4px;position: absolute;right: 20px;top: 50%;width: 19px;} .customSelect select {-moz-appearance: none;border: 0 none;font-family: "graphikRegular";font-size: 16px;height: 100%;padding: 10px;width: 100%;color:#353535;} .webkit .customSelect select{width:107%;} .customSelect select:focus {outline: medium none;} .projectsContentM{width:100%;float:left;overflow:hidden;position:relative;min-height:325px} .projectsContentM .project-item,.projectsContentM .grid-size{width:23%;float:left;margin:0 1% 0 1%;position: relative; background:#e3e3e3;transition:all ease-in-out .4s;margin-bottom:20px} .projectsContentM .project-item:hover{background:#e86260;color:#fff; -webkit-box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.27); -moz-box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.27); box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.27); } .projectsContentM .project-item span{font-size:15px;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;color:#353535;display:block;width:100%;padding:20px;margin-bottom:30px;transition:all ease-in-out .2s;height:75px;} .projectsContentM .project-item:hover::after{display:block;content:"";width:23px;height:19px;background:url(../images/site/white-arrow.png) no-repeat 0 0 ;position:absolute;bottom:20px;left:20px;transition:all ease-in-out .2s;} .projectsContentM .project-item:hover span{color:#fff;} .projectsContentM .project-item img{width:100%} .projectsContentM .project-item img.false{display:none} .projectsContentM .project-item img.true{display:block;} .loadMoreContent{width:100%;float:left;margin-bottom:100px;margin-top:20px;} .loadMore,.pageNotFuound a{background:url(../images/site/red-opacity-bg.png);display:block;width:100%;max-width:280px;height:60px;color:#fff;text-align:center;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;font-size:15px;position:relative;margin:0 auto;line-height:60px;} .loadMore::before{content:"";display:block;width:16px;height:20px;background: url(../images/site/white-down-arrow.png) no-repeat 0 0;position:absolute;top:50%;margin-top:-10px;left:15%;} .loadMore:hover,.pageNotFuound a:hover{background:#e96151;} .pageNotFuound a::after{display:block;width:23px;height:19px;background:url(../images/site/white-arrow.png) no-repeat 0 0;content:"";position:absolute;top:50%;right:25px;transform:translateY(-50%);} .singleBannerModule.pageNotFuound{padding-bottom:42%;margin:0 !important} .singleBannerModule.pageNotFuound .banner-info{left:50%;transform:translate(-50%, -50%);} .singleBannerModule.pageNotFuound .banner-info *{text-align:center;display:block;} .singleBannerModule.pageNotFuound .banner-info span{font-family:'graphikSemibold',Arial,Helvetica,Sans-serif !important;font-size:105px;color:#fff} .singleBannerModule.pageNotFuound .banner-info small{color:#ffffff;font-size:20px;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif !important;margin-bottom:15px;} .singleBannerModule.pageNotFuound .banner-info em{font-family:'graphikRegular',Arial,Helvetica,Sans-serif;font-size:18px;color:#ffffff;margin-bottom:30px;} .notfound {background :#EDEDED;} .notfound .mainMenu,.notfound > .fullWidth .middleWidth > .container {display:none;} .notfound .nfh{padding-top:0 !important;} .notfound .nfh > .container{display:none !important} #sub.projectdetail #content > .fullWidth h1{font-family:'graphikMedium',Arial,Helvetica,Sans-serif;font-size:32px;color:#353535;padding-bottom:0;padding-right:30px;} #sub.projectdetail #content > .fullWidth h1::after{display:none;} #sub.projectdetail #content > .fullWidth a.goback{bottom:auto;right:15px;top:50%;width:34px;height:28px;background:url(../images/site/black-back-arrow.png) no-repeat 0 0;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);cursor:pointer;display:block;position:absolute;text-indent:-9999px;} #sub.projectdetail #content > .fullWidth h2{font-size:18px;color:#e34d3c;padding-bottom:0;margin-bottom:23px;margin-top:20px;} #sub.projectdetail #content > .fullWidth h2::after{display:none;} .pinfo li{font-size:14px;color:#9f9f9f;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;margin-bottom:10px;line-height:22px;} .pinfo li strong{font-size:15px;color:#38332a;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;font-weight:normal;} .pageNav{width:100%;float:left;display:none;} .pageNav > a{display:block;width:45%;max-width:360px;background:#e9e9e9;transition:all ease-in-out .2s;position:relative;min-height:100px;} .pageNav > a img{max-width:100px;} .pageNav > a:hover{background:#eb7062} .pageNav > a span{font-family:'graphikMedium',Arial,Helvetica,sans-serif;font-size:15px;color:#000000;transition:all ease-in-out .2s;position:absolute;top:50%;transform:translateY(-50%);padding:17px 5px 5px 35px;} .pageNav > a:hover span{color:#fff;} .pageNav > a span::before{content:"";display:block;width:19px;height:15px;background:url(../images/site/project-next-prev-arrows.png) no-repeat 0 0;transition:all ease-in-out .2s;position:absolute;top:0;} .pageNav > a.pagePrev span{left:110px;} .pageNav > a.pageNext span{right:110px} .pageNav > a.pagePrev.noimg span{left:50px;} .pageNav > a.pageNext.noimg span{right:50px;} .pageNav > a.pagePrev span::before{background-position:top left;left:0;} .pageNav > a.pagePrev:hover span::before{background-position:bottom left;} .pageNav > a.pageNext span::before{background-position:top right;right:0;} .pageNav > a.pageNext:hover span::before{background-position:bottom right;} .pageNav > a.pagePrev{float:left;} .pageNav > a.pagePrev img,.pageNav > a.pagePrev span{float:left;} .pageNav > a.pageNext{float:right;} .pageNav > a.pageNext img,.pageNav > a.pageNext span{float:right;} .container.projectNacv {border-top: 1px solid #ededed;margin-top: 50px;padding: 50px 0;} #content .fullWidth hr{width:100%;float:left;border-bottom:1px solid #eaeaea;opacity:0.1;margin:50px 0;} .externalTabs.news div[class*="col-"]{margin-bottom:0 !important;} .regularbutton{display:block;width:225px;height:51px;background:url(../images/site/red-opacity-bg.png);float:left;text-indent:25px;position:relative;font-size:16px !important;color:#fff;font-family:'graphikRegular',Arial,Helvetica,Sans-serif !important;line-height:50px} .regularbutton::after{content:"";display:block;width:23px;height:19px;background:url(../images/site/white-arrow.png) no-repeat 0 0;position:absolute;top:50%;margin-top:-10px;right:20px;} .regularbutton:hover{background:#e24d3b;} .pressContent{width:100%;float:left;} .press-item{padding:30px 15px;border:1px solid #cccccc;overflow:hidden;margin-bottom:20px;} .press-item span,.press-item a{font-size:16px;color:#000;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;} .press-item span strong{font-weight:normal;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;display:block;margin-bottom:15px;} .press-item span.site,.press-item em{font-size:14px;color:#000;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;padding-left:25px;position:relative;transition:all ease-in-out .2s; word-wrap: break-word;} .press-item a:hover{color:#e45f4f ;text-decoration:underline;} .press-item span.site::before{content:"";width:20px;height:19px;display:block;position:absolute;background:url(../images/site/press-web-icon.png) no-repeat 0 0 ;top:50%;left:0;margin-top:-10px;} .press-item em::before{content:"";width:18px;height:18px;display:block;position:absolute;background:url(../images/site/press-date-icon.png) no-repeat 0 0 ;top:0;left:0;} .mt35{margin-top:35px;} a.finans{color:#e96151;font-size:16px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;padding-left:30px;float:left;position:relative;} a.finans:hover{text-decoration:underline;} a.finans::before{content:"";width:20px;height:19px;display:block;background:url(../images/site/press-web-icon.png) no-repeat 0 0 ;position:absolute;top:0;left:0;} .contactBoxes{width:100%;float:left;margin-bottom:30px;} .contact-item{width:30%;margin:0 3.2% 0 0;float:left; height:350px;} .contact-item > a{color:#e66153;font-size:15px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;padding-left:15px;background:url(../images/site/map-arrow.png) no-repeat left center;height:9px;} .contacthead{color:#353535;font-size:22px;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;margin-bottom:30px;display:block;} .contactText , .contactText a,#content .fullWidth .container p > a{color:#38332a;font-size:15px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;margin-bottom:10px;line-height:27px;} .contactText a:hover,.contact-item > a:hover,#content .fullWidth .container p > a:hover{text-decoration:underline;} .contactText strong {display: block;float: left;margin-right: 5px;font-weight:normal;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;} .mapArea{width:100%;height:400px;float:left;margin-top:30px;} .wdh-40{width:40%;} sup {font-size: smaller;vertical-align: super;} /*Arama Sonuç*/ .search .fullWidth .fullWidth{background:#fff;} .inputRow {width:100%;float:left;position:relative;} .searchResult .inputRow {height:55px;margin-bottom:24px;max-width:565px;} .searchResult .inputRow input[type="text"] {position:absolute;top:0;left:0;width:100%;height:100%;border:0;color:#353535;font-family:'graphikLight',Arial,Helvetica,Sans-serif;font-size:24px;text-indent:20px;max-width:565px;background:#f5f5f5;} .searchResult .inputRow input[type="submit"] {display:block;width:35px;height:35px;background:url(../images/site/red-search-icon.png) no-repeat 0 0 / 100%;position:absolute;top:9px;right:10px;text-indent:-9999px;border:0;cursor:pointer;} .searchResul-info{position:relative;float:left;width:100%;padding-top:29px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif !important;font-size:24px !important;color:#e96151 !important;margin-bottom:55px;} .searchResul-info::before{max-width:35%;position:absolute;top:0;left:0;height:3px;background:#e96151;display:block;content:"";width:100%;} .searchResul-info span{font-family:'graphikSemibold',Arial,Helvetica,Sans-serif !important;} .searchResulContent{width:100%;float:left;border-top:1px solid #f5f5f5;} .searchResulContent > a {width:100%;display:block;padding:35px 0;border-bottom:1px solid #f5f5f5;float:left;} .searchResulContent > a:hover *{color:#e96151 !important;} .searchResulContent > a p strong{margin-bottom:10px;display:block;width:100%;float:left;} .searchResulContent > p {border-bottom: 1px solid #f5f5f5;padding: 30px 0;} .searchResulContent > p span {font-weight: bold;} .pager {float: left;width: 100%;} .pager li {float: left;padding: 0 3px;} .page-link {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;padding: 0 !important;} .pager ul {float: right;margin-top: 15px;} .pager li .current {opacity: 0.5;} /*Arama Sonuç*/ /*FALİYET ALANLARI GATEWAY SAYFALARI*/ .lightyellow{background:#f2ece9;} .yellow{background:#F8F1E5;} .darkyellow{background:#dac5ab;} .lightblue{background:#d9e9f1;} .mh220{max-height:220px;} .mh300{max-height:300px;} .mh400{max-height:400px;} .mh500{max-height:500px;} .mb10{margin-bottom:10px;} .infographics .textArea{width:65%;float:left;padding-right:10%;} .infographics .textArea p{margin-bottom:15px;} .infographics .textArea ul li{margin-bottom:10px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;font-size:16px;color:#353535;position:relative;padding-left:20px;} .infographics .textArea ul li::before{display:block;width:7px;height:7px;background:#353535;content:"";border-radius:20px;left:0;position:absolute;top:5px} .infographics .textArea h3{width:100%;float:left;font-size:16px !important;color:#e35132;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;position:relative;padding-bottom:10px;margin-bottom:15px !important;} .infographics .textArea h3::after{display:block;content:"";width:95px;height:2px;background:#e35132;position:absolute;bottom:0;left:0;} .infographics .imgArea{width:35%;float:left;} .infographics .imgArea img{width:100%;} .infographics h2 {font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;font-size:24px;color:#353535;margin-bottom:15px !important;padding:0 !important;} .infographics h2::after{display:none;} #sub.infographics #content > .fullWidth .mb0{margin-bottom:0;} .ptb80{padding:80px 0;} .infographics .infobox{width:100%;height:181px;float:left;position:relative;} .infographics .infobox > div{max-width:440px;width:100%;height:181px;position:relative;padding-top:35px;} .infographics .infobox > div > img{position:absolute;top:0;} .infographics .infobox > div p{font-family:'graphikRegular',Arial,Helvetica,Sans-serif;font-size:16px;color:#353535;line-height:21px;} .infographics .infobox > div.imgR{padding-right:200px;} .infographics .infobox > div.imgR > img{right:0;} .infographics .infobox > div.imgL{padding-left:200px;} .infographics .infobox > div.imgL > img{left:0;} .infographics .infobox > div small{display:block;width:43px;height:43px;background:#e96151;text-align:center;line-height:43px;color:#fff;border-radius:8px 8px 8px 0px;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;margin-bottom:15px;} .slick-arrow.slick-disabled{display:none !important} /*Çimento*/ .infographics .cement .container{height:3070px;background:url(../images/site/cimento-nedir-big-bg.png) no-repeat center !important;} .infographics .cement .infobox.info1{margin-bottom:73px;} .infographics .cement .infobox.info1 > div{max-width:405px;} .infographics .cement .infobox.info2{margin-bottom:15px} .infographics .cement .infobox.info3{margin-bottom:210px} .infographics .cement .infobox.info3 > div{margin-left:60px} .infographics .cement .infobox.info4{margin-bottom:12px} .infographics .cement .infobox.info4 > div{margin-right:105px} .infographics .cement .infobox.info5{margin-bottom:30px} .infographics .cement .infobox.info5 > div{margin-left:43px} .infographics .cement .infobox.info6{margin-bottom:115px;height:231px} .infographics .cement .infobox.info6 > div{height:231px;margin-right:165px} .infographics .cement .infobox.info7{margin-bottom:190px;height:235px;} .infographics .cement .infobox.info7 > div{margin-right:192px;height:235px;margin-top:4px;} .infographics .cement .infobox.info8{margin-bottom:324px} .infographics .cement .infobox.info8 > div{margin-left:100px} .infographics .cement .infobox.info9{margin-bottom:100px} .infographics .cement .infobox.info9 > div{margin-right:159px} .infographics .cement .infobox.info10{} .infographics .cement .infobox.info10 > div{margin-left:50px;} /*Çimento*/ /*Beton*/ .infographics .concrete .container{height:2440px;background:url(../images/site/beton-nedir-big-bg.png) no-repeat center !important;} :lang(en) .infographics .concrete .container {background:url(../images/site/beton-nedir-big-bg-en.png) no-repeat center !important; } .infographics .textContent{float:left;} .infographics .imagesContent{float:left;} .infographics .concrete .infobox p.prb0{position:absolute;bottom:-25px;right:0;max-width:280px;} .infographics .concrete .infobox{width:100%;height:auto !important;float:left; } .infographics .concrete .infobox > div{max-width:480px;width:100%;position:relative;padding-top:5px;} .infographics .concrete .infobox.info1 {margin-bottom: 85px;} .infographics .concrete .infobox.info1 > div{margin-left:95px} .infographics .concrete .infobox.info2 > div{margin-right:130px} .infographics .concrete .infobox.info3 > div{max-width:880px;height:400px;margin:0 auto;position:relative;} .infographics .concrete .infobox.info3 {margin-bottom:50px;} .infographics .concrete .infobox.info4 {margin-bottom:50px} .infographics .concrete .infobox.info4 > div{margin-left:165px;} .infographics .concrete .infobox.info5{ margin-bottom: 292px;} .infographics .concrete .infobox.info5 > div{max-width:100%;height:auto !important;overflow:hidden;padding-top:30px} .infographics .concrete .infobox.info5 > div p{max-width:200px} .infographics .concrete .infobox.info5 > div > div{width:650px;position:relative;float:right;height:320px;margin-right:85px !important;} .infographics .concrete .infobox.info5 > div > div img{position:absolute;top:63px;} .infographics .concrete .infobox.info5 .box5img1{left:0;} .infographics .concrete .infobox.info5 .box5img2{left:230px;} .infographics .concrete .infobox.info5 .box5img3{right:0;} .infographics .concrete .infobox.info6{height:auto !important;margin-bottom:-143px} .infographics .concrete .infobox.info6 > div{margin-left:50px;height:auto !important;max-width:340px} .infographics .concrete .infobox.info6 > div > img{position:static;} .infographics .concrete .infobox.info6 > div > p{margin-bottom:12px} .infographics .concrete .infobox.info7 > div{margin-right:140px;} :lang(en) .infographics .concrete .infobox.info6 {margin-bottom: -220px !important;} :lang(en) .infographics .concrete .infobox.info5 {margin-bottom: 370px !important;} :lang(en) .infographics .concrete .infobox.info3 p {margin-bottom: -76px !important;} /*Beton*/ /*Kağıt*/ .infographics .paper .container{height:2350px;background:url(../images/site/kagit-nedir-big-bg.png) no-repeat 32px 0 !important;} .infographics .paper .infobox.info1{margin-bottom:65px} .infographics .paper .infobox.info1 > div{max-width:100%;} .infographics .paper .infobox.info1 > div p{max-width:220px;} .infographics .paper .infobox.info1 .wood1 {display: block;float: right;margin-right: 104px;margin-top: 27px;position: static !important;} .infographics .paper .infobox.info2 .wood2 {float: left;margin-left: 60px;margin-top: 60px;} .infographics .paper .infobox.info3 > div{margin-left:146px;margin-top:30px;} .infographics .paper .infobox.info3{height:315px !important;margin-bottom:32px;} .infographics .paper .infobox.info4 > div{margin-right:100px} .infographics .paper .infobox.info4{height:435px;margin-bottom:200px;} .infographics .paper .infobox.info4 .tooltipContentOuter{max-width:650px;height:180px;position:absolute;bottom:0;right:27px;padding-top:20px !important} .infographics .paper .infobox.info4 .tooltipContentOuter ul li{float:left;margin:0 14px;position:relative;} .infographics .paper .infobox.info4 .tooltipContentOuter ul li > a{padding:0 !important;background:none !important;} .tooltipContentOuter .ttcontent{position:absolute;top:50%;left:50%;width:300px;height:200px;margin-left:-150px;margin-top:-100px;background:#fff;z-index:9999;padding:30px 20px;} .tooltipContentOuter .ttcontent > div{padding-left:20px;} .tooltipContentOuter .ttcontent > div p{font-size:13px !important;} .tooltipContentOuter .ttcontent > div::before{width:4px;height:140px;position:absolute;top:30px;left:20px;content:"";} .tooltipContentOuter .ttcontent > a{display:block;position:absolute;top:0;right:-38px;height:41px;width:38px;color:#363535;font-size:15px;text-align:center;line-height:41px;padding:0 !important;border-radius: 0 15px 15px 0;} .tooltipContentOuter .ttcontent > a:hover{color:#fff !important} .tooltipContentOuter .box1 .ttcontent > div::before,.tooltipContentOuter .box1 .ttcontent > a{background:#f5a739 !important;} .tooltipContentOuter .box2 .ttcontent > div::before,.tooltipContentOuter .box2 .ttcontent > a{background:#2cacb7 !important;} .tooltipContentOuter .box3 .ttcontent > div::before,.tooltipContentOuter .box3 .ttcontent > a{background:#e96151 !important;} .tooltipContentOuter .box4 .ttcontent > div::before,.tooltipContentOuter .box4 .ttcontent > a{background:#396d77 !important;} .infographics .paper .infobox.info5 > div{max-width:540px !important;margin-right:200px;} .infographics .paper .infobox.info6 > div{margin-left:50px;} .infographics .paper .infobox.info6{margin-bottom:61px} .infographics .paper .infobox.info7 > div{margin-right:100px} .infographics .paper .infobox.info7{margin-bottom:50px;} .infographics .paper .infobox.info8 > div{margin-left:90px;padding-top:125px;} img.paperMap{width:100%;display:block;float:left;} .infographics .paper .infobox > div p{line-height:20px !important;} .infographics .paper .infobox.info4 > div,.infographics .paper .infobox.info5 > div{padding-top:0 !important;} .infographics .paper .infobox.info8 > div{max-width:700px !important} /*Kağıt*/ .infographics .sbContent .fullWidth .fullWidth {background: #fff !important;} /*FALİYET ALANLARI GATEWAY SAYFALARI*/ /*scrollbar edit*/ .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail{background:#b9c6cd} .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y{background:#fff;} /*scrollbar edit*/ /*STAJ BAŞVURU FORM*/ #staj.generalForm .col-md-6, #staj.generalForm .col-md-12 {padding-left: 0;} #sub #content > .fullWidth .generalForm div[class*="col-"]{margin-bottom:0;} .formrow{width:100%;float:left;margin-bottom:15px;} .formrow input[type="text"] {border:1px solid #c5c5c5;width:100%;height:45px;text-indent:5px;font-size: 16px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif} .formrow input[type="text"].smallinput {max-width:120px;} .formrow input[type="file"]{visibility:hidden;} .formrow textarea{width:100%;max-width:680px;border:1px solid #c5c5c5;border-radius:2px;height:150px !important;resize:none;padding:5px;font-family:'graphikLight',Arial,Helvetica,Sans-serif;font-size:14px;} .formrow label span{margin-right:35px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;color:#151515;font-size:14px;} .fileButton,.cleanFile{display:block;width:140px;height:45px;background:#ededf0;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;font-size:14px;color:#424242;border-radius:25px;text-align:center;line-height:45px;float:left;margin-left:5px;transition:all ease-in-out .2s;} .fileButton:hover,.cleanFile:hover{background:#FF7700 !important;color:#fff !important;} .formrow > label > div{margin-right:7px} .formrow > span{width:40%;float:left;overflow:hidden;} .generalForm ul{float:left;margin-bottom:10px;} .generalForm input[type="submit"]{background:#e66050;width:140px;height:45px;color:#fff;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;font-size:15px;border:0;float:right;cursor:pointer;} .generalForm em.error{color:#E66050;width:100%;float:left;display:block;} .generalForm input.error{} .security > div{width:160px;float:left;} .security > div a{display:block;width:100%;float:left;height:40px;line-height:40px;text-align:center;color:#1c1c1c;} .security > div a:hover{text-decoration:underline;} .security > div img{float:left;} .radios label {display: block; float: left; margin: 0 0 20px; width: 25%;} /*STAJ BAŞVURU FORM*/ /*FLIP BOX*/ .color1{background:#e9d6d2;} .color2{background:#c8d5d1;} .color3{background:#e7caa4;} .white{background:#fff;} .radiusBox{border-radius:100%;text-align:center;height:150px;width:151px;margin:-75px 0 0 -75px;margin-bottom:40px;position:absolute;top:50%;left:50%;} .front .side p{position:absolute;bottom:15%;left:0%} .radiusBox .radiusBoxinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%)} .radiusBox .radiusBoxinner > small {margin-bottom: 0 !important;} .flipContent{width:100%;float:left;} .flipContent .panel .side span{color:#353535;font-family:'graphikSemibold',Arial,Helvetica,Sans-serif;font-size:24px;display:block;margin:5px 0;} .flipContent .panel .side small{color:#353535;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;font-size:14px;display:block;margin-bottom:30px;} .flipContent .panel .side table thead td{color:#353535;font-size:14px;opacity:0.5;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;} .flipContent .panel .side table thead tr{background:none ;background:url(../images/site/table-border-bg-2.png) repeat-x bottom left ;} .flipContent .panel .side table tr{background:url(../images/site/table-border-bg-2.png) repeat-x bottom left ;} .flipContent .panel .side table td{color:#353535;font-size:14px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;padding:2% 5px;} .flipContent .panel .side table tr td:first-child{text-align:left;} .panel:first-child{margin-left:0;} .panel:last-child{margin-right:0;} .panel .front::before {display:block;width:38px;height:30px;background:url(../images/site/white-circle-icon.png) no-repeat 0 0;position:absolute;top:20px;right:20px;z-index:9999;content:"";} .panel {width:30%;margin:1.7% 1.7% 45px;float:left;padding-bottom:45%;position: relative;} .panel .front {width:100%;height: 100%;position: absolute;top: 0;left:0;} .panel .front,.panel .back{ transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; -webkit-transition:0.8s; -moz-transition:0.8s; -ms-transition:0.8s; -o-transition:0.8s; transition:0.8s; } .panel .back {width:100%;height: 100%;position: absolute;top: 0;left:0;z-index: 1000; transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); } .panel:hover .front{ /* When the container is hovered, flip the front side and hide it .. */ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); } .panel:hover .back{ /* .. at the same time flip the back side into visibility */ transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -o-transform:rotateY(360deg); } .side{width: 100%;padding: 20px;} .front .side p{text-align:center;} /*FLIP BOX*/ .pt80{padding-top:80px} /*SUB PAGE END ==================================================================*/ /* MEDIA QUERIES START ========================================================================*/ @media only screen and (min-width: 960px) and (max-width: 1200px) { .imageBox small{display:none;} .imageBox span{font-size:16px;} /*infographics*/ /*çimento*/ .infographics .cement .info1 .imgR{padding-left:200px;padding-right:0 !important;margin-left:180px;} .infographics .cement .info1 .imgR img{left:0;right:auto;} .infographics .cement .infobox.info4 > div{margin-right:61px;} .infographics .cement .infobox.info5 > div{margin-left:3px} .infographics .cement .infobox.info7 > div{margin-right:152px;} .infographics .cement .infobox.info8 > div{margin-left:60px;} .infographics .cement .infobox.info9 > div{margin-right:119px;} /*çimento*/ /*beton*/ .infographics .concrete .infobox.info1 > div{margin-left:58px;} .infographics .concrete .infobox.info2 > div{margin-left:90px;} .infographics .concrete .infobox.info4 > div{margin-left:135px;} .infographics .concrete .infobox.info5{margin-bottom:158px;} .infographics .concrete .infobox.info6 > div{margin-left:23px;} .infographics .concrete .infobox.info7 > div{margin-right:85px;} .infographics .concrete .infobox.info5{margin-bottom:292px} .infographics .concrete .infobox.info5 > div > div{margin-right:43px !important;} /*beton*/ /*Kağıt*/ .infographics .paper .infobox.info4 > div{margin-right:20px;} .infographics .paper .infobox.info5 > div{margin-right:108px} .infographics .paper .infobox.info7 > div{margin-right:15px;} .tooltipContentOuter .ttcontent{margin-left:-190px} /*Kağıt*/ /*infographics*/ } @media (min-width: 1200px) {} @media (min-width: 960px) { /* .subContent{display:none;position:absolute;top:100px;left:0;width:100%;background:#f4f4f4;} */ /* .webkit .subContent{top:97px;} */ .mainMenu > ul > li:hover .subContent{display:block !important;} .menuControl{display:none;} } /*TABLET*/ @media only screen and (min-width: 768px) and (max-width: 959px) { .siteMapPart{height:310px;padding-right:20px} /*infographics*/ .infographics .fullWidth .container p{line-height:20px !important;font-size:14px !important;} /*çimento*/ .infographics .cement .container{height:2640px;background-size:90% !important;background-position: 52px 180px !important;} .infographics .infobox > div{max-width:330px;} .infographics .infobox > div.imgL{padding-left:165px;} .infographics .infobox > div.imgR{padding-right:165px;} .infographics .infobox > div img{width:150px;top:-30px;} .infographics .cement .infobox.info1{margin-bottom:17px;margin-top:75px} .infographics .cement .infobox.info1 .imgR{padding-left:165px;padding-right:0 !important;margin-left:125px;} .infographics .cement .infobox.info1{margin-bottom:45px;} .infographics .cement .infobox.info1 .imgR img{left:0;right:auto;} .infographics .cement .infobox.info3 > div{margin-left:52px;} .infographics .cement .infobox.info3{margin-bottom:105px;} .infographics .cement .infobox.info4 > div{margin-right:45px;} .infographics .cement .infobox.info5{margin-bottom:16px;} .infographics .cement .infobox.info5 > div{margin-left:-28px;} .infographics .cement .infobox.info6{margin-bottom:80px;} .infographics .cement .infobox.info6 > div{margin-right: 100px;} .infographics .cement .infobox.info7{margin-bottom:145px;} .infographics .cement .infobox.info7 > div{margin-right:76px;} .infographics .cement .infobox.info8 {margin-bottom:265px;} .infographics .cement .infobox.info8 > div {margin-left:20px;margin-bottom:260px;} .infographics .cement .infobox.info9{margin-bottom:-20px} .infographics .cement .infobox.info9 > div{margin-right:47px;} /*çimento*/ /*beton*/ .infographics .concrete .container{height:1500px;background-size:96% !important;background-position: center 25px !important;} .infographics .concrete .infobox.info1{margin-bottom:15px;margin-top:40px ;} .infographics .concrete .infobox.info1 > div{margin-left:104px;} .infographics .concrete .infobox.info1 > div img{margin-top:15px;} .infographics .concrete .infobox.info2 > div{margin-right:0;margin-left:0;} .infographics .concrete .infobox.info3{margin-bottom:-25px} .infographics .concrete .infobox.info3 > div{padding-top:86px;height:218px} .infographics .concrete .infobox.info4{margin-bottom:0;height:150px !important} .infographics .concrete .infobox.info4 > div{margin-left:140px;} .infographics .concrete .infobox.info5{margin-bottom:158px;} .infographics .concrete .infobox.info6 > div{margin-left:60px;} .infographics .concrete .infobox.info7{margin-top:60px} .infographics .concrete .infobox.info7 > div{margin-right:0;} .infographics .concrete .infobox.info5{margin-bottom:53px} .infographics .concrete .infobox.info5 > div{padding-top:0;} .infographics .concrete .infobox.info5 > div small{margin-right:10px} .infographics .concrete .infobox.info5 .box5images{width:395px} .infographics .concrete .infobox.info5 .box5images img{width:120px;top:20px} .infographics .concrete .infobox.info5 > div > div{margin-right:auto;margin-left:230px;float:left;height:200px;} .infographics .concrete .infobox.info5 > div small{float:left;} .infographics .concrete .infobox.info5 .box5img2{left:138px} .infographics .concrete .infobox.info6 {height: auto !important;margin-bottom: -200px;margin-top: -59px;} .infographics .concrete .infobox.info6 > div {max-width:225px;} .infographics .concrete .infobox.info7 > div {max-width:445px;} /*beton*/ /*kağıt*/ .infographics .paper .container{background-size:92% !important;height:1875px;} .infographics .paper .infobox.info1{margin-bottom:0;} .infographics .paper .infobox.info1 img{top:0 !important} .infographics .paper .infobox.info2 > div{padding:0} .infographics .paper .infobox.info2 > div img{position:static;margin-left:57px ;display:block;float:left;} .infographics .paper .infobox.info2 > div small{float:left;clear:left;} .infographics .paper .infobox.info3 > div{ height: 225px !important;margin-left: 115px;margin-top: -43px;max-width: 70%;padding-top: 125px;} .infographics .paper .infobox.info3{height: 225px !important} .infographics .paper .infobox.info4 .tooltipContentOuter{margin-right:0;right:0;bottom:55px;max-width:530px;} .info4 .tooltipContentOuter .ttcontent{margin-left:-180px;height:270px;width:245px;} .info4 .tooltipContentOuter .ttcontent > div::before{height:210px;} .infographics .paper .infobox.info4 .tooltipContentOuter img{width:100px} .infographics .paper .infobox.info4 > div.imgL{float:left !important;margin-right:0 !important;padding-left:0 !important;padding-right:165px !important;margin-left:90px;max-width:440px} .infographics .paper .infobox.info4 > div img{left:auto !important;right:0;} .infographics .paper .infobox.info4{margin-bottom:20px;} .infographics .paper .infobox.info5 > div{margin-right:60px;} .infographics .paper .infobox.info6{margin-bottom:0;} .infographics .paper .infobox.info7{margin-bottom:0;} .infographics .paper .infobox.info7 > div{margin-right:0;} .infographics .paper .infobox.info8 > div{max-width:80% !important;} .infographics .paper .infobox > div img{top:35px;} /*kağıt*/ /*infographics*/ .press .customSelect{margin-top:5px;} .externalTabs ul li a{font-size:20px !important;} .flipContent .panel{padding-bottom:55%;} .flipContent .panel .side table td{font-size:13px;padding:3.5% 5px;} .flipContent .panel .side small{margin-bottom:15px;} .flipContent .panel .front::before{width:20px;background-size:100%;right:10px;} .panel:first-child{margin-left:0;} .panel:last-child{margin-right:0;} #header .container{padding:0 15px !important;height:auto;} /*haberler*/ .news-item em{display:none;} .newsContent .newsRow .news-item{width:50%;} .newsRow.four .news-item,.newsRow.four .news-item:nth-child(3), .newsRow.four .news-item:nth-child(4){padding-bottom:30% !important;} .news-item.wi a::after{display:none !important;} .news-item.wi figure{width:100%;} .news-item.wi a span,.news-item.wi a small{color:#fff !important;left:40px !important;} .imgBoxinfo span,.news-item:nth-child(2) a span{font-size:18px !important;} /*haberler*/ /*insan kaynakları*/ .imgBoxinfo span{font-size:18px !important;} .imgBoxinfo{padding:35px 25px;height:210px;} /*insan kaynakları*/ #sub #wrapper{padding-top:85px;} #home h2{font-size:24px;margin:30px 0;} .subcontroller{display:block;} .subcontroller span{display:block;} .menuOpener{display:block !important;} .searchAndLang{margin:0;position:relative;z-index:9999;} #header,#home #header{padding-top:10px;height:65px;background:#fff;} #header .middleWidth{height:60px;} #logo{height:44px; -webkit-transition:background-position .3s ease-in; -moz-transition:background-position .3s ease-in; -o-transition:background-position .3s ease-in; transition:background-position .3s ease-in;width:170px;height:44px;margin-top:0;} .menu-on #logo{background-position:left top; position:relative;z-index:9999; } .menu-on .menuOpener{ -ms-transform: rotate(90deg); /* IE 9 */-webkit-transform: rotate(90deg); transform: rotate(90deg); background:transparent;} .menu-on .menuControl a span{ background:#fff;} .searchAndLang{width:88px;} .language{display:none !important} .mainMenu > ul{display:none} .mainMenu{overflow:hidden;padding:0;} .mainMenu > ul{width:100%;height:100%;position:fixed;left:0;right:0;bottom:0;top:0;padding-top:85px;background:#f7f7f7;} .mainMenu ul li {width:100%;} .mainMenu > ul > li{margin-bottom:27px;} .mainMenu ul li a,.subcontroller em{color:#353535;font-size:18px;padding:0 15px;display:block;} .slideTextinner > span{font-size:35px;margin-bottom:20px;padding-bottom:10px;} .slideTextinner > small{padding:0;font-size:20px;margin-bottom:20px;} .videoicon{width:40px;height:40px;} .videoicon span{background-size:60% !important;} .mainMenu > ul{display:none} .mainMenu{overflow:hidden;padding:0;float:right;margin-right:15px;} .mainMenu > ul{width:100%;height:100%;position:fixed;left:0;right:0;bottom:0;top:0;padding-top:85px;background:#353535 ;} .mainMenu ul li {width:100%;} .mainMenu > ul > li{margin-bottom:27px;} .mainMenu ul li a,.subcontroller em{font-size:18px;padding:0 15px;display:block;color:#fff !important; } .mainMenu ul li.hs:hover > a{padding-bottom:0 !important;border:0 !important;} .subContent{display:none;width:100%;height:100%;position:fixed;right:-100%;bottom:0;top:0;padding-top:85px;overflow:auto;left:auto !important;} .mainMenu .col-md-9{padding:0;width:100%;} .mainMenu .col-md-9 ul li{width:100%;margin-bottom:25px;} .mainMenu .col-md-9 ul li a{padding-left:0;background:none;} .subContent .col-md-3{display:none;} #footer .footerbottom .col-md-12 > ul li a{padding:0 10px !important} #footer .socialMedia{bottom:22px;top:auto;} .oyakAkademi > span{padding:0;} .oyakAkademi .oyakEtik > img { float: left;} #home .box-1{padding-bottom:25px;} #home .box-1 .container ul li{margin-right:11px ;} .boxGateway a span{font-size:18px;} .boxGateway a:hover span{bottom:16%;} .pbt50 {padding-top:35px;padding-bottom:0;} .doubleBox .halfContent .imgBoxinfoType2 p{margin-bottom:15px;} .projectslide .pslide-item span{font-size:31px;} #sub #content > .fullWidth h1{padding-bottom:30px;font-size:35px;} #sub #content > .fullWidth h2{font-size:30px;padding-bottom:25px;line-height:35px;} .iconContents > div{margin-bottom:25px;} #sub #content > .fullWidth div[class*="col-"]{margin-bottom:30px;} .imageBox small{font-size:14px;margin-bottom:10px;} .imageBox span{font-size:23px;margin-bottom:16px;padding-bottom:16px;} .redBgArrow{width:45px;height:40px;} .kslide-item{margin:0 35px;} .press-item{padding:15px 0;} .searchForm > input[type="submit"] {bottom: 0;height: 70%;top: auto;} .externalTabs .customSelect{position:relative;top:auto;right:auto;margin:10px 0;} .externalTabsContent{padding:0;} .externalTabs .container{margin-bottom:0} .imageBox small{display:none;} .imageBox span{font-size:16px;} #footer .footCategories .foot-item ul.cementList li {width: 50%;} } /*MOBİL*/ @media only screen and (max-width: 767px) { #content .fullWidth .container p img{width:100%;display:block;float:left;} .projectslide .pslide-item{min-height:0;} .siteMapPart{width:100%;height:auto ;margin-bottom:20px;} #content .fullWidth:first-child .middleWidth{padding-top:0;} #sub #wrapper{padding-top:70px;} #sub #content > .fullWidth h1,span.zn{width:100%;margin-bottom:0;} /*STAJ BAŞVURU FORM*/ .formrow > span{width:100%;margin-bottom:20px} .security > span{width:100%;float:left;margin:5px 0;} .generalForm input[type="submit"]{width:100%;} .fileButton, .cleanFile{width:100%;} /*STAJ BAŞVURU FORM*/ /*infographics*/ .infographics .textArea {width:100%; padding:10px;} .infographics .imgArea {width:100%;padding:20px !important} .infographics .infobox > div,.infographics .infobox{max-width:100% !important;margin-left:0 !important;margin-right:0 !important;height:auto !important;} .infographics .cement .container{height:3090px;background:url(../images/site/cimento-nedir-big-bg-mobile.png) no-repeat 0 0 !important;} .infographics .infobox > div p{line-height:23px !important;font-size:14px !important; } .infographics .infobox > div small{margin-bottom:10px;} /*Çimento*/ .infographics .infobox > div img{width:140px;} .infographics .infobox > div.imgR,.infographics .infobox > div.imgL{padding:0 ;} .infographics .infobox > div img{position:initial;} .infographics .cement .infobox.info1{margin-bottom:0;margin-top:30px;} .infographics .cement .info2 > div ,.infographics .cement .info5 > div,.infographics .cement .info7 > div,.infographics .cement .info8 > div,.infographics .cement .info9 > div{padding-left:20px !important;} .infographics .info2 > div > img {display: block;margin: 0 auto !important;} .infographics .cement .infobox.info1 p,.infographics .cement .infobox.info2 p,.infographics .cement .infobox.info3 p{margin-bottom:0 !important} .infographics .cement .infobox.info3{margin-bottom:66px;} .infographics .cement .infobox.info6{margin-bottom:0;} .infographics .cement .infobox.info5{margin-bottom:0;} .infographics .cement .infobox.info7{margin-bottom:136px;} .infographics .cement .infobox.info8{margin-bottom:150px;} .infographics .cement .infobox.info9{margin-bottom:35px;} .infographics .info3 > div > img,.infographics .info4 > div > img ,.infographics .info5 > div > img ,.infographics .info6 > div > img ,.infographics .info7 > div > img,.infographics .info8 > div > img,.infographics .info9 > div > img{display: block;margin: 0 auto !important;} /*Çimento*/ /*Beton*/ .infographics .concrete .container{height:3090px;background:url(../images/site/beton-nedir-big-bg-mobile.png) no-repeat 0 0 / 100% !important;} .infographics .concrete p.prb0{display:none;} .infographics .concrete .infobox.info1{margin-bottom:0;} .infographics .concrete .infobox.info2{margin-bottom:0;} .infographics .concrete .infobox.info3{margin-bottom:300px} .infographics .concrete .infobox.info4{margin-bottom:0} .infographics .concrete .infobox.info5{margin-bottom:109px} .infographics .concrete .infobox.info5 > div small{float:left;} .infographics .concrete .infobox.info5 > div{padding-top:0;} .infographics .concrete .infobox.info5 > div p{max-width:100%;} .infographics .concrete .infobox.info5 > div > div{width:100%;float:left;margin-right:0;height:auto !important;padding-left:62px;} .infographics .concrete .infobox.info5 > div > div img{position:static;float:left;margin-bottom:5px;} .infographics .concrete .infobox.info5 > div > div img:last-child{margin-bottom:0;} .infographics .concrete .info6 > div,.infographics .concrete .info1 > div{padding-left:20px;} .infographics .concrete .infobox.info6{margin-bottom:10px;} /*Beton*/ /*Kağıt*/ .infographics .paper .container{background:url(../images/site/kagit-nedir-big-bg-mobile.png) no-repeat 0 0 !important;height:3200px;} .infographics .paper .infobox.info1{margin-bottom:-40px;} .infographics .paper .infobox.info1 .wood1{margin-top:80px;margin-bottom:50px;float:left;margin-left:75px;} .infographics .paper .infobox.info1 div{padding-left:20px;} .infographics .paper .infobox.info1 div small{float:left;clear:left;} .infographics .paper .infobox.info1 div p{float:left;clear:left;} .infographics .paper .infobox.info2 .wood2{position:absolute;bottom:0;left:45px;margin:0 !important;width:71%;} .infographics .paper .infobox.info2 {height:280px !important;margin-bottom:40px;} .infographics .paper .infobox.info3{margin-bottom:75px;} .infographics .paper .infobox.info4{margin-bottom:150px;height:620px !important;} .infographics .paper .infobox.info4 > div{padding-left:20px} .tooltipContentOuter {right:auto !important;padding-left:0 !important} .tooltipContentOuter img{width:110px !important;} .infographics .paper .infobox.info4 .tooltipContentOuter ul li{position:static;margin:14px 9px !important} .tooltipContentOuter .ttcontent{width:265px;margin-left:-145px;height:240px;margin-top:-120px} .tooltipContentOuter .ttcontent > div::before{height:185px;} .infographics .paper .infobox.info5{margin-bottom:156px} .infographics .paper .infobox.info6{margin-bottom:0;} .infographics .paper .infobox.info6 div{padding-left:20px;} .infographics .paper .infobox.info7{margin-bottom:0;} .infographics .paper .infobox.info8 > div{padding-top:0;} /*Kağıt*/ /*infographics*/ .cslide-item h5{font-size:24px;margin-bottom:20px;} .cslide-item .maxW{margin:30px 0;} .kronolojiClose, .slidedContentClose{background-size:100%;width:25px;height:25px;right:10px;top:10px;} .slidedContent .col-md-6 > img{margin:0 auto;} .slidedContentSlider > .slick-arrow{display:none !important;} .cslide-item{padding:0 25px 0 0;} .cslide-item [class*="col-"]{margin-bottom:20px;} .contact-item{width:100%;margin-bottom:30px;} .imageBox small{display:block !important;} .externalTabs .customSelect{position:relative;top:auto;right:auto;margin:10px 0;max-width:100% !important;} .externalTabs .container{margin-bottom:0} .externalTabsContent{padding:0;} .externalTabs > .container{padding-bottom:0;} .press-item a, .press-item em{padding-left:50px;} .press-item a::before,.press-item em::before{left:15px;} .press-item > *{margin-bottom:10px} .pageNav > a img{display:none;} .pageNav > a{height:100px;} .pageNav > a span{padding:20px 10px;font-size:13px;} .pageNav > a.pagePrev span::before{left:10px;} .pageNav > a.pageNext span::before{right:10px;} .pageNav > a.pagePrev span{left:0;} .pageNav > a.pageNext span{right:0;text-align:right;} .projectsContentM .project-item, .projectsContentM .grid-size{width:98%;} .inlineDiv .inline-inner{padding:15px !important} .inlineDiv .inline-inner > a.button{width:100%;} .imageBox.fullimg div[class*="col-"] img{width:auto;height:300%;} .imageBox.fullimg .text{width:auto;left:10px;padding:20px;background:url(plugins/fancybox/fancybox_overlay-white.png) !important;} .externalTabsContent.minW .container table,.externalTabs.minW .container ul{min-width:615px;overflow:auto;} .externalTabsContent .container,.externalTabs .container{overflow:auto;padding-bottom:20px} .externalTabs ul li a{font-size:16px !important;} .xs-hidden{display:none;} img.col-xs-12{width:100% !important;} .flipContent .panel{padding-bottom:145%;width:100%;margin:0 auto 30px !important;float:none;} .flipContent .panel .side small{margin-bottom:15px;} #footer .footertop::after{top:50px;} #footer .footertop{padding-top:15px;} #sub #content > .fullWidth h1::after,#sub #content > .fullWidth h2::after,.imageBox span::after{width:100%;} .iconContents h3{color:#e24d3b;} .kslide-item em{font-size:14px;max-width:60px;height:30px;line-height:30px;font-family:'graphikRegular',Arial,Helvetica,Sans-serif;} .kslide-item:nth-child(2n) em,.kslide-item:nth-child(2n+1) em{top:7% !important;right:auto !important;left:0 !important} .searchForm > input[type="submit"]{height:70%;bottom:0;top:auto;} .searchForm > input[type="text"]{font-size:30px;} .searchForm{padding-top:35px;margin-top:40px;} .searchClose{position:absolute;top:0;right:0;z-index:9999;} #sub #wrapper{padding-top:90px;} #sub #content > .fullWidth div[class*="col-"]{width:100%;float:left;} #sub #content > .fullWidth h1,span.zn{font-size:24px;padding-bottom:20px;line-height:35px;} #sub #content > .fullWidth h2{font-size:20px;padding-bottom:25px;line-height:30px;} #sub #content > .fullWidth h4{margin:0 ;} .iconContents p{padding-left:0;} .summary{font-size:18px !important;} .imageBox .center{position:relative;top:auto;transform:none;} .imageBox .text{padding:50px 0;} .singleBannerModule{padding-bottom:100%;} .singleBannerModule .banner-info small{display:none;} .singleBannerModule .banner-info{padding:0 30px;} #sub #content > .fullWidth div[class*="col-"]{margin-bottom:25px;} #content .socialMedia,.breadCrumb{display:none;} #header .container{padding:0 15px !important;height:auto !important} .kslide-item{margin:0 35px;} #kronolojiContent .slick-arrow.slick-prev{left:35px;} #kronolojiContent .slick-arrow.slick-next{left:110px;} .sbContent{padding-top:20px;} #home h2{margin:22px 0 !important;} .subcontroller{display:block;} .subcontroller span{display:block ;} .menuOpener{display:block !important;} #header .col-md-3.col-sm-6.col-xs-7{position:relative;z-index:9999;} .searchAndLang{margin:0;position:relative;z-index:9999;} #wrapper{padding-top:48px !important;} #header,#home #header{height:45px !important; padding-top:3px;background:#fff;} #logo{height:31px;width:150px;background-size:100% 200%; -webkit-transition:background-position .3s ease-in; -moz-transition:background-position .3s ease-in; -o-transition:background-position .3s ease-in; transition:background-position .3s ease-in; } .verticalSlider, .vslideItem, .slidedContentSlider, .cslide-item{height:auto !important} .verticalSlider .slick-dots{display:none !important;} .menu-on #logo{background-position:top left; position:relative;z-index:9999; } .menu-on .menuOpener{ -ms-transform: rotate(90deg); /* IE 9 */-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */transform: rotate(90deg); background:transparent;} .menu-on .menuControl a span{ background:#fff;} .searchAndLang{width:88px;} .language{display:none !important} .slideTextinner > span{font-size:22px;margin-bottom:20px;padding-bottom:10px;} .slideTextinner > small{padding:0;font-size:15px;margin-bottom:20px;} .videoicon,.redBgArrow{width:40px;height:40px;} .videoicon span,.redBgArrow span{background-size:60% !important;} .mainMenu > ul{display:none} .mainMenu{overflow:hidden;padding:0;float:right;margin-right:15px;} .mainMenu > ul{width:100%;height:100%;position:fixed;left:0;right:0;bottom:0;top:0;padding-top:60px;background:#353535 ;} .mainMenu ul li {width:100%;margin:0;} .mainMenu > ul > li{margin-bottom:20px;} .mainMenu ul > li.active > a{color:#e96151 !important;} .mainMenu ul li a,.subcontroller em{font-size:18px;padding:0 7px;display:block;color:#fff !important; } .mainMenu ul li.hs:hover > a{padding-bottom:0 !important;border:0 !important;} .subContent{display:none;width:100%;height:100%;position:fixed;right:-100%;bottom:0;top:0;padding-top:60px;overflow:auto;left:auto !important;} .mainMenu .col-md-9{padding:0;width:100%;} .mainMenu .col-md-9 ul li{width:100%;margin-bottom:25px;} .mainMenu .col-md-9 ul li a{padding-left:0;background:none;} .subContent .col-md-3{display:none;} #footer .footCategories .foot-item span{float:none;margin:0 auto;cursor:pointer;} .footCategories .foot-item{width:33.3333% !important;height:220px;} .oyakAkademi a{float:none;} #footer .footCategories {position:relative;} #footer .footCategories .foot-item ul{display:none;position:absolute;top:90px;left:0;right:0;padding:0;} #footer .footCategories .foot-item.active ul{display:block !important;} #footer .footCategories .foot-item.active span{border-color:#e96151;} .footerLeft { padding-bottom: 20px;} .oyakAkademi{margin:0 auto;/*width:65%;*/float:none; text-align: center;} .oyakAkademi img{display: block;margin: 0 auto;width: 50%;} .oyakAkademi ul{display:none;} .oyakAkademi > span{margin-bottom:0;padding-left:0;font-size:13px;text-align:center;} .footertop div{overflow:hidden;} .fullWidth.box-1 .col-md-6 div,.fullWidth.box-1 .col-md-6 table,.fullWidth.box-1 .col-md-6 .arrowLink,.fullWidth.box-1 .col-md-6 ul {display:none;} .fullWidth.box-1 .col-md-6 h3{margin:10px 0 !important;} .boxGateway > div{width:100% !important;padding-bottom:50% !important;} .boxGateway a:hover span{bottom:10%;} .projectslide .slick-arrow{display:none !important;} .projectslide .pslide-item{padding-bottom:10%;} .projectslide .pslide-item span{left:10% !important;right:10% !important;transform:translate(0, -50%) !important;-webkit-transform:translate(0, -50%) !important;font-size:20px;-moz-transform:translate(0, -50%) !important} /*haberler*/ .news-item em{display:none;} .newsRow .news-item,.newsRow .news-item:nth-child(3), .newsRow .news-item:nth-child(4){width:100% !important;padding-bottom:95% !important;} #home .newsRow .news-item:nth-child(1){display:block !important} #home .newsRow .news-item{display:none} .newsContent .newsRow .news-item a{padding:0 40px;} .newsRow .news-item:first-child{display:block;} .newsContent .newsRow .news-item a small{margin-top:30px !important;float:left;} /*.newsContent .newsRow .news-item{width:50%;}*/ .news-item.wi a::after{display:none !important;} .news-item.wi figure{width:100%;} .news-item.wi a span,.news-item.wi a small{color:#fff !important;left:40px !important;} .imgBoxinfo span,.news-item:nth-child(2) a span{font-size:18px !important;} .news-item:hover span{bottom:15% !important;} /*haberler*/ #home h2,.news h2, .hr h2{font-size:22px !important;text-align:left !important;} .news .middleWidth{padding:0 15px;} .halfContent{width:100%;padding:20px 0;} .hr .halfContent{border-top:1px solid #e5e5e5} .hr .halfContent img{display:none;} .hr .imgBoxinfo{position:initial;max-width:100%;padding:10px 0;height:auto;} .fullWidth.hr{margin-bottom:0 !important} .doubleBox .halfContent.left img,.doubleBox .halfContent.right img,.fullWidth.doubleBox.mb80 .middleWidth > img{width:100%;} .doubleBox .halfContent .imgBoxinfoType2{position:inherit;top:0;transform:none;width:100%;} .doubleBox .halfContent .imgBoxinfoType2{padding:0 15px !important;} .fullWidth.doubleBox.mb80 .halfContent.right{display:none;} .fullWidth.doubleBox.mb80 .middleWidth > img{display:block;} .doubleBox .halfContent{height:auto !important} .mb80{margin-bottom:30px !important} #footer .footerbottom .col-md-12 > ul{display:none;} #footer .footerbottom .footText ul,.footerLeft ul{display:none;} #footer .footerbottom .footText span{} .externalTabs.twoitem ul li{margin-right:15px !important;} .externalTabs.twoitem ul li a{padding-right:5px !important;} #sub .newsRow.four .news-item:nth-child(3){padding-bottom:95% !important} .newsRow.four .news-item:nth-child(3), .newsRow.four .news-item:nth-child(4){padding-bottom:95% !important} .accordion li span.toggle{font-size:13px !important;} .contacthead{margin-bottom:0;font-size:18px;} #home .box-1 .middleWidth{padding:10px 0;} #footer .footertop { height: auto;} #footer .footCategories .foot-item ul.cementList li {float: left; position: relative; top: 40px; width: 50%;} } /* MEDIA QUERIES END ========================================================================*/ .scrollInit{height:150px;width:100px;} /*Scroll demo için boyut verilmiştir. sadece tetik olarak kullanılacak olan class height width vermeyi bu class üzerinden yapma*/ .overlay{width:100%;position:fixed;top:0;left:0;height:100%;z-index:9990;background:url(../images/site/overlay.png) ;display:none;} .popUp{width:100%;max-width:940px;height:100%;max-height:800px;background:#fff;position:absolute;z-index:9999;display:none;} .popUp .popup-inner{max-width:810px;width:100%;margin:30px auto 0;background:#000;height:90%;} .popUp a.popupClose{width:28px;height:28px;background:url(../images/site/popupClose.png) no-repeat center;display:block;position:absolute;top:0;right:0;} .tooltipOn{position:relative;} .tooltipOn span.tooltip{display:block;width:300px;height:100px;position:absolute;top:-25px;left:50%;margin-left:-150px;background:#000;} /*ACCORDION ========================================================================*/ #content.sbContent > .fullWidth > .middleWidth{min-height:500px;} .projectdetail #content.sbContent > .fullWidth > .middleWidth{min-height:0 !important;} .accordion{width:100%;float:left;} .acPane{display:none;padding:20px;width:100%;float:left;} .accordion li{width:100%;float:left;} .accordion li span.toggle{display:block;padding:15px 0;font-family:'graphikMedium',Arial,Helvetica,Sans-serif;font-size:18px;color:#353535;border-bottom:1px solid #EDEDED;cursor:pointer;position:relative;} .accordion li span.toggle.current{color:#e45f4f;} .accordion li span.toggle::after{display:block;width:19px;height:11px;background:url(../images/site/blackArrow.png) no-repeat 0 0 ;position:Absolute;top:50%;right:10px;margin-top:-6px;content:"";} .accordion li span.toggle.current::after{background:url(../images/site/blackArrow-up.png) no-repeat 0 0 ;} .accordion .acPane li, .accordion .acPane p {color: #38332a;float: left;font-family: "graphikRegular",Arial,Helvetica,sans-serif;font-size: 16px;line-height: 28px;margin-bottom: 15px;width: 100%;} .accordion .acPane li{margin-bottom:10px;font-size:14px;} .accordion .acPane span.toggle{font-size:16px;padding:10px 20px;} .accordion .acPane .acPane{padding:10px 20px} .acPane #pie1 {display: block; float: left; width: 245px;} .acPane #pie2 {float: right; width: 240px;} .acPane #pie3 {float: right; width: 400px;} small{font-size:12px;} small em{font-style:italic; font-weight:bold;} /*ACCORDION ========================================================================*/