.enYakinOtogaz{ width:100%; float:left; padding:3%;}
.choiceLeft{ width: 60%; float: left;}
.choiceLeft h3{font-size:60px; 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; }


#tupgaz .content h1{font-size:60px; font-weight:400; color:#263339; letter-spacing:-4px; margin-bottom:40px;}

.enyakinaygaz .nice-select, .bottom-right .bottom .right .nice-select{line-height:60px}

.enyakinaygaz .nice-select.open .list, .bottom-right .bottom .right  .nice-select.open .list{ width:100%}
#container {  font-size: 0;}
select { /*display:none*/ height:100%; width:100%; color:#fff; background:none;    padding-left: 10px;     border: 1px solid #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
select option { color:#000}
section#tupgaz  { background:#fff;    line-height: 21px; }
section#tupgaz strong { font-weight:700 }
.right-menu-inner {font-size:14px }
section#tupgaz .right-menu-inner .content .inner-second { padding:50px 0 50px 100px; margin-right:100px; background:#f5f5f5 }
section#tupgaz .right-menu-inner .content .inner-three { padding:50px 0 50px 100px; margin-right:100px; }

section#tupgaz .right-menu-inner .content .left, section#tupgaz .right-menu-inner .content .right { width:48%; float:left}
section#tupgaz .right-menu-inner .content .right  { float:right }
section#tupgaz .right-menu-inner .content .full  { width:100% }

section#tupgaz .right-menu-inner .content .left h6 { margin:0 0 15px}
section#tupgaz .right-menu-inner .content .inner .left h6 { margin:45px 0 15px}

section#tupgaz .right-menu-inner .content img.full { width:auto; max-width:100%; margin:0 auto; display:block}
section#tupgaz .right-menu-inner .content img.top { width:auto; max-width:70%; position:relative; display:block; margin:0 auto; top:-80px}

.right-menu a.submenu2:after { content:"\f054"; font-size: 11px; top:0px; transform:none; background:none}
.right-menu a.submenu2.select:after { content:"\f078"; left:-3px }
.right-menu div.urunler-menu div { display:block}

.kampanya .right-menu-inner .content { background: #e8ecef; }
.kampanya .right-menu-inner .content {  }
.kampanya .right-menu-inner .content p { padding:15px 0;font-size:16px; line-height:24px }

.kampanya .right-menu-inner .content ul { width:100%; text-align:center; vertical-align:top}
.kampanya .right-menu-inner .content ul li { display:inline-block; width:28%; max-width:335px;  margin:2%; border:1px solid #ccc; vertical-align:top}
.kampanya .right-menu-inner .content ul li img { width:100%;}
.kampanya .right-menu-inner .content ul li div.kamp-content {  width:100%; background:#fff; padding:10px}
.kampanya .right-menu-inner .content ul li div.kamp-content h5 { font-size:18px; font-weight:500; color:#000}
.kampanya .right-menu-inner .content ul li div.kamp-content h6 { font-size:16px; font-weight:500; color:#999; margin:8px 0 20px}

.date { margin:45px 0 0; font-size:22px; color:#263339; font-weight:300; padding-left:27px; min-height:24px; line-height:24px; position:relative}
.date:after{ position:absolute; width:21px; height:24px; left:0; top:0; content:""; background:url(/tupgaz/images/calender.png) left center no-repeat}
span.alert { display:inline-block; padding:20px 40px; text-align:center; color:#d94e46; background:none; border:1px solid #d94e46; font-size:16px; font-weight:500; border-radius:3px}

.kampanya .right-menu-inner .content ul li div span.alert {padding:9px;  font-size:14px; float:left }
.kampanya .right-menu-inner .content ul li div .call-button { display:inline-block; padding:9px; font-size:14px; float:right }
.right-menu.fixed { position:fixed;top:120px; right:0}
.right-menu.fixed.sticky {top:50px;}
section.urunler{background:#e1e1e1;padding-top:120px; z-index:0}
section.urunler { }
section.urunler.sticky{ }
section.urunler .right-menu-inner{     display: block; height:100%}
section.urunler .right-menu-inner .content { padding:50px 50px 0; display:block; height:100%; }
section.urunler .right-menu-inner .content .inner {  width:100%; height:100%; display:block }
.sects .left, .sects .right  { display:table-cell; position:relative }
.sects .right  { width:40%;}
.sects .left .top  {position:absolute; top:0; width:60%; left:0; height: 31%;}
.sects .left .top .inner  {position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0; font-size:14px; font-weight:400; color:#263339; height: auto;    display: inline-block;}
.sects .left .top .inner h3 { margin-bottom:30px}
.sects .left .bottom  {position:absolute; bottom:0; width:46%; right:0; height: 45%; background:#fff; padding:50px}
.sects .left img  {position:absolute; bottom:0; width:100%; left:0; height: 69%;}
.sects .right .top, .sects .right .bottom  {position:absolute; top:0; width:100%; left:0; height: 77%; background: url('/tupgaz/images/bg_urun.png') #137dc2 no-repeat center center; background-size:90% auto
}
.sects .right .bottom  { top:auto; bottom:0; width:75%; height: 23%; background:#263339;}
.sects .right .bottom .left_2 { width:35.5%; margin:0 1%; float:left; height:100%; position:relative}
.sects .right .bottom .left_2 img { max-width:100%; height:90%; width:auto; position:absolute; top:50%; transform:translateY(-50%) }
.sects .right .bottom .right_2 {width:62.5%; position:relative;float:left; height:100%}
.sects .right .bottom .right_2 .inner { position:absolute; top:50%; width:90%; transform:translateY(-50%); display:inline-block; height:auto}
.sects .right .bottom .right_2 .inner h4 { color:#1b9ce2; font-size:24px; font-weight:700;font-family: 'Kalam', cursive;}
.sects .right .bottom .right_2 .inner h5 { color:#fff; font-size:18px; font-weight:500; margin-bottom:20px}
.sects .right .bottom .right_2 .inner p { color:#b2b2b2; font-size:14px; font-weight:400;}

.sects .titles { position: absolute;    top: 50%;    transform: translateY(-50%);    width: 68%;    left: 0;    font-size: 14px;    font-weight: 400;    color: #263339;    height: auto;    display: inline-block;}
.sects.engsec1 .titles { width:85% }
.sects.sects3 .titles { width:91%}
.sects .titles h3 {margin-bottom: 30px;letter-spacing: -4px;}

.sects .full { width:100%; height:100%; position:relative}
.sects .full .box{ position:absolute;}

.sects1 .cols0 {  width:60%; height:31%; top:0; left:0;  z-index:1 }
.sects1 .cols1 {  width:60%; height:69%; bottom:0; left:0; overflow:hidden }
.sects1 .cols2 {  width:40%; height:77%; top:0; right:0;     background: url(/tupgaz/images/bg_urun.png) #137dc2 no-repeat center center;    background-size: 90% auto;}
.sects1 .cols3 {  width:30.2%; height:23%; bottom:0; left:60%; background:#263339  }
.sects1 .cols4 {  width:27.5%; height:45%; bottom:0; left:32.5%; background:#fff;padding:44px;text-align:center }
.sects1 .cols1 img{ min-width:100%; width:auto; height:100%; position:relative; left:50%; transform:translateX(-50%)}
.sects1 .cols2 .en-yakin-button { position:absolute; left:50%; bottom:5%; transform:translateX(-50%) }
.sects1 .cols2 .en-yakin-button:hover {color:#137dc2 }
.sects1 .cols2 .en-yakin-button:hover:after {border:1px solid #137dc2; color:#137dc2 }
.sects1 .cols3 .left_2 { width:35.5%; margin:0 1%; float:left; height:100%; position:relative}
.sects1 .cols3 .left_2 img { max-width:100%; height:90%; width:auto; position:absolute; top:50%; transform:translateY(-50%) }
.sects1 .cols3 .right_2 {width:62.5%; position:relative;float:left; height:100%}
.sects1 .cols3 .right_2 .ortala { position:absolute; top:50%; width:90%; transform:translateY(-50%); display:inline-block; height:auto}
.sects1 .cols3 .right_2 .ortala h4 { color:#1b9ce2; font-size:24px; font-weight:700;font-family: 'Kalam', cursive;margin-bottom: 0;}
.sects1 .cols3 .right_2 .ortala h5 { color:#fff; font-size:18px; font-weight:500; margin-bottom:20px;margin-top: 0;}
.sects1 .cols3 .right_2 .ortala p { color:#b2b2b2; font-size:14px; font-weight:400;}
.sects1 .cols4 p { font-size:14px; text-align:left; padding-bottom:50px }


.sects2 .cols0 {  width:45.6%; height:29.4%; top:0; left:0;  z-index:1 }
.sects2 .cols1 {  width:32.2%; height:48.7%; top:29.4%; left:0; background:#fff; z-index:1; padding:80px 50px;text-align:center }
.sects2 .cols2 {  width:27.5%; height:70.5%; bottom:0; left:32.2%;  background: url('/tupgaz/images/urunler-bg-teaser.png') no-repeat #75a519; background-size:100% auto;     background-position: center 30%; z-index:1 }
.sects2 .cols3 {  width:54.4%; height:77%; top:0; right:0; z-index:0; overflow:hidden }
.sects2 .cols4 {  width:40.3%; height:23%; bottom:0; right:0; background:#263339; z-index:1; padding:44px; color:#b2b2b2; font-size:14px }
.sects2 .cols1 p { font-size:14px; text-align:left; padding-bottom:50px }
.sects2 .cols2 .en-yakin-button { position:absolute; left:50%; bottom:5%; transform:translateX(-50%);padding: 21px 50px 21px 20px; }
.sects2 .cols3 img{ min-width:100%; width:auto; height:100%; position:relative; left:50%; transform:translateX(-50%)}
.sects2 .cols4 h3 {  font-size:18px; color:#fff; font-weight:500; margin-bottom:20px;line-height: 20px; }
.sects2 .cols4 h3 span { font-family: 'Kalam', cursive; font-size:24px; color:#75a519; font-weight:700; display:block }
.sects2 .cols4 h3 {letter-spacing:0}
.sects3 .cols0 {  width:45.6%; height:42%; top:0; left:0;  z-index:1 }
.sects3 .cols1 {  width:45.6%; height:58%; bottom:0%; left:0; background:#fff; z-index:1; padding:44px;text-align:center }
.sects3 .cols2 {  width:54.4%; height:77%; right:0; top:0; overflow:hidden }
.sects3 .cols3 {  width:40.2%; height:23%; right:24.5%; bottom:0; background:#263339; z-index:2; text-align:center  }

.sects3 .cols3-m {  width:100%; padding:20px;  background:#263339;  height:50px;  text-align:center; display:none; position:relative  }
.sects3 .cols3-m div:after {  width:18px; height:11px; position:absolute; right:18px; top:50%; transform:translateY(-50%); content:""; background-image: url('../../../tupgaz/images/urunler-arrow.png');  }
.sects3 .cols3-m  div { position:relative;  width:70%; margin:auto; height:50px; line-height:50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#f29400; border:1px solid #f29400  }
.sects3 .cols4 {  width:24.5%; height:70.5%; right:0; bottom:0; background:#f29400; overflow:hidden; z-index:2 }


.sects3 .cols1 h5 { font-size:18px; color:#f29400; text-align:left; padding-bottom:20px }
.sects3 .cols1 p { font-size:14px; text-align:left; padding-bottom:50px }
.sects3 .cols1 .more-button { position:absolute; left:40%; transform:translateX(-50%); bottom:15%; font-size:14px }
.sects3 .cols2 img{ min-width:100%; width:auto; height:100%; position:relative; left:50%; transform:translateX(-50%)}
.sects3 .cols3 a.orange-button {  display:inline-block; margin:75px 15px 0; }
.sects3 .cols3.en-col-3 a.orange-button {  display:inline-block; margin:75px 5px 0; font-size:11px }
.sects3 .cols4 .urun-tab { width:100%; height:100%; position:absolute; left:-100%;top:0; opacity:0; -webkit-transition: all 1s;-moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.sects3 .cols4 .urun-tab.current {display: inherit;left:0;top:0; opacity:1	}
.sects3 .cols4 .urun-tab img { width:auto; max-width:100%; height:100%; position:absolute; left:50%; transform:translateX(-50%); top:0; z-index:1}
.sects3 .cols4 .urun-tab .en-yakin-button {  position:absolute; left:50%; bottom:5%; transform:translateX(-50%); padding: 21px 0px 21px 17px; width:166px; z-index:2}
.sects3.engsec3 .cols4 .urun-tab .en-yakin-button {   width:200px;}
.sects3 .cols4 .urun-tab .en-yakin-button:hover {color:#f29400 }
.sects3 .cols4 .urun-tab .en-yakin-button:after {    right: 15px; }
.sects3 .cols4 .urun-tab .en-yakin-button:hover:after {border:1px solid #f29400; color:#f29400 }

/*#tup1 .sects11 .miniSubRightInner {background: #376990;}*/
/*#tup1 .miniSubLinks {width:62%;}*/
#tup1 .sects11 .miniSubLinks a {width:auto; padding-left:15px; padding-right:15px; width:45%; font-size:13px;}


.miniSubLeft{width: 63%; float: left; height: 100%; position: relative;}
.miniSubTxt{ background: #f7f7f7; padding: 60px; font-size: 14px; color: #263339; width: 60%; position: absolute; bottom: 0; height: 70%; }
.miniSubTxt strong{display: block; font-size: 18px; padding-bottom: 15px; font-weight: bold;}
.miniSubImg{ display: block; float: right; height:auto; width: 50%; }
.miniSubLinks{ width: 55%; padding:5% 0; background: #263339; text-align: center; position: absolute; bottom: 0; right: 0; }
.miniSubLinks a{display: inline-block; margin:0 10px; color: #89cece; font-size: 13px; font-weight: bold; padding:10px 0; border:1px solid #89cece; border-radius: 20px; -webkit-border-radius: 20px;-moz-border-radius: 20px; width:218px;}
.miniSubLinks a:hover ,.miniSubLinks a.active{ background: #89cece; color: #263339; }
.miniSubRight{width: 37%; height: 100%; float: right;  padding-top: 83px;}
.miniSubRightInner{ width: 100%; height: 100%; position: relative; background: #89cece; }
.miniSubRightItem{width: 100%; height: 100%; position: absolute; display: none;}
.miniSubRightItem.active{display: block;}
.miniSubRightItem img{display: block; width: 100%; position: absolute; left:50%; top:0; margin-left:-270px; }

.miniSubRightItem a{display: inline-block; margin:0 10px; color: #fff; font-size: 14px; font-weight: bold; line-height: 40px; border-radius: 20px; -webkit-border-radius: 20px;-moz-border-radius: 20px; width: 180px; position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); background: #263339; text-align:center; z-index:22}

.right-menu-inner .miniSubTxt .miniSubTxt80 {width:80%; font-size: 14px; color: #263339;}

.urunler .miniSubRightInner,
.urunler .miniDetailTxt a, 
.urunler .miniSubTxt a,
.urunler .miniSubLinks a:hover, 
.urunler .miniSubRightInner{ background: #89cece; }
.urunler .fiyatBul {width:auto;}
.urunler .fiyatBul::before {display:none}


#tup0 .miniSubLinks a:hover ,#tup0 .miniSubLinks a.active,
#tup0 .miniDetailTxt .karavanBg,
#tup0 .miniDetailMid.karavanBg,
#tup0 .miniDetailTxt a, .miniSubTxt a,
#tup0 .miniSubLinks a.active {background: #b1dbf1; /*margin-top:15px;*/}
#tup0 .miniSubRightInner,
#tup0 .miniDetailTxt a, #tup0 .miniSubTxt a {background: #b1dbf1;}


#tup1 .miniSubLinks a:hover ,#tup1 .miniSubLinks a.active,
#tup1 .miniDetailTxt .karavanBg,
#tup1 .miniDetailMid.karavanBg,
#tup1 .miniDetailTxt a, .miniSubTxt a,
#tup1 .miniSubLinks a.active {background: #b1dbf1; /*margin-top:15px;*/}
#tup1 .miniSubRightInner,
#tup1 .miniDetailTxt a, #tup1 .miniSubTxt a {background: #b1dbf1;}


.ligthBlue .miniSubLinks a:hover ,.ligthBlue .miniSubLinks a.active,
.ligthBlue .miniDetailTxt .karavanBg,
.ligthBlue .miniDetailMid.karavanBg,
.ligthBlue .miniDetailTxt a, .miniSubTxt a,
.ligthBlue .miniSubLinks a.active {background: #b1dbf1; /*margin-top:15px;*/}
.ligthBlue .miniSubRightInner,
.ligthBlue .miniDetailTxt a, .ligthBlue .miniSubTxt a {background: #b1dbf1;}


/*
#tup1 .miniSubRightInner,
#tup1 .miniDetailTxt a, 
#tup1 .miniSubTxt a,
#tup1 .miniSubLinks a:hover, 
#tup1 .miniSubRightInner{ background: #89cece; }
#tup1 .fiyatBul {width:auto;}
#tup1 .fiyatBul::before {display:none}
*/

.miniDetailTxt {font-size:18px;}
.miniDetailTxt .karavanBg {margin-top:20px;}
.miniDetailTxt h3 {margin-bottom:25px; font-size:62px; line-height:100%;}

.aygazMiniDetail{position: relative; padding: 70px; background: #ebf3f6!important;}
.aygazMiniDetail:after{display: block; width: 50%; height: 100%; position: absolute; right:0; top:0; background: #263339; content: "";}
.aygazMiniDetail .content{position: relative; z-index: 2; min-height: 680px;}
.miniDetailTxt{width: 25%; float: left; font-size: 15px; color: #263339;}
.miniDetailTxt strong{display: block; font-size: 30px;  font-weight: normal; padding: 10px 0 20px; line-height: normal;}

.miniDetailTxt a, .miniSubTxt a{display: block; width: 250px; background: #89cece; line-height: 45px; color: #263339; font-size: 14px; padding-left:30px; border-radius: 25px; -webkit-border-radius: 25px;-moz-border-radius: 25px; font-weight: bold; position: relative; margin:40px 0 0 0;}
.miniDetailTxt a:before, .miniSubTxt a:before{width: 6px;height: 6px;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;content: "";padding: 10px;border: 1px solid #263339;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;box-sizing: border-box;background: url(/Assets/Site/images/circlepng2.png) center center no-repeat;}
.miniDetailTxt small{display: block; color: #7e8081; font-size: 11px; margin-top: 20%;}

.haberdar-et {display: block; width: 220px; background: #89cece; line-height: 45px; color: #263339; font-size: 14px; padding-left:30px; border-radius: 25px; -webkit-border-radius: 25px;-moz-border-radius: 25px; font-weight: bold; position: relative; margin:40px 0 0 0;}


.miniDetailRight{width: 25%; float: right;}
.accordionContent{width: 100%; padding-top: 10%;}
.accordionItem{border-bottom:1px solid #687175;}
.accordionItem a.aOpener{display: block; line-height:105%; padding:21px 30px 21px 0; /*line-height: 55px;*/ color: #fff; font-weight: bold; font-size: 16px; background: url(/tupgaz/images/rightArrow.png) no-repeat 95% center;}
.accordionItem a.aOpener.active, .accordionItem a.aOpener:hover{background: url(/tupgaz/images/downArrow.png) no-repeat 95% center;}
.accordionTxt{color: #fff; font-size: 15px; padding: 25px 0; line-height: 1.2; display: none;}
.accordionTxt.active{display: block;}
.accordionTxt.padding0{padding:0!important}


.accordionTable {position:relative; width:100%;  border-right:solid 1px #687175;}
.accordionTable .trRow {display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:space-between; border-top:solid 1px #687175;}
.accordionTable .trRow div{width:33.33%; padding:10px 15px; font-size:12px; border-left:solid 1px #687175;}

.miniDetailMid{ width: 30%; height: 100%; max-height:680px; background: #89cece; position: absolute; top:0; left: 35%;-webkit-box-shadow: 0px 23px 30px 0px rgba(0, 0, 0, 0.27);
-moz-box-shadow:    0px 23px 30px 0px rgba(0, 0, 0, 0.27);
box-shadow:         0px 23px 30px 0px rgba(0, 0, 0, 0.27);}
.miniDetailMid img{display: block; position: relative; width: 100%; max-width:530px;}
.miniDetailMidLinks{ width: 100%; text-align: center; position: absolute; bottom: 5%; right: 0; z-index:3;}
.miniDetailMidLinks a{display: inline-block; margin:0 10px; color: #263339; font-size: 14px; font-weight: bold; line-height: 40px; border:1px solid #263339; border-radius: 20px; -webkit-border-radius: 20px;-moz-border-radius: 20px; width: 180px;}
.miniDetailMidLinks a:hover ,.miniDetailMidLinks a.active{ background: #263339; color: #fff; }

.miniDetailMidItem{width: 100%; height: 100%; position: absolute; top:0; left: 0; display: none;}
.miniDetailMidItem.active{display: block;}
.miniDetailMidItemInner{width: 100%; height: auto; position: relative; /*padding-top: 5%;*/}
.miniDetailMidItemInner img {margin:0 auto}


.lpgTesisatiWrapper {position:relative; width:100%; height:auto; overflow:hidden; font-family:'Ubuntu', sans-serif;}

.lpg-content {position:relative; padding:75px 140px; height:auto; overflow:hidden}
.lpg-content .left {width:52%;}
.lpg-content .left h2 {font-size:52px; font-weight:400; font-family:'Ubuntu', sans-serif;}

.lpg-tesisati-txt {margin-top:24px;}
.lpg-tesisati-txt p {font-size:14px; margin-top:24px; color:#263339; font-weight:400; font-family:'Ubuntu', sans-serif;}
.lpg-tesisati-txt p:first-child {margin-top:0;}
.lpg-tesisati-txt small {display:inline-block; font-size:14px; font-weight:300; font-style:italic; margin-top:30px; color:#ffffff; font-family:'Ubuntu', sans-serif;}


.firstSection {height:calc(100vh - 100px);}
.firstSection .right {position:absolute; right:0; bottom:0; width:100%; height:100%; background:transparent url("/tupgaz/images/marin/tekne.png") no-repeat 0 bottom; background-size:cover;}

.secondSection {height:100vh; background: transparent linear-gradient(180deg, #0068A7 0%, #003E64ED 88%, #003454E0 100%) 0% 0% no-repeat padding-box;}
.secondSection .left img {position:absolute; left:-35px; bottom:25px;}
.secondSection .right {position:relative; z-index:3; padding-top:50px; float:right; width:70%; padding-left:50px;}
.secondSection .lpg-tesisati-txt a {color:#fff; text-decoration:underline; font-weight:bold; font-family:'Ubuntu', sans-serif;}
.secondSection .lpg-tesisati-txt p {color:#fff}


.lpgTesisatiForm {position:relative; width:65.2%; margin:100px auto 0;}
.lpgTesisatiForm>h3 {font-size:72px; font-weight:400; color:#263339;}

.formBilgileri {margin-top:60px;}
.formBilgileri h4 {font-size:35px; font-weight:500; color:#049AE6;} 

.lpgRow {position:relative; width:100%; margin-top:30px; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:space-between;}
.lpgRow .input { width:calc(50% - 15px)}
.lpgRow .input label {display:block; border:solid 1px #ACACAC;}
.lpgRow .input label input {background:none; border:none; width:100%; height:60px; padding:10px 30px; font-size:15px; font-weight:500; color:#64696C; font-family:'Ubuntu', sans-serif;}
.lpgRow small {display:inline-block; font-size:14px; font-weight:400; margin-top:15px; color:#263339; font-family:'Ubuntu', sans-serif;}



.lpgCaptcha {display:block; justify-content:initial;}
#formCaptcha {background:none; border:solid 1px #ACACAC; width:300px; height:60px; padding:10px 30px; font-size:15px; font-weight:500; color:#64696C; font-family:'Ubuntu', sans-serif;}
#ctl00_ContentPlaceHolder1_Image2 {position: absolute; top:13px; left:13px;}
#lpgSendBtn {display:inline-block; background:#1B9CE2; border:none; cursor:pointer; font-size:15px; font-weight:700; color:#fff; padding:20px 40px; height:60px; min-width:180px; border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;}

.mini-carousel {position:relative; width:100%; height:100%; overflow:hidden;}
.mini-carousel-item {position:relative; width:100%; height:100%;}
.mini-carousel-item img {position:relative; left:0; top:0; transform:initial; -webkit-transform:initial;-moz-transform:initial; margin-left:0}
.mini-carousel .owl-dots {left:50%!important; bottom:16%!important; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.mini-carousel .owl-dot {width:50px; height:7px; background:#4a636e; float:left; margin-right:5px; border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;}
.mini-carousel .owl-dot.active {background:#137dc2;}


.point{ position: absolute; width: 35px; height:35px; border-radius: 100%; -webkit-border-radius: 100%;-moz-border-radius: 100%; border:1px solid rgba(213,0,0,0.1); top:5%; left: 10%;}
.point a{display: block;width: 25px; height:25px; border-radius: 100%; -webkit-border-radius: 100%;-moz-border-radius: 100%; border:1px solid rgba(213,0,0,0.5); margin: 4px;}
.point a span{color: #fff; background: #d50000; font-size: 10px; display: block; width: 19px; height: 19px;border-radius: 100%; -webkit-border-radius: 100%;-moz-border-radius: 100%; text-align: center; line-height: 19px; margin: 2px;}
.point:hover{ z-index: 99; }
.point a:hover{background: #d50000; z-index: 99;}
.point a:hover span{background: #fff; color: #d50000;}

.pointDesc{ width: 400px; padding: 40px; font-size: 16px; color: #263339; position: absolute; top:160%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); background: #fff; letter-spacing: -1px; pointer-events: none; opacity: 0;  -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.pointDesc:before{width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 15px 15px;
border-color: transparent transparent #ffffff transparent; display:block; content: ""; position: absolute; top:-15px; left: 50%; margin-left: -15px;}

.point:hover .pointDesc{opacity: 1; top:140%;}

.fRow{width: 50%; float: left;}
.fRow.w100{width: 100%; float: none;}
.fRow input[type=checkbox] {position: absolute;opacity: 0; }
.fRow input[type=checkbox] + label {position: relative;cursor: pointer;padding: 0;font-size: 12px;color: #676767; line-height: 26px; display: inline-block; padding-left: 30px;}
.fRow input[type=checkbox] + label:before {content: '';margin-right: 10px;display: inline-block;vertical-align: text-top;width: 20px;height: 20px;background: #f7f7f7;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border: 1px solid #546e7a; position: absolute; left: 0; top:6px; }
.fRow input[type=checkbox]:hover + label:before {border: 1px solid #44a9f0; }
.fRow input[type=checkbox].error + label:before {border: 1px solid #ff0000; }
.fRow input[type=checkbox]:checked + label:before {border: 1px solid #44a9f0;background: #f7f7f7 url(/tupgaz/images/check.png) no-repeat center; }
.fRow input[type=checkbox]:disabled + label {color: #b8b8b8;cursor: auto; }
.fRow input[type=checkbox]:disabled + label:before {box-shadow: none;background: #ddd; }

.fRow input[type=radio] {position: absolute;opacity: 0; }
.fRow input[type=radio] + label {position: relative;cursor: pointer;padding: 0;font-size: 13px;color: #676767; line-height: 26px; display: inline-block; padding-left: 30px;}
.fRow input[type=radio] + label:before {content: '';margin-right: 10px;display: inline-block;vertical-align: text-top;width: 20px;height: 20px;background: #f7f7f7;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border: 1px solid #546e7a; position: absolute; left: 0; top:6px; }
.fRow input[type=radio]:hover + label:before {border: 1px solid #44a9f0; }
.fRow input[type=radio].error + label:before {border: 1px solid #ff0000; }
.fRow input[type=radio]:checked + label:before {border: 1px solid #44a9f0;background: #f7f7f7 url(/tupgaz/images/check.png) no-repeat center; }
.fRow input[type=radio]:disabled + label {color: #b8b8b8;cursor: auto; }
.fRow input[type=radio]:disabled + label:before {box-shadow: none;background: #ddd; }

.lblCaption{font-weight: bold; color: #1b9ce2; border-bottom: 1px solid #1b9ce2; padding-bottom: 10px; margin-bottom:10px; display: block;}

.orderResult{width: 100%; background: #eee; border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px; padding: 15px;}
.rRow{width: 100%; border-bottom: 1px solid #ccc; padding: 5px;}
.rRow:after{display: block; content: ""; width: 100%; height: 0; clear: both;}
.rRow strong{float: right; color: #44a9f0; font-weight: bold;}

.formCampaignInfo{display: none;}
#totalTxt{color:#00b841;}

.orderForm{display: none;}
.miniError{ padding: 15px; border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px; color:#000000; display: none;}

.homeTopArea{ width:100%; display:inline-block; font-size:0; background:#cacbcd }
.owl-carousel.fullSlider .owl-item img{ width:100%;}
.owl-carousel.fullSlider .owl-dots{ position:absolute; left:2%; bottom:5%;}
.homeLeftArea, .homeRightArea { float:left; position:relative; display:block}
.homeLeftArea {width: 66.6%}
.homeRightArea{width: 33.4%;  background:#cacbcd; position:absolute; right:0; top:120px; z-index:2  }
.owl-carousel.tupgaz .owl-item img { height:auto}
.teaser-1 .enyakinaygaz { width:100%; position:relative; text-align:center;    padding: 70px 10% 0; height:100%; box-sizing:border-box; background:#263339}
.teaser-1 .enyakinaygaz h3{ font-family: 'Kalam', cursive; font-size:55px; color:#039be5; font-weight:700; line-height:20px}
.teaser-1 .enyakinaygaz h4{  font-size:29px; color:#fff; font-weight:700; letter-spacing:-2px }
.teaser-1 .enyakinaygaz img {  width:auto; max-width:98%; display:block; clear:both; margin:20px auto }
.onlineDefault { height:42%; width:100%;  padding:70px 10% 0}
.mobil-right-tupgaz, .mobil-left-tupgaz { width:50%; float:left}
.mobil-top-tupgaz { padding-left:10px; text-align:left; margin-bottom:10px}
.onlinet1 { font-size:25px; color:#1b2429; font-weight:500}
.onlinet2 {     font-family: 'Kalam', cursive;    font-size: 31px;    color: #004c8b;    font-weight: 700;    line-height: 39px;}
.onlinet3 { padding:30px 0 0; position:relative}
.onlinet3 img { float:right; width:64%; max-width:323px}
.onlinet3 a { position:absolute; left:0; bottom:0; width:30%; background:#f39c12;     padding: 21px 0 21px 20px;  font-size: 14px;    color: #fff;    font-weight: 700;     border-radius: 3px;
    display: inline-block; }
.onlinet3 a:hover {  width:30%; }

.teaser-1 .enyakinaygaz .grad-button { box-shadow:none;-webkit-box-shadow: none;-moz-box-shadow:none; -o-box-shadow: none;    width: 90%; margin:0 auto; text-align:left }
.new-input { width:90%; height:60px; padding:0 0 0 10px; display:block; margin:0 auto; background:#0971ce; border:1px solid #fff;font-size:13px;color:#fff;-webkit-appearance:none; z-index:1; display:block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;   }
.teaser-1, .teaser-2{position:relative; height:393px}
.teaser-1 { width:33.3%; background:#039be5; float:left}
/*.teaser-1 div { width:30%; position:absolute; left:55px; top:55px}
.teaser-1 div h3 {font-size:36px; font-weight:500; color:#fff; }
.teaser-1 div p {font-size:15px; margin:30px 0 70px; color:#fff; line-height:normal }*/
.kamp_t_a { width:100%; height:100%; position:absolute; display:block; top:0; left:0}
/*.teaser-1 img{ width:auto; max-width:71%; right:0; display:block; bottom:0; position:absolute}*/
.teaser-2 { width:66.7%; position:relative; float:left; background:#eee }
.teaser-2 .tupler { width:95%; position:relative; margin:0 auto;    top: 50%;    transform: translateY(-50%); }
.teaser-2 .tupler .left { width:43%; float:left; text-align:center}
.teaser-2 .tupler .left img { vertical-align:bottom; display:inline-block; margin:0 5px; opacity:0.3; cursor:pointer}
.teaser-2 .tupler .left img.active {  opacity:1}
.teaser-2 .tupler .right { width:57%; float:left}

.homeCampaigns{position: relative; height: 100%;}
.homeCampaigns div { width:30%; position:absolute; left:0; top:0}
.homeCampaigns div h3 {font-size:36px; font-weight:500; color:#fff; }
.homeCampaigns div p {font-size:15px; margin:30px 0 70px; color:#fff; line-height:normal }
.homeCampaigns img{ width:auto; max-width:71%; right:0; display:block; bottom:0; position:absolute}

.homeRightArea .aygazMiniTeaser { width:100%; position:relative; text-align:center;    padding: 20px 10%; height:58%; box-sizing:border-box; background:url(../../../tupgaz/images/miniTeaserBg.jpg); background-size: cover; text-align: left; font-size: 16px; color: #263339;}
.homeRightArea .aygazMiniTeaser h2{font-size: 36px; margin-bottom: 20px;}
.homeRightArea .aygazMiniTeaser a{display: block; font-weight: bold; font-size: 14px; border:1px solid #263339; border-radius: 3px; -webkit-border-radius: 3px;-moz-border-radius: 3px; text-align: center; line-height: 35px; margin-top: 10px; color: #263339;}
.homeRightArea .aygazMiniTeaser a.miniLink{ color: #fff; background: #263339; }
.homeRightArea .aygazMiniTeaser a:hover{background: #303f46; color:#fff;}
.miniTeaserTxt{width: 45%; float: left;}
.miniTeaserImg{float: right; width: 50%; margin-top:12%;}

.tup-slider { padding-top:5%}
.tup-slider .title { display:inline-block; text-align:left}
.tup-slider .top, .tup-slider .bottom { width:100%; position:relative}
.tup-slider .top:after { width:100%; height:1px; position:absolute; bottom:30%; left:0; z-index:-1; content:""; background:#039be5}
.tup-slider .bottom { font-size:15px; color:#263339; line-height:normal}
.tup-slider .bottom a {    color: #263339;}
.tup-slider h3 { font-size:124px; letter-spacing:-8px; color: transparent;  -webkit-text-stroke-width: 1px;    -webkit-text-stroke-color: black; font-weight:700; display:inline-block; background:#eee;    padding-right: 10px;; display:none}
.tup-slider .title { display:inline-block;background:#eee;    padding-right: 20px;}
.tup-slider .title h4 { font-size:36px; font-weight:500;  color:#263339;    line-height: 38px;}
.tup-slider .title h5 { font-size:24px; font-weight:700;  color:#039be5;clear:both;font-family: 'Kalam', cursive;}
.tup-slider .grad-button { max-width:160px; float:right; clear:right;margin-right: 5px; margin-top:35px}
.tup-slider.owl-theme .owl-nav [class*=owl-]{ }
.tup-slider.owl-theme .owl-nav { margin:0; position:absolute; bottom:0; left:0; display:inline-block; background:#eee; padding:15px 0}

.bottom-area { width:100%}
.bottom-area .cihazlar-area  { float:left; position:relative}
.bottom-area .cihazlar-area{ width:66.7%;  }
.bottom-area .bottom-right{ width:33.3%}
.cihazlar-area .cihazlar-menu, .cihazlar-area .slider-area, .bottom-area .bottom-right {float:left; position:relative;  height:600px}
.cihazlar-area .cihazlar-menu{ width:37.5%; background:#1b2429; padding:0 55px 0 80px }
.cihazlar-area .slider-area {width:62.5%}
.cihaz-slider { width:100%; font-size:15px; height:100%;background:#37474f; position:absolute; z-index:0; top:0; left:0}
.cihaz-slider.current{z-index:1; opacity:1}
.cihazlar-area h3{ font-size:25px; font-weight:700; color:#fff; margin:55px 0 55px }
.cihazlar-area h3 span{ font-size:38px; font-weight:700; color:#c0ca33;font-family: 'Kalam', cursive; width:100%; clear:both;display:block;    line-height: 43px;  }
.cihazlar-area .menu-area  { width:100%; display:block; margin-bottom:105px}
.cihazlar-area .menu-area  a  {  font-size:15px; font-weight:500; clear:both; display:inline-block;color:#fff; padding:13px 43px 13px 43px; margin:1px 0;-webkit-border-radius: 25px;-moz-border-radius: 25px; border-radius:25px; position:relative; cursor:pointer;letter-spacing: -0.2px; -webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s  }
.cihazlar-area .menu-area  a:after  { width:5px; height:5px; border-radius:50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; position:absolute; top:18px; left:19px; background:#fff; content:"" }
.cihazlar-area .menu-area  a:hover:after, .cihazlar-area .menu-area a.select:after  {  background:#1b2429; font-weight:700;}
.cihazlar-area .menu-area  a:hover, .cihazlar-area .menu-area a.select   {  background:#fff; color:#1b2429;  }

.owl-carousel.urun-slide .owl-item .urun-slide-img { width:100%;  height:60%; position:relative }
.owl-carousel.urun-slide.c-457 .owl-item .urun-slide-img, .owl-carousel.urun-slide.c-1281 .owl-item .urun-slide-img {  height:40%; }
.owl-carousel.urun-slide.c-464 .owl-item .urun-slide-img, .owl-carousel.urun-slide.c-1283 .owl-item .urun-slide-img  {  height:45%; }
.owl-carousel.urun-slide .owl-item .urun-slide-img img { height:auto; width:auto; max-height:85%; position:absolute; max-width:86%; bottom:0; left:50%; transform:translateX(-50%); position:absolute  }
.owl-carousel.urun-slide.c-457 .owl-item .urun-slide-img img, .owl-carousel.urun-slide.c-1281 .owl-item .urun-slide-img img {  max-height:94%;   }
.owl-carousel.urun-slide .owl-item .grad-button {  position:relative; width:100%; max-width:100% }
.owl-carousel.urun-slide .item{ position:relative; padding:0 40px}

.owl-carousel.urun-slide .owl-item.active .item:after{position:absolute; height:100%; width:1px; top:0; left:-1px; background:#d6d6d6; content:""}
.owl-carousel.urun-slide .owl-item ul { width:100%; height: 25%;    /*padding-top: 15px; */ padding-top: 20px;   }
.owl-carousel.urun-slide .owl-item ul li { float:left; font-size:11px; color:#263339; margin:2px 0; position:relative }
.owl-carousel.urun-slide .owl-item ul li.first { font-size:15px; font-weight:700; margin-bottom:15px; width:100%; clear:both; float:none }



.owl-carousel.urun-slide .owl-item ul li:nth-child(2n+2) { width:100%; clear:both}
.owl-carousel.urun-slide .owl-item ul li:nth-child(2n+1) { padding-left:0px}
.owl-carousel.urun-slide .owl-item ul li:nth-child(2n+1):after { position:absolute; left:0px; top:0; content:":"; display:none}
.owl-carousel.urun-slide .owl-item ul li.palmiye:nth-child(2n+1):after {display:block}
.owl-carousel.urun-slide .owl-item ul li.palmiye:nth-child(2n+2) {    width: 51%;    clear: both;}
.owl-carousel.urun-slide .owl-item ul li.palmiye:nth-child(2n+1) {    padding-left: 5px;}

.owl-carousel.fullSlider .owl-dots { display:none}


.owl-carousel.urun-slide .owl-item ul li.first:after{ display:none; }
.owl-carousel.urun-slide .owl-item ul li.first{ padding-left:0}
.owl-carousel.urun-slide, .owl-carousel.urun-slide .owl-stage, .owl-carousel.urun-slide .owl-item, .owl-carousel.urun-slide .item  { height:100%}
.owl-carousel.urun-slide .owl-stage-outer { height:81%; background:#ffffff}
.owl-carousel.urun-slide .owl-nav, .owl-carousel.urun-slide .owl-dots{ position:absolute; bottom:44px; right:10%; margin:0; padding:0}
.owl-carousel.urun-slide .owl-dots{left:10%; right:auto}
.owl-theme.urun-slide.arrow1.light .owl-nav .owl-next { margin-left:60px}

.bottom-right .top, .bottom-right .bottom  { height:44%;  background: url('../../../tupgaz/images/bg-teaser.jpg') left top no-repeat #00316e; padding:40px 70px 0}
.bottom-right .bottom { height:56%; background:#4c6f81}
.bottom-right .top .left, .bottom-right .top .right  { width:48%; float:left}
.bottom-right .top .right  { width:50%; float:right}
.bottom-right .top .left h3, .bottom-right .bottom .left h3 { font-size:36px; font-weight:500; line-height:36px; color:#8cdaf5; letter-spacing:-1px }
.bottom-right .top .left h3 span,.bottom-right .bottom .left h3 span { font-size:24px; font-weight:700; color:#faf7f2;font-family: 'Kalam', cursive;  display:block }
.bottom-right .top .left p, .bottom-right .bottom .left p { font-size:15px; color:#fff; padding:15px 0}
.bottom-right .top .right img  { width:auto; max-width:100%;}

.bottom-right .bottom .left, .bottom-right .bottom .right  { width:40%; float:left; position:relative}
.bottom-right .bottom .right  { width:54%; float:right}
.bottom-right .bottom .left { height:272px}
.bottom-right .bottom .left h3 { color:#fff }
.bottom-right .bottom .left h3 span {color:#ffca28; }
.bottom-right .bottom .left p {  color:#faf7f2; }
.bottom-right .bottom .left a.navy-button { position:absolute; bottom:0 }

.bottom-right .bottom .right .selectdiv { margin: 0 auto 15px;  }
.bottom-right .bottom .right .selectdiv-numeric { margin: 0 auto; font-size:14px; color:#fff; }
.bottom-right .bottom .right .selectdiv-numeric div { position:absolute; top:50%; display:inline-block; left:10px; transform:translateY(-50%)}
.bottom-right .bottom .right .selectdiv-numeric span { font-size:40px; font-family: 'ds-digitalnormal'; }

.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: 671px;}
.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:15px;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;}
.aygazKartContainer .aygazKartRight a:last-child{/* padding-right:0;border-right:0; */}
section.en-yakin-bayimiz .right-menu-inner { display:block }
.right-inner, .left-inner { width:46%; display:block; float:left; min-height:100%; position:relative }
.en-yakin-bayimiz .right-inner, .en-yakin-bayimiz .left-inner { height:calc(100vh - 120px) }
.left-inner.float-r { float:right;background-color: #e8ecef; background-image: url('../../../tupgaz/images/bg-fiyatlar.png'); background-position:center center; 
background-repeat:no-repeat; background-size: auto 80% }
.left-inner  .main-content { padding:73px 100px 0 60px; height:100%}
.right-inner  { background:#e8ecef; width:54% }
.right-inner  .main-content { padding:73px 140px 0 80px;  }
.right-inner  .main-content h3 span { font-size:40px; font-weight:300  }
.right-inner h3, .right-inner h1, .left-inner h3, .left-inner h1 { width:50%; display:table-cell; min-height:100%; padding-bottom:45px; letter-spacing:-4px; font-size:60px }
.right-inner h3, .right-inner h1{padding-bottom:17px;}
.en-yakin-bayimiz .box { width:30%; float:left; margin:0 22px 22px 0}
.en-yakin-bayimiz .box .selectdiv { margin:0; width:100%; color:#252525; height:50px}
.en-yakin-bayimiz .box .selectdiv  select { color:#252525}
.en-yakin-bayimiz .box .selectdiv .nice-select {color:#252525;border: 1px solid #64696c;height: 50px;line-height: 50px;}
.en-yakin-bayimiz .box .selectdiv .nice-select:after {border-bottom: 2px solid #000;border-right: 2px solid #000;}
.en-yakin-bayimiz .box h4 { color:#64696c; font-size:13px; letter-spacing:normal; height:25px}
.en-yakin-bayimiz .left-inner a.call-button { margin-top:25px; width:22.5%; padding:15px 40px }
#sorgu { position:absolute; width:100%; height:46%; bottom:-4%; left:0;  padding:0 100px 0 60px; }
#sorgu div.bayiler {font-size:14px; font-weight:500; display:block;  border-bottom:1px solid #e8ecef; color:#252525; position:relative; z-index:99; padding:10px 0}
#sorgu div.bayiler span small { display:block; clear:both; width:100%; font-weight:300}
#sorgu div.bayiler span {position:relative;  left:38px; display:block}
#sorgu div.bayiler a.map {position:absolute; top:50%; transform:translateY(-50%); right:38px; left:auto; padding-right:40px; height:31px; line-height:31px; color:#137dc2; opacity:0}
#sorgu div.bayiler:hover a.map { opacity:1}
#sorgu div.bayiler a.map:after { width:26px; height:31px; background: url('../../../tupgaz/images/mapico.png') no-repeat; position:absolute; top:0; right:0; content:"" }
#sorgu div.bayiler:hover {background:#e8ecef}
#sorgu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #sorgu2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #sorgu3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar , #sorgu4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar  { background-color:#137dc2}
#sorgu .mCSB_scrollTools .mCSB_draggerRail, #sorgu2 .mCSB_scrollTools .mCSB_draggerRail, #sorgu3 .mCSB_scrollTools .mCSB_draggerRail, #sorgu4 .mCSB_scrollTools .mCSB_draggerRail{    background-color: #e8ecef;}
#sorgu div.bayiler span.bayi-adi { width: 65%;}
.right-inner .tupler { width:40%; float:left; height:595px}
.right-inner .tupler a {color:#989fa4; font-size:16px; font-weight:500; padding:20px 0 20px 90px; border-bottom:1px solid #d4d8db; display:block; position:relative; width:100%;-webkit-transition: all .5s;-moz-transition: all .5s; -o-transition: all .5s; transition: all .5s}
.right-inner .tupler.eng-t-eyb a { font-size:14px; }
.right-inner .tupler a:hover, .right-inner .tupler a.select {padding:20px 0 20px 32px;}
.right-inner .tupler a:after { width:0; height:100%; left:0; top:0; background:#263339; content:""; position:absolute;-webkit-transition: all .5s;-moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.right-inner .tupler a:hover:after, .right-inner .tupler a.select:after { width:8px; left:-8px}
.right-inner .tupler a:before {width:6px; height:6px; position:absolute; top:50%; transform:translateY(-50%); right:20px; content:""; padding:10px;  border:1px solid #263339; -webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px; box-sizing:border-box; background:url(/Assets/Site/images/circlepng2.png) center center no-repeat; opacity:0 }
.right-inner .tupler a:hover:before, .right-inner .tupler a.select:before { opacity:1 }
.right-inner .tupler a img { position:absolute; left:32px; top:50%; transform:translateY(-50%); height:auto; max-height:46%;-webkit-transition: all .5s;-moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity:1}
.right-inner .tupler a.last { border-bottom:0}

.right-inner .tupler a:hover img, .right-inner .tupler a.select img {opacity:0; left:10px}
.right-inner .fiyat-area { width:50%; float:right; position:relative }
.right-inner .detay { width:100%; -webkit-transition: all 1s;-moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; z-index:0; opacity:0;  position:absolute; top:30px; }
.right-inner .detay.current { display:inherit; z-index:1; opacity:1; top:0}
.right-inner .fiyat-area .box { width:45%; float:none}
.right-inner .fiyat-area.fiyatlar .box {float:left; margin-right:5%}
.right-inner .detay-area { width:100%; position:relative }
.right-inner .detay .data { width:100%;color:#252525;}
.right-inner .detay .data h5 span {font-family: 'ds-digitalnormal'; font-size:90px;font-weight:normal; }
.right-inner .detay .data h5  {font-size:32px; font-weight:300;  display:block;    padding: 15px 0;}
.right-inner .detay .data p  {font-size:14px; font-style:italic;}
.mCSB_scrollTools .mCSB_buttonRight { display:none}
.sorgu-img { position: absolute;    left: 33%;    max-height: 60%;    bottom: 6%;}
#sorgu, .right-inner, .sorgu-img {-webkit-transition: all 1s;-moz-transition: all 1s; -o-transition: all 1s; transition: all 1s}
.opac-0 { opacity: 0;  filter: alpha(opacity=0); }
.opac-1 { opacity: 1;  filter: alpha(opacity=100); }
.nopad { padding-top:0 !important}
.kampanyaWrapper{ width:100%; float:left;  background:#e8ecef ;}
.kampanyaWrapper h1, .kampanyaWrapper h3{ font-size:60px; 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; height:125px}
.kampanyaWrapper .kampanyalarCenter a .detailKampanya .kampanyaAdi{ float:none; font-size:18px; color:#3f3f3f ; font-weight:500; margin:0 0 7px 0;}
.kampanyaWrapper .kampanyalarCenter a .detailKampanya .kampanyaTarih{float:none; font-size:18px; 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; }
.kampanyaDetay h3, .kampanyaDetay h1{font-size:60px;letter-spacing:-3px;margin-bottom: 20px;}
.kampanyaDetay .kampanyaLeft{float:left;width: 46%;}
.kampanyaDetay .kampanyaLeft .tarihDetay.duyurusu{ padding:4px; font-size:16px; font-weight:500; display:none}
.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 .kampanyaRight{ float:left; width:54%;}
.kampanyaDetay .kampanyaRight img{ display:block; margin:0 auto;}

.sects .bottom-content { display:none}
.sects .bottom-content.current { display:inherit}
.bg-gray {    background: #e1e1e1;}
.cardPageWrapper{;width:100%;float:left;position: relative;}
.cardPageWrapper h3{margin-bottom:70px;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:41%;}
.cardPageWrapper .nasilFaydalanirimRightImg2{position:absolute;right: 2.5%;bottom: 17%; width:41%;}
.cardPageWrapper .nekadarPuanimVar{position:absolute;right: 2.5%;bottom: 17%;width: 39%;}
.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}
.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;}

.accordionheader{cursor:pointer;    }
.accordioncontent{display: none;width:100%; overflow:hidden; }

.sss { width:100%}
.sss li { width:100%; border-top:1px solid #e8ecef; padding:20px; position:relative }
.sss li:after { width:18px; height:10px;  position:absolute; right:20px; top:25px; content:""; background-image: url('/tupgaz/images/accordion.png'); }
.sss li.secili:after { background-image: url('/tupgaz/images/accordion-hover.png'); }
.sss li.secili:before { width:5px; height:100%; position:absolute; left:0; top:0; content:""; background:#3498db; }

.sss li .accordionheader { font-size:20px; font-weight:500;  }
.sss li .accordioncontent { font-size:14px;  padding-top:20px }
#sorgu2 {    width: 65%;    height: 250px;    display: block;    overflow: hidden;    position: absolute;    top: 23%;padding-top: 20px;}
#sorgu3 {width: 75%;height: 270px;display: block;overflow: hidden;position: absolute;top: 10%;}
#sorgu4 {width: 75%;height: 290px;display: block;overflow: hidden;position: absolute;top: 10%;}

.sects .full .box .more-button { position:absolute; left:50%; transform:translateX(-50%); bottom:5% }
.maparea { width:54%; height:100%; position:absolute; right:-55%; top:0; background:#1b9ce2; z-index:99; opacity:1;   text-decoration:none;-webkit-transition: all .9s;-moz-transition: all .9s; -o-transition: all .9s; transition: all .9s}
#map-container { width:100%; height:100%; z-index:2 }
.close-map { width:57px; height:57px; z-index:3; background-image: url('/Assets/Site/images/close-popup.png'); background-size:100% 100%; background-repeat:no-repeat;position: absolute;
    top: 0;    right: 0;    display: block; }
section#tupgaz.en-yakin-bayimiz { overflow:hidden}
#sorgu a.bayiler{    color: #283339;}
.aygazKartRight.owl-carousel { display:block}
.right-inner.fiyatlar { padding-bottom:100px}
.tupsec.box, .tupsec.call-button { display:none}
.mobil-gorsel { display:none}
.mapmob {display:none}
.cihazlar-menu-mobil { display:none}
.mobils-1 { display:none}
.sects3 .cols1 h5 { letter-spacing:0 !important}
.right-menu a.submenu4 {  }
.right-menu a.submenu4:after { content:"\f054"; font-size: 11px; top:0px; transform:none; background:none;font-family: FontAwesome;}
.right-menu a.submenu4.select {  }
.right-menu a.submenu4.select:after { content:"\f078"; left:-3px }
.mobilSlide{ display:none !important;}
.phonelink { cursor:default; color:#252525}
.miniDetailTxt a.online-order-form { margin-top:10px; }




.online-order-form-button{display: block; width: 250px; background: #89cece; line-height: 45px; color: #263339; font-size: 14px; padding-left:30px; border-radius: 25px; -webkit-border-radius: 25px;-moz-border-radius: 25px; font-weight: bold; position: relative; margin:40px 0 0 0;}
.online-order-form-button:before{width: 6px;height: 6px;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;content: "";padding: 10px;border: 1px solid #263339;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;box-sizing: border-box;background: url(/Assets/Site/images/circlepng2.png) center center no-repeat;}

.mini-haberdar-et-formu { font-size:42px; }

#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;}


.lpgBox{ font-size:18px; color:#263339; margin-bottom:85px; line-height:1.5;}
.lpgBox span{ font-size:36px; padding: 40px 85px; display:block; background:#edf4fa; font-weight: bold;}
.lpgBox span + ul { padding: 65px 85px; margin-top: 20px; background:#edf4fa; }
.lpgBox span small{ font-size:18px; color:#edf4fa; border: 5px solid #edf4fa; outline: 5px solid #000000; background: #000000; padding: 5px; float: left;
    margin-right: 20px;}
.lpgBox ul li{list-style-type:disc; margin:0 0 15px 20px;}
.lpgBox ul ul{padding-left:45px;}


.lpgBox:nth-child(2) span { background:#e2effa;}
.lpgBox:nth-child(2) span small { color:#e2effa; border: 5px solid #e2effa;}
.lpgBox:nth-child(2) span + ul { background:#edf4fa;}
.lpgBox:nth-child(3) span { background:#d9f7f5;}
.lpgBox:nth-child(3) span small { color:#d9f7f5; border: 5px solid #d9f7f5;}
.lpgBox:nth-child(3) span + ul { background:#edfaf9;}
.lpgBox:nth-child(4) span { background:#edfaf9;}
.lpgBox:nth-child(4) span small { color:#edfaf9; border: 5px solid #edfaf9;}
.lpgBox:nth-child(4) span + ul { background:#faf2ed;}
.lpgBox:nth-child(5) span { background:#fce9dd;}
.lpgBox:nth-child(5) span small { color:#fce9dd; border: 5px solid #fce9dd;}
.lpgBox:nth-child(5) span + ul { background:#faf2ed;}
.lpgBox:nth-child(6) span { background:#f6fedd;}
.lpgBox:nth-child(6) span small { color:#f6fedd; border: 5px solid #f6fedd;}
.lpgBox:nth-child(6) span + ul { background:#f7faed;}
.lpgBox:nth-child(7) span { background:#e5e7ff;}
.lpgBox:nth-child(7) span small { color:#e5e7ff; border: 5px solid #e5e7ff;}
.lpgBox:nth-child(7) span + ul { background:#edeefa;}
.lpgBox:nth-child(8) span { background:#f5e4ff;}
.lpgBox:nth-child(8) span small { color:#f5e4ff; border: 5px solid #f5e4ff;}
.lpgBox:nth-child(8) span + ul { background:#f5edfa;}
.lpgBox:nth-child(9) span { background:#fce1e1;}
.lpgBox:nth-child(9) span small { color:#fce1e1; border: 5px solid #fce1e1;}
.lpgBox:nth-child(9) span + ul { background:#faeded;}

.right-inner.fiyatlar .detay .data img { width:100%; }









/*Class*/
.noPT {padding-top:0!important;}
.clearBoth {clear:both!important}
/*Class*/

.lpgGuvenlikWrapper .img-desktop {display:block!important;}
.lpgGuvenlikWrapper .img-mobile {display:none!important;}

.lpgGuvenlikWrapper {position:relative; overflow:hidden;}
.lpgGuvenlikWrapper h2 {font-size:40px; font-weight:700; color:rgba(67,76,91,.72); padding-bottom:10px;}
.lpgGuvenlikWrapper p {font-size:16px; font-weight:400; padding-top:22px; line-height:22px; color:#263339; letter-spacing:-1px;}


/*Toolbox*/
.lpgGuvenlikToolboxWrapper {position:fixed; right:2px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); width:100px; height:390px; overflow:hidden; z-index:88; border-radius:25px; -webkit-border-radius:25px;-moz-border-radius:25px;}

.lpgGuvenlikBg {position:absolute; left:0; top:0; width:100%; height:100%; background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 1; backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); filter:blur(50px); z-index:1;}
.lpgGuvenlikToolbox {position:relative; width:100%; height:100%; padding:15px 10px; z-index:3;}
.lpgGuvenlikToolbox a {display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:20px;}
.lpgGuvenlikToolbox a i {display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:center; align-items:center; width:50px; height:50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background:#ffffff; box-shadow: 0px 3px 15px #00000029;}
.lpgGuvenlikToolbox a:first-child i {background:#006FCC; margin-top:0;}
.lpgGuvenlikToolbox a i svg {}
.lpgGuvenlikToolbox a span {width:100%; font-size:11px; font-weight:500; padding:5px 2px; margin-top:-6px; color:#434C5B; text-align:center; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; background:#ffffff; box-shadow: 0px 3px 15px #00000029;}
/*Toolbox*/



/*Aygaz Marin Main*/
.mainImg {position:relative; width:100%;}
.mainImg img {width:100%; height:auto;}
.mainImg .txtContainer {position:absolute; right:140px; bottom:185px; width:100%; text-align:right; color:#fff; }
.mainImg .txtContainer h2 {color:#ffffff;}
.mainImg .txtContainer .txtDesc {float:right; padding-bottom:100px;}
.mainImg .txtContainer p {font-size:17px; font-weight:500; padding-top:0; color:#ffffff;}
.scrollToBottom {position:absolute; right:0; bottom:0; width:21px; height:61px; z-index:33; cursor:pointer;}
.scrollToBottom i {display:block; width:21px; height:61px; background:transparent url("/tupgaz/images/aygaz_marin/scroll_icon.svg") no-repeat 0 0; animation: scrollAnimate 2s ease infinite; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}

@keyframes scrollAnimate {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-20px);}
	60% {transform: translateY(-10px);}
}

.lpgGuvenlikRandevuWrapper .mainImg .txtContainer {right:80px;}
/*Aygaz Marin Main*/


/*LPG Sistemi*/
.lpgSistemi {position:relative; width:77.6%; margin:200px auto 150px; padding-bottom:8px;}
.lpgSistemi::before,
.lpgSistemi::after {content:""; position:absolute; bottom:0; height:8px; background:#434C5B;}
.lpgSistemi::before {width:70%; left:0; z-index:2;}
.lpgSistemi::after {width:30%; left:70%; z-index:3; background:#1B9CE2;}
.lpgSistemi .flexContainer {display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:space-between; background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 66px #00000021;}
.lpgSistemi .imgContainer {width:39.73%;}
.lpgSistemi .imgContainer img {width:100%; height:auto;}

.lpgSistemi .txtContainer {width:51.67%; padding:0 70px; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
.lpgSistemi .txtContainer h2 {font-size:47px; padding-bottom:30px;}
.lpgSistemi .txtContainer p {padding-top:30px;}
.lpgSistemi .linkContainer {width:8.6%; background:#D8D9DC;}
.lpgSistemi .linkContainer a {display:block; position:relative; width:100%; height:100%;}
.lpgSistemi .linkContainer a span{display:inline-block; font-size:21px; font-weight:700; color:rgba(67,76,91,.9);  position:absolute; top:64%; transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.lpgSistemi .linkContainer a span::before {content:""; position:absolute; right:-59px; top:44%; width:16px; height:44px; margin-top:-22px; background:transparent url("/tupgaz/images/aygaz_marin/content_scroll.svg") no-repeat 0 0; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg);}
/*LPG Sistemi*/


/*Aygaz Marin Ailesi*/
.aygaz_marin_ailesi {position:relative; width:100%; padding:56px 0 0;}
.aygaz_marin_ailesi .flexContainer {display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:space-between; background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 66px #00000021;}
.aygaz_marin_ailesi .imgContainer {position:relative; width:58.85%; padding-bottom:80px;}
.aygaz_marin_ailesi .imgContainer img {position:relative;}
.aygaz_marin_ailesi .imgContainer .img1 {width:46.63%; float:left; margin-left:70px; margin-top:-56px;}
.aygaz_marin_ailesi .imgContainer .img2 {width:46.81%; float:right; margin-top:12%;}

.aygaz_marin_ailesi .txtContainer {position:relative; width:41.15%; padding:140px 160px 140px 80px; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
.aygaz_marin_ailesi .txtContainer .txtDesc {}
.aygaz_marin_ailesi .txtContainer .txtDesc h2 {font-size:47px; padding-bottom:30px;}
.aygaz_marin_ailesi .txtContainer p {padding-top:30px;}
/*Aygaz Marin Ailesi*/


/*Aygaz Teknik Özellikler*/
.ozellikler_avantajlar {position:relative; width:100%; margin:0 auto; padding-top:8px; background:#263339;}
.ozellikler_avantajlar::before,
.ozellikler_avantajlar::after {content:""; position:absolute; top:0; height:8px; background:#434C5B;}
.ozellikler_avantajlar::before {width:56%; left::0; z-index:2;}
.ozellikler_avantajlar::after {width:44%; left:56%; z-index:3; background:#1B9CE2;}
.ozellikler_avantajlar>.flexContainer {display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:space-between; padding:0;}
.ozellikler_avantajlar>.flexContainer>div {position:relative; padding:70px 40px 0;}

.ozellikler_avantajlar .marin_avantajlar {width:37.24%;}
.ozellikler_avantajlar .marin_avantajlar img {position:absolute; right:0; bottom:-10%;}
.ozellikler_avantajlar .marin_avantajlar h2 {padding-bottom:10px;}

.ozellikler_avantajlar .teknik_ozellikler {position:relative; width:25.507%; padding:0 0 70px!important;}
.ozellikler_avantajlar .teknik_ozellikler .gelcoatWrapper p {padding-top:0; width:90%; margin:0 auto; text-align:center;}
.ozellikler_avantajlar .teknik_ozellikler .accordionTable {color:#ffffff; font-size:15px; line-height:1.2; border-bottom:1px solid #687175; width:calc(100% - 5px);}
.ozellikler_avantajlar .teknik_ozellikler .accordionTable .trRow div {display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; padding:18px;}

.ozellikler_avantajlar .mini_vanali_avantajlar {width:37.24%;}
.ozellikler_avantajlar .mini_vanali_avantajlar>div>img {position:absolute; left:-10%; bottom:-20%;}
.ozellikler_avantajlar .mini_vanali_avantajlar>div {margin-top:30px;}
.ozellikler_avantajlar .mini_vanali_avantajlar>div:first-child {margin-top:0;}
.ozellikler_avantajlar .mini_vanali_avantajlar .qrcode {position:absolute; right:70px; bottom:6%; max-width:240px;}
.ozellikler_avantajlar .mini_vanali_avantajlar .qrcode p {text-align:center;}
.ozellikler_avantajlar .mini_vanali_avantajlar .qrcode .keyifli_bahce_link span, 
.ozellikler_avantajlar .mini_vanali_avantajlar .qrcode .aygaz_mobil_link span {color:#ffffff;}

.ozellikler_avantajlar .teknik_ozellikler h2,
.ozellikler_avantajlar .marin_avantajlar h2,
.ozellikler_avantajlar .mini_vanali_avantajlar h2 {letter-spacing:-2px; color:#ffffff;}
.ozellikler_avantajlar .teknik_ozellikler h2 {padding-bottom:30px; text-align:center;}

.ozellikler_avantajlar .mini_vanali_avantajlar p,
.ozellikler_avantajlar .marin_avantajlar p,
.ozellikler_avantajlar .teknik_ozellikler p {color:#ffffff;}

.ozellikler_avantajlar .mini_vanali_avantajlar p {width:80%;}

.teknik_ozelliklerWrapper {background: #263339 0% 0% no-repeat padding-box; box-shadow:0px 3px 50px #00000029; padding:70px 20px 0; margin-bottom:75px;}
.toCarouselWrapper {}
.toCarouselWrapper .owl-carousel .owl-item {margin-right:1px;}
.toCarouselWrapper .navDotWrapper {position:relative; margin:20px auto 0; display:inline-block; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.toCarouselWrapper .navDotWrapper .flexContainer {padding:34px; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:center; align-items:center; background:#1B9CE2;}

.toCarouselWrapper .flexContainer .navWrapper {position:absolute; left:34px; height:34px; width:calc(100% - 68px);}
.toCarouselWrapper .flexContainer .navWrapper .owl-prev,
.toCarouselWrapper .flexContainer .navWrapper .owl-next {width:34px; height:34px; cursor:pointer; border-radius:50%; -webkit-border-radius:50%;-moz-border-radius:50%; border:solid 1px #ffffff;}
.toCarouselWrapper .flexContainer .navWrapper .owl-prev {position:absolute; left:0; top:0; background:transparent url("/tupgaz/images/aygaz_marin/carousel_arrow_prev.svg") no-repeat center center;}
.toCarouselWrapper .flexContainer .navWrapper .owl-next {position:absolute; right:0; top:0; background:transparent url("/tupgaz/images/aygaz_marin/carousel_arrow_next.svg") no-repeat center center;}

.toCarouselWrapper .dotWrapper {display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; margin:0 64px; z-index:44;}
.toCarouselWrapper .dotWrapper .owl-dot {float:left; margin-left:5px; width:8px; height:8px; cursor:pointer; border-radius:50%; -webkit-border-radius:50%;-moz-border-radius:50%; border:solid 1px #ffffff;}
.toCarouselWrapper .dotWrapper .owl-dot:first-child {margin-left:0;}
.toCarouselWrapper .dotWrapper .owl-dot.active {width:12px; height:12px; background:#ffffff; border:solid 1px #ffffff;}
/*Aygaz Teknik Özellikler*/



/*Marin Accordion*/
.mt250 {margin-top:250px!important}
.marinAccordion {position:relative; width:77.6%; margin:70px auto;}
.marinAccordion .ma-item {position:relative; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 26px #00000029; overflow:hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.marinAccordion .ma-item h2 {display:block; position:relative; font-size:25px; font-weight:700; color:#434C5B; padding:35px 179px 35px 75px; cursor:pointer; background:#ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.marinAccordion .ma-item h2 i {position:absolute; right:109px; top:50%; margin-top:-29.5px; width:59px; height:59px; background: transparent linear-gradient(167deg, #1F8BC5 0%, #5EC6FF 100%) 0% 0% no-repeat padding-box; border-radius:50%; -webkit-border-radius:50%;-moz-border-radius:50%; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.marinAccordion .ma-item h2 i::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:transparent url("/tupgaz/images/aygaz_marin/carousel_arrow_next.svg") no-repeat center center;}
.marinAccordion .ma-item .marinAccordionText {height:0; padding:0px 75px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.marinAccordion .ma-item .marinAccordionText p {padding-bottom:22px; padding-top:0;}

.marinAccordion .ma-item.active .marinAccordionText {height:auto; padding:40px 75px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.marinAccordion .ma-item.active h2 {color:#ffffff; background: transparent linear-gradient(180deg, #87D0F8 0%, #407C9B 100%) 0% 0% no-repeat padding-box; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.marinAccordion .ma-item.active h2 i {transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); background:transparent; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}



/*Marin Accordion*/


/*QR CODE*/
.qrcode {position:relative; height:auto; overflow:hidden;}
.qrcode p {font-size:13px; color:#434C5B; margin-bottom:12px;}
.qrcode>div {}
.qrcode .keyifli_bahce_link {float:left;}
.qrcode .keyifli_bahce_link a {display: -ms-flexbox; display: -webkit-flex; margin-bottom:15px; padding-top:10px; display: flex; justify-content:center; align-items:center; font-size:12px; color:#fff; text-align:center; width: 105px; height: 98px; }

.qrcode .keyifli_bahce_link.green a {background: #71AA43;}
.qrcode .keyifli_bahce_link.blue a {background: #1B9CE2;}

.qrcode .keyifli_bahce_link a i {padding-bottom:20px; background:transparent url("/tupgaz/images/aygaz_marin/btn_arrow.svg") no-repeat center bottom;}

.qrcode .aygaz_mobil_link {float:left; margin-left:10px;}
.qrcode .aygaz_mobil_link a {display:block; margin-bottom:15px; font-size:12px; color:#fff; text-align:center; width: 105px; height: 98px;}

.qrcode .keyifli_bahce_link span,
.qrcode .aygaz_mobil_link span {display:block; width:100%; font-size:11px; font-weight:400; color:#434C5B; text-align:center;}
/*QR CODE*/


/*Baglantı Ekipmanları*/
.baglantiEkipmanlari {position:relative; width:77.6%; margin:280px auto 160px; padding-bottom:8px; clear:both;}
.baglantiEkipmanlari .flexContainer {display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:space-between; background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 66px #00000021;}
.baglantiEkipmanlari .imgContainer {width:35.54%;}
.baglantiEkipmanlari .imgContainer img {width:100%; height:auto;}
.baglantiEkipmanlari .imgContainer .linkContainer {width:100%; height:113px; background:#434C5B;}
.baglantiEkipmanlari .imgContainer .linkContainer a {display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:center; align-items:center; width:100%; height:100%; text-align:center; font-size:28px; font-weight:700; color:#ffff;}

.baglantiEkipmanlari .txtContainer {width:64.46%; padding:140px 140px 0 30px; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
.baglantiEkipmanlari .txtContainer h2 {width:84%; letter-spacing:-2px; color:rgba(67,76,91,.72); padding-bottom:30px;}
.baglantiEkipmanlari .txtContainer h3 {font-size:28px; font-weight:700; color:#434C5B; margin-top:22px; letter-spacing:-2px;}
.baglantiEkipmanlari .txtContainer h3.mtNone {margin-top:0!important;}
.baglantiEkipmanlari .txtContainer p {}

.baglantiEkipmanlari .txtContainer .img1 {position:absolute; right:-100px; top:-150px;}
.baglantiEkipmanlari .txtContainer .img2 {position:absolute; right:-20px; top:370px;}

/*Baglantı Ekipmanları*/




/*Guvenlik Kontrol*/
.guvenlikKontrol {position:relative; width:100%; padding:70px 0;  clear:both; background:#E6E6E6;}


.guvenlikKontrol .flexContainer {position:relative; width:77.6%; padding:0; padding-bottom:8px!important; margin:0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:space-between; background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 66px #00000021;}
.guvenlikKontrol .flexContainer::before,
.guvenlikKontrol .flexContainer::after {content:""; position:absolute; bottom:0; height:8px; background:#434C5B;}
.guvenlikKontrol .flexContainer::before {width:52%; left:0; z-index:2;}
.guvenlikKontrol .flexContainer::after {width:48%; left:52%; z-index:3; background:#1B9CE2;}

.guvenlikKontrol .imgContainer {width:37%; order:2;}
.guvenlikKontrol .imgContainer img {width:100%; height:auto;}

.guvenlikKontrol .txtContainer {width:63%; padding:50px 70px; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
.guvenlikKontrol .txtContainer h2 {width:84%; letter-spacing:-2px; color:rgba(67,76,91,.72); padding-bottom:30px;}
.guvenlikKontrol .txtContainer h3 {font-size:28px; font-weight:700; color:#434C5B; margin-top:22px; letter-spacing:-2px;}

.guvenlikKontrol .txtContainer p a,
.guvenlikKontrol .txtContainer p b {color:#263339; font-weight:bold;}

.guvenlikKontrol .marinAccordion {width:77.6%;}

.guvenlikKontrol .txtContainer .randevuOlustur {display:inline-block; margin-top:30px; text-align:center; font-size:15px; font-weight:700; padding:20px 40px; background:#1B9CE2; color:#ffffff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

/*Guvenlik Kontrol*/

.haritaWrapper {padding-top:100px;}
.haritaWrapper .harita_content {width:77.6%; margin:0 auto;}
.haritaWrapper .harita_container {width:100%;}
.haritaWrapper .harita_container svg {width:100%; height:auto;}
.haritaWrapper .haritaTitle {position:relative; padding-bottom:50px;}
.haritaWrapper .haritaTitle h2 {font-size:28px; font-weight:700; color:rgba(67,76,91,.48);}
.haritaWrapper .haritaTitle h3 {font-size:28px; font-weight:700; color:#434C5B; letter-spacing:-3px;}
.haritaWrapper .qrcode {max-width: 240px;}
.haritaWrapper .qrcode p {width:80%; text-align:center;}
.harita_container svg {display:inline-block; margin:0 auto;}
.harita_container svg path,
.harita_container svg g {cursor:pointer;}
.harita_container svg .shadow {width:77px; height:28px; background:transparent url(/tupgaz/images/aygaz_marin/shadow.png) no-repeat 0 0;}
.harita_container svg g.sehir {display:block; width:157px; height:78px;}


.harita_container .map-detail {position:absolute; width:220px;  opacity:0; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.harita_container .map-detail::before {content:""; position:absolute; left:50%; bottom:-10px; margin-left:-10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ffffff;}
.harita_container .map-detail.active {top:50%; opacity:1; z-index:10; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.harita_container .map-detail .map-detail-content {position:relative; width:100%; padding:8px 24px; overflow:hidden;}
.harita_container .map-detail .map-detail-content .md-item {position:relative; width:100%; height:0; opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.harita_container .map-detail .map-detail-content .md-item.active {height:auto; opacity:1; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.harita_container .map-detail .map-detail-content .md-item h3,
.harita_container .map-detail .map-detail-content .md-item p {font-size:12px; color:#434C5B; letter-spacing:initial; line-height:16px;}
.harita_container .map-detail .map-detail-content .md-item p {padding-top:5px;}

.harita_container  .mapCloseBtn {position: absolute; right:0; top:0; width: 24px; height: 24px; background: transparent url("/tupgaz/images/aygaz_marin/close_btn_black.svg") no-repeat center center}





@media screen and (max-width:1680px){
	.baglantiEkipmanlari,
	.lpgSistemi,
	.marinAccordion,
	.guvenlikKontrol .flexContainer,
	.harita_content {width:94%!important;}
	
	.lpgGuvenlikWrapper h2 {font-size:32px;}
	.lpgGuvenlikWrapper p {padding-top:20px;}
	.lpgSistemi .txtContainer h2 {font-size:38px;}
	
	.aygaz_marin_ailesi .txtContainer {padding:70px 160px 70px 40px;}
	.aygaz_marin_ailesi .imgContainer .img2 {margin-top:0;}
	
	.ozellikler_avantajlar .marin_avantajlar img {width:64%;}
	.ozellikler_avantajlar .mini_vanali_avantajlar>div>img {width:64%; bottom:-12%;}
	
	
	.baglantiEkipmanlari .txtContainer {padding:70px 140px 0 70px}
	.baglantiEkipmanlari .txtContainer .img1 {width:310px; height:auto; right:-50px;}
	.baglantiEkipmanlari .txtContainer .img2 {width:131px; height:auto;}
	
	.haritaWrapper .haritaTitle h3,
	.baglantiEkipmanlari .txtContainer h3 {height:auto; letter-spacing:-2px;}
	
	.marinAccordion .ma-item h2 {font-size:22px;}
}
@media screen and (max-width:1580px){
	.lpgGuvenlikRandevuWrapper .mainImg .txtContainer {right:60px;}
	.lpgSistemi {margin:100px auto 100px}
	.baglantiEkipmanlari {margin:200px auto 100px}
	.guvenlikKontrol {padding:70px 0 20px;}
	.haritaWrapper {}
	
	.guvenlikKontrol .txtContainer h2 {width:100%;}
	.lpgSistemi .linkContainer a span {font-size:19px;}
	.aygaz_marin_ailesi .imgContainer .img2 {margin-top:-10%;}
	
	.aygaz_marin_ailesi .txtContainer .txtDesc h2 {font-size:43px;}
}
@media screen and (max-width:1440px){
	.lpgGuvenlikRandevuWrapper .mainImg .txtContainer {right:40px; bottom:40px;}
	.lpgGuvenlikWrapper h2 {font-size:24px;}
	.mainImg .txtContainer p,
	.lpgGuvenlikWrapper p {padding-top:14px;}
	
	.aygaz_marin_ailesi .txtContainer .txtDesc h2,
	.aygaz_marin_ailesi .txtContainer .txtDesc h2,
	.lpgSistemi .txtContainer h2 {font-size:26px;}
	/*.mainImg .txtContainer .txtDesc {width:56%;}*/
	.mainImg .txtContainer p {padding-top:0!important;}
	
	
	.mainImg .txtContainer {bottom:20px; right:132px;}
	.mainImg .txtContainer .txtDesc {padding-bottom:88px;}
	.aygaz_marin_ailesi .txtContainer {padding:70px 140px 70px 40px}
	.lpgSistemi .linkContainer a span {font-size:17px;}
	
	
	.lpgGuvenlikToolboxWrapper {height:356px;}
	.lpgGuvenlikToolbox a i {width:44px; height:44px;}
	

	.aygaz_marin_ailesi .txtContainer .txtDesc h2 {width:80%; padding-bottom:0;}
	
	.ozellikler_avantajlar .marin_avantajlar img {width:56%;}
	.ozellikler_avantajlar .mini_vanali_avantajlar>div>img {width:56%; bottom:-10%;}
	
	
	.marinAccordion .ma-item h2 {font-size:20px; padding:35px 170px 35px 55px;}
	.marinAccordion .ma-item h2 i {right:80px;}
	.marinAccordion .ma-item .marinAccordionText {padding:0 55px;}
	.marinAccordion .ma-item.active .marinAccordionText {padding:40px 55px;}
	
	.baglantiEkipmanlari .txtContainer {padding:50px 140px 0 50px}
	.baglantiEkipmanlari .txtContainer .img1 {width:240px; right:-38px;}
	.baglantiEkipmanlari .txtContainer .img2 {width:100px;}
	
	.baglantiEkipmanlari .imgContainer .linkContainer a {font-size:24px;}
	
	.guvenlikKontrol .txtContainer h2 {padding-bottom:0;}
	
}

@media screen and (max-width:1366px){
	.lpgGuvenlikToolbox a {margin-top:18px;}
	.lpgGuvenlikWrapper p {font-size:14px;}
	.lpgGuvenlikToolboxWrapper {width:86px;}
	.ozellikler_avantajlar .marin_avantajlar img {display:block; margin:60px auto; position:relative; right:initial; bottom:initial; width:74%;}
	.ozellikler_avantajlar .mini_vanali_avantajlar .qrcode {bottom:8%;}
	
	.ozellikler_avantajlar .teknik_ozellikler .accordionTable .trRow div {padding:14px;}
	
	.teknik_ozelliklerWrapper {margin-bottom:58px;}
	.mt250 {margin-top:160px!important}
}

@media screen and (max-width:1280px){
	
	.lpgGuvenlikWrapper h2 {font-size:22px;}
	.mainImg .txtContainer p,
	.lpgGuvenlikWrapper p {padding-top:14px;}
	
	.aygaz_marin_ailesi .txtContainer .txtDesc h2,
	.aygaz_marin_ailesi .txtContainer .txtDesc h2,
	.lpgSistemi .txtContainer h2 {font-size:24px;}
	

	.lpgSistemi .linkContainer a span {font-size:15px;}
	.ozellikler_avantajlar .marin_avantajlar {width:35.24%;}
	.ozellikler_avantajlar .teknik_ozellikler {width:26.52%}
	.ozellikler_avantajlar .mini_vanali_avantajlar {width:38.24%;}
	
	.mt250 {margin-top:180px!important}
	
	.baglantiEkipmanlari .txtContainer h2 {padding-bottom:10px;}
	.baglantiEkipmanlari .imgContainer .linkContainer a,
	.marinAccordion .ma-item h2,
	.haritaWrapper .haritaTitle h2,
	.baglantiEkipmanlari .txtContainer h3 {font-size:18px;}
	
	.haritaWrapper .haritaTitle h3 {font-size:16px;}
	
	.baglantiEkipmanlari .txtContainer {padding:40px 86px 0 40px}
	
	.lpgSistemi .txtContainer {padding:0 40px;}
	.guvenlikKontrol .txtContainer {padding:40px;}
}

@media screen and (max-width:1050px){
	.lpgGuvenlikRandevuWrapper .mainImg .txtContainer {right:initial; bottom:initial;}
	.lpgGuvenlikWrapper p {font-size:14px;}
	.lpgGuvenlikWrapper .img-desktop {display:none!important;}
	.lpgGuvenlikWrapper .img-mobile {display:block!important;}
	
	.mainImg .txtContainer {position:relative; padding:40px; /*padding:50px 130px 20px 50px;*/ right:initial; bottom:initial; background:#434C5B;}
	.mainImg .txtContainer .txtDesc {width:100%; padding-bottom:0}
	.scrollToBottom {right:40px; bottom:initial; top:-100px;}
	
	.lpgGuvenlikToolboxWrapper {right:initial; left:0; top:68px; width:100%; height:100px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
	.lpgGuvenlikToolbox {display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; justify-content:space-between;}
	.lpgGuvenlikToolbox a {width:120px; margin-top:0;}
	.lpgGuvenlikToolbox a span {width:100px;}
	
	
	.lpgGuvenlikWrapper h2 {font-size:20px;}
	.mainImg .txtContainer p,
	.lpgGuvenlikWrapper p {padding-top:12px;}
	
	.aygaz_marin_ailesi .txtContainer .txtDesc h2,
	.aygaz_marin_ailesi .txtContainer .txtDesc h2,
	.lpgSistemi .txtContainer h2 {font-size:22px;}
	
	
	.marinAccordion .ma-item h2 {padding:35px 82px 35px 55px;}
	.marinAccordion .ma-item h2 i {right:32px;}
	
	/*.mainImg .txtContainer .txtDesc {width:68%;}*/
	
	.lpgSistemi .linkContainer a span {width:110px; margin-left:-12px; top:50%;}
	
	.lpgSistemi .txtContainer h2 {padding-bottom:0;}

	.baglantiEkipmanlari {margin:80px auto}
	
	.aygaz_marin_ailesi .imgContainer {width:46%;}
	.aygaz_marin_ailesi .txtContainer {width:54%;}
	
	.aygaz_marin_ailesi .imgContainer .img1 {position:absolute; width:50%; left:20px; top:-60px; margin-left:0; margin-top:0;}
	.aygaz_marin_ailesi .imgContainer .img2 {position:absolute; width:50%; right:0; top:34%; margin-top:0;}
	.aygaz_marin_ailesi .txtContainer {padding:40px 100px 40px 40px}
	
	.ozellikler_avantajlar .mini_vanali_avantajlar .qrcode {left:40px; right:initial; bottom:16%;}
	.ozellikler_avantajlar .mini_vanali_avantajlar .qrcode p {margin-left:auto; margin-right:auto}
	
	
	.marinAccordion {margin:40px auto;}
	.marinAccordion .ma-item h2 {padding:35px 140px 35px 55px}
	.marinAccordion .ma-item h2 i {width:44px; height:44px; margin-top:-22px;}
	
	
	/*
	.ozellikler_avantajlar .marin_avantajlar img {bottom:-5%;}
	.ozellikler_avantajlar .mini_vanali_avantajlar>div>img {bottom:-8%;}*/
	
	.ozellikler_avantajlar>.flexContainer {display:block; justify-content:initial; padding:40px; /*padding:40px 120px 40px 40px;*/align-items:initial;}
	.ozellikler_avantajlar>.flexContainer>div{width:100%; padding:0; overflow:hidden;}
	.ozellikler_avantajlar .marin_avantajlar img {display:block; position:relative; bottom:initial; right:initial; width:240px; margin:30px auto 0;}
	.teknik_ozelliklerWrapper {padding:40px 0 0;}
	

	.baglantiEkipmanlari .txtContainer,
	.baglantiEkipmanlari .flexContainer {display:block; justify-content:initial; align-items:initial;}
	.baglantiEkipmanlari .flexContainer>div{width:100%;}
	.baglantiEkipmanlari .flexContainer .txtContainer {padding:40px; /*padding:40px 110px 40px 40px*/}
	.baglantiEkipmanlari .flexContainer .txtContainer>div {position:relative;}
	.baglantiEkipmanlari .txtContainer .img2 {right:-52px; top:0; width:82px;}
	
	.baglantiEkipmanlari .txtContainer .img1 {display:block; position:relative; right:initial; top:initial; width:240px; margin:-10px auto 40px;}
	
	.baglantiEkipmanlari .txtContainer h2,
	.ozellikler_avantajlar .mini_vanali_avantajlar p {width:100%;}
	
	.ozellikler_avantajlar .mini_vanali_avantajlar>div>img {position:relative; left:initial; bottom:initial; width:240px; float:right; margin-top:14px;}
	.ozellikler_avantajlar .mini_vanali_avantajlar .qrcode {position:relative; left:initial; bottom:initial; float:left;}
	
	.ozellikler_avantajlar .teknik_ozellikler .gelcoatWrapper p,
	.ozellikler_avantajlar .teknik_ozellikler .gelcoatWrapper h2 {text-align:left; width:100%;}
	
	
	
}



@media screen and (max-width:990px){
	.lpgSistemi {margin:40px auto 60px}
	
	.lpgSistemi .flexContainer {display:block; justify-content:initial; align-items:initial;}
	.lpgSistemi .flexContainer>div{width:100%;}
	.lpgSistemi .flexContainer .txtContainer {padding:40px;}
	.lpgSistemi .linkContainer a {padding:40px;}
	.lpgSistemi .linkContainer a span {position:relative; top:initial; left:initial; margin-left:0; width:auto; transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg);}
	.lpgSistemi .linkContainer a span::before {}
	
	.aygaz_marin_ailesi .flexContainer {display:block; justify-content:initial; align-items:initial;}
	.aygaz_marin_ailesi .flexContainer>div{width:100%;}
	.aygaz_marin_ailesi .flexContainer .imgContainer {min-height:320px;}
	
	.aygaz_marin_ailesi .imgContainer .img1 {width:32%; left:6%; top:-60px; margin-left:0; margin-top:0;}
	.aygaz_marin_ailesi .imgContainer .img2 {width:32%; right:14%; top:24%; margin-top:0;}
	
	.aygaz_marin_ailesi .flexContainer .txtContainer {padding:40px 110px 40px 40px}
	
	.guvenlikKontrol .flexContainer {display:block; justify-content:initial; align-items:initial;}
	.guvenlikKontrol .flexContainer>div{width:100%;}
	.marinAccordion .ma-item h2 {padding:35px 170px 35px 40px}
	.mt250 {margin-top:80px!important}
	
}

@media screen and (max-width:768px){
	.lpgGuvenlikToolboxWrapper {top:110px;}
	.lpgGuvenlikToolbox a {width:130px;}
	.lpgGuvenlikToolbox a span {width:110px;}
	
	.aygaz_marin_ailesi .imgContainer .img1 {width:40%; top:-54px;}
	.aygaz_marin_ailesi .imgContainer .img2 {width:40%; right:8%;}
	
	.baglantiEkipmanlari .imgContainer .linkContainer a, .marinAccordion .ma-item h2, .haritaWrapper .haritaTitle h2, .baglantiEkipmanlari .txtContainer h3 {font-size:16px;}
}




@media screen and (max-width:1680px)
{
	
	
	
	
	
	
.aygazKartContainer .aygazKartRight a{ padding:3% 3%;}

/*.teaser-1, .teaser-2 { height:343px}*/
.bottom-right .bottom .left h3 {   font-size: 30px;line-height: 32px;}
.aygazKartContainer .aygazKartRight { width:50%}
.cihazlar-area .cihazlar-menu {     padding: 0 50px 0 50px;}
#sorgu3 {height:291px}
.sects3 .cols3 a.orange-button { margin: 75px 0}
.right-menu-inner .content h5 {letter-spacing: 0px;}
.cihazlar-area .cihazlar-menu, .cihazlar-area .slider-area, .bottom-area .bottom-right { height:665px}
.bottom-right .bottom .left a.navy-button {bottom:-11px}
.right-inner .tupler.eng-t-eyb a { font-size:12px; }
.miniSubLinks a {font-size:12px;}
.miniSubLinks {padding:3% 0;}
.firstSection {height:auto; padding-bottom:170px}
.lpg-content .left {width:54%;}
.lpg-content .left h2 {font-size:40px}
.lpg-tesisati-txt p {font-size:15px;}

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



	.aygazMiniDetail{padding: 35px;}
	.aygazMiniDetail .content{min-height:560px; }
	.miniDetailMidLinks a{width: 140px; font-size: 12px;}
	.miniDetailTxt{ font-size: 13px; width: 30%; }
	.miniDetailTxt strong{font-size: 18px;}
	.miniDetailTxt small{margin-top: 5%;}
	.miniSubTxt{padding: 20px; font-size: 12px; height: 80%;}
    .miniSubTxt strong{font-size: 14px;}
    .miniSubLinks a{width: 140px; font-size: 10px;}
    .miniSubRightItem a{width: 140px; font-size: 12px;}
    .miniSubRightItem img{width: 80%; /*left: 10%;*/}


    .right-inner .tupler a:hover, .right-inner .tupler a.select {padding:13px 0 13px 32px;}
     .right-inner .tupler a {font-size: 14px; padding: 13px 0 13px 90px;}
      .sects .titles h3 {margin-bottom: 15px; font-size:40px}
       .sects1 .cols4, .sects2 .cols1, .sects3 .cols1, .sects2 .cols4 {padding: 15px;}
       .sects1 .cols4 p, .sects2 .cols1 p { font-size:12px}
        .sects3 .cols3 a.orange-button {font-size: 12px; margin: 50px 7px;padding: 11px 12px;}
        .sects2 .cols2 .en-yakin-button { padding: 15px 0px 15px 17px;    width: 200px;    font-size: 13px;}
        .sects1 .cols3 .right_2 .ortala h4, .sects2 .cols4 h3 span {font-size: 21px;line-height: 18px;letter-spacing: 0;}
    .sects1 .cols3 .right_2 .ortala h5, .sects2 .cols4 h3{font-size: 16px;margin-bottom: 10px;}
    .sects1 .cols3 .right_2 .ortala p, .sects2 .cols4 p {font-size: 13px;}

    .bottom-right .bottom .left a.navy-button {bottom:0}
    .en-yakin-bayimiz .right-inner, .en-yakin-bayimiz .left-inner { /*height:640px*/ }
	
    .owl-carousel.urun-slide .item { padding:0 20px}
    .right-menu-inner .content h6.others { font-size:16px}
    .italics {font-style:italic}
    .aygazKartContainer .aygazKartRight a .iconhover{ top:10%;}
    .underlines {text-decoration:underline}
    .sss li .accordionheader { font-size:16px}
    section#tupgaz .right-menu-inner .content .inner-second { padding:30px 0 30px 50px; margin-right:100px; background:#f5f5f5 }
    section#tupgaz .right-menu-inner .content .inner-three { padding:30px 0 30px 50px; margin-right:100px; }
    section#tupgaz .right-menu-inner .content .inner .left h6 { margin:25px 0 15px}
    section.urunler .right-menu-inner .content {padding: 25px 25px 0;}
    section.urunler .right-menu-inner .content .sect1 .left .top { width:90%}
    section.urunler .right-menu-inner .content .sect1 .right .bottom .right_2 .inner h4 { font-size:20px;}
    section.urunler .right-menu-inner .content .sect1 .right .bottom .right_2 .inner h5 { font-size:16px;  margin-bottom:10px}
    section.urunler .right-menu-inner .content .sect1 .right .bottom .right_2 .inner p {  font-size:12px;}
    .teaser-1 .enyakinaygaz { padding-top: 50px;}
    .teaser-1 .enyakinaygaz h3{ font-size:35px;  line-height:9px}
    .teaser-1 .enyakinaygaz h4{  font-size:22px;  }

    .homeRightArea .aygazMiniTeaser{padding: 10px 10%; font-size: 12px;}
    .homeRightArea .aygazMiniTeaser h2{font-size: 30px;}
    .homeRightArea .aygazMiniTeaser a{line-height: 25px; font-size:12px;}


    .mobil-right-tupgaz .grad-button{    font-size: 12px;}
    .onlineDefault {    padding: 30px 10% 0;}
    .onlinet3 img {width: 57%;}
    .onlinet3 a {    width:39%;font-size: 12px;}
    .onlinet3 a:hover {width: 39%;}
    .mobil-right-tupgaz { width:55%}
    .mobil-left-tupgaz { width:45%}
    .mobil-right-tupgaz .selectdiv {    margin: 0 auto 5px;    height: 50px;}
    .enyakinaygaz .nice-select, .bottom-right .bottom .right .nice-select{line-height: 45px;}


    .cihazlar-area .cihazlar-menu { padding:0 10px 0 30px;}
    .cihazlar-area h3 {    margin: 35px 0;}
    .cihazlar-area .menu-area {    margin-bottom: 70px;}
    .aygazKartContainer .aygazKartLeft{ width:38%;}
    .aygazKartContainer .aygazKartRight{ width:47%;}
    .aygazKartContainer .aygazKartRight a{ padding:3%;}
    .aygazKartContainer .aygazKartLeft .kartTxt .txtArea{ font-size:12px; line-height:14px;}
    .aygazKartContainer{     padding: 0px 0px 0 35px;}
    .aygazKartContainer .aygazKartLeft .kartImg{ width:45%;}
    .aygazKartContainer .aygazKartLeft .kartTxt .title2{ font-size:19px;}
    .teaser-1, .teaser-2 { height:283px}
    .teaser-2 .tupler .left { padding-top:20px}
    .tup-slider h3 { font-size:100px}
    .tup-slider .bottom { font-size:14px}
    .tup-slider .grad-button {margin-top: 10px;}
    .tup-slider.owl-theme .owl-nav {    bottom: -5px;}
    .bottom-right .top, .bottom-right .bottom {    padding: 35px 15px 0 35px;}
    .bottom-right .top .left h3, .bottom-right .bottom .left h3 {font-size:32px}
    .bottom-right .top .left h3 span, .bottom-right .bottom .left h3 span {font-size:20px}
    .bottom-right .top .left p, .bottom-right .bottom .left p {font-size:14px}
    .bottom-right .top .left, .bottom-right .top .right, .bottom-right .bottom .left, .bottom-right .bottom .right {width: 47%;}
    .bottom-right .top .right, .bottom-right .bottom .right{width: 53%;}
    .bottom-right .top .right img {    padding-top: 30px;}
    /*.teaser-1 div { left:35px; top:25px;width: 41%;}
    .teaser-1 div p {    margin: 30px 0;}*/
    .bottom-right .bottom .left a.navy-button {font-size: 13px;}
    .left-inner .main-content, .right-inner .main-content { padding:35px}
    #sorgu {padding:5px 20px;/* bottom: -11%; */}
    .en-yakin-bayimiz .right-inner .main-content {padding:15px 35px }
    .en-yakin-bayimiz .box {    margin: 0 14px 14px 0;    width: 34.5%;}
    .right-inner h3, .right-inner h1, .left-inner h3, .left-inner h1 {  padding-bottom:25px; font-size:40px; letter-spacing:-3px  }
    .en-yakin-bayimiz .box .selectdiv { height:50px}
    .en-yakin-bayimiz .left-inner input{padding: 15px 40px;}
    #sorgu a.bayiler{ height:105px; font-size:13px}
   
    .right-inner .detay .data h5 span { font-size:67px}
    .right-inner .detay .data h5 { font-size:24px}
    .right-inner .detay .data img { width:auto; max-width:66%}
    .right-inner.fiyatlar .detay .data img { width:auto; max-width:none; max-height:190px}
    .right-inner .detay .data p { font-size:12px}
   
   
    .sects1 .cols4 p, .sects2 .cols1 p {font-size: 12px;padding-bottom: 20px; }
    .sects2 .cols1 p, .sects3 .cols1 p {font-size: 13px; }
   
    .sects3 .cols1 p { width:74% }
    .sects1 .cols2 {background-size: 75% auto;}
    .sects1 .cols2 .en-yakin-button {padding: 15px 60px 15px 20px;font-size: 13px;}
    
    
    .sects3 .cols1 h5 { font-size:16px; padding-bottom:10px}
    .sects3 .cols1 .more-button  { font-size:13px; bottom:5%}
    .sects3 .cols4 .urun-tab .en-yakin-button {    padding: 15px 0px 15px 17px; font-size:13px}
    .selectdiv, .selectdiv-numeric { height:57px}
    .bottom-right .bottom .right .selectdiv-numeric span {font-size: 23px;}
    .bottom-right .bottom .right .selectdiv-numeric {font-size: 12px;}
    .right-inner  .main-content h3 span { font-size:24px; letter-spacing:-2px}
     
    .cardPageWrapper h3, .kampanyaWrapper h1, .kampanyaWrapper h3 { font-size:40px; letter-spacing:-3px; margin:0 0 25px}
    .cardPage {padding: 35px 0 0 35px;}
    .cardPageWrapper .nasilFaydalanirimRightImg { bottom: 35%;    width: 41%;}
    input[type=checkbox].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label {    padding-left: 4px;}
    .cardPageWrapper .nasilFaydalanirimRightImg2 { bottom:30%}
    .right-inner.fiyatlar { width:65%}
    .left-inner.float-r { width:35%}

    .sects .titles { width:90%}
    #sorgu3 {width: 90%; height:203px}
    #sorgu4 {width: 90%; height:203px}
    .cihazlar-area .cihazlar-menu, .cihazlar-area .slider-area, .bottom-area .bottom-right { height:600px}
    .c-457.owl-carousel.urun-slide .owl-item ul li.palmiye:nth-child(2n+2), .c-1281.owl-carousel.urun-slide .owl-item ul li.palmiye:nth-child(2n+2) {    width: 59%;}
     #sorgu2 {  padding-top: 0px;}
     .sects3 .cols3.en-col-3 a.orange-button { font-size:10px; margin: 51px 5px 0;}
     .right-inner .tupler.eng-t-eyb a { font-size:11px; }

     #tupgaz .content h1{font-size:40px;}

     .teaser-2 .tupler .left img{max-width: 15%;}
}

@media screen and (max-width:1440px) {
    .right-inner .tupler { height:480px; }
	.miniSubLinks {width:62%;}
	header nav .top li, header .bottom>a {padding:0 23px;}
	.miniDetailTxt a, .miniSubTxt a {width:220px;}
	
	#tup1 .miniSubLinks {width:74%;}
	#tup1 .sects11 .miniSubLinks a {padding:10px; margin:0 5px; font-size:12px;}
	.left-inner.float-r {background-size: auto 70%;}
	.miniDetailMidItemInner img {width:96%; margin-left:auto; margin-right:auto;}
	
	.aygazMiniDetail .content {min-height:520px}
	
	.lpg-content {padding:50px; overflow:initial}
	.firstSection {padding-bottom:170px}
	.lpg-content .left h2 {font-size:32px;}
	.lpg-tesisati-txt {margin-top:15px;}
	.lpg-tesisati-txt p {font-size:14px; margin-top:15px}
	
	.lpgTesisatiForm>h3 {font-size:52px;}
	.secondSection .left img {left:-110px; width:60%;}
}

@media screen and (max-width:1366px) {
	.miniSubRight{ padding-top: 46px; }
	.miniDetailMid {max-height:480px;}
    .miniDetailMid img { width:85%; margin:0 auto;}
	header nav .top li, header .bottom>a {padding:0 18px;}
	.miniDetailMidItemInner img {width:90%; margin-left:auto; margin-right:auto;}
	
	.lpg-content .left {width:55%;}
	
	/*.firstSection {height:calc(100vh - 100px)}*/
	.secondSection {height:100vh}
}
@media screen and (max-width:1280px) {
	header nav .top li, header .bottom>a {padding:0 13px;}
	.aygazKartContainer .aygazKartRight { width:52%}
	.sects3 .cols3 a.orange-button { padding: 11px 9px;}
	.sects3 .cols4 .urun-tab img { max-width:initial}
	.teaser-2 .tupler .left img {margin: 0 7px;}
	.teaser-2 .tupler {left: 0;}
	.lpg-content .left {width:62%}
	.lpg-tesisati-txt p {font-size:13px;}
}


@media screen and (max-width:1024px) {
	.miniDetailMidItemInner img {width:94%; margin-left:auto; margin-right:auto;}
    .mobils-1 { display:inline-block}
    .owl-carousel.urun-slide .owl-item ul { width:51%; margin:0 auto}
    .homeLeftArea { width:100%; float:none}
    .homeRightArea{width: 50%; position:relative; right:auto; top:auto; float:left }
    .cihazlar-area .slider-area, .cihazlar-area .cihazlar-menu { width:50%; float:left}
    .mobil-right-tupgaz, .mobil-left-tupgaz { float:left; width:50%}
    .homeRightArea .enyakinaygaz {width: 100%;    position: relative;    left: auto;    transform: none;  margin-top:0; padding:50px  }
    .teaser-1 .enyakinaygaz .grad-button { font-size:12px}
    .teaser-1{ width:50%; height:308px}
    .teaser-2 { width:100%; float:none; clear:both}
    .bottom-area .cihazlar-area, .bottom-area .bottom-right {width:100%; float:none; clear:both}
    .aygazKartContainer .aygazKartRight { width:62%}
    .bottom-right .top, .bottom-right .bottom { width:50%; height:auto; float:left;height: 350px; }
    .bottom-area .bottom-right { height:auto}
    .aygazKartContainer .aygazKartLeft .kartImg { display:none}
    
    .aygazKartContainer .aygazKartLeft .kartTxt { width:80%}
    .right-menu.fixed { display:none}
    .urunler .right-menu-inner .content { width:100%}
    .right-menu-inner .content.mob-pad-big {padding-top:100px}
    section.urunler { padding-top:66px}
    .sects .titles p { font-size:12px}
    .sects1 .cols0, .sects1 .cols1, .sects1 .cols2, .sects1 .cols3, .sects1 .cols4 { width:50%}
    .sects1 .cols0 { height:21%; top:0; left:0}
    .sects1 .cols1 { height:46%; top:21%; left:0}
    .sects1 .cols1 img { position:absolute}
    .sects1 .cols2 { height:67%; top:0}
    .sects1 .cols3 {height:21%; top:67%; bottom:auto; right:0; left:auto}
    .sects1 .cols4 { height:33%; left:0; bottom:0}

    .sects2 .cols0, .sects2 .cols1, .sects2 .cols2, .sects2 .cols3, .sects2 .cols4 { width:50%}
    .sects2 .cols0 { height:21%; top:0; left:0}
    .sects2 .cols3 { height:46%; top:21%; left:0}
    .sects2 .cols3 img { position:absolute; top:50%; transform:translateY(-50%); width:100%; height:auto; left:auto}
    .sects2 .cols2 { height:67%; top:0; right:0; left:auto;background-size: 78% auto;    background-position: center top;}
    .sects2 .cols4 {height:21%; top:67%; bottom:auto; right:0; left:auto}
    .sects2 .cols1 { height:33%; left:0; bottom:0; top:auto}

    section#tup3 { height:1000px !important;    padding-bottom: 30px;}

    .sects3 .cols0 { height:31%; width:50%}
    .sects3 .cols1 { width:66%; height:31%; top:auto; bottom:0; left:0; }
    .sects3 .cols2 { height:38%; width:50%; top:31%; left:0; right:auto}
    .sects3 .cols3 { height:14%; top:55%; right:0; left:auto; width:63%}
    .sects3 .cols4 { width:50%; top:0; height:55%}
    .right-inner.opac-1, .sorgu-img { display:none}
    .en-yakin-bayimiz .left-inner { width:80%; z-index:0}
    #sorgu div.bayiler a.map { opacity:1}
    .maparea { z-index:9999}
    .fiyat-left { display:none !important}
    .right-inner.fiyatlar { width:100%}

	.firstSection .right {background-position:center 0;}
	.secondSection .left img {bottom:initial;}
	.lpgTesisatiForm {width:100%; padding:0 50px;}



}
@media screen and (max-width:980px) {
	.lpg-content {padding:30px;}
	.firstSection {height:auto; padding-bottom:200px;}
	.firstSection .right {background-position:68% 0}
	.secondSection {height:auto; overflow:hidden;}
	.secondSection .left {width:100%;}
	.secondSection .right {width:100%; padding-left:0; padding-top:0; margin-top:0}
	.secondSection .left img {width:100%; position:relative; left:initial;}
	
	.lpg-content .left h2,
	.lpgTesisatiForm>h3 {font-size:28px; letter-spacing:initial}
	
	.lpgRow small,
	.lpgRow .input label input {font-size:13px;}
}

@media screen and (max-width:768px) {
    .right-inner.fiyatlar .detay .data img { width:auto; }

	.aygazMiniDetail{padding:0;}
	.aygazMiniDetail:after{display: none;}
	.miniDetailTxt{width: 100%; float: none;padding: 15px;}
	.miniDetailMid{width: 100%; height: auto; left: 0; position: relative; padding:0px 0 80px; margin-top: 60px;}
	.miniDetailMidItem{position: relative;}
	.miniDetailRight{width: 100%; float: none;background: #263339;padding: 15px;}
	.pointDesc{width: 250px; padding:20px;}

	.miniSubLeft{width: 100%; float: none;}
	.miniSubLeft h3{padding: 50px 0 0 20px; background: #fff;}
	.miniSubTxt{width: 100%; position: relative; height: auto;}
	.miniSubLinks{position: relative; width: 100%;}
	.miniSubImg{float: none;}
	.miniSubRight{width: 100%; float: none; height:680px; /*height: 400px;*/ padding-top: 0;}
	.sects .miniSubRightItem img{width: 70%!important; position: relative; margin:0 auto;}
	
	#tup0 .sects .miniSubRightItem img{margin:20px auto 0;}
	#tup1 .sects .miniSubRightItem img{margin:0 auto 0;}
	#tup2 .sects .miniSubRightItem img{margin:50px auto 0;}
	
    .phonelink { cursor:pointer; }
        .mobilSlide{ display:block !important;}
    .desktopSlide{ display:none !important;}
    .homeLeftArea, .homeRightArea { width:100%; float:none}
    .teaser-1 .enyakinaygaz { margin-top:auto; padding:40px 0 0}
    .mobil-right-tupgaz, .mobil-left-tupgaz { float:none; margin:0 auto}
    .teaser-1, .teaser-2{ width:100%; float:none;    padding: 0;}
      .teaser-1 {  height:300px}
    .teaser-2{ position:relative; left:auto; top:auto; height:auto}
    /*.teaser-1 div {position:absolute; left:auto; top:50%; transform:translateY(-50%); width:39%}*/
    .teaser-2 .tupler {position:relative; left:auto; top:auto; height:auto;width:100%; transform:none; padding:0 20px }
    .teaser-2 .tupler .left, .teaser-2 .tupler .right { width:100%; float:none}
    .tup-slider { padding-top:0;     padding-bottom: 20px;}
    .teaser-1 img { position:relative; right:auto; bottom:auto; padding-top:20px; float:right; max-width:42%}
    /*.teaser-1 {padding:20px 20px 0 }*/*
	.homeCampaigns div { position:relative; transform:none; top:auto; float:left;padding-bottom: 10px;}
	.homeCampaigns div h3 { font-size:26px}
	.homeCampaigns div p { padding: 0;margin: 10px 0;}
	.homeCampaigns img {position:absolute; right:0; top:0; max-width: 62%;}
    .teaser-2 .tupler .left img {max-width:26%;margin: 0 4%;}
    .tup-slider .grad-button { display:none}
    .bottom-area .cihazlar-area, .bottom-area .bottom-right { width:100%; float:none}
    .cihazlar-area .slider-area, .cihazlar-area .cihazlar-menu { width:100%; float:none}
    .cihazlar-menu-mobil{color:#a5cd38;border:1px solid #a5cd38;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;width:100%; max-width:300px; margin:0 auto;text-align:left;font-size: 13px;font-weight:bold;padding-left:22px;height:44px;line-height:44px;position:relative;cursor:pointer; display:block}
    .cihazlar-menu-mobil.active::after{background:url(../images/otogazTvArrowActive.png) no-repeat;}
    .cihazlar-menu-mobil::after{ content:''; width:16px; height:9px; position:absolute; right:20px; top:50%; margin-top:-4.5px; background:url(../images/otogazTvArrow.png) no-repeat;}
    .tup-slider.owl-theme .owl-nav { width:100%; background:none; bottom:auto; top:28px; }
    .owl-theme.tup-slider .owl-nav .owl-next, .owl-theme.tup-slider .owl-nav .owl-prev { position:absolute; left:0}
    .owl-theme.tup-slider .owl-nav .owl-next  { right:0; left:auto}
    .owl-carousel.tup-slider  { width:80%; margin:0 auto}
    .owl-carousel.tup-slider .owl-stage-outer { width:100%; margin:0 auto}
    .cihazlar-area .cihazlar-menu, .cihazlar-area .slider-area, .bottom-area .bottom-right { height:auto}
    .cihazlar-menu { z-index:1}
    .slider-area { z-index:0}
    .cihazlar-area .menu-area { position:absolute; left:50%; transform:translateX(-50%); width:100%; max-width:300px; margin-bottom:0; background:#fff; text-align:left }
    .cihazlar-area .menu-area li { padding:10px; border-bottom:1px solid #1b2429 }
    .cihazlar-area .menu-area  a  {  font-size:13px; font-weight:500; clear:both; display:inline-block;color:#70797e; padding:0; margin:0;-webkit-border-radius: 0;-moz-border-radius: 0; border-radius:0; letter-spacing: 0px;   }
    .cihazlar-area .menu-area  a:after  { display:none }
    .cihazlar-area .menu-area  a:hover:after, .cihazlar-area .menu-area a.select:after  {  display:none}
    .cihazlar-area .menu-area  a:hover, .cihazlar-area .menu-area a.select   {  background:none; color:#1b2429;  }
    .cihazlar-area .cihazlar-menu { padding:20px; text-align:center}
    .owl-carousel.urun-slide .item { padding:20px}
    .owl-carousel.urun-slide .owl-item .urun-slide-img img { position:relative; max-height:none;    bottom: auto; }
    .cihazlar-area h3 { margin:0; display:inline-block}
    .owl-carousel.urun-slide .owl-nav { width:100%; top:50%; bottom:auto; right:auto; background:#ccc}
    .owl-carousel.aygazKartRight .owl-nav { width:100%; top:50%; bottom:auto; right:auto; background:#ccc}
    .owl-theme.arrow1.light .owl-nav .owl-next, .owl-theme.arrow1.light .owl-nav .owl-prev { position:absolute}
    .owl-theme.arrow1.light .owl-nav .owl-prev, .owl-theme.arrow1.light .owl-nav .owl-prev:hover {background: url(../images/prev.png); left:5%}
    .owl-theme.arrow1.light .owl-nav .owl-next, .owl-theme.arrow1.light .owl-nav .owl-next:hover {background: url(../images/next.png); right:5%}
    .owl-carousel.urun-slide .owl-item.active .item:after { display:none}
    .owl-carousel.urun-slide .owl-item ul { height:auto; width:40%; margin:0 auto}
    .bottom-right .top, .bottom-right .bottom { padding:20px; width:100%; float:none; height:auto}
    .bottom-right .bottom .left a.navy-button { position:relative}
    .cihaz-slider { position:relative; top:auto; left: auto; opacity:1; display:none; background:#fff; height:auto}
    .owl-carousel.urun-slide { height:auto; width:90%; margin:0 auto}
    .cihaz-slider.current { display:inherit}
    .owl-carousel.urun-slide .owl-stage-outer {height:auto; }
    .owl-carousel.urun-slide .owl-item .urun-slide-img { height:auto}
    .owl-carousel.urun-slide .owl-item .urun-slide-img img { max-height:250px; height:auto}

    section.urunler { clear:both}
    section#tup2, section#tup3 { padding-top:0}
    section.urunler, section.urunler .right-menu-inner, section#tup3 { height:auto !important}
    section.urunler .right-menu-inner .content { padding:25px 0}
    .sects .full .box { position:relative; height:auto;  top: auto; left: auto; right: auto; bottom: auto; width:90% ; margin:0 auto; clear:both}
    .sects .titles { position: relative; transform: none; top:auto; left:auto}
    .sects img { position:relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; width: auto !important; max-width:100% !important; height: auto !important }
    .sects1 .cols4 { background:none}
    .sects1 .titles { padding-top:30px}
    .sects .titles p { padding-bottom:20px}
    .avantajhide3, .avantajhide4, .avantajhide { display:block !important }
    .sects .full .box .more-button { display:none}
    #sorgu3, #sorgu4, #sorgu2 { position:relative; top:auto; overflow:auto; width:100%; height:auto}
    .sects1 .cols4, .sects2 .cols1, .sects3 .cols1, .sects2 .cols4 { padding:0}
    .sects1 .cols4 { padding-top:20px}
    .sects1 .cols2, .sects2 .cols2 {height: 350px !important; background-size: 47% auto; background-position: center 20px; width:100% !important }
    .sects2 .cols2 {background-size: 33% auto;  }
    .sects1 .cols3 .right_2 .ortala { position:relative; top:auto; transform:none;padding-top: 40px;}
    .sects1 .cols3,.sects2 .cols4  { width:100% !important}
    .sects2 .cols4 { padding:20px 15%}
    section#tup3 {padding-bottom:0}
    .sects3 .cols3 a.orange-button { }
    .sects3 .cols3 { display:none; position:absolute !important; width:100%; background:#fff; left:5% !important; z-index:99}
    .sects3 .cols3 a.orange-button { color:#263339; display:block; transform:none; top:auto; background:none; margin:0 }
    .sects3 .cols3 a.orange-button.select { color:#f29400; }
    .sects3 .cols3 a.orange-button:hover {border:0 !important }
    .sects3 .cols2 { font-size:0}
    .sects3 .cols3-m { display:block  }
    .sects3 .cols4 .urun-tab { position:relative; left:auto; top:auto; opacity:1; height:auto; display:none}
    .sects3 .cols4 .urun-tab.current { left:auto; top:auto}
    .sects3 .cols4 .urun-tab img { margin:0 auto !important; display:block}
    .sects3 .cols1 p { width:100%; padding-bottom: 20px;}
    .sects3 .cols3-m, .sects3 .cols4 { width:100% !important}
    .en-yakin-bayimiz .left-inner { width:100%; z-index:2}
    #sorgu {clear:both; float:left; position:relative; height:auto; padding:0; bottom:auto; margin:20px 0 0}
    #sorgu div.bayiler span { left:0}
    .en-yakin-bayimiz .left-inner { height:auto}
    .right-inner .tupler {display:none}
    .right-inner .fiyat-area { width:100%; float:none}
    .right-inner.fiyatlar { height:inherit}
    .right-inner .fiyat-area.fiyatlar .box { width:70%; clear:both; float:none; margin:20px auto}
    .right-inner .detay.current { position:relative; top:auto; left:auto;}
    .right-inner .detay .data h5 { text-align:center}
    .right-inner.fiyatlar .detay .data img { margin:0 auto; display:block}
    .tupsec.box { display:block}
    .tupsec.call-button { width:70%; clear:both; float:none; margin:20px auto;display: block;}
    .mobil-gorsel { display:block;    width: 100%;    margin: 20px 0 0 0;}
    .kampanyaDetay .kampanyaRight, section#tupgaz .right-menu-inner .content .right {display:none}
    .kampanyaDetay .kampanyaLeft { width:100%}
    section#tupgaz .right-menu-inner .content .left { width:100%; float:none}





    /*aygazkart*/
    .aygazKartContainer { padding:20px; float:none; 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:5%}
    .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:auto !important; display:inline-block; margin: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;}
.tupsec.call-button {display:none}
.owl-theme.tup-slider .owl-nav .owl-prev { left:-41px}
.owl-theme.tup-slider .owl-nav .owl-next{ right:-41px}
.mobil-top-tupgaz { text-align:center}
.onlinet1 {    font-size: 22px;}
.onlinet2 {    font-size: 23px;}
.onlinet3 {    padding: 0 0 20px;     text-align: center;}
.onlinet3 img {    width: 100%;    max-width: 300px; display:block; margin:15px auto; clear:both}
.onlinet3 a {display: inline-block;    position: relative;    clear: both;    width: 80%;    text-align: left;}


}
@media screen and (max-width:600px) {
	
	.lpg-content .left h2, .lpgTesisatiForm>h3 {font-size:24px;}
	.formBilgileri h4 {font-size:20px;}
	.firstSection {padding-bottom:200px;}
	.firstSection .left {width:100%;}
	.firstSection .right {background-size:contain; background-position:0 bottom;}
	.lpgTesisatiForm {margin-top:40px;}
	
	.formBilgileri {margin-top:30px;}
	.lpgRow {display:block; justify-content:initial; margin-top:0;}
	.lpgRow .input {width:100%; margin-top:15px;}
	
	
    .lpgBox span, .lpgBox span + ul { padding:40px 15px; }
    .lpgBox span { font-size:22px; }
    .lpgBox span + ul { font-size:14px; }
        .miniTeaserImg {
            margin-top: 22%;
        }
    .homeRightArea .aygazMiniTeaser { padding: 30px 10%;}
    .right-menu-inner .content, .en-yakin-bayimiz .right-inner .main-content, .left-inner .main-content, .right-inner .main-content { padding:5%}
footer .top { padding:10px 0}

.aygazKartContainer .aygazKartRight a span{ width: 100% !important; margin-bottom:10px !important;}
.aygazKartContainer .aygazKartRight a{ width:42%; }
 .teaser-1 {  height:auto}
 .teaser-1 img { max-width:61%}
.teaser-2 .tupler .right { padding-top:20px}
.sects2 .cols2 {background-size: 43% auto;}
.sects1 .cols2, .sects2 .cols2 {    height: 250px !important;}
.en-yakin-bayimiz .box { width:100%; margin:0 0 10px}
.en-yakin-bayimiz .left-inner a.call-button { width:100%; margin:0}
#sorgu div.bayiler a.map { right:auto; position:relative; top:auto; transform:none; height:auto; padding:0}
#sorgu div.bayiler a.map:after { display:none}
#sorgu div.bayiler span.bayi-adi { width:100%}
.mobil-right-tupgaz { width:75%}
.kampanyaWrapper .kampanyalarCenter a{ width:100%;}
.kampanyaDetay h3, .kampanyaDetay h1 {    font-size: 32px;}
.sss li .accordionheader { padding-right:30px}
.mapmob {display:block}
.mapdesk {display:none}
.owl-carousel.urun-slide .owl-item ul { width:70%; }
.teaser-2 .tupler { padding:0}
.teaser-2 .tupler .left img {
    max-width: 17%;
    margin: 0px 5px;
}

.owl-carousel.urun-slide .item {    padding: 20px 0;}
#tab-457 .owl-carousel.urun-slide .owl-item ul, #tab-1281 .owl-carousel.urun-slide .owl-item ul { width:80% !important}
#tab-457 .owl-carousel.urun-slide .owl-item ul li.palmiye:nth-child(2n+2), #tab-1281 .owl-carousel.urun-slide .owl-item ul li.palmiye:nth-child(2n+2) {    width: 59% !important;}
.owl-carousel.urun-slide .owl-item ul li.palmiye:nth-child(2n+2) {    width: 40% !important;}
.owl-theme.arrow1.light.urun-slide .owl-nav .owl-prev, .owl-theme.arrow1.light.urun-slide .owl-nav .owl-prev:hover { left:-5px !important}
.owl-theme.arrow1.light.urun-slide .owl-nav .owl-next, .owl-theme.arrow1.light.urun-slide .owl-nav .owl-next:hover{ right:-5px !important}
.bottom-right .top .left h3, .bottom-right .bottom .left h3 { font-size:24px;    line-height: 26px;}
.bottom-right .bottom .left .navy-button {  padding: 21px 0 21px 10px; font-size:12px !important}
.bottom-right .bottom .left .navy-button:after { right:10px}
.owl-carousel.aygazKartRight .owl-nav { height:100%}
.owl-theme.aygazKartRight .owl-nav .owl-prev, .owl-theme.aygazKartRight .owl-nav .owl-prev:hover {    background-repeat: no-repeat; background-position:center center; height:100%; width:60px;    left: -20px;}
.owl-theme.aygazKartRight .owl-nav .owl-next, .owl-theme.aygazKartRight .owl-nav .owl-next:hover {    background-repeat: no-repeat; background-position:center center; height:100%;width:60px;    right: -20px;}

}
@media screen and (max-width:320px) {
.owl-theme.aygazKartRight .owl-nav .owl-prev, .owl-theme.aygazKartRight .owl-nav .owl-prev:hover {width:50px;}
.owl-theme.aygazKartRight .owl-nav .owl-next, .owl-theme.aygazKartRight .owl-nav .owl-next:hover {width:50px;}
#tab-457 .owl-carousel.urun-slide .owl-item ul, #tab-1281 .owl-carousel.urun-slide .owl-item ul {width: 82% !important;}
.bottom-right .bottom .right select { font-size:10px}
.bottom-right .bottom .right  .selectdiv:after { width:16px; height:9px; background-size:100%; right:10px}
.bottom-right .bottom .right .selectdiv-numeric { font-size:10px}
.bottom-right .bottom .right .selectdiv-numeric span { font-size:18px}
}