@charset "UTF-8";body{background-color:#fafafa;font-family:'TungstenLight';font-size:21px;line-height:26px;color:#9f9f9f;}
.clear{clear:both;}
.noBackground{background:none !important;}
.tasiyici{width:1100px;margin:0 auto;text-align:center;}
.tasiyiciPadding{padding:65px 0 75px 0;}
.genis{width:100% !important;}
.tLeft{text-align:left;}
.tRight{text-align:right;}
.tcenter{text-align:center;}
.left25{margin-left:25% !important;}
.icResim{position:relative;width:100%;height:400px;overflow:hidden;z-index:-1;}
.sirketRes{background:url(../images/sirket_res.jpg) no-repeat center;background-size:cover;}
.felsefeRes{background:url(../images/felsefe_res.jpg) no-repeat center;background-size:cover;}
.kaliteRes{background:url(../images/kalite_res.jpg) no-repeat center;background-size:cover;}
.teknolojiRes{background:url(../images/teknoloji_res.jpg) no-repeat center;background-size:cover;}
.surdurulebirlikRes{background:url(../images/surdurulebirlik_res.jpg) no-repeat center;background-size:cover;}
.kariyerRes{background:url(../images/kariyer_res.jpg) no-repeat center;background-size:cover;}
.urunlerRes{height:200px !important;background:url(../images/urun_res.jpg) no-repeat center;background-size:cover;}
.harita{width:100%;height:550px !important;}
.tasiyici > .baslik{display:block;font-family:'TungstenSemibold';font-size:60px;text-transform:uppercase;color:#5b5b5b;line-height:30px;background:url(../images/baslik_ara.png) no-repeat center bottom;padding-bottom:33px;margin-bottom:33px;}
.baslik > b{font-family:'TungstenLight';font-size:21px;color:#d3d3d3;letter-spacing:0.03em;text-transform:none !important;}
.altBaslik{font-family:'TungstenSemibold';font-size:30px;text-transform:uppercase;color:#5b5b5b;}
.koyuMavi{color:#465367 !important;}
.backgroundBeyaz{background-color:#FFF;}
.backgroundKoyuMavi{background-color:#465367;}
.backgroundMavi{background-color:#01a3df;}
.ustBar{height:45px;border-bottom:1px solid #eaeaea;background-color:#f8f8f8;}
ul.ustTel{float:left;width:50%;font-family:'TungstenLight';font-size:17px;}
ul.ustTel > li{float:left;height:32px;padding:13px 0 0 13px;margin-left:13px;border-left:1px solid #eaeaea;}
ul.ustTel > li:first-child{padding-left:0;border:none;}
ul.ustSag{float:right;width:auto;font-family:'TungstenLight';font-size:20px;}
ul.ustSag > li{float:left;width:42px;height:33px;text-align:center;padding:12px 0 0 0;border-left:1px solid #eaeaea;}
.dil{color:#FFF;background-color:#b9b9b9;}
.dil:hover{background-color:#0b3962;}
.logoBar{height:65px;-webkit-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.25);box-shadow:0px 3px 5px 0px rgba(0,0,0,0.25);}
.logo{float:left;width:auto;margin:10px 0 0 0;}
ul.menuList{float:left;}
ul.menuList > li{float:left;height:90px;border-left:1px solid #eaeaea;}
nav.main{right:0;}
nav.main ul{float:right;margin:0;}
nav.main ul li{background:none;float:left;margin:0 0 0 1px;padding:8px 20px 7px 20px;position:relative;}
nav.main ul li:hover, .secili{color:#FFF !important;background-color:#0b3962 !important;}
nav.main ul li a{display:block;padding:13px 0;}
nav.main ul li a:hover,
nav.main ul li.active a{text-decoration:none;}
.nav-trigger{background:rgba(11,57,98,1) url(../images/menu.png) no-repeat 10px 10px;border:0;border-radius:3px;cursor:pointer;display:none;height:35px;padding:10px;position:absolute;right:20px;text-indent:-9999px;top:60px;width:40px;z-index:2000;}
nav.main ul li ul{background:#0b3962;display:none;left:00px;position:absolute;top:100%;width:200px;z-index:500;}
nav.main ul li ul li{margin:0;width:100%;height:auto !important;padding:0;}
nav.main ul li ul li a,
nav.main ul li.active ul li a{border-bottom:1px solid rgba(255,255,255,0.1);color:#fff;padding:10px 20px;text-transform:none;}
nav.main ul li ul li.last a{border:0;}
nav.main ul li ul li a:hover,
nav.main ul li ul li.active a{background:rgba(0,0,0,0.1);color:#fff;}
nav.main ul li ul li ul{left:100%;top:0%;}
.yazi{width:90%;margin:0 auto;color:#9f9f9f;}
.yazi b{color:#5b5b5b;}
.urunKolaj{height:335px;border-top:3px solid #d6d6d6;border-bottom:3px solid #d6d6d6;background-color:#0e91c1;}
.kolajYazi{float:left;width:395px;font-family:'TungstenLight';color:#FFF;line-height:24px;font-size:20px;margin-left:75px;padding-top:40px;}
.kolajBaslik{display:block;font-family:'TungstenSemibold';font-size:60px;color:#FFF;line-height:50px;}
.kolajBaslik > b{font-family:'TungstenBook';font-size:40px;line-height:70px !important;}
.kolajAra{display:block;width:60px;height:1px;background-color:#1789ae;margin:0 auto;margin-top:37px;margin-bottom:32px;}
.hizmetler{background:url(../images/hizmetler_zemin.jpg) no-repeat;background-size:cover;padding:20px 0;}
ul.hizmet{width:90%;margin:auto;}
ul.hizmet li{float:left;width:33.333333333%;font-size:18px;color:#d7dce3;line-height:20px;padding:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer;}
ul.hizmet li > span.baslik{display:block;font-family:'TungstenMedium';font-size:45px;color:#FFF;text-transform:uppercase;margin-top:40px;margin-bottom:25px;}
ul.hizmet li:hover{background-color:#0b3962;color:#FFF !important;-webkit-transition:all 350ms ease-in-out;-moz-transition:all 350ms ease-in-out;-ms-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;}
ul.marka{float:left;width:100%;margin:0 auto;padding-left:50px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
ul.marka > li{float:left;width:201px;height:160px;border:1px solid #e7e7e7;margin:-1px 0 0 -1px;padding-top:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
ul.marka > li:hover{background-color:#FFF;-webkit-transition:all 350ms ease-in-out;-moz-transition:all 350ms ease-in-out;-ms-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;}
.verimlilik{height:160px;font-family:'TungstenSemibold';font-size:57px;color:#FFF;text-align:center;line-height:normal;text-shadow:1px 1px 0 rgba(0,0,0,0.27);padding-top:202px;text-transform:uppercase;background:url(../images/verimlilik_zemin.jpg) no-repeat center center;background-size:cover;}
.tarihce{width:100%;height:auto;background:url(../images/tarihce_cizgi.png) repeat-x;background-position:0px 413px;}
.tarihce > .tasiyici{height:465px;background:url(../images/tarihce_res.png) no-repeat 0px 231px;}
.tarihce_en{background:url(../images/tarihce_res_en.png) no-repeat 0px 231px !important;}
.tarihceAlt{width:100%;height:157px;margin-top:104px;background:url(../images/tarihce_alt.jpg) no-repeat center;background-size:cover;}
.alt{background-color:#252e3b;}
.altLogo{background-color:#2c3645;}
.altBilgi{background-color:#344051;}
.altBilgi > .tasiyici{background:url(../images/alt_zemin.png) no-repeat top right;}
ul.altIcerik{float:left;width:100%;}
ul.altIcerik > li{float:left;width:30%;font-family:'TungstenLight';font-size:17px;color:#727d8c;line-height:normal;letter-spacing:0.04em;text-align:left;}
ul.altIcerik > li:first-child{width:70%;}
ul.altMenuler > li{float:left;background:url(../images/alt_menu_kenar.png) no-repeat top right;padding-right:32px;margin-right:32px;}
ul.altMenu > li:first-child, ul.adres > li:first-child{font-family:'TungstenMedium';font-size:22px;color:#c1c1c1;text-transform:uppercase;padding-bottom:14px;}
ul.altMenu > li:first-child:hover{color:#c1c1c1;}
ul.altMenu > li:hover{color:#01a3df;}
.altLogo > .tasiyici, .altBilgi > .tasiyici{padding:60px 0 40px 0;}
.altLogo > .tasiyici img:nth-child(2){margin:0 50px;}
.telif{font-family:Tahoma, Geneva, sans-serif;font-size:12px;line-height:normal;color:#b0b0b0;padding:15px 0;}
.telif a{color:#525e70;}
.adres{color:#FFF;text-align:right;}
.adres b{color:#01a3df;}
ul.sosyal{float:right;margin-top:20px;}
ul.sosyal li{float:left;background-color:#2d3542;margin-left:2px;}
ul.sosyal li:hover{background-color:#01a3df;}
.icMenu{width:100%;background-color:#f4f4f4;padding:20px 0;border-bottom:1px solid #dcdcdc;}
.icMenu ul{display:table;width:auto;margin:0 auto;}
.icMenu ul li{float:left;font-family:'TungstenBook';font-size:22px;color:#b2b2b2;border-left:1px solid #dcdcdc;padding:0 20px;}
.icMenu ul li:first-child{border:none;}
.icMenu ul li:hover{color:#5b5b5b;}
.seciliIc{color:#5b5b5b !important;}
ul.urunler{float:left;width:100%;}
ul.urunler > li{float:left;width:260px;margin:0 0 55px 20px;background-color:#FFF;}
ul.urunler > li > a > .img{display:block;padding:40px 0px;background-color:#f3f3f3;}
ul.urunler > li > a > .img:hover{background-color:#FFF !important;}
ul.urunler > li > .ad{display:block;padding:23px 0;font-family:'TungstenMedium';font-size:24px;letter-spacing:0.005em;color:#5b5b5b;}
ul.urunler > li:nth-child(4n+1){margin-left:0px;}
ul.urunler > li > span.kategori, ul.urunler > li > span.urunDetay{display:inline-block;font-family:'TungstenMedium';font-size:18px;padding:12px 0 9px 0;margin-bottom:14px;text-transform:uppercase;}
ul.urunler > li > .kategori{width:50%;color:#bfbfbf;background-color:#f3f3f3;}
ul.urunler > li > .urunDetay{color:#fff;width:40%;background-color:#00b5e9;}
ul.urunler > li > .urunDetay:hover{background-color:#0b3962;}
ul.ik{width:60%;margin-left:20%;}
ul.ik > li{float:left;width:44%;margin-left:3%;margin-bottom:15px;}
ul.ik > li > input{width:100%;height:40px;font-family:'TungstenBook';color:#f2cd00;font-size:20px;background-color:#2281a2;border:none;outline:none;padding:0 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.ik >li > input::-webkit-input-placeholder{color:#fff;}
.ik >li > input[type=text]:focus, .iletisimForm textarea:focus{color:#f2cd00;background-color:#2d9cc3;-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;}
.gonder{width:auto !important;color:#FFF !important;background-color:#199e96 !important;padding:0 25px !important;cursor:pointer;}
.iletisimSol{float:left;width:40%;text-align:left;}
.iletisimSag{float:left;width:55%;margin-left:5%;text-align:left;}
ul.sosyalIc{float:left;}
ul.sosyalIc > li{float:left;width:auto;padding:21px 18px 18px 18px;margin-right:8px;}
ul.sosyalIc > li:hover{background-color:#0b3962 !important;}
.facebook{background-color:#114e98;}
.twitter{background-color:#12d9f6;}
.instagram{background-color:#517ea3;}
.linkedin{background-color:#0173b1;}
ul.iletisimForm{width:100%;margin-top:20px;}
ul.iletisimForm > li{float:left;width:48%;margin-bottom:10px;}
ul.iletisimForm > li:nth-child(2n+1){margin-right:2%;}
ul.iletisimForm > li > input, .iletisimForm textarea{width:100%;height:40px;font-family:'TungstenBook';color:#343434;font-size:18px;background-color:#ebebeb;border:none;outline:none;padding:0 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.iletisimForm textarea{width:98%;height:150px;padding-top:10px;}
.iletisimForm >li > input::-webkit-input-placeholder{color:#b4b4b4;}
.iletisimForm >li > input[type=text]:focus, .iletisimForm textarea:focus{color:#343434;background-color:#ffffff;-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;}
.gonderildi{color:#390;padding-top:10px;}
.gondirelemedi{color:#F00;}
.sayfalama{width:auto;display:table;margin:auto;margin-top:-30px !important;margin-bottom:10px;text-align:center;}
.sayfalama li{width:auto;display:inline-block;font-size:18px;padding:8px 14px;background-color:#FFF;margin:0 2px;}
.sayfalama li > a{display:block;width:100%;height:100%;}
.sayfalama li:hover, .sayfalama > li.seciliSayfa{background-color:#0b3962 !important;color:#FFF;}
@media (max-width:1099px){.tasiyici{width:100%;margin:0 auto;text-align:center;}
.kolajYazi{float:left;width:45%;font-family:'TungstenLight';color:#FFF;line-height:24px;font-size:18px;margin-left:20px;padding-top:40px;}
.kolajBaslik{display:block;font-family:'TungstenSemibold';font-size:60px;color:#FFF;}
.kolajBaslik > b{font-family:'TungstenBook';font-size:30px;line-height:70px !important;}
.kolajAra{display:block;width:60px;height:1px;background-color:#1789ae;margin:0 auto;margin-top:27px;margin-bottom:22px;}
.kolajRes img{width:50%;margin-top:45px;}
.tarihce{background:none;}
.tarihce > .tasiyici{height:auto;background-size:90%;background-position:center middile;}
ul.hizmet{width:90%;margin:auto;}
ul.hizmet li{float:left;width:33.333333333%;height:100%;font-size:18px;color:#d7dce3;line-height:20px;padding:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer;}
ul.hizmet li > span.baslik{display:block;font-family:'TungstenMedium';font-size:30px;color:#FFF;text-transform:uppercase;margin-top:40px;margin-bottom:25px;}
ul.hizmet li:hover{background-color:#0b3962;color:#FFF !important;-webkit-transition:all 350ms ease-in-out;-moz-transition:all 350ms ease-in-out;-ms-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;}
ul.altIcerik{float:left;width:90%;margin-left:5%;}
ul.altIcerik > li{float:left;width:100%;margin:0 auto;margin-top:50px;font-family:'TungstenLight';font-size:17px;color:#727d8c;line-height:normal;letter-spacing:0.04em;text-align:left;}
ul.altIcerik > li:first-child{width:100%;margin-top:0;}
ul.altMenuler{display:table;float:none;margin-left:auto;margin-right:auto;}
ul.altMenuler > li{float:left;background:url(../images/alt_menu_kenar.png) no-repeat top right;padding-right:32px;margin-right:32px;text-align:center;}
ul.altMenu > li:first-child, ul.adres > li:first-child{font-family:'TungstenMedium';font-size:22px;color:#c1c1c1;text-transform:uppercase;padding-bottom:14px;text-align:center;}
ul.altMenu > li:last-child{padding-right:0;margin-right:0;}
ul.adres li{display:table;width:100%;text-align:center;}
ul.sosyal{display:table;float:none;margin-top:20px;margin-left:auto;margin-right:auto;}
ul.sosyal li{background-color:#2d3542;margin-left:2px;}
ul.urunler{width:100%;}
ul.urunler > li{float:left;width:30% !important;margin:0 0 55px 20px;background-color:#FFF;}
ul.urunler > li:nth-child(2n+1){margin-left:20px !important;}
}
@media (max-width:979px){.tasiyici{width:100%;margin:0 auto;text-align:center;}
.logo{float:left;width:100%;margin:10px 0 0px 0;}
nav.main{background:#222;box-shadow:inset 0 0 20px rgba(0,0,0,0.4);display:none;width:100%;float:left;}
nav.main ul{float:none;}
nav.main ul li{float:none;margin:0;color:#FFF;}
nav.main ul li a{padding:0px 0px;}
.nav-trigger{display:block;}
nav.main ul li{background:none;margin:0;padding:0;position:relative;}
nav.main ul li:hover{background:none !important;}
nav.main ul li ul{background:none;width:100%;border:0;border-radius:0;box-shadow:none;display:block;left:0;position:relative;top:0;}
nav.main ul li ul li a{border:0;color:#7e7e7e;}
nav.main ul li ul li a:hover{background:none;color:#fff;}
nav.main ul li ul li ul{left:0;top:0;}
ul.marka{float:left;width:90%;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
ul.marka > li{float:left;width:33.33333333333%;height:160px;border:1px solid #e7e7e7;margin:-1px 0 0 -1px;padding-top:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
ul.marka > li:hover{background-color:#FFF;-webkit-transition:all 350ms ease-in-out;-moz-transition:all 350ms ease-in-out;-ms-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;}
.icMenu ul li{float:left;width:33%;font-family:'TungstenBook';font-size:22px;color:#b2b2b2;border-left:0px solid #dcdcdc;padding:0 20px;box-sizing:border-box;}
ul.ik{width:80%;margin-left:10%;}
ul.ik > li{float:left;width:44%;margin-left:3%;margin-bottom:15px;}
.secili{color:#FFF !important;background-color:transparent !important;}
.tarihce > .tasiyici{height:999px;background:url(../images/tarihce_mobil.svg) no-repeat center 201px;}
.tarihce_en{height:999px;background:url(../images/tarihce_mobil_en.svg) no-repeat center 201px !important;}
.tarihceAlt{margin-top:20px;}
}
@media (max-width:767px){.tasiyici{width:100%;margin:0 auto;text-align:center;}
ul.ustTel{float:left;width:60%;font-family:'TungstenLight';font-size:16px;}
ul.ustTel > li{float:left;height:32px;padding:6px 0 0 6px;margin-left:10px;border-left:1px solid #eaeaea;}
ul.ustTel > li:first-child{padding-left:0;border:none;}
.ustTelEn > li{margin-left:3px !important;padding:6px 0 0 3px !important;}
body{overflow-x:hidden;}
blockquote{font-size:16px;}
hr.line{background:none;border-top:1px solid rgba(0,0,0,0.15);display:block;height:0;margin:30px 0;}
.menu span{display:block;width:100%;}
.customer-reviews .span2{text-align:center;}
ul.altMenuler > li{width:90%;background:none;padding-right:32px;margin:30px 32px 0 0;border-bottom:1px solid #434d5c;}
ul.altMenu{clear:both;margin-bottom:20px;}
ul.altMenu > li{width:auto;float:none !important;display:inline-block !important;margin:0px 10px;}
ul.altMenu > li:first-child{width:100%;display:block !important;margin-bottom:0;padding-bottom:4px;}
.kariyer{margin-top:-45px !important;}
ul.urunler > li{float:left;width:45% !important;margin:0 0 55px 20px;background-color:#FFF;box-sizing:border-box;}
ul.urunler > li:nth-child(2n+1){margin-left:20px !important;}
.icMenu ul li{float:left;width:50%;font-family:'TungstenBook';font-size:22px;color:#b2b2b2;border-left:0px solid #dcdcdc;padding:0 20px;box-sizing:border-box;}
ul.ik{width:100%;margin-left:0%;}
ul.ik > li{float:left;width:49%;margin-left:1%;margin-bottom:15px;}
.iletisimSol{float:left;width:100%;text-align:center;}
.iletisimSag{float:left;width:100%;margin-left:0%;margin-top:40px;text-align:center;}
ul.sosyalIc{float:none;display:table;margin-left:auto;margin-right:auto;}
.kolajYazi{width:90%;}
.kolajRes img{width:50% !important;}
.urunKolaj{height:auto;padding-bottom:40px;}
ul.hizmet li{float:left;width:33.333333333%;font-size:18px;color:#d7dce3;line-height:20px;padding:10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer;}
}
@media (max-width:480px){.tasiyici{width:100%;}
.kolajYazi{width:90%;}
.kolajRes img{width:100% !important;}
.urunKolaj{height:auto;padding-bottom:40px;}
.tasiyici > .baslik{line-height:45px !important;}
ul.hizmet li{float:left;width:100%;font-size:18px;color:#d7dce3;line-height:20px;padding:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer;}
ul.marka > li{float:left;width:50%;height:160px;border:1px solid #e7e7e7;margin:-1px 0 0 -1px;padding-top:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.verimlilik{padding-top:50px;}
.verimlilikEn{font-size:40px !important;}
ul.altMenuler > li{width:90%;background:none;padding-right:32px;margin:30px 32px 0 0;border-bottom:1px solid #434d5c;}
ul.altMenu{clear:both;margin-bottom:20px;}
ul.altMenu > li{width:auto !important;float:none !important;display:inline-block !important;margin:0px 5px;}
ul.altMenu > li:first-child{width:100%;display:block !important;margin-bottom:0;padding-bottom:4px;border:none;}
.kariyer{margin-top:-45px !important;}
.altLogo{text-align:center;}
.altLogo > .tasiyici img:nth-child(2){margin:0 20px;}
ul.urunler{width:100%;padding:0 20px;box-sizing:border-box;}
ul.urunler > li{float:left;width:100% !important;margin:0 0 55px 0px;background-color:#FFF;box-sizing:border-box;}
ul.urunler > li:nth-child(2n+1){margin-left:0px !important;}
ul.ik{width:100%;margin-left:00%;}
ul.ik > li{float:left;width:100%;margin-left:0%;margin-bottom:15px;text-align:center !important;}
.tRight{text-align:inherit;}
ul.ik > li > input{text-align:center;}
.gonder{width:auto !important;color:#FFF !important;background-color:#199e96 !important;padding:0 25px !important;cursor:pointer;}
ul.ik > li.left25{margin-left:0% !important;}
.harita{width:100%;height:200px !important;}
}
@media (max-width:320px){.tasiyici{width:100%;margin:0 auto;text-align:center;}
ul.ustTel{float:left;width:59%;font-family:'TungstenLight';font-size:14px;}
ul.ustTel > li{float:left;height:32px;padding:8px 0 0 4px;margin-left:5px;border-left:1px solid #eaeaea;}
ul.ustTel > li:first-child{padding-left:0;border:none;}
.ustTelEn > li{margin-left:1px !important;padding:6px 0 0 3px !important;}
ul.marka > li{float:left;width:100%;height:160px;border:1px solid #e7e7e7;margin:-1px 0 0 -1px;padding-top:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
ul.sosyalIc > li{float:left;width:auto;padding:17px 14px 14px 14px;margin-right:8px;}
ul.sosyalIc > li:last-child{margin-right:0;}
}
@media all{.lightbox{display:none;}
.fixwidth{background:rgba(256,256,256, 0.8);}
.fixwidth .featherlight-content{width:700px;padding:25px;color:#fff;background:#111;}
.fixwidth .featherlight-close{color:#fff;background:#333;}
.detayRes{float:left;width:300px;height:100%;padding:58px 0;background-color:#f1f1f1;text-align:center;}
.detayBilgi{float:left;width:400px;}
.detayBilgi ul{width:90%;padding:14px 40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.detayBilgi > ul > li{width:100%;font-family:'TungstenBook';color:#4b4b4b;font-size:20px;line-height:normal;border-bottom:1px dotted #bdbdbd;padding:5px 19px;}
.detayBilgi > ul > li:last-child{border:none;}
.detayBilgi > ul > li:nth-child(even){background-color:#f9f9f9;}
}
@media(max-width:768px){.fl-page h1 span{display:block;}
.fl-page .btn-download{float:none;margin-bottom:1em;}
.detayBilgi{float:left;width:100%;}
.detayRes{float:left;width:100%;height:100%;background-color:#f1f1f1;text-align:center;}
.detayBilgi ul{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding-left:0;}
}

<style>
    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        left: 0;
        width: 100% !important;
    }
</style>