body{ overflow-x:hidden;}
sup{vertical-align:top; font-size:0.5em;}
header .logo.otogaz{background:#fff !important;}
.sticky .logo.otogaz img{ width:37%;}
header .logo.otogaz img {margin:0 auto;display:block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transition: all 0.6s;-moz-transition:all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}
.right-menu-inner .content{ padding:0 !important;}
*{   box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
select{/* display:none; */}
h1, h3{ font-size:60px;}
body{ font-family: 'Ubuntu', sans-serif;}
.homeTopArea{width:100%;float:left;height:680px;}
.golge{ -webkit-box-shadow: 0px 19px 50px -21px rgba(0,0,0,0.5); -moz-box-shadow: 0px 19px 50px -21px rgba(0,0,0,0.5); box-shadow: 0px 19px 50px -21px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 24px 32px -8px rgba(0,0,0,0.42);-moz-box-shadow: 0px 24px 32px -8px rgba(0,0,0,0.42);box-shadow: 0px 24px 32px -8px rgba(0,0,0,0.42);}
input[type=checkbox].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label {margin: 17px 0 0 0;font-size: 13.4px;}
.owl-carousel.homeSlider{float:left;width: 74%;}
.owl-carousel.homeSlider .owl-item img{ width:auto;}
.homeRightArea{float:right;width: 26%;height: 690px;}
.nasilFaydalanirimRightImg.aygazKartNedirImg{width: 41%!important;}
.formHeight{height: 380px;}
.izin-Text p {background: #e8ecef;padding: 15px;float: left;width: 100%;margin-bottom: 15px;}

.homeRightArea .enYakinOtogaz{width:100%;float:left;background:#039be5;height:50%;padding: 8% 4% 8% 8%;}
.homeRightArea .enYakinOtogaz .leftEnYakin{float:left;width: 54%;}
.homeRightArea .enYakinOtogaz .leftEnYakin h1{ font-size:30px; color:#fff;}
.homeRightArea .enYakinOtogaz .leftEnYakin h2{font-size:24px;color:#ffff12;font-family: 'Kalam', cursive;font-weight: bold;position: relative;top: 0;}
.homeRightArea .enYakinOtogaz .leftEnYakin h3{font-size:13px;color:#fff;margin: 21px 0 15px 0;letter-spacing: 0;}
.homeRightArea .enYakinOtogaz .leftEnYakin select{border:1px solid #fff;width:180px;height: 40px;line-height: 40px;background:none;color:#fff;padding: 0 0 0 7px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-bottom: 12px;background: url(/Assets/Site/images/selectpng.png) no-repeat 94%;}

.choiceLeft{ width: 60%; float: left;}
.choiceLeft h3{border-bottom: 1px solid #bdc1c3; padding-bottom: 30px; margin-bottom: 30px;}
.choiceLeft .txt{    font-size: 14px;color: #263339;line-height: 18px; padding-right: 10%;}
.choiceLeft .txt small{font-size: 11px;}
.choiceRight{width: 40%; float: left; border-left: 1px solid #bdc1c3;}
.choiceRight img{display: block; width: 90%; max-width:595px; margin: auto; }

.homeRightArea .choiceTeaser{ width: 100%; height: 50%; }
.homeRightArea .choiceTeaser div{display: block; width: 100%; height: 50%; padding-top: 10px;}
.homeRightArea .choiceTeaser .greenLink{background: url(../images/greenBg.jpg) repeat-y; background-size: 100% auto;}
.homeRightArea .choiceTeaser .blueLink{background: url(../images/blueBg.jpg) repeat-y; background-size: 100% auto;}

.homeRightArea .choiceTeaser a{display: block; width: 100%; height:100%;  font-weight: bold; font-size: 15px; background-size: auto 100%; background-position: 10% 0; background-repeat: no-repeat; color: #fff;}
/*.homeRightArea .choiceTeaser .greenLink a{-webkit-border-top-left-radius: 60px;-moz-border-radius-topleft: 60px;border-top-left-radius: 60px;color: #2a8744;}
.homeRightArea .choiceTeaser .blueLink a{-webkit-border-top-right-radius: 60px;-moz-border-radius-topright: 60px;border-top-right-radius: 60px;color: #0761b2;}*/

.homeRightArea .choiceTeaser a span{display: block; width: 40%; float: right; margin-top: 13%; position: relative;background: url(../images/linkArrow.png) no-repeat 70% center;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.homeRightArea .choiceTeaser a:hover span{background: url(../images/linkArrow.png) no-repeat 80% center;}

.homeRightArea .choiceTeaser a span span{display: block; width:75px; height: 25px; position:relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; float: none; margin-top: 10px;}
.homeRightArea .choiceTeaser a span span::after{display: block; width: 8px; height: 100%; background: url(../images/linkArrow.png) no-repeat center; content: ""; position: absolute; top:0; left: 10px;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.homeRightArea .choiceTeaser a:hover span span::after{ left: 85%;}

.homeRightArea .choiceTeaser .greenLink a{ background-image: url(../images/yuksekOktan.png); }
.homeRightArea .choiceTeaser .blueLink a{ background-image: url(../images/birNumaraliTercih.png)}

.homeRightArea .choiceTeaser .greenLink a span span{background: url(../images/greenBg.jpg) repeat-y; background-size: 100% auto;}
.homeRightArea .choiceTeaser .blueLink a span span{background: url(../images/blueBg.jpg) repeat-y; background-size: 100% auto;}

.oktanContent{width: 100%; padding: 5%; font-size: 15px; line-height: 1.5;}
.oktanContent h1{border-bottom: 1px solid #bdc1c3; padding-bottom: 30px; margin-bottom: 50px;}
.oktanContent h2{border-bottom: 1px solid #bdc1c3; padding-bottom: 25px; margin-bottom: 35px; font-size: 30px; color: #137dc2;}
.oktanContent ul{list-style: disc; padding-left: 25px; margin-left: 25px;}
.oktanContent ol{list-style: decimal; padding-left: 25px; margin-left: 25px;}
.oktanContent li{padding: 5px 0;}
.oktanContent strong{font-weight: bold;}
.oktanTable{width: 100%; padding: 60px; background: #e8ecef; border-radius: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px; font-size: 14px; margin:30px 0;}
.oktanTable table{width: 100%;}
.oktanTable .tableCaption{padding-bottom: 25px; font-size: 18px; display: block; text-align: center;}
.oktanTable tr.tCap td{color: #137dc2; font-weight: bold; border:none;}
.oktanTable td{padding: 5px 0; border-bottom: 1px solid #bdc1c3;}

.oktanTable .tableImg{display: none; width: 100%;}

.oktanContentLeft{width: 65%; float: left; padding-right: 5%;}
.oktanContentRight{width: 35%; float: left;}
.oktanImg{ width: 100%; padding: 15px;  border: 1px solid #bdc1c3; margin-bottom: 25px;}
.oktanImg.cptLeft img{width: 55%; float: right;}
.oktanImg.cptLeft span{float: left; padding: 15% 0 0 5%;}


p.pImg{padding: 10px 0; position: relative;}
p.pImg::after{display: block; content: ""; width: 100%; height: 0; clear:both;}
p.pImg img{float: left; margin-right: 5%;}


.image_con{border:1px solid #e8ecef; margin:15px 3.5% 15px 0; box-sizing:border-box; padding:20px; width:48%;  text-align:center; display:inline-block;}
.image_con img {max-width:100%;}
.image_con span {display:block; width:100%; font-size: 11px;}


.image_con.small{width:23%; margin-right:2%;}
.image_con.last{margin-right:0;}



.videoContainer{position:relative;height: 100%;width: 100%;float: left;}
.videoContainer::after{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.4; content:'';}
.videoContainer::before{ position:absolute; left:50%; margin-top:-23px; margin-left:-23px; top:50%; width:46px; height:46px; background:url(../images/iconPlay.png) no-repeat; content:''; z-index:2;}

.homeRightArea .enYakinOtogaz .leftEnYakin select option{ color:black;font-family:sans-serif;font-size:12px; } 

.logoOtogazRight{width: 95px;height:75px;background: url(../images/logo.png) no-repeat center center;position:absolute;left: 2%;top:0;border: 0 !important;background-size: contain;}
.logoOtogazRight:hover:after{ border:0!important; display:none;}
.homeRightArea .enYakinOtogaz .rightEnYakin{float: right;width: 45%;margin-top: 16%;position: relative;}
.homeRightArea .enYakinOtogaz .rightEnYakin img{width:100%;display: block;float: right;}
.bulBtn{display:block;float:left;width:180px;background:#0572a7;height:50px;line-height:50px;text-align:center;font-size:18px;color:#fff;font-weight:bold;margin: 2px 0 0 0; cursor:pointer;}
.fiyatlarHome{width:100%;float:left;background:url(../images/home_fiyatlar.jpg) no-repeat;height:50%;padding: 6% 8% 9% 8%;background-size:cover;}
.fiyatlarHome h1{font-size:30px;color:#fff;font-weight:400;margin-bottom: 0px;}
.fiyatlarHome .dropRows{float:left;width:100%;margin-bottom: 20px;}
.fiyatlarHome .dropRows:last-child{ margin-bottom:0;}
.fiyatlarHome .dropRows.smallerTxt{ color:#fff; font-size:11px;}
.aygazKartContainer .aygazKartRight.owl-carousel{ display:block;}
.fiyatlarHome .dropRows .araBtn{font-size:16px;color:#fff;text-align:center;background:#6db23b;width:100%;display:block;float:left;height:50px;line-height:50px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-weight:500;cursor: pointer; cursor:pointer;}
.fiyatlarHome .dropRows .leftItemFiyat{float:left;width: 47%;}
.fiyatlarHome .dropRows .leftItemFiyat:last-child{margin-left: 6%;}
.fiyatlarHome .dropRows .leftItemFiyat div{font-size:13px;color:#fff;margin-bottom: 6px;height: 50px;line-height: 50px;}
.fiyatlarHome .dropRows .leftItemFiyat select{border:1px solid #fff;width:100%;height:50px;font-size:13px;background:none;color:#fff;padding: 0 0 0 9px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background: url(/Assets/Site/images/selectpng.png) no-repeat 94%;}
.fiyatlarHome .dropRows .leftItemFiyat .fiyatInput{ border:1px solid #fff; width:100%; height:50px; font-size:13px; background:none; color:#fff; font-weight:bold; padding:0 0 0 18px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin-bottom:0; line-height:50px;}
.fiyatlarHome .dropRows .leftItemFiyat .fiyatInput.passive span{ float:left; display:block;}
.fiyatlarHome .dropRows .leftItemFiyat .fiyatInput.passive small{ float:right; display:block; padding-right:10px; font-size:40px; font-family: 'ds-digitalnormal';}
.fiyatlarHome .dropRows .leftItemFiyat .fiyatInput.passive span, .fiyatlarHome .dropRows .leftItemFiyat .fiyatInput.passive small{opacity:0.8;}

.fiyatlarHome .dropRows .leftItemFiyat .fiyatInput span{ float:left; display:block;}
.fiyatlarHome .dropRows .leftItemFiyat select option{color:#000000;}
.selectBox-dropdown{ height:40px!important;}
.leftEnYakin .istasyonIl, .leftEnYakin .istasyonIlce{margin-bottom:12px !important;width: 90% !important;text-align: left !important;padding-left: 8px !important;height: 40px;line-height: 40px;}
.fiyatlarHome .selectBox-dropdown{ height:50px!important;}
.bakimIcerik .right .formArea .selectBox-dropdown{ height:48px!important;}

.mobilOtogazinFarki .owl-prev.disabled {opacity: 0.4 !important;}



.otogazMenu{color: #007cc5 !important;}

.homeSection{ float:left; width:100%; position:relative; z-index:1;}
.homeSection .nedenOtogaz{width: 33%;float:left;padding: 3.5% 3.5%;background:#78909c;position:relative;height: 356px;}
.homeSection .nedenOtogaz h1{ font-size:36px; color:#fff; font-weight:500;}
.homeSection .nedenOtogaz h2{font-size:24px;color:#ffff12;margin-bottom: 10px;font-family: 'Kalam', cursive;font-weight: bold;margin-top: -9px;}
.more-link{ width:47px; display:none;}
.homeSection .nedenOtogaz .txtNedenOtogaz{ font-size:15px; color:#fff; width:254px; line-height:18px;}
.nedenOtogazImg{position:absolute;right: 35px;bottom:0;pointer-events: none;width: 80%;}



.homeSection .otogazNews{width: 33%;float:left;padding: 3.5% 3.5%;background:#78909c;position:relative;height: 356px;}
.homeSection .otogazNews h1{ font-size:36px; color:#fff; font-weight:500;}
.more-link{ width:47px; display:none;}
.homeSection .otogazNews .txtOtogazNews{ font-size:15px; color:#fff; width:254px; line-height:18px;}
.otogazNewsImg{position:absolute;right: 35px;top:15%;pointer-events: none;width: 30%;}


.homeSection .savingCalculatorTeaser{width: 33%;float:left;padding: 2.5% 3.5%;background:#6db23b;position:relative;height: 356px;}
.homeSection .savingCalculatorTeaser h1{ font-size:36px; color:#fff; font-weight:500; letter-spacing: -2px;}
.homeSection .savingCalculatorTeaser h2{font-size:24px;color:#aedb2a;margin-bottom: 10px;font-family: 'Kalam', cursive;font-weight: bold;margin-top: -9px;}
.homeSection .savingCalculatorTeaser span{display:inline-block; color:#fff; background:#303f9f; padding:15px 50px; border-radius: 5px; font-weight:bold; margin-top: 20px;-webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.15);-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.15);box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.15);}
.more-link{ width:47px; display:none;}
.homeSection .savingCalculatorTeaser .txtSavingCalculatorTeaser{ font-size:15px; color:#fff; width:254px; line-height:18px;}
.savingCalculatorTeaserImg{position:absolute;right:0;top:17%;pointer-events: none;width: 45%;}


.aygazFarki{float:left;width: 67%;background:#fff;padding: 5% 5%;height: 356px;}
.aygazFarki .titleSub{float:left;width: 24%;margin-top: 3%;position: relative;}
.aygazFarki .titleSub .title1{ font-size:30px; color:#263339; letter-spacing:-2px; font-weight:500;}
.aygazFarki .titleSub .title2{font-size:73px;color:#374aba;font-weight:bold;font-family: 'Kalam', cursive;}
.aygazFarki .titleSub .title2.enTxt{ font-size:54px;}
.aygazFarkiTab{float:left;width: 76%;}
.aygazFarkiTab .tabBtn{width: 26%;float:left;position: relative;z-index: 1;}
.aygazFarkiTab .tabBtn a{font-size:15px;color:#616161;display:block;float:left;position:relative;padding-left:15px;height:34px;line-height:34px;margin-bottom: 8px;border:1px solid #fff;width:206px;text-align: left;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;padding-left: 40px;font-weight:500;}
.aygazFarkiTab .tabBtn.enTxt a{ font-size:14px;}
.aygazFarkiTab .tabBtn.enTxt a:after{ margin-top:-1px;}
.aygazFarkiTab .tabBtn.enTxt a:nth-child(3n+0){ line-height:14px; padding-top:2px;}
.aygazFarkiTab .tabBtn a:hover{border:1px solid #374aba; color:#374aba; font-weight:500;}
.aygazFarkiTab .tabBtn a:hover:after{ background:#374aba;}
.aygazFarkiTab .tabBtn a.active{border:1px solid #374aba; color:#374aba; font-weight:500;}
.aygazFarkiTab .tabBtn a.active:after{ background:#374aba;}
.aygazFarkiTab .tabBtn a:after{ position:absolute; left:20px; top:50%; content:''; width:5px; height:5px; background:#616161; margin-top:-3px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.tabWrapper{float:left;width: 70%;margin-top: -6%;margin-left: 4%;position:relative;overflow: hidden;height: 290px;}
.aygazFarkiTab .tabContent{float:left;width: 100%; position:absolute; left:0; top:0;}
.aygazFarkiTab .tabContent.aktifYap .ImgArea{top:0;opacity: 1;}
.aygazFarkiTab .tabContent.aktifYap .tabTxt{bottom: 0;opacity: 1;}
.tabContent.aktifYap{z-index: 1;}
.aygazFarkiTab .tabContent .ImgArea{width: 60%;float:left;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;position:relative;top: -300px;opacity:0;}
.aygazFarkiTab .tabContent .tabTxt{width: 37%;float:left;margin: 13% 0 0 3%;font-size:15px;line-height:17px;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity:0;bottom: -300px;position:relative;color:#283339;}
.aygazFarkiTab .tabContent .tabTxt a{ color:#283339;}
.aygazFarkiTab .tabContent .ImgArea img{ width:100%; }
.more-link2 {font-size: 12px;font-weight: 700;color: #374aba;padding-bottom: 0;position: relative;display:block;width:48px;margin: 47% 0 0 0;}
.more-link2:after, .more-link2:before {-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.more-link2:before {position: absolute;height: 6px;width: 6px;bottom: 0;background: #374aba;left: 24px;border-radius: 50px;content: "";}
.more-link2:after {position: absolute;height: 6px;width: 21px;bottom: 0;background: #374aba;left: 0;border-radius: 25px;content: "";}
.more-link2:hover:before { width:0;}
.more-link2:hover:after { width:100%;}
.donusumcuKulubu{ float:left; width:33%; height:356px; background:#303f9f; padding: 3.5% 3.5%;}
.leftDonusum{float:left;width: 36%;margin-right: 10%;}
.leftDonusum img{ width:100%;}
.donusumRight{float:left; width:50%;}
.donusumRight .title1{ font-size:36px; color:#fff; float:left; width:100%;}
.donusumRight .title2{ font-size:24px; color:#ffff12; float:left; width:100%; font-family: 'Kalam', cursive; margin:6px 0 0 0;}
.donusumRight .txtArea{ font-size:15px; color:#fff; margin:20px 0 20px 0; float:left; width:100%;}

.bakimGunleri{float:left; width:33%; height:356px; background:#6db23b; padding: 3.5% 3.5%;}
.bakimGunleri .bakimGunleriLeft{ float:left; width:50%;}
.bakimGunleri .bakimGunleriLeft .title1{ color:#ffffff; font-size:36px; float:left; width:100%;}
.bakimGunleri .bakimGunleriLeft .title2{color:#ffff12;font-size:24px;float:left;width:100%;font-family: 'Kalam', cursive;margin: 4px 0 0 0;}
.bakimGunleri .bakimGunleriLeft .txtArea{font-size:15px;color:#fff;margin:20px 0 20px 0;float:left;width:100%;line-height: 18px;}
.bakimGunleri .bakimGunleriRight{ float:left; width:50%;}

.otogazTv{float:left;width: 34%;height:356px;background: #263238;position: relative;}
.otogazTv .leftArea{float:left;width:50%;padding: 9.5% 0 0 10%;height: 100%;}
.otogazTv .leftArea .title1{color:#fff;font-size:36px;position:relative;width: auto;float: left;margin-bottom: 20px;}
.otogazTv .leftArea .title1 span{color:#a5cd37;font-size:41px;font-family: 'Kalam', cursive;text-align: left;margin-left: 45%;margin-top: -18px;font-weight: bold;position:absolute;right: -31px;bottom: -21px;}
.otogazTv .leftArea .title2{color:#a5cd37;font-size:41px;font-family: 'Kalam', cursive;text-align: left;margin-left: 45%;margin-top: -18px;font-weight: bold;}

.otogazTv .rightArea{float:left;width:50%;height: 100%; position:relative;}
.otogazTv .otogazTvTab{float:left;width:100%;margin: 30px 0 0 -17px;}
.otogazTv .otogazTvTab a{float:left;position:relative;display:block;font-size:13px;width:100%;color:#fff;height:33px;line-height:33px;width:208px;text-align:left;padding-left:40px;border: 1px solid #263238;margin-bottom: 8px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;font-weight:bold;position:relative;}
.otogazTv .otogazTvTab a.active{border:1px solid #a5cd38; color:#a5cd38;}
.otogazTv .otogazTvTab a.active::after{ width:14px;}
.otogazTv .otogazTvTab a.active::before{ background:#a5cd38}
.otogazTv .otogazTvTab a::after{ position:absolute; right:-50px; top:50%; background:#a5cd38; content:''; height:1px; width:0;     -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.otogazTv .otogazTvTab a::before{ position:absolute; left:18px; top:50%; background:#ffffff; margin-top:-2.5px; content:''; height:5px; width:5px; -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.otogazTv .otogazTvTab a:hover{ border:1px solid #a5cd38; color:#a5cd38;}
.otogazTv .otogazTvTab a:hover::after{ width:14px;}
.otogazTv .otogazTvTab a:hover::before{ background:#a5cd38}
.otogazTv .OtogazTvTabContent{width:50%;background:#1b2429;height:100%;float: left;}
.otogazTvSlide img{ width:100%;}
.otogazTvSlide{float:left;width: 100% !important;background: #1b2429;height: 100%;position: absolute!important;left:0;top:0;}
.otogazTvSlideContent.aktifYap{ opacity:1;}
.otogazTvSlideContent .more-button{position:absolute;right: 9%;bottom: 7%;z-index: 2;color: #fff;border: 1px solid #fff;}
.otogazTvSlideContent .more-button:hover{ background:#fff; color:#263339;}
.otogazTvSlideContent{position:absolute;height:100%;right:0;top:0;width: 100%; opacity:0;     -webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}
.otogazTvSlideContent.aktifYap{ opacity:1;}
.otogazTvSlideContent:first-child{ display:block;}
.otogazTvSlide .videoTxt{font-size: 13px;color:#fff;padding: 6% 9% 0 9%;line-height: 18px;float: left;width: 100%;}
.otogazTvSlide.owl-theme .owl-nav.disabled+.owl-dots{margin-left: 7%;float:left;margin-top: 0;bottom: 8%;}
.aygazKartContainer{float:left;width:100%;position:relative;padding: 0px 0px 0 40px;margin-bottom: 30px;}
.aygazKartContainer:after{ position:absolute; left:0; top:0; height:235px; background:#fafafa; content:''; width:100%; z-index:-1;}
.aygazKartContainer .aygazKartLeft{float:left;width: 50%;}
.aygazKartContainer .aygazKartLeft .kartImg{float:left;width: 28%;margin-right: 8%;}
.aygazKartContainer .aygazKartLeft .kartImg img{display:block;margin:0 auto;float: left;width: 100%;}
.aygazKartContainer .aygazKartLeft .kartTxt{float:left;width: 37%;margin:59px 0 0 0;}
.aygazKartContainer .aygazKartLeft .kartTxt .title1{ font-size:36px; color:#263339; float:left; width:100%;}
.aygazKartContainer .aygazKartLeft .kartTxt .title2{ font-size:24px; color:#ffa800; float:left; width:100%; font-family: 'Kalam', cursive; font-weight:bold; margin:4px 0 0 0;}
.aygazKartContainer .aygazKartLeft .kartTxt .txtArea{font-size:15px;color:#263339;float:left;width:100%;margin:20px 0 0 0;line-height: 19px;}
.aygazKartContainer .aygazKartRight{float: right;width: 50%;}
.aygazKartContainer .aygazKartRight a{display:block;float:left;border-right:1px solid #dbdbdb;padding: 3% 4%;margin: 30px 0;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;position: relative;height: 175px;}
.aygazKartContainer .aygazKartRight a:hover .aygazKartTxt{ color:#ffa800;}
.aygazKartContainer .aygazKartRight a:hover span{ opacity:0;}
.aygazKartContainer .aygazKartRight a:hover .iconhover {opacity: 1;transform: scale(1, 1);visibility: visible;}
.aygazKartContainer .aygazKartRight a .iconhover{visibility: hidden;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;opacity: 0;transform: scale(0.0, 0.0);position: absolute;left: 0;top: 17%;width:100%;height:58px;}
.aygazKartContainer .aygazKartRight a .icon1{ background:url(../images/aygazKart_1.png) no-repeat center; width:100%; height:58px; display:block; margin:0 auto;}
.aygazKartContainer .aygazKartRight a .icon2{ background:url(../images/aygazKart_2.png) no-repeat center; width:100%; height:58px; display:block; margin:0 auto;}
.aygazKartContainer .aygazKartRight a .icon3{ background:url(../images/aygazKart_3.png) no-repeat center; width:100%; height:58px; display:block; margin:0 auto;}
.aygazKartContainer .aygazKartRight a .icon4{ background:url(../images/aygazKart_4.png) no-repeat center; width:100%; height:58px; display:block; margin:0 auto;}
.aygazKartContainer .aygazKartRight a .icon5{ background:url(../images/aygazKart_5.png) no-repeat center; width:100%; height:58px; display:block; margin:0 auto;}
.aygazKartContainer .aygazKartRight a .icon1Hover{background:url(../images/aygazKart_1Hover.png) no-repeat center;}
.aygazKartContainer .aygazKartRight a .icon2Hover{background:url(../images/aygazKart_2Hover.png) no-repeat center;}
.aygazKartContainer .aygazKartRight a .icon3Hover{background:url(../images/aygazKart_3Hover.png) no-repeat center;}
.aygazKartContainer .aygazKartRight a .icon4Hover{background:url(../images/aygazKart_4Hover.png) no-repeat center;}
.aygazKartContainer .aygazKartRight a .icon5Hover{background:url(../images/aygazKart_5Hover.png) no-repeat center center;}
.aygazKartContainer .aygazKartRight a .aygazKartTxt{margin: 20px 0 0 0;font-size:14px;color:#263238;float:left;width:100%;font-weight:bold;text-align:center;line-height:18px;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}

.TvPage{ padding: 5% 3% 0 3%;  float:left; width:100%; margin-bottom:120px;}
.TvPage h3 {border-bottom: 1px solid #bdc1c4;float: left;width: 100%;margin-bottom: 48px;padding-bottom:10px;letter-spacing: -4px;}
.TvPage div a{float:left;width:23%;margin-right: 2.6%;margin-bottom:60px;display:block;}
.TvPage div a:nth-child(4n+0){ margin-right:0;}
.TvPage div a img{ display:block; float:left; width:100%; margin-bottom:15px;}
.TvPage div a span{font-size:18px;color:#263339;font-weight:500;float: left;width: 100%;height: 21px;}
.content.greyBg{ background:#e8ecef;}

.cardPageWrapper {padding: 4.5% 2.5%;width: 100%;float: left;background: #e1e1e1;position: relative;}
.cardPageWrapper h3, .cardPageWrapper h1{margin-bottom:35px;margin-top: 30px;line-height: 60px;}
.cardPage{width:100%;float:left;padding: 78px 0 0 78px;background:#fff;position:relative;}
.cardPage .cardPageTxt{width: 52%;float:left;color:#263339;font-size:14px;line-height:17px;}
.cardPage .puanTxt{width: 50%;float:left;color:#263339;font-size:14px;line-height:17px;padding: 20px 0 100px 0;}
.nasilFaydalanirimBottom{ margin:50px 0 0 0; float:left; width:100%;}
.nasilFaydalanirimBottom .leftArea{float:left;width: 30%;}
.nasilFaydalanirimBottom .leftArea img{ display:block; margin:110px auto 0 auto;}
.nasilFaydalanirimBottom .rightArea{float: left;width: 70%;}
.nasilFaydalanirimBottom .rightArea img{width:100%;}
.cardPageWrapper .nasilFaydalanirimRightImg{position:absolute;right: 0;bottom: 17%;width: 42%;}
.cardPageWrapper .nasilFaydalanirimRightImg2{position:absolute;right: 2.5%;bottom: 17%;width: 35%;}
.cardPageWrapper .nekadarPuanimVar{position:absolute;right: 2.5%;bottom: 17%;width: 38%;}
.nasilFaydalanirimBottom .leftArea .aygazKartLeft{ float:left; font-size:28px; color:#263339; font-weight:bold; position:relative; margin:90px 0 0 0;}
.nasilFaydalanirimBottom .leftArea .aygazKartLeft:after{ height:2px; width:100%; position:absolute; left:0; bottom:-20px; width:100%; content:''; background:#263339;}
.nasilFaydalanirimBottom .leftArea .aygazKartLeft:before{ height:2px; width:100%; position:absolute; left:0; top:-20px; width:100%; content:''; background:#263339;}
.nasilFaydalanirimBottom .leftArea .oran span{ float:left; width:100%; font-size:135px; font-weight:bold; color:#ff8c00; margin:30px 0 0 0; display:block;}
.nasilFaydalanirimBottom .leftArea .oran small{ float:left; width:100%; font-size:20px; color:#263339; margin:30px 0 0 0; display:block; text-align:left; position:relative; top:-35px; margin-left:245px;}

.cardFormArea{width: 49%;float:left;margin:68px 0 0 0;}
.cardFormArea .rowFormArea{ float:left; width:100%; margin-bottom:30px;}
.cardFormArea .rowFormArea .leftItem{float:left;width:47%;margin:0 5% 0 0;position: relative;}
.cardFormArea .rowFormArea .leftItem:nth-child(2){ margin:0;}
.cardFormArea .rowFormArea .leftItem .name{ float:left; width:100%; font-size:13px; color:#263339; margin-bottom:12px;}
.cardFormArea .rowFormArea .leftItem .inputCl{ float:left; width:100%; font-size:13px; color:#263339; margin-bottom:12px; border:1px solid #546e7a; height:48px; padding:0 10px;     -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px; overflow:hidden; color:#1b9ce2;}
.cardFormArea .rowFormArea .leftItem .inputCl:hover{ border:1px solid #1b9ce2;}
input[type=checkbox].css-checkbox + label.css-label span{ color:#1b9ce2; text-decoration:underline;}
.cardFormArea .rowFormArea .leftItem .butonCl{ float:right; width:220px; display:block; height:50px; line-height:50px; background:#009ee9; border:0; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-weight:bold; font-size:16px; color:#fff; cursor:pointer;}
.cardPageBottom{width:100%;float:left;padding: 110px 0 110px 78px;background:#1072cc;position:relative;font-size:16px;color:#fff;font-style:italic;line-height:19px;}
.cardPageBottom span{float:left; width:55%;}
.cardFormArea #fResult{ height:320px;}

.aygazFarkiPage{ float:left; width:100%; background:#a7cc48; padding:190px 0;}
.aygazFarkiPage .centerAygazFarki{margin:0 auto;width: 1200px;position:relative;-webkit-box-shadow: 0px 24px 32px -8px rgba(0,0,0,0.42);-moz-box-shadow: 0px 24px 32px -8px rgba(0,0,0,0.42);box-shadow: 0px 24px 32px -8px rgba(0,0,0,0.42);height: 480px;}
.aygazFarkiPage .centerAygazFarki .leftImgArea{float:left;width: 40%; position:relative;}
.aygazFarkiPage .centerAygazFarki .leftImgArea img{ }
.aygazFarkiPage .centerAygazFarki .plus{position:absolute;left: 2px;top:-35px;width: 100% !important;pointer-events:none;}
.aygazFarkiPage .centerAygazFarki .urunKalitesiImg{ position:absolute; left:-35px; bottom:0px; width:auto !important; pointer-events:none;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea{float: right;width: 60%;background:#fff;height:480px;position: relative;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea .titleSub{font-size:52px;color:#a7cc48;font-weight:bold;text-shadow: 0px 8px 4px rgba(15, 34, 46, 0.1);margin: 40px 0 0 86px;position: relative;z-index: 1;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea .txtArea{font-size:14px;color:#263339;width:530px;margin: 44px auto 0 auto;line-height:17px;font-weight: 500;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea .videoLink{position:absolute;bottom: -95px;left:0;background:#263339;padding:25px;display:none;width:340px;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea .videoLink .IconLeft{ float:left; width:86px;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea .videoLink .IconTxt{float:left; width:86px;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea .videoLink .IconTxt span{color:#b1b1b1;font-size:14px;width:100%;float:left;margin: 4px 0 0 0;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea .videoLink .IconTxt small{ color:#da2724; font-size:10px; width:100%; float:left; margin:10px 0 0 0;}


.aygazFarkiPage .centerUrunKalitesi{margin: -40px auto 0 auto;width: 76.4%;position:relative;height: 580px;}
.aygazFarkiPage .centerUrunKalitesi .leftImgArea{float:left;width: 40%; position:relative;}
.aygazFarkiPage .centerUrunKalitesi .leftImgArea img{}
.aygazFarkiPage .centerUrunKalitesi .plus{ position:absolute; left:-35px; top:-35px; width:auto !important; pointer-events:none;}
.aygazFarkiPage .centerUrunKalitesi .urunKalitesiImg{position:absolute;left:-35px;bottom: 3px;width:auto !important;pointer-events:none;}
.aygazFarkiPage .centerUrunKalitesi .rightTxtArea{float:left;width: 60%;background:#fff;height: 480px;position: relative;}
.aygazFarkiPage .centerUrunKalitesi .rightTxtArea .titleSub{font-size:72px;color:#a7cc48;font-weight:bold;text-shadow: 0px 8px 4px rgba(15, 34, 46, 0.1);margin: 54px 0 0 85px;}
.aygazFarkiPage .centerUrunKalitesi .rightTxtArea .txtArea{ font-size:14px; color:#263339; width:530px; margin:30px auto 0 auto; line-height:17px;}
.aygazFarkiPage .centerUrunKalitesi .rightTxtArea .videoLink{position:absolute;bottom: -93px;left:0;background:#263339;padding:25px;display:block; width:340px;}
.aygazFarkiPage .centerUrunKalitesi .rightTxtArea .videoLink .IconLeft{ float:left; width:86px;}
.aygazFarkiPage .centerUrunKalitesi .rightTxtArea .videoLink .IconTxt{float:left; width:86px;}
.aygazFarkiPage .centerUrunKalitesi .rightTxtArea .videoLink .IconTxt span{color:#b1b1b1;font-size:14px;width:100%;float:left;margin: 4px 0 0 0;}
.aygazFarkiPage .centerUrunKalitesi .rightTxtArea .videoLink .IconTxt small{ color:#da2724; font-size:10px; width:100%; float:left; margin:10px 0 0 0;}

.aygazFarkiPage .centerUrunKalitesi .videoLinkLeft{background:#263339;padding:25px;display:block;width: 40%;float: left;margin-top: -4px; display:none;}
.aygazFarkiPage .centerUrunKalitesi .videoLinkLeft .IconLeft{ float:left; width:86px;}
.aygazFarkiPage .centerUrunKalitesi .videoLinkLeft .IconTxt{float:left; width:86px;}
.aygazFarkiPage .centerUrunKalitesi .videoLinkLeft .IconTxt span{color:#b1b1b1;font-size:14px;width:100%;float:left;margin: 4px 0 0 0;}
.aygazFarkiPage .centerUrunKalitesi .videoLinkLeft .IconTxt small{ color:#da2724; font-size:10px; width:100%; float:left; margin:10px 0 0 0;}
.aygazFarkiPage  .rowUrunKalitesi{ float:left; width:100%; margin:10px 0 0 0;}
.aygazFarkiPage  .rowUrunKalitesi .left{width: 43%;font-size:14px;font-weight:bold;text-align:left;float:left;}
.aygazFarkiPage  .rowUrunKalitesi .right{width: 57%;font-size:14px;text-align:left;float:left;}
.aygazFarkiPage .kisaOzel{ position:absolute; right:0; bottom:-30px; padding:30px; background:#1b9ce2; width:70%;    box-shadow: 0px 11px 31px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 11px 31px rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0px 11px 31px rgba(0, 0, 0, 0.24);}
.aygazFarkiPage .kisaOzel .leftKis{float:left;width: 23%;}
.aygazFarkiPage .kisaOzel .rightKis{float:left;width: 76%;}
.aygazFarkiPage .kisaOzel .rightKis .title{ font-weight:600; color:#fff; font-size:14px; margin-bottom:6px;}
.aygazFarkiPage .kisaOzel .rightKis .txt{  color:#fff; font-size:14px; line-height:17px;}
.txtArea .blue{ margin:35px 0 0 0;}
.aygazFarkiPage .musteriLeftImg{position: absolute;left: 55px;top: -35px;width: 29% !important;pointer-events: none;/* width: 100%; */}

.donusumcuKulubuPage{ width:100%; float:left; padding:3%;}
.donusumcuKulubuPage .left{ float:left; width:50%;}
.donusumcuKulubuPage .left h3, .donusumcuKulubuPage .left h1{ margin-bottom:40px;}
.donusumcuKulubuPage .left .txt{ font-size:14px; color:#263339; line-height:18px;}
.donusumcuKulubuPage .left .otogazlaLogo{ display:block; float:left; margin:40px 0 50px 0;}
.donusumcuKulubuPage .right{ width:50%; float:left;}
.donusumcuKulubuPage .right img{ display:block; margin:0 auto;}


.enYakinOtogaz{ width:100%; float:left; padding:3%;}
.enYakinOtogaz .left{float:left;width: 30%;}
.enYakinOtogaz .left h3{ margin-bottom:40px; font-size:60px;}
.enYakinOtogaz .left .txt{ font-size:14px; color:#263339; line-height:18px;}
.enYakinOtogaz .left .otogazlaLogo{ display:block; float:left; margin:40px 0 50px 0;}
.enYakinOtogaz .right{width: 70%;float:left; padding:3% 0 0 0;}
.enYakinOtogaz .right .txt{ width:100%; float:left; font-size:14px; color:#263339; text-align:center; margin:10px 0 0 0; padding-left:30px;}
.enYakinOtogaz .right .txt a{ color:#0e7bbe;}
.enYakinOtogaz .right img{ display:block; margin:0 auto;}
.enYakinOtogaz .left .green{margin: 40px 0; background:#039be5;}
.enYakinOtogaz .left .btnBottom{margin-right: 10px;}

.ucretsizBakim{width:100%; float:left; padding:5%;}
.ucretsizBakim h3, .ucretsizBakim h1{ letter-spacing:-4px; border-bottom:1px solid #bdc1c3; padding-bottom:10px; margin-bottom:55px;}
.aygazFarkiPage.nedenOtogazBg{ background:#56b894 url(../images/nedenOtogazBg.jpg) center center; background-size:cover;}
.bakimIcerik{ float:left; width:100%;}
.bakimIcerik .right{float:left;width: 36%;}
.bakimIcerik .right .formArea{width: 88%;float:right;background:#fff;padding:50px;}
.bakimIcerik .right .formArea .title{ font-size:30px; letter-spacing:-2px; margin-bottom:30px;}
.bakimIcerik .right .formArea .formItem{float:left;width:100%;margin-bottom:20px;position: relative;}
.bakimIcerik .right .formArea .formItem:last-child{ margin-bottom:0;}
.bakimIcerik .right .formArea .formItem .name{ float:left; width:100%; font-size:13px; margin-bottom:10px;}
.bakimIcerik .right .formArea .formItem select, .bakimIcerik .right .formArea .formItem input{ float:left; width:100%; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height:48px; padding-left:5px; border:1px solid #546e7a;}
.bakimIcerik .right .formArea .formItem .nice-select{float:left;width:100%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;height:48px;padding-left:5px;border:1px solid #546e7a;color: #000;line-height: 48px;}
.bakimIcerik .right .formArea .formItem .nice-select:after{    border-bottom: 2px solid #000; border-right: 2px solid #000;}
.bakimIcerik .right .formArea .formItem select{background: url(/Assets/Site/images/selectpng-h.png) no-repeat 94%;}
.bakimIcerik .right .formArea .formItem select:hover, .bakimIcerik .right .formArea .formItem input:hover{ color:#1b9ce2; border:1px solid #1b9ce2;}
.bakimIcerik .right .formArea .formItem .btnGonder{ float:left; width:100%; height:50px; text-align:center; background:#009ee9; border:0; cursor:pointer; color:#fff; font-weight:bold; font-size:16px;}
.bakimIcerik .right .formArea .formItem .btnGonder:hover{ color:#fff; background:#24a9e8;}
.bakimIcerik .left{float:left;width: 64%;padding: 0 4% 0 0;border-right: 1px solid #bdc1c3;}
.bakimIcerik .left .txt{ font-size:14px; float:left; width:100%;}
.bakimIcerik .left .title1{ font-size:16px; font-weight:500; width:100%; float:left; margin:30px 0 15px 0;}
.bakimIcerik .left .title2{ font-size:30px; font-weight:500; width:100%; float:left; margin:70px 0 30px 0; letter-spacing:-2px;}
.boxsArea{ float:left; width:100%;}
.boxsArea>div{ float:left; width:120px; height:150px; background:#ffffff; text-align:center; padding:25px 0 30px 0;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; margin-right:20px;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);}
.boxsArea>div .title{font-size:15px; font-weight:500; color:#46acf0; padding-top:18px;}
.bakimIcerik .left .dropArea{float:left; width:100%;}
.bakimIcerik .left .dropArea .dropElem{ float:left; width:278px; margin-right:30px;}
.bakimIcerik .left .dropArea .dropElem .name{ margin-bottom:10px;}
.bakimIcerik .left .dropArea .dropElem select{ width:100%; float:left; height:55px; padding-left:10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10); background:#fff; border:0;}
.bakimIcerik .left .dropArea .dropElem .nice-select{ width:100%; float:left; height:55px; padding-left:10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10); background:#fff; border:0; line-height:55px; color:#000;}
.bakimIcerik .left .dropArea .dropElem .nice-select:after{border-bottom: 2px solid #000;border-right: 2px solid #000;}
.bakimIcerik .left .bakimSonuclar{float:left;width: 96%;margin:30px 0 0 0;}
.bakimIcerik .left .bakimSonuclar .bakimItem{float:left;width: 100%;margin-bottom:20px;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);background:#fff;height:112px;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;overflow:hidden;}
.bakimIcerik .left .bakimSonuclar .bakimItem .date{float:left;width: 19%;height:100%;background: rgba(54,143,238,1);background: -moz-linear-gradient(left, rgba(54,143,238,1) 0%, rgba(54,143,238,1) 1%, rgba(60,152,239,1) 25%, rgba(69,171,240,1) 53%, rgba(82,196,241,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(54,143,238,1)), color-stop(1%, rgba(54,143,238,1)), color-stop(25%, rgba(60,152,239,1)), color-stop(53%, rgba(69,171,240,1)), color-stop(100%, rgba(82,196,241,1)));background: -webkit-linear-gradient(left, rgba(54,143,238,1) 0%, rgba(54,143,238,1) 1%, rgba(60,152,239,1) 25%, rgba(69,171,240,1) 53%, rgba(82,196,241,1) 100%);background: -o-linear-gradient(left, rgba(54,143,238,1) 0%, rgba(54,143,238,1) 1%, rgba(60,152,239,1) 25%, rgba(69,171,240,1) 53%, rgba(82,196,241,1) 100%);background: -ms-linear-gradient(left, rgba(54,143,238,1) 0%, rgba(54,143,238,1) 1%, rgba(60,152,239,1) 25%, rgba(69,171,240,1) 53%, rgba(82,196,241,1) 100%);background: linear-gradient(to right, rgba(54,143,238,1) 0%, rgba(54,143,238,1) 1%, rgba(60,152,239,1) 25%, rgba(69,171,240,1) 53%, rgba(82,196,241,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#368fee', endColorstr='#52c4f1', GradientType=1 );padding: 18px 0 0 0;}
.bakimIcerik .left .bakimSonuclar .bakimItem .date .date1, .bakimIcerik .left .bakimSonuclar .bakimItem .date .date2{ float:left; width:50%; text-align:center; position:relative;}
.bakimIcerik .left .bakimSonuclar .bakimItem .date .date2:after{position:absolute;width: 8px;height: 2px;top:50%;left: 1%;content:'';background: #fff;}
.bakimIcerik .left .bakimSonuclar .bakimItem .date span{font-size: 49px;color:#fff;float:left;width:100%;text-align:center;color:#fff;letter-spacing: -3px;font-weight: 500;}
.bakimIcerik .left .bakimSonuclar .bakimItem .date small{font-size:12px;color:#fff;float:left;width:100%;text-align:center;/* letter-spacing: -1px; */position: relative;top: -4px;padding-left: 5px;}
.bakimIcerik .left .bakimSonuclar .bakimItem .rightDetail{float:left;width: 81%;padding:45px 0 0 0;}
.bakimIcerik .left .bakimSonuclar .bakimItem .rightDetail .sehir{ width:30%; float:left; font-size:18px; font-weight:bold; text-align:center;}
.bakimIcerik .left .bakimSonuclar .bakimItem .rightDetail .adres{width:70%; float:left; text-align:left; margin-top:-15px; font-size:14px;}
.bakimIcerik .left .bakimSonuclar .bakimItem .rightDetail .adres b{ width:100%; float:left; font-weight:bold; font-size:16px;}
input[type=checkbox].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label {background-image: url(../images/check_radioBlack.png); margin:0;}




.kampanyaWrapper{ width:100%; float:left; padding:5%; background:#e8ecef;}
.kampanyaWrapper h3, .kampanyaWrapper h1{letter-spacing:-3px;margin-bottom:80px;}
.kampanyaWrapper .kampanyalarCenter{margin:0 auto;width: 100%;}
.kampanyaWrapper .kampanyalarCenter a{display:block;float:left;width: 29%;margin-bottom:60px;margin-right:5%;}
.kampanyaWrapper .kampanyalarCenter a:hover .detayBtn{background: #0188ca;}
.kampanyaWrapper .kampanyalarCenter a:hover .detayBtnGecmis{background: #bfced6;}

.kampanyaWrapper .kampanyalarCenter a:nth-child(3n+0) {margin-right: 0;}
.kampanyaWrapper .kampanyalarCenter a img{ width:100%;}
.kampanyaWrapper .kampanyalarCenter a .detailKampanya{ float:left; width:100%; padding:22px; background:#f8f8f8;}
.kampanyaWrapper .kampanyalarCenter a .detailKampanya .kampanyaAdi{ float:none; font-size:13px; color:#3f3f3f; font-weight:500; margin:0 0 7px 0; height:20px;}
.kampanyaWrapper .kampanyalarCenter a .detailKampanya .kampanyaTarih{float:left; font-size:13px; color:#999999; font-weight:500; margin:0 0 7px 0;}
.kampanyaWrapper .kampanyalarCenter a .detayBtn{width:100%;text-align:center;font-size:16px;font-weight:500;float:left;height:50px;line-height:50px;background:#009ee9;color:#fff;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;     -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.kampanyaWrapper .kampanyalarCenter a .detayBtnGecmis{width:100%;text-align:center;font-size:16px;font-weight:500;float:left;height:50px;line-height:50px;background:#b0bec5;color:#fff;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;     -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}

.kampanyaDetay{ width:100%; float:left; padding:5%;}
.kampanyaDetay h3, .kampanyaDetay h1{font-size:60px;letter-spacing:-3px;margin-bottom: 20px;}
.kampanyaDetay .kampanyaLeft{float:left;width: 46%;}
.kampanyaDetay .kampanyaLeft .tarihDetay{ padding:4px; font-size:16px; font-weight:500;}
.kampanyaDetay .kampanyaLeft .tarihDetay img{ padding-right:6px; position:relative; top:2px;}
.kampanyaDetay .kampanyaLeft .txt{ font-size:14px; color:#263339; float:left; width:100%; margin:25px 0 0 0; line-height:18px;}
.kampanyaDetay .kampanyaLeft .txt .blue{ margin:60px 0 0 0;}
.kampanyaDetay .kampanyaLeft .txt strong{ font-weight:bold;}
.kampanyaDetay .kampanyaLeft .txt a{ color:#000;}
.kampanyaDetay .kampanyaRight{ float:left; width:54%;}
.kampanyaDetay .kampanyaRight img{ display:block; margin:0 auto; max-width:440px; width:100%;}
.fiyatlarWrapper{ width:100%; float:left; background:url(../images/fiyatlarBg.jpg) no-repeat; height:680px; background-size: cover; position:relative;}
.fiyatLeft{width: 23%;background:#263339;height:100%;padding:4%;position:absolute;left:5%;top:0;}
.fiyatLeft h1{ font-size:60px; color:#fff; letter-spacing:-4px;}
.fiyatLeft .txt{color:#fff;font-size:13px;margin: 45px 0 52px 0;line-height:17px;}
.fiyatLeft .fiyatSelectRow{width:100%; float:left; margin-bottom:24px;}
.fiyatLeft .fiyatSelectRow .nice-select{ height:40px; line-height:40px;}
.fiyatLeft .fiyatSelectRow.gecerlilik .nice-select .list{ max-height:100px;}
.fiyatLeft .fiyatSelectRow .nice-select .list{ max-height:180px;}
.fiyatLeft .fiyatSelectRow .name{ font-size:13px; color:#fff; margin:0 0 12px 0; }
.fiyatLeft .fiyatSelectRow select{ width:100%; float:left; height:48px; background:none; color:#fff; padding:4px; background: url(/Assets/Site/images/selectpng.png) no-repeat 94%; border:1px solid #fff;}
.fiyatLeft .fiyatSelectRow select option{ color:#263238;}
.fiyatLeft .fiyatBul{width:100%;float:left;/* height:50px; *//* line-height:50px; *//* background:#27b34f; */display:block;text-align:center;color:#fff;font-weight:bold;font-size:16px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-top: 15px;}
.fiyatLeft .fiyatBul:hover{}

.fiyatLeftColm2{width: 26%;left:28%;top:0;height:100%;position:absolute;}
.fiyatLeftColm2 .contentFiyat {width:100%;position:absolute;top: 45%;left:15%;margin-top:-60px;}
.fiyatLeftColm2 .contentFiyat .ltTL{font-size:48px;float:left;margin-left: 0;color:#fff;line-height: 170px;letter-spacing: -4px;text-align: left;}
.fiyatLeftColm2 .contentFiyat .il_tarih{font-size:16px;font-weight:500;color:#fff;margin-bottom:5px;padding-left: 6%;}
.fiyatLeftColm2 .contentFiyat .fiyatArea{font-size: 109px;color:#fff;float:left;width: 40%;font-family: 'ds-digitalnormal';letter-spacing: -8px;line-height: 139px;text-align:center;margin-right: 13px;}
.fiyatLeftColm2 .fiyatTxt{width:100%;position:absolute;bottom: 13%;left:15%;color: #fff;font-size: 14px;line-height: 18px;font-style: italic;font-weight: 300;}
.butonsFarki, .mobilTitle, .otogazlaLogoMobil, .butonsFarkiMobil{display:none;}
.mobilKampanyaGorseli, .mobilEnYakin{ display:none;}
.mobil_img, .mobil_imgDonusum{display:none;}
.mobilTxt{ display:none;}
.mobilSlide{ display:none !important}

.winnerList{width:100%; padding:3%; background:#e8ecef;}
.winnerContent{margin: 0 auto 90px auto;width: 100%;position: relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background: #fff;-webkit-box-shadow: 0px 19px 50px -21px rgba(0,0,0,0.5);  -moz-box-shadow: 0px 19px 50px -21px rgba(0,0,0,0.5);box-shadow: 0px 19px 50px -21px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 24px 32px -8px rgba(0,0,0,0.42);-moz-box-shadow: 0px 24px 32px -8px rgba(0,0,0,0.42);box-shadow: 0px 24px 32px -8px rgba(0,0,0,0.42); padding: 3%;}
.winnerContent h2{    font-weight: 500;font-size: 26px;color: #137dc2;padding-bottom: 45px;}
.winnerContent p{font-size: 16px; line-height: 1.5;}

.winnerContent th{text-align: left; font-size: 18px}
.winnerContent td{color: #263339;font-size: 14px; line-height: 35px;}
.winnerContent td span{display: block; width: 100px; line-height: 25px; color: #fff; font-size: 12px; font-weight: bold; text-align:  center; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.winnerContent td span.p1000{background: #f2512f;}
.winnerContent td span.p500{background: #115a97;}
.winnerContent td span.p350{background: #589741;}
.winnerContent td span.p200{background: #fcb632;}
.winnerContent td span.p50{background: #e83622;}
.winnerContent input[type=search]{border:1px solid #ddd; line-height: 30px;}
.dataTables_length{display: none;}


#survey{width: 600px; max-width: 100%;}
.surveyInner{padding: 25px;}
.surveyRow{width: 100%;margin-bottom: 10px; border-bottom:1px solid #eee;padding-bottom: 10px;}
.surveyRow a{color:#000;}
.surveyRow label{display: block; width: 100%; color:#007cc5; font-weight: bold; font-size: 13px; padding-bottom: 10px; }
.surveySelect{width: 100%; height: 35px;}
.surveySelect .nice-select{ display: none!important; }
.surveySelect select { display: block!important;    width: 100%;    float: left;    border-radius: 4px;    height: 35px;    background: none;    border: 1px solid #546e7a;    padding: 4px;    color: #546e7a;background: url(/Assets/Site/images/selectpng-h.png) no-repeat 96% !important;font-family: 'Ubuntu', sans-serif; font-size: 13px;}

.surveySelect select option {background: #fff;color: #263339; line-height: 35px;}

.surveyCheck{width: 100%;}
.surveyCheck div{width: 33.33%; float: left; height: 25px; position: relative;}

.surveyCheck input[type=checkbox].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 }
.surveyCheck input[type=checkbox].css-checkbox + label.css-label { padding-left:25px; height: 15px; display: inline-block; line-height:15px; background-repeat: no-repeat; background-position: 0 0; font-size: 12px; color: #000; vertical-align: middle; cursor: pointer; background:none; color:#546e7a; font-weight: normal; }
.surveyCheck input[type=checkbox].css-checkbox:checked + label.css-label:before{background: #007cc5; }
.surveyCheck .css-label:before{display: block; width: 15px; height: 15px; position: absolute; left: 0; top:0px; border: 1px solid #007cc5; content: "";}

.surveyText{width: 100%; height: 35px;}
.surveyText input{ display: block!important;    width: 100%;    border-radius: 4px;    height: 35px;    background: none;    border: 1px solid #546e7a;    padding: 4px;    color: #546e7a;font-family: 'Ubuntu', sans-serif; font-size: 13px;}
#otherText{display: none;}

.surveyRadio{width: 100%;}
.surveyRadio div{width: 50%; float: left; height: 25px; position: relative;}
.surveyRadio input[type=radio].css-radio { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 }
.surveyRadio input[type=radio].css-radio + label.css-label { padding-left:25px; height: 15px; display: inline-block; line-height:15px; background-repeat: no-repeat; background-position: 0 0; font-size: 12px; color: #000; vertical-align: middle; cursor: pointer; background:none; color:#546e7a; font-weight: normal; }
.surveyRadio input[type=radio].css-radio:checked + label.css-label:before{background: #007cc5; }
.surveyRadio .css-label:before{display: block; width: 15px; height: 15px; position: absolute; left: 0; top:0px; border: 1px solid #007cc5; content: "";border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;}

#infoText{display: none;}
#infoText .surveyText{width: 48%; float: left; margin-right: 4%;}
.surveyRow .call-button{padding:10px 0; width: 100%;}

.surveyText.captcha img{display: block; width: 20%; float: left; margin-right: 5%;}
.surveyText.captcha input{width: 75%; float: left;}

.aygazparoKart { min-height:auto!important; }
.aygazparoKart .cardPageWrapper { padding-bottom:0; }
.aygazparoKart:last-child .cardPageWrapper { padding-top:0; padding-bottom: 4.5%; }
.paroVideo { width: 80%; display: block;margin: 5% auto; }





.campaignFormWrapper .content .campaignImg {width:100%;}
.campaignFormWrapper .form-kamp-area {padding:85px 100px;}
.campaignFormWrapper .form-kamp-area h6 {font-size:38px; color:#263339; font-weight:400}
.campaignFormWrapper .form-kamp-area h6 strong {font-weight:bold;}
.campaignFormWrapper .form-kamp-area a,
.campaignFormWrapper .form-kamp-area p {margin-top:30px; font-size:18px; color:#263339;}
.campaignFormWrapper .form-kamp-area a {font-weight:bold;}

.campaignFormWrapper .content {width:60.93%}
.campaignFormWrapper .form-inner {width:39.07%; float:right; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;}
.campaignFormWrapper .form-inner .formContentWrapper {width:320px; margin:20px auto 0;}
.campaignFormWrapper .form-inner .formContentWrapper h4 {font-size:38px; color:#263339;}
.campaignFormWrapper .nobgsi input[type="text"] {width:100%; padding:16px 17px; font-size:13px; background:none; border:solid 1px #536e7b; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.campaignFormWrapper .nobgsi input[type="text"]:focus {color:#017bc5; border:solid 1px #017bc5;}
.campaignFormWrapper .nobgsi p {font-size:13px; color:#546e7a; padding:20px 0 8px;}
.campaignFormWrapper .nice-select {display:block!important; line-height:50px;} 
.campaignFormWrapper .nice-select:active, 
.campaignFormWrapper .nice-select.open, 
.campaignFormWrapper .nice-select:focus {color:#546e7a; border:solid 1px #536e7b;}
.campaignFormWrapper .nice-select .current {color:#546e7a;}
.campaignFormWrapper .nice-select:after {width:8px; height:8px; right:20px; border-bottom:2px solid #536e7b; border-right:2px solid #536e7b;}
.campaignFormWrapper .kvkk-metni input[type="checkbox"] {display:block; width:12px; height:12px; padding:0; margin:0 6px 0 0; float:left; border:solid 1px #263339; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
-webkit-appearance: checkbox;}
.campaignFormWrapper .kvkk-metni {margin-top:20px;}
.campaignFormWrapper .kvkk-metni label {display:block; float:right; width:calc(100% - 20px)}
.campaignFormWrapper .kvkk-metni label a,
.campaignFormWrapper .kvkk-metni label {font-size:11px; color:#546e7a;}
.campaignFormWrapper #formYolla {width:100%; padding:20px; margin-top:40px; font-size:16px; font-weight:bold; text-align:center; color:#fff; background:#009deb; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.campaignFormWrapper .formCaptcha {position:relative; margin-top:20px;}
.campaignFormWrapper .formCaptcha .img-thumb {position:absolute; left:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);-moz-transform: translateY(-50%);}
.campaignFormWrapper select {left:-9999em; top:-9999em;}



.savingCalculator {width: 100%;display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; min-height:calc(100vh - 120px);}
.savingCalculator .left{width:50%;background:#263339; }
.savingCalculator .left .calcForm{ padding:5%;background:#263339;}
.savingCalculator .left .calcForm.user{background:#798f9b; display:none;} 
.savingCalculator .left.more{background:#798f9b;}
.savingCalculator .left.more .calcForm.user{display:block;}

.savingCalculator .left h1{color:#fff; font-size: 60px;}
.savingCalculator .left .txt{ font-size:14px; color:#fff; padding:20px 0 50px; line-height:1.5; }
.savingCalculator .right{width: 50%; background: url(../images/otogazTasarruf.jpg) no-repeat; background-size:cover;}
.savingForm{width: 100%;}
.savingForm .row{display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.savingForm .row .col{width:50%;}
.savingForm .row .col:first-child{padding-right: 15px;}
.savingForm .row .col:last-child{padding-left: 15px; w}
.savingForm label{display:block; color:#fff; font-size:13px; padding-bottom:10px;}
.savingForm input[type=text], .savingForm select{width: 100%; height: 50px; border:1px solid #fff; border-radius: 3px; padding:0 20px; color:#fff; display:block; background:none;}
.savingForm input[type=text]::placeholder{color:#fff;}
.savingForm select option{color:#263339;}
.savingForm .nice-select{height: 50px!important;}
.savingForm .call-button{height: 50px!important;line-height: 50px;padding: 0;width: 100%;margin-top: 21px;}




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



h1, h3{ font-size:49px;}
.homeTopArea{height:583px;}
.homeRightArea .enYakinOtogaz .leftEnYakin h1 {font-size: 24px;}
.aygazKartContainer .aygazKartRight a{ padding:3% 3%;}
.aygazKartContainer .aygazKartRight a .iconhover{top: 17%;}
.aygazFarkiPage .centerUrunKalitesi .rightTxtArea .titleSub {margin: 54px 0 0 37px;}
.cardPageWrapper .nasilFaydalanirimRightImg{ bottom:25%;}
.cardFormArea #formCaptcha{padding-left: 147px!important; font-size: 11px;}
.owl-carousel.homeSlider .owl-item img{ width:100%;}
.homeRightArea {height: 584px;}
.homeRightArea .enYakinOtogaz{ padding:6% 4% 8% 6%;}
.bulBtn{ height:40px; line-height:40px;}
.homeRightArea .enYakinOtogaz .leftEnYakin h3 {margin: 8px 0 15px 0;}
.fiyatlarHome .dropRows {margin-bottom: 15px;}
.fiyatlarHome h1 {margin-bottom: 10px;}
.fiyatlarHome .dropRows .leftItemFiyat .fiyatInput.passive small{font-size:26px; padding-right:6px}
#ratio{transform: scale(.7); -webkit-transform: scale(.7);-moz-transform: scale(.7);}
}

@media screen and (max-width:1620px) {
.homeSection .nedenOtogaz{height: 320px;}
.homeSection .otogazNews{height: 320px;}

.fiyatlarHome .dropRows .leftItemFiyat div {height: 40px;line-height:40px;}
.aygazFarkiPage .centerAygazFarki .plus {width: 100% !important;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea{width: 65.4%;}
.aygazFarkiPage .centerAygazFarki .leftImgArea {width: 34.6%;}
.homeRightArea .enYakinOtogaz .rightEnYakin {margin-top: 8%;}
.selectBox-dropdown .selectBox-label{ font-size:11px !important;}
.fiyatlarHome .selectBox-dropdown {height: 40px !important;}
.fiyatlarHome .dropRows .araBtn, .fiyatlarHome .dropRows .leftItemFiyat .fiyatInput{height:40px;}
.bakimIcerik .left .bakimSonuclar .bakimItem .rightDetail .adres{ font-size:13px;}
.fiyatlarHome{ padding-top:2%}
.selectBox-dropdown {height: 30px !important;}
.homeTopArea, .homeRightArea {height: 539px;}
.aygazFarki .titleSub .title2.enTxt{ font-size:46px;}
.aygazFarki{ padding:5% 4%;}
.aygazKartContainer .aygazKartRight a {padding: 3% 2.90%;}
.aygazKartContainer .aygazKartRight a .aygazKartTxt{ font-size:14px;}
.otogazTv .leftArea {padding: 9.5% 0 0 6%;}
.fiyatlarHome .dropRows .leftItemFiyat .fiyatInput.passive small{font-size:24px; padding-right:4px}
}






@media screen and (max-width:1620px)
{
.formHeight {height: 261px;}
.logoOtogazRight{left: 6%;}
.bakimIcerik .left .bakimSonuclar .bakimItem .date small{ padding-left:0;}
.bakimIcerik .left .bakimSonuclar .bakimItem .date .date1:before{ position:absolute; bottom:0; left:50%; margin-left:-15px; width:40px; content:''; height:1px; background:#fff;}
.selectBox-dropdown .selectBox-label, .selectBox-options li a{font-size:10px !important;}
.cardPageWrapper h3, .cardPageWrapper h1{ line-height:42px;}
.aygazFarkiTab .tabBtn.enTxt a {font-size: 12px;}
.aygazFarki .titleSub .title2.enTxt{ font-size:45px;}
.bakimIcerik .left .bakimSonuclar .bakimItem .date span{ font-size:25px;}
.bakimIcerik .left .bakimSonuclar .bakimItem .date small{ font-size:10px;}
.bakimIcerik .left .bakimSonuclar .bakimItem .date .date1, .bakimIcerik .left .bakimSonuclar .bakimItem .date .date2{ width:100%;}
.bakimIcerik .left .bakimSonuclar .bakimItem .date .date2:after{ display:none;}
.nasilFaydalanirimBottom .leftArea .oran small {margin-left: 46%;}
.nasilFaydalanirimBottom .leftArea .oran span {font-size: 90px;}
.nasilFaydalanirimBottom .leftArea .aygazKartLeft{ margin-top:0;}
.selectBox-dropdown{ padding-left:4px !important;}
.owl-carousel.homeSlider .owl-item img{ width:100%;}
.homeTopArea, .homeRightArea{height: 538px;}
.fiyatlarHome .selectBox-dropdown{ height:35px!important;}
.fiyatlarHome .dropRows .leftItemFiyat .fiyatInput.passive small{ font-size:22px;}
.homeRightArea .enYakinOtogaz .leftEnYakin h1{ font-size:22px;}
.homeRightArea .enYakinOtogaz .leftEnYakin h3{margin: 7px 0 11px 0;}
.homeRightArea .enYakinOtogaz .leftEnYakin select{ height:37px;}
.bulBtn{height: 30px;line-height: 30px;margin: 0 0 0 0;width: 155px;font-size: 16px;}
.homeRightArea .enYakinOtogaz{ padding:5% 4% 0% 5%;}
.fiyatlarHome h1{margin-bottom: 9px;}
.fiyatlarHome{ padding: 5% 8% 9% 5%;}
.right-menu h2{ font-size:29px; letter-spacing:-2px;}
.fiyatlarHome .dropRows .leftItemFiyat select, .fiyatlarHome .dropRows .leftItemFiyat .fiyatInput{height: 35px; line-height:35px;}
.fiyatlarHome .dropRows .araBtn{ height:35px; line-height:35px;}
.fiyatlarHome .dropRows{margin-bottom: 11px;}
.nedenOtogazImg{ width:73%; right:10px;}
.aygazFarki .titleSub .title1{ font-size:27px;}
.aygazFarki{ padding: 7% 2%;}
.aygazFarkiTab .tabBtn a{ font-size:13px; width:185px;}
.aygazFarkiTab .tabContent .ImgArea img{ display:block; margin:0 auto; width:100%;}
.donusumcuKulubu{padding: 3.5% 1.5%;height: 320px;}
.bakimGunleriRight img{ width:100%;}
.bakimGunleri{padding: 3.5% 1.5%;height: 320px;}
.otogazTv .leftArea{ padding: 9.5% 0 0 6%;}
.otogazTv .otogazTvTab a{ font-size:13px;}
.otogazTv .otogazTvTab a{width:168px;padding-left:30px;font-size: 11px;}
.otogazTv .leftArea .title2{ margin-left:57%;}
.aygazKartContainer .aygazKartLeft{ width:38%;}
.aygazKartContainer .aygazKartRight{ width:53%;}
.aygazKartContainer .aygazKartRight a{ padding:2%;}
.aygazKartContainer .aygazKartLeft .kartTxt .txtArea{ font-size:12px; line-height:14px;}
.aygazKartContainer{padding: 0px 0px 0 15px;}
.aygazKartContainer .aygazKartLeft .kartImg{ width:45%;}
.aygazKartContainer .aygazKartLeft .kartTxt .title2{ font-size:19px;}
.enYakinOtogaz .left h3{ font-size:40px;}
.cardPage{ padding: 3% 0 0 3%;}
.cardPageWrapper .nasilFaydalanirimRightImg{bottom:17%;width: 45%;}
.cardPageWrapper .nasilFaydalanirimRightImg2{width: 35%;}
.nasilFaydalanirimBottom .leftArea .oran span{ font-size:96px;}
.nasilFaydalanirimBottom .leftArea .oran small{ margin-left:38%;}
.cardPageBottom{padding: 4% 0 4% 3%;font-size: 14px;letter-spacing: -0.5px;}
.aygazFarkiPage{ padding:90px 0 150px 0}
.aygazFarkiPage .centerAygazFarki, .aygazFarkiPage .centerUrunKalitesi{ width:90%;}
.aygazFarkiPage .centerAygazFarki .leftImgArea img{width: 100%;}
.aygazFarkiPage .centerAygazFarki, .aygazFarkiPage .centerAygazFarki .rightTxtArea{height: 401px;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea .titleSub, .aygazFarkiPage .centerUrunKalitesi .rightTxtArea .titleSub{font-size:48px;margin: 25px 0 0 40px;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea .txtArea{margin: 24px auto 0 40px;}
.fiyatlarWrapper{ height:480px;}
.fiyatLeft{ padding:1% 1%;}
.fiyatLeft .txt{margin:20px 0;}
.fiyatLeft h1{ font-size:50px;}
.fiyatLeft .fiyatSelectRow:last-child{ margin-bottom:10px;}
.fiyatLeft .fiyatBul{ margin-top:0;}
.homeSection .nedenOtogaz h2{margin-bottom:7px;margin-top: -9px;}
.homeSection .otogazNews h2{margin-bottom:7px;margin-top: -9px;}

.aygazKartContainer .aygazKartRight a .iconhover{ top:8%;}
.nasilFaydalanirimBottom .leftArea .aygazKartLeft{ margin:0;}
.nasilFaydalanirimBottom .leftArea img {margin: 72px auto 0 auto;}
.nasilFaydalanirimRightImg.aygazKartNedirImg{ width:42%}
.kampanyaWrapper h3, .kampanyaWrapper h1{ margin-bottom:30px;}
.donusumRight .txtArea, .bakimGunleri .bakimGunleriLeft .txtArea{font-size: 13px;line-height: 16px;}
.otogazTv{ height:320px;}
.otogazTvSlide .videoTxt {font-size: 12px;line-height: 14px;padding-top: 4%;padding-right: 7%;}
.fiyatLeftColm2 .contentFiyat .fiyatArea{font-size:112px;}
.fiyatLeftColm2 .contentFiyat .ltTL{line-height:140px;margin-left: 33px;}
.otogazTvSlide .videoTxt{ font-size:11px;}
.otogazTvSlide.owl-theme .owl-nav.disabled+.owl-dots{ bottom:5%;}
.otogazTvSlideContent .more-button{ bottom:4%;}
.TvPage div a span{font-size: 12px;height: 30px;float: left;width: 100%;}
.TvPage div a img{ margin-bottom:5px;}
.TvPage div a{ margin-bottom:20px;}
.aygazFarkiTab .tabContent .tabTxt{ font-size:13px;}
.homeRightArea .enYakinOtogaz .leftEnYakin select{ width:48%; font-size:13px; padding-left:3px;}
.homeRightArea .enYakinOtogaz .leftEnYakin select:first-child{ margin-right:2%;}
.bakimIcerik .right .formArea .title {font-size: 22px;letter-spacing: -1px;margin-bottom: 30px;}
.bakimIcerik .right .formArea{ padding:30px;}
.boxsArea>div {width: 104px;margin-right: 12px;}
.bakimIcerik .left .dropArea .dropElem {width: 259px;}
.bakimIcerik .left .bakimSonuclar .bakimItem .rightDetail .adres b{ font-size:14px;}
.leftEnYakin .istasyonIl, .leftEnYakin .istasyonIlce{height: 40px!important;line-height: 40px !important;font-size: 12px;}

.homeSection .savingCalculatorTeaser .txtSavingCalculatorTeaser{width: 194px;}
.savingCalculatorTeaserImg{top:22%;}
}

.homeSection .otogazNews .txtOtogazNews{width: 194px;}
.savingCalculatorTeaserImg{top:22%;}
}


@media screen and (max-height:695px)
{

.homeTopArea, .homeRightArea {}
.aygazFarkiPage .centerAygazFarki, .aygazFarkiPage .centerAygazFarki .rightTxtArea {height: 396px;}
}

@media screen and (max-width:1560px) {
.aygazFarkiPage .centerAygazFarki .leftImgArea {width: 35.6%;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea {width: 64.4%;}
.image_con span{font-size: 9px;}
}
@media screen and (max-width:1366px)
{
.homeTopArea, .homeRightArea {height: 472px;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea {width: 59.4%;}
.aygazFarkiPage .centerAygazFarki .leftImgArea {width: 40.6%;}
.leftEnYakin .istasyonIl, .leftEnYakin .istasyonIlce {height: 30px !important;line-height: 30px !important;}
.fiyatlarHome h1 {margin-bottom: 0;}
.fiyatlarHome .dropRows .leftItemFiyat div {height: 32px;line-height: 32px;}
.fiyatlarHome .dropRows .leftItemFiyat div.nice-select{ font-size:11px;}
.leftItemFiyat .nice-select:after, .leftEnYakin .nice-select:after{margin-top:-8px;}
.campaignFormWrapper .form-kamp-area {padding:25px;}
.campaignFormWrapper .form-kamp-area h6 {font-size:24px;}
.campaignFormWrapper .form-kamp-area a,
.campaignFormWrapper .form-kamp-area p {font-size:14px;}
}

@media screen and (max-width:1280px)
{
.leftEnYakin .istasyonIl, .leftEnYakin .istasyonIlce {margin-bottom: 9px !important;}
.homeRightArea .enYakinOtogaz .leftEnYakin h2{ font-size:17px;}
.aygazFarkiPage .centerAygazFarki .leftImgArea {width: 40.8%;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea {width: 59.2%;}
.aygazFarkiPage .centerAygazFarki, .aygazFarkiPage .centerUrunKalitesi {width: 97%;}
.homeTopArea{ overflow:hidden;}
.bakimIcerik .left .dropArea .dropElem {width: 232px;}
.owl-carousel.homeSlider .owl-item img{ width:100%;}
.homeRightArea .enYakinOtogaz .leftEnYakin h1{ font-size:20px;}
.homeRightArea .enYakinOtogaz .rightEnYakin img{ width:80%;}
.homeTopArea, .homeRightArea{ height:440px;}
.bulBtn{ margin:2px 0 0 0;}
.fiyatlarHome .dropRows .leftItemFiyat div{ margin-bottom:4px;}
.fiyatlarHome {padding: 3% 8% 9% 5%;}
.donusumRight .txtArea, .bakimGunleri .bakimGunleriLeft .txtArea {font-size: 12px;line-height: 13px;}
.otogazTvSlideContent .more-button{padding:5px;font-size:9px;right: 12px;bottom: 16px;}
.homeRightArea .enYakinOtogaz .leftEnYakin select{ font-size:11px;}
.boxsArea>div {width: 19%;margin-right: 5px;}
.boxsArea>div .title {font-size: 13px;}
.fiyatlarHome .dropRows .leftItemFiyat .fiyatInput.passive small {    font-size: 18px;}
.fiyatlarHome .dropRows .leftItemFiyat .fiyatInput {padding: 0 0 0 6px;}
}


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

.logoOtogazRight{ display:none;}
.aygazKartContainer .aygazKartRight.owl-carousel{ display:block;}
.aygazKartContainer .aygazKartRight a .icon5{ background-size:contain;}
.otogazTvSlide{ background:none;}
.cardPageBottom span{ width:100%;}
.formHeight {height: 298px;}
.kampanyaWrapper {padding: 13% 5% 5% 5%;}
h3{ font-size:42px;}
.aygazFarkiPage .musteriLeftImg {left: 22px;top: -60px;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea .txtArea{ margin:24px 0 0 0; }
.right-menu-inner .content{ padding-top:40px !important;}
.aygazFarkiPage .centerAygazFarki .plus {width: 37% !important;}
.bakimIcerik .left .bakimSonuclar .bakimItem .date .date1:before{ margin-left:-18px;}
.aygazFarkiPage .centerAygazFarki .leftImgArea {width: 32.5%;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea {width: 67.5%;}
header{/* display:none; */}
.bakimIcerik .left .dropArea .dropElem select, .bakimIcerik .right .formArea .formItem select {background: url(../images/selectpngBlack.png) no-repeat 93% 50% !important;}
.fiyatLeftColm2{ left:25%;}
.mobilTxt{ display:inline-block;}
select::-ms-expand {display: none;}
select{ color:#000;-webkit-appearance: none; background: url(../images/selectpng.png) no-repeat 93% 50% !important; -moz-appearance: none;}
.TvPage div a{ width:47%;}
.aygazFarkiPage .centerUrunKalitesi .urunKalitesiImg{width:140% !important;bottom: 15%;}
.fiyatLeftColm2 .contentFiyat .il_tarih{ font-size:11px; padding-left:0;}
.fiyatLeftColm2 .contentFiyat .fiyatArea{ font-size:100px;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea .titleSub, .aygazFarkiPage .centerUrunKalitesi .rightTxtArea .titleSub{ font-size:32px !important;}
.aygazFarkiPage .centerAygazFarki, .aygazFarkiPage .centerUrunKalitesi{ width:95%;}

.aygazFarkiPage .centerAygazFarki .rightTxtArea .txtArea, .aygazFarkiPage .centerUrunKalitesi .rightTxtArea .txtArea {padding-left: 23px;padding-right: 10px;font-size: 12px;margin-top: 12px;}
.aygazFarkiPage .centerAygazFarki, .aygazFarkiPage .centerAygazFarki .rightTxtArea {height: 321px;}
.aygazFarkiPage .centerUrunKalitesi .rightTxtArea .txtArea, .aygazFarkiPage .centerAygazFarki .rightTxtArea .txtArea{ width:100%;}
.aygazFarkiPage  .rowUrunKalitesi .right, .aygazFarkiPage  .rowUrunKalitesi .left{font-size:12px;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea .titleSub, .aygazFarkiPage .centerUrunKalitesi .rightTxtArea .titleSub {margin: 21px 0 0 23px;}
.cardPageWrapper .nekadarPuanimVar {bottom: 25%;}
header .logo{width: 158px !important;}
.nasilFaydalanirimBottom .leftArea .oran span {font-size: 83px;}
.nasilFaydalanirimBottom .leftArea .oran small {margin-left: 39%;}
.cardPageWrapper .nasilFaydalanirimRightImg {bottom: 27%;}
.fiyatlarWrapper {background: url(../images/fiyatlarBg.jpg) no-repeat -199px 0; background-size: cover;}
.fiyatLeft {padding: 2% 3% 4% 2%;left:0;width:27%;}
.bakimIcerik .right .formArea .title {font-size: 17px;}
.fiyatLeft .fiyatSelectRow select{ height:38px;}
.fiyatLeft .txt {margin: 9px 0 20px 0;}
.boxsArea>div {width: 30%;margin-right: 10px;margin-bottom: 10px;}
.owl-carousel.homeSlider{ width:100%;}
header .logo.otogaz img{width: 120px;}
.homeTopArea, .homeRightArea{ height:auto;}
.homeRightArea .choiceTeaser div{height: 140px;}
.homeRightArea{ width:100%; float:left;}
.homeTopArea {overflow: visible;}
.homeRightArea .enYakinOtogaz, .fiyatlarHome{width:50%;padding: 3% 8% 4% 5%;height: 269px;overflow: hidden;}
.homeSection .nedenOtogaz{ width:100%;}
.nedenOtogazImg {width: 44%; right:8%;}
.homeSection .nedenOtogaz .txtNedenOtogaz{ width:51%;}
.homeSection .nedenOtogaz{ height:247px;}

.homeSection .otogazNews{ width:100%;}
.otogazNewsImg {width: 44%; right:8%;}
.homeSection .otogazNews .txtOtogazNews{ width:51%;}
.homeSection .otogazNews{ height:247px;}




.homeSection .savingCalculatorTeaser{ width:100%;}
.savingCalculatorTeaserImg {width: 22%;}
.homeSection .savingCalculatorTeaser .txtSavingCalculatorTeaser{ width:51%;}
.homeSection .savingCalculatorTeaser{ height:247px;}

.homeSection{ margin-top:-1px;}
.aygazFarkiTab .tabBtn{ display:none;}
.aygazFarki {padding: 10% 2%; width:100%;}
.aygazFarki .titleSub{margin-top: 4%;}
.aygazFarkiTab .tabContent .tabTxt{ font-size:15px;}
.butonsFarki{width:80px;position:absolute;left:0;bottom: -62px;display:block;}
.geri_buton{display:block; width:22px; height:40px; background:url(../images/geri_buton.png) no-repeat; float:left;}
.ileri_buton{display:block; width:22px; height:40px; background:url(../images/ileri_buton.png) no-repeat; float:right;}
.mobilTitle{ float:left; width:auto; font-size:15px; text-align:center; padding:0 14px; font-weight:bold; display:block; border:2px solid #374aba; color:#374aba; margin-bottom:20px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; height:32px; line-height:26px;}
.more-link2{ margin-top:20%;}
.donusumcuKulubuPage .call-button{ margin-bottom:10px; padding: 20px 5px; font-size:13px;}
.tabWrapper {width: 82%;margin-top: -9%;}
.mobilDonusumBakim{float:left; width:100%;}
.mobilDonusumBakim .donusumcuKulubu, .mobilDonusumBakim .bakimGunleri{width:50%; height:265px;}
.otogazTv{ width:100%; height:216px;}
.otogazTvSlide iframe{ float:left; width:50%; height:216px !important;}
.otogazTvSlide .videoTxt{ float:left; width:48%; padding:30px; font-size:15px; line-height:19px;}
.otogazTvSlide.owl-theme .owl-nav.disabled+.owl-dots {bottom: 21%;left: 54%; margin-left:0;}
.otogazTv .leftArea{ width:30%;}
.otogazTv .rightArea{ width:70%;}
.otogazTv .leftArea {padding: 3.5% 3% 0 3%;}
.otogazTv .leftArea .title2 {margin-left: 45%;}
.DropContent{display:none;float: left;width: 100%;position: relative;z-index: 2; margin:4px 0 0 0;}
.OtogazTvDrop{color:#a5cd38;border:1px solid #a5cd38;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;width:206px;margin:0 auto;text-align:left;font-size: 13px;font-weight:bold;padding-left:22px;height:44px;line-height:44px;position:relative;cursor:pointer;}
.OtogazTvDrop.active::after{background:url(../images/otogazTvArrowActive.png) no-repeat;}
.OtogazTvDrop::after{ content:''; width:16px; height:9px; position:absolute; right:20px; top:50%; margin-top:-4.5px; background:url(../images/otogazTvArrow.png) no-repeat;}
.otogazTv .otogazTvTab a{float: none;width:206px;background:#fff;text-align:left;margin: 0 auto;-webkit-border-radius: 0;border-radius:0;-moz-border-radius: 0;color: #222; border-bottom:1px solid #ddd;border-right:1px solid #ddd; border-left:1px solid #ddd; border-top:0;}
.otogazTv .otogazTvTab a.active, .otogazTv .otogazTvTab a:hover {border-bottom:1px solid #ddd;border-right:1px solid #ddd; border-left:1px solid #ddd;color: #263339; border-top:0;}
.otogazTv .otogazTvTab a.active::before, .otogazTv .otogazTvTab a.active::after{ display:none !important;}
.otogazTv .otogazTvTab a:hover::before, .otogazTv .otogazTvTab a:hover::after{ display:none;}
.aygazKartContainer .aygazKartLeft .kartImg{ display:none;}
.aygazKartContainer .aygazKartLeft .kartTxt .txtArea{ font-size:13px;}
.aygazKartContainer .aygazKartLeft .kartTxt, .donusumcuKulubuPage .left{width:100%;}
.aygazKartContainer .aygazKartRight a{padding: 4% 2.5%;}
.aygazKartContainer .aygazKartLeft{ width:28%;}
.aygazKartContainer .aygazKartRight{width: 62%;}
.aygazKartContainer .aygazKartRight a .aygazKartTxt{font-size: 11px; line-height:12px;}
.donusumcuKulubuPage .right{ display:none;}
.donusumcuKulubuPage .left h3, .donusumcuKulubuPage .left h1 {margin-bottom: 10px;}
.enYakinOtogaz .right img, .enYakinOtogaz .left{width:100%;}
.mobil_imgDonusum{ display:block; width:30% !important}
.bakimIcerik #ctl00_ContentPlaceHolder1_Image2{ position:static;}
.bakimIcerik #formCaptcha{ padding-left:10px !important;}
.cardFormArea #fResult{ height:180px;}


.savingCalculator .left{width:100%; float:none;}
.savingCalculator .right{width:100%; float:none; min-height:100vh;}
.calculatorResult .result .row .col{width:50%!important;margin:0!important; padding:25px 0;}
/*.calculatorResult .result .row .col:nth-child(5){width:100%!important;}*/


}




@media screen and (max-width: 768px) {
	.homeSection .savingCalculatorTeaser{ height:auto;}
	.savingCalculatorTeaserImg{width: 43%; top:30%;}

.campaignFormWrapper .form-inner {width:100%;}

.image_con, .image_con.small{width: 100%; margin: 15px 0;}
.oktanTable .tableImg{display: block;}
.oktanTable table{font-size: 11px;}
.oktanTable table.mobileHide{display: none;}

.oktanTable{padding: 15px 5px;}

.choiceLeft{width: 100%; float:none;}
.choiceRight{width: 100%; float:none; border: none;}

.oktanContentLeft{width: 100%; float: none;}
.oktanContentRight{width: 100%; float: none;}
.oktanContent ul, .oktanContent ol{padding-left: 10px; margin-left: 10px;}
p.pImg img{ float: none; max-width: 100%; }

.aygazKartContainer { padding:20px; float:left; margin:0; background:#fafafa}
.aygazKartContainer .aygazKartLeft { width:100%}
.aygazKartContainer .aygazKartLeft .kartImg { display:block; width:32%}
.aygazKartContainer .aygazKartLeft .kartTxt { width:60%; margin:0; padding:10px 0}
.aygazKartContainer .aygazKartRight {width:100%; float:none; clear:both}
.aygazKartContainer .aygazKartRight a { float:none}
.owl-carousel.aygazKartRight .owl-nav { width:100%; top:50%; position:absolute; transform:translateY(-50%); bottom:auto; background:none; right:auto; pointer-events:none}
.owl-carousel.aygazKartRight .owl-nav div{ position:absolute; pointer-events:all}
.owl-theme.aygazKartRight .owl-nav .owl-prev, .owl-theme.aygazKartRight .owl-nav .owl-prev:hover { background: url(../images/prev.png); left:5%}
.owl-theme.aygazKartRight .owl-nav .owl-next, .owl-theme.aygazKartRight .owl-nav .owl-next:hover { background: url(../images/next.png); right:-1%; width: 41px; top: -10px; height: 51px; background-size: 66%; background-repeat: no-repeat;}
.owl-theme.aygazKartRight .owl-nav .owl-prev, .owl-theme.aygazKartRight .owl-nav .owl-prev:hover { background: url(../images/prev.png); left:5%; width: 41px; top: -10px; height: 51px; background-size: 66%; background-repeat: no-repeat;}
.aygazKartContainer .aygazKartRight a { border:0; width:80%; margin:0 auto; height:inherit; text-align:center}
.aygazKartContainer .aygazKartRight a span { float:none; width:80px !important; display:inline-block !important}
.aygazKartContainer .aygazKartRight a .aygazKartTxt {float:none;width: 100%!important;display:inline-block;margin: 10px 0 0 0;cursor: pointer;}
.aygazKartContainer .aygazKartRight a .icon1Hover{ background:url(../images/aygazKart_1.png) no-repeat center; width:100%; height:58px; display:block; margin:0 auto;}
.aygazKartContainer .aygazKartRight a .icon2Hover{ background:url(../images/aygazKart_2.png) no-repeat center; width:100%; height:58px; display:block; margin:0 auto;}
.aygazKartContainer .aygazKartRight a .icon3Hover{ background:url(../images/aygazKart_3.png) no-repeat center; width:100%; height:58px; display:block; margin:0 auto;}
.aygazKartContainer .aygazKartRight a .icon4Hover{ background:url(../images/aygazKart_4.png) no-repeat center; width:100%; height:58px; display:block; margin:0 auto;}
.aygazKartContainer .aygazKartRight a .icon5Hover{ background:url(../images/aygazKart_5.png) no-repeat center; width:100%; height:58px; display:block; margin:0 auto;}
.aygazKartContainer .aygazKartRight a .iconhover{ display: none !important}
.aygazKartContainer .aygazKartRight a:hover span{ opacity:1;}
.aygazKartContainer .aygazKartRight a:hover .aygazKartTxt{ color:#263238;}
.mobilSlide{ display:block !important}
.desktopSlide{ display:none !important}
.bakimIcerik .left .dropArea .dropElem {width: 43%;}
.kampanyaWrapper .kampanyalarCenter a .detailKampanya .kampanyaAdi{ font-size:10px;}
.kampanyaWrapper .kampanyalarCenter a .detailKampanya{ padding:10px;}
.aygazFarkiPage .centerAygazFarki .plus {width: 47% !important;}
.aygazFarkiPage .centerAygazFarki .leftImgArea {width: 40%;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea {width: 60%;}
.homeRightArea .enYakinOtogaz {padding: 5% 0% 1% 5%;}
.cardFormArea #ctl00_ContentPlaceHolder1_Image2{top: 4px !important;left: 1px;width: 75px;height: 41px;}
.cardFormArea #formCaptcha{padding-left: 81px !important;}
.ucretsizBakim {padding: 5% 3%;}
.musteriImg{ width:80px}
.cardFormArea .rowFormArea .leftItem .butonCl{ width:100%;}
.aygazFarkiPage .centerAygazFarki, .aygazFarkiPage .centerAygazFarki .rightTxtArea {height: 298px;}
.aygazFarkiPage .centerAygazFarki .rightTxtArea .txtArea {margin: 8px auto 0 auto; line-height:13px;}
.fiyatLeftColm2 {width: 35%;left: 25%;}
.fiyatLeft .txt {font-size: 11px;line-height: 15px;}
.ucretsizBakim h3, .ucretsizBakim h1{ margin-bottom:20px;}
.fiyatLeftColm2 .contentFiyat .fiyatArea{ width:25%; font-size:88px;}
.fiyatlarWrapper {background: url(../images/fiyatlarBg.jpg) no-repeat 67% 0; background-size:cover;}
.fiyatLeftColm2 .contentFiyat .ltTL, .fiyatLeftColm2 .contentFiyat .fiyatArea{line-height:90px;}
.fiyatLeftColm2 .contentFiyat{ margin-top:-22px;}
.bakimIcerik .left .bakimSonuclar .bakimItem .date{ width:20%;}
.bakimIcerik .left .bakimSonuclar .bakimItem .rightDetail{ width:80%;}
.bakimIcerik .left .bakimSonuclar .bakimItem .rightDetail .sehir{ font-size:14px;}
.bakimIcerik .left .bakimSonuclar .bakimItem .rightDetail .adres b {font-size: 13px;}
.bakimIcerik .left .bakimSonuclar .bakimItem .rightDetail .adres{ font-size:12px;}
.enYakinOtogaz .right, .kampanyaRight{display:none !important;}
.right-menu-inner .content, .kampanyaDetay .kampanyaRight img, .kampanyaDetay .kampanyaLeft{width:100%;}
.mobilKampanyaGorseli{ display:block; width:100%; margin:20px 0 0 0;}
.homeRightArea .enYakinOtogaz .rightEnYakin img{width:90%;position: absolute;top: -25px;right: 8px;}
.homeRightArea .enYakinOtogaz .rightEnYakin{ margin-top:12%;}
.fiyatlarHome {padding: 5% 5% 3% 5%;}
.aygazFarkiTab .tabContent .ImgArea{width: 54%;}
.mobilEnYakin{ display:block; width:100%;}
.enYakinOtogaz .left h3 {font-size: 30px;line-height: 32px;}
.aygazFarkiTab .tabContent .tabTxt{width: 41%;margin-top: 7%;}
.aygazFarki{ height:265px;     padding: 3% 2%; overflow:hidden;}
.aygazFarki .titleSub .title1{ font-size:24px;}
.tabWrapper{ margin-top:0; width:94%;}
.aygazFarkiTab .tabContent .tabTxt {font-size: 14px;line-height: 15px;}
.donusumRight .title2{font-size:21px;}
.bakimGunleri, .donusumcuKulubu{padding: 5.5% 3.5%;}
.otogazlaLogoBottom{ display:none;}
.otogazlaLogoMobil{display:block; float:left; width:100%; margin:10px 0 0 0;}
.otogazlaLogoMobil img{width:100%;margin-top: 8px;}
.bakimGunleriRight img{float:right;display:block;width: 86%;}
.bakimGunleri .bakimGunleriLeft{ width:54%;}
.bakimGunleri .bakimGunleriRight{width:46%;margin-top: 15%;}
.donusumRight{ width:54%;}
.donusumRight .txtArea, .bakimGunleri .bakimGunleriLeft .txtArea {font-size: 13px;line-height: 15px;margin-top: 10px;}
.otogazTv .leftArea .title2 {margin-left: 54%;}
.otogazTv .otogazTvTab{margin-left:0;}
.otogazTv .leftArea {width: 34%;}
.otogazTv .rightArea {width: 66%;}
.otogazTvSlide .videoTxt{font-size:13px;line-height: 15px;}
.aygazKartContainer .aygazKartLeft{ width:75%;}
.aygazKartContainer:after{ display:none;}
.aygazKartContainer .aygazKartRight{ width:100%;}
.aygazKartContainer .aygazKartRight a {padding: 4% 4.4%;}
.aygazKartContainer .aygazKartRight a span{background-size:contain !important;}
.aygazKartContainer .aygazKartRight a .iconhover{ display:none;}
.aygazKartContainer .aygazKartRight a:hover span{ opacity:1;}
.call-button{ padding:10px 20px}



}



@media screen and (max-width: 640px) {
.kampanyaDetay h3, .kampanyaDetay h1{ font-size:32px;}
.formHeight{ height:20px;}
.butonsFarkiMobil{ display:none !important;}
.aygazFarki .titleSub .title2.enTxt {font-size: 32px;}
.mobilOtogazinFarki .owl-item{ position:relative; float:left;}
.mobilOtogazinFarki .owl-nav{ position:absolute; top:67%; left:0; width:100%;}
.mobilOtogazinFarki .owl-nav .owl-prev{ display: block;width: 22px;height: 40px;background: url(../images/geri_buton.png) no-repeat;float: left; font-size:0;}
.mobilOtogazinFarki .owl-nav .owl-next{ display: block;width: 22px;height: 40px;background: url(../images/ileri_buton.png) no-repeat;float: right; font-size:0;}
.mobilOtogazinFarki .owl-nav .owl-next.disabled{ opacity:0.5;}
.aygazFarkiTab .tabContent{ position:static;}
.aygazFarkiTab .tabContent .ImgArea, .aygazFarkiTab .tabContent .tabTxt{position:static; opacity:1;}
h3.centerTitle{ text-align:center; line-height:35px;}
.homeRightArea .enYakinOtogaz .leftEnYakin h3{ letter-spacing:0 !important;}
.aygazFarkiPage .centerAygazFarki .plus.ekonomikPlus {left: -26px!important;top: 10px !important;width: 118% !important;bottom: auto !important;}
.cardFormArea #fResult{ height:80px;}
.ucretsizBakim {padding: 12% 3% 5% 3%;}
.bakimIcerik .left .bakimSonuclar .bakimItem .date span {font-size: 30px;}

.cardFormArea #ctl00_ContentPlaceHolder1_Image2 {top: 7px !important;right: 8px;left: auto !important;}
.aygazFarkiPage .kisaOzel .leftKis img{ width:85%;}
.aygazKartContainer .aygazKartRight a {padding: 2% 3%;}
.aygazFarkiPage .centerUrunKalitesi{ margin:0 auto;}
.aygazFarkiPage .musteriLeftImg{ top:0;}
.cardPageBottom {padding: 5%;}
.aygazFarkiPage .musteriLeftImg {width: 70% !important;}
.aygazFarkiPage .centerUrunKalitesi .urunKalitesiImg {width: 100% !important;bottom: 0%;left: 0;}
.kampanyaWrapper .kampanyalarCenter a{ width:100%;}
.fiyatLeft {padding: 5% 6% 9% 6%;}
.mobil_imgDonusum{width:50% !important}
.aygazFarkiPage .centerAygazFarki .plus {left: 0!important;top: -5px !important;width: 96% !important;bottom:auto !important;}
.bakimIcerik .left .dropArea .dropElem {width: 100%;margin-bottom: 15px;}
.aygazFarkiPage {padding: 50px 0 80px 0;}
.aygazFarkiPage .centerUrunKalitesi .rightTxtArea .txtArea{ margin:20px auto 0 auto;}
.aygazFarkiPage .centerAygazFarki .leftImgArea, .aygazFarkiPage .centerAygazFarki .leftImgArea img, .aygazFarkiPage .centerUrunKalitesi .leftImgArea, .aygazFarkiPage .centerUrunKalitesi .leftImgArea img{width:100%;}
.aygazFarkiPage .centerAygazFarki, .aygazFarkiPage .centerAygazFarki .rightTxtArea, .aygazFarkiPage .centerUrunKalitesi .rightTxtArea{height:auto;width:100%;margin-top:-3px;padding: 10px 0 40px 0;}
.aygazFarkiPage .kisaOzel{ float:left; width:100%; position:static;padding: 25px 10px;}
.aygazFarkiPage .centerAygazFarki, .aygazFarkiPage .centerUrunKalitesi{ width:100%; padding:0; height:auto;}
.aygazFarkiPage{ padding-right:15px; padding-left:15px;}
.cardPageBottom br{ display:none;}
.nasilFaydalanirimRightImg, .cardPageWrapper .nasilFaydalanirimRightImg2, .nekadarPuanimVar{display:none;}
.cardPage .puanTxt {padding: 20px 2% 12px 2%;width: 100%;}
.fiyatlarWrapper{ background:none;}
.cardFormArea{ width:100%; padding:0 4%; margin:20px 0 0 0;}
.cardFormArea .rowFormArea .leftItem .butonCl{ width:100%; margin:20px 0 0 0;}
.cardFormArea .rowFormArea{ margin-bottom:10px;}
.cardFormArea .rowFormArea .leftItem{ width:100%;}
.cardPage .cardPageTxt{ width:100%; padding:0 3%}
.nasilFaydalanirimBottom, .nasilFaydalanirimRightImg.aygazKartNedirImg{ display:none;}
.mobil_img{ display:block; width:100%;}
.cardPage {padding:8% 0 0 0;}
.fiyatLeftColm2 .contentFiyat .fiyatArea {font-size: 50px;letter-spacing: -3px; margin-right:4px;}
.fiyatLeftColm2 .contentFiyat .il_tarih{ padding-left:0;}
.fiyatLeftColm2 .contentFiyat .ltTL{ margin-left:0;}
.fiyatLeftColm2 .fiyatTxt{ float:left;}
.fiyatLeftColm2{background:url(../images/fiyatlarBgMobil.jpg) no-repeat;padding: 30% 2% 19% 2%;background-size: contain;}
.fiyatLeftColm2 .fiyatTxt{ width:62%;}
.fiyatLeftColm2 .contentFiyat .ltTL{font-size:32px;line-height: 90px;}
.fiyatLeftColm2 .contentFiyat{ float:left;}
.homeRightArea .enYakinOtogaz .leftEnYakin select{ width:100%;}
.homeRightArea .enYakinOtogaz .leftEnYakin h1 {font-size: 19px;}
.otogazTv .leftArea .title2 {margin-left: 65%;}
.donusumRight .title2 {font-size: 18px;}
.aygazKartContainer .aygazKartRight a span{ height:30px;}
.aygazKartContainer .aygazKartRight a{ height:140px;}
.homeRightArea .enYakinOtogaz .rightEnYakin img{ position:static;}
.fiyatlarHome {padding: 9% 5% 0 5%;}
.bakimIcerik .left{ width:100%; border-right:0; padding:0;}
.bakimIcerik .left .title2{ margin-top:30px;}
.bakimIcerik .right .formArea, .bakimIcerik .right, .bakimIcerik .left .bakimSonuclar{width:100%;}
.bakimIcerik .right .formArea .title {font-size: 25px;}
.fiyatLeft{ width:100%; position:static;}
.fiyatLeftColm2 .contentFiyat, .fiyatLeftColm2 .fiyatTxt{position:static;font-size: 12px;}
.fiyatLeftColm2 .contentFiyat{ margin-top:0;}
.fiyatLeftColm2{ position:static; float:left; width:100%;}
.fiyatlarWrapper{ height:auto;}

.surveyCheck div{width: 100%; float: none;}
#infoText .surveyText{width: 100%; float: none; margin-right: 0; margin-bottom: 10px;}
}


@media screen and (max-width: 480px) {
.homeRightArea .enYakinOtogaz, .fiyatlarHome{ width:100%;}
.nedenOtogazImg {width: 54%;right: 3%;}
.homeSection .nedenOtogaz .txtNedenOtogaz {width: 70%;}
.homeSection .nedenOtogaz .clr{ height:5px !important;}
.homeSection .nedenOtogaz .txtNedenOtogaz{font-size:14px;}



.homeSection .otogazNews .clr{ height:5px !important;}
.homeSection .otogazNews .txtOtogazNews{font-size:14px;}


.aygazFarki {height: 550px;padding: 6% 7%;}
.aygazFarki .titleSub{width:100%;}
.bakimIcerik .left .bakimSonuclar .bakimItem .date{ padding-left:0px; padding-top:8px;}
.aygazFarki .titleSub .title2{ font-size:44px;}
.tabWrapper {margin-left: 0;width: 100%;}
.aygazFarkiTab .tabContent .ImgArea, .aygazFarkiTab, .aygazFarkiTab .tabContent .tabTxt, .otogazTv .rightArea{width: 100%;}
.tabWrapper{height: 440px;}
.mobilTitle{ width:210px; margin-right:auto; margin-left:auto; float:none;}
.butonsFarki, .more-link2{display:none;}
.butonsFarkiMobil{display:block;position:absolute;left:0;bottom: 22%;width:100%;}
.butonsFarkiMobil a{z-index:2;position:relative;background-size: contain;width: 14px;}
.aygazFarkiTab .tabContent .tabTxt{ margin-left:0; text-align:center;}
.mobilDonusumBakim .donusumcuKulubu, .mobilDonusumBakim .bakimGunleri{width:100%;}
.otogazTv .leftArea .title2 {margin-left:29%;}
.otogazTv .leftArea{width:100%; height:auto;}
.otogazTv .rightArea{height: 58%;}
.otogazTvSlide .videoTxt {font-size: 11px;line-height: 13px;}
.otogazTv{height: 373px;}
.otogazTv .otogazTvTab {margin-left: 0;margin: 12px 0 20px 0;}
.DropContent {position: absolute;left: 0;}

.aygazKartContainer .aygazKartLeft .kartTxt {margin: 17px 0 0 0;width: 64%;}
.aygazKartContainer .aygazKartRight a{width: 42%;height:135px;padding: 3% 0;border: 0;margin:0 auto;border-bottom:0;}
.aygazKartContainer .aygazKartRight a .aygazKartTxt{margin: 8px 0 0 0;height: 17px;}
.aygazKartContainer{padding: 0 5%;}
.aygazKartContainer .aygazKartLeft .kartImg{display:block;}
.aygazKartContainer .aygazKartLeft .kartImg{margin-right: 5%;width: 31%;}
.aygazKartContainer .aygazKartLeft{width:100%;}

.aygazKartContainer .aygazKartRight{ margin-top:20px;}
/*
.aygazKartContainer .aygazKartRight a span {height: 30px !important;}
.aygazKartContainer .aygazKartRight a .icon5 {height: 20px !important;}
.aygazKartContainer .aygazKartRight a .aygazKartTxt br{ display:none;}
.aygazKartContainer .aygazKartRight a .aygazKartTxt{ margin:5px 0 0 0;}*/




}


@media screen and (max-width: 375px) {
.butonsFarkiMobil {bottom: 29%;}
.mobilOtogazinFarki .owl-nav {top: 61%;}
.mobilDonusumBakim .donusumcuKulubu,.mobilDonusumBakim .bakimGunleri {height: 229px;}
.aygazFarkiPage .centerAygazFarki {-webkit-box-shadow: 0px 0px 0 0 rgba(0,0,0,0.42);-moz-box-shadow: 0px 0 0 0 rgba(0,0,0,0.42);box-shadow: 0px 0 0 0 rgba(0,0,0,0.42);}

}



@media screen and (max-width: 360px) {
.butonsFarkiMobil {bottom: 134px;}
.mobilOtogazinFarki .owl-nav {top: 58%;}
}


@media screen and (max-width: 320px) {
.butonsFarkiMobil {bottom: 37%;}
.bakimIcerik .left .bakimSonuclar .bakimItem .rightDetail .sehir, .bakimIcerik .left .bakimSonuclar .bakimItem .rightDetail .adres {padding-left:8px;}
.fiyatLeftColm2 .contentFiyat .ltTL {font-size: 32px;line-height: 67px;}
.fiyatLeftColm2 .contentFiyat .ltTL, .fiyatLeftColm2 .contentFiyat .fiyatArea {line-height: 68px;}
.fiyatLeftColm2 .contentFiyat .fiyatArea {font-size: 59px;}
.fiyatLeftColm2 .contentFiyat .il_tarih{ font-size:11px;}
.fiyatLeftColm2 .contentFiyat, .fiyatLeftColm2 .fiyatTxt{line-height:14px;margin: 3px 0 0 0;}
.fiyatLeftColm2 .contentFiyat .fiyatArea{ font-size:45px;}
.mobilOtogazinFarki .owl-nav {top: 52%;}
.mobilTitle {width: 190px;font-size: 14px;}
.aygazFarki {height: 500px;padding: 6% 7%;}
}





.calculatorResult{width: 100%; height: 100%; background-image:url(../images/otogaz-tasarruf-2.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; display: none;}
.calculatorResult .caption{width: 100%; background:#fff; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding:50px; align-items: center;}
.calculatorResult .caption span{background:none; color:#263339; font-size: 30px; padding:0;}
.calculatorResult .caption p span{background:none; color:#263339; font-size: 30px; font-size:90px;font-family: 'ds-digitalnormal';}
.calculatorResult .caption p small{font-size:25px;    font-family: 'Ubuntu', sans-serif; font-weight:bold;}
.calculatorResult .result{width:100%; margin:auto; padding:15px 75px 75px;}
.calculatorResult .result .row{display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; margin-bottom: 15px;}
.calculatorResult .result .row .col{width: 33%; font-size:15px; color:#fff; display: -ms-flexbox; display: -webkit-flex; display: flex;padding:60px 0; align-items:center;}
.calculatorResult .result .row .col:nth-child(1), .calculatorResult .result .row .col:nth-child(2), .calculatorResult .result .row .col:nth-child(3){ }

.calculatorResult .result .row .col p{display:block; width: 100%;}
.calculatorResult .result .row .col strong{display:block; width:100%; font-size:30px; font-weight:bold; letter-spacing: -0.75px;}

.calculatorResult .result .row .col .colInner{padding-left:40%; position:relative; height: 90px;display: -ms-flexbox; display: -webkit-flex; display: flex;flex-wrap: wrap; align-items:stretch; width: 100%;}
.calculatorResult .result .row .col .colInner img{width: 34%; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%); background-size:100% auto; background-repeat: no-repeat; background-position:center; content:""; display:block;}
/*.calculatorResult .result .row .col:nth-child(1) .colInner:before{background-image:url(../images/tasarruf/i1.png);}
.calculatorResult .result .row .col:nth-child(2) .colInner:before{background-image:url(../images/tasarruf/i2.png);}
.calculatorResult .result .row .col:nth-child(3) .colInner:before{background-image:url(../images/tasarruf/i3.png);}
.calculatorResult .result .row .col:nth-child(4) .colInner:before{background-image:url(../images/tasarruf/i4.png);}
.calculatorResult .result .row .col:nth-child(6) .colInner:before{background-image:url(../images/tasarruf/i5.png);} */
/*.calculatorResult .result .row .col:nth-child(5) {width:45%;}*/


.calculatorResult .result .row .col:nth-child(5) .colInner{padding:0; height:auto; justify-content: center;}
.calculatorResult .result .row .col:nth-child(5) strong{font-size: 15px; text-align:center; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.calculatorResult .result .row .col:nth-child(5) strong span{font-size: 30px;}

.savingCalculator .right .note{color:#fff; font-size: 12px; text-align:center; line-height:1.5; padding-top:40px; position:absolute; bottom:120px; display:none; width: 100%; text-align:center;}
.savingCalculator .right .note small{display:block; font-size:12px;}

.savingCalculator .right{position:relative;}
.savingCalculator .right .share{position:absolute; bottom:40px; left:0; width: 100%; text-align:center; display:none;}
.savingCalculator .right .share span{display:block; color:#fff; padding-bottom:10px;}
.savingCalculator .right .share a{display:inline-block; padding:10px 15px; color:#fff;}
.savingCalculator .right .share a:nth-child(2){background: #345aa6;}
.savingCalculator .right .share a:nth-child(3){background: #1d9bf0;}
.savingCalculator .right .share a:nth-child(4){background: #6db23b;}
.savingCalculator .right .share a:nth-child(5){background: #008000; display:none;}


@media screen and (max-width:1680px) {
	.calculatorResult .result .row .col .colInner{height: 60px;}
	.calculatorResult .result .row .col{font-size: 12px;}
	.calculatorResult .result .row .col strong{font-size: 20px;}
	.calculatorResult .caption p span{font-size: 60px;}
}

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

	.calculatorResult .caption{padding:25px;}
	.calculatorResult .result{padding:15px 25px 25px;}
	
	.savingCalculator .right .share a{font-size:11px; padding:10px 6px;}

}
@media screen and (max-width:1024px) {
	.calculatorResult .result{padding:15px 25px 250px;}
	.savingCalculator .right .share a:nth-child(5){display:inline-block;}
	.calculatorResult .result .row .col{padding:30px 0;}
	.calculatorResult .result .row .col:nth-child(5) strong{font-size:12px;}
	#ratio{transform: scale(.5); -webkit-transform: scale(.5);-moz-transform: scale(.85);}
}