body{font-family: 'Open Sans', sans-serif; padding:0; margin:0; background:#FFF; color:#222325;}
a{transition:all .3s; color:#222325;}
a:visited{text-decoration:none; color:#222325;}
a:hover, a:focus, a:active{text-decoration:none; color:#000;}
button{cursor:pointer;}
.btn{color:#FFF;}
.btn:hover, .btn:focus, .btn:active, .btn:visited{color:#FFF;}
.btn-light, .btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light:visited{color:#222325;}
.form-control:focus, .form-control.focus, .form-control:active, .form-control.active {box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); border-color: #AAA;}
.btn-primary {color: #fff; background-color: #da221a; border-color: #da221a;}
.btn-primary:hover {color: #fff; background-color: #bf1e17; border-color: #af1b15;}
.btn-primary:focus, .btn-primary.focus {box-shadow: 0 0 0 3px rgba(252, 165, 168, 0.5) !important; color:#FFF;}
.btn-primary.disabled, .btn-primary:disabled {background-color: #999; border-color: #999;}
.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {background-color: #bf1e17 !important; background-image: none; border-color: #af1b15 !important; color:#FFF; box-shadow: 0 0 0 3px rgba(252, 165, 168, 0.5) !important;}
.select2-container .select2-selection--single {height: 38px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 38px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 36px;}
.select2-container--default .select2-selection--single {border-color: #ced4da;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #da221a;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
    border-color: #AAA;
    outline:none;
}
.select2-results__option {
    font-size: 0.8rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: 0.8rem;
}
.clear{display:block; clear:both;}
.scroll-top{display:none}.scroll-top a{z-index:21;width:44px;height:44px;border:solid 1px rgba(255,255,255,0.3);border-radius:50%;text-align:center;line-height:43px;background:#000;position:fixed;bottom:40px;right:20px;font-size:16px;color:#fff;opacity:.25;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.scroll-top a:hover{background-color:#da221a;color:#fff;text-decoration:none;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.mt-20{margin-top:20px;}

.s-item{cursor:pointer;position:relative;overflow:hidden;display:block}
.s-item2{cursor:pointer;position:relative;display:block}
.s-item img, .s-item2 .img img{-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;transition:all 300ms ease-out; width:100%; height:auto; position:relative; display:block; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.s-item:hover img, .s-item2:hover .img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.s-item2 .img{overflow:hidden; display:block; position:relative;}
.video .img:after, .photo .img:after{position:absolute; top:50%; left:50%; margin-left:-15px; margin-top:-15px; width:30px; height:30px; content:"\f01d"; font-family:"FontAwesome"; font-size:30px; line-height:30px; color:rgba(255,255,255,0.7); font-weight:400; z-index:2;}
.photo .img:after{content:"\f030";}
.videox2 .img:after, .photox2 .img:after{margin-left:-26px; margin-top:-26px; width:52px; height:52px; font-size:52px; line-height:52px;}
.video .duration{position:absolute; top:10px; right:10px; padding:5px; font-size:0.75rem; background:rgba(0,0,0,.5); color:#FFF; z-index:2; display:block;}
.imgbw .img img{ -webkit-filter: grayscale(1); filter: grayscale(1);}
.imgbw:hover .img img{ -webkit-filter: none; filter: none;}

.s-item2.std{margin-top:20px;}
.s-item2.std figure{margin:0 0 8px 0;}
.s-item2.std header h2{color:#ff0000; font-size:0.75rem; font-weight:600; margin:0 0 5px 0; line-height:1em;}
.s-item2.std header h3{font-size:1rem; font-weight:600; margin:0; line-height:1.2em;}

.s-item2.captiononimg figure{margin:0;}
.s-item2.captiononimg header{position:absolute; bottom:0; left:0; right:0; padding:0 15px 15px 15px;}
.s-item2.captiononimg header:before{position:absolute; bottom:0; left:0; right:0; top:-50px; z-index:1; content:""; background: -moz-linear-gradient(top,  rgba(0,0,0,0) -1%, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 50%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,.8)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */}
.s-item2.captiononimg header h3, .s-item2.captiononimg header h4{font-size:1rem; margin:0; line-height:1.2em; color:#FFF; position:relative; z-index:2;}

.s-item2.captiononimgfull figure{margin:0;}
.s-item2.captiononimgfull header{position:absolute; bottom:0; left:0; right:0; top:0; padding:15px; background: rgba(54,52,51,.85); align-items: center; justify-content: center; display: flex; transition:all .3s ease-out; opacity:0;}
.s-item2.captiononimgfull:hover header{opacity:1;}
.s-item2.captiononimgfull header h4{text-align:center; font-size:0.9rem; margin:0; font-weight:600; line-height:1.2em; color:#FFF; position:relative; z-index:2;}

.s-item2.searchresult{padding-left:38%;}
.s-item2.searchresult .img{position:absolute; width:35%; display:block; left:0; top:0;}
.s-item2.searchresult time{font-size:0.85rem; color:#999; float:right;}
.s-item2.searchresult h4{font-size:0.85rem; color:#ed1c24; float:left; font-weight:600;}
.s-item2.searchresult header h3:before{content:""; display:block; clear:both;}
.s-item2.searchresult header h3{font-size:1.3rem;}
.s-item2.searchresult p{font-size:0.9375rem; line-height:24px; display:block; position:relative; height:100%; display: -webkit-box; max-width: 100%; height: 72px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.searchlist{margin:0; padding:0; list-style:none;}
.searchlist li{display:block; margin-top:20px; padding-top:20px; border-top:solid 1px #CCC;}
.searchform .col-6{margin-bottom:10px;}
.noresult{min-height:200px; text-align:center; font-size:1.5rem; font-weight:300;}
.noresult:before{content:"\f05a"; font-family:"FontAwesome"; font-size:4rem; display:block; margin:40px auto;}

.searchresults {margin-top:30px;}
.searchresults .item{margin-bottom:30px; padding-bottom:20px; border-bottom:solid 1px #CCC; font-size:0.9rem;}
.searchresults .item h6{color:#999; font-size:0.9rem;}
.searchresults .item p{color:#555; font-size:0.8rem;}

.htitle{font-size:2.5rem; font-weight:300; margin-bottom:10px; line-height:1.15em; letter-spacing: -.5px;}
.htitle a{color:#4480ff;}
.htitle a:hover {color: #4480ff;}
.htitle1{margin:0 0 5px 0; padding:0 0 2px 5px; font-size:1.175rem; font-weight:600; color:#ed1c24; line-height:1em; border-bottom:solid 4px #ed1c24;}
.htitle1 a{display:inline-block; color:#ed1c24;}
.htitle1 a:hover{color:#000;}
.htitle2{margin:30px 0; padding:0 0 2px 5px; font-size:1.4375rem; font-weight:600; color:#1c8ced; line-height:1em; border-bottom:solid 4px #1c8ced;}
.htitle2 a{display:inline-block; color:#1c8ced;}
.htitle2 a:hover{color:#000;}
.htitle3{margin:30px 0; padding:0 0 2px 5px; font-size:1.4375rem; font-weight:600; color:#848484; line-height:1em; border-bottom:solid 4px #848484;}
.htitle3 a{display:inline-block; color:#848484;}
.htitle3 a:hover{color:#000;}

.icerik{color:#5a5a5a;}
.icerik img{max-width:100%; height:auto;}
.table-container{overflow:auto;}

#breadcrumb{background:none; margin-bottom:0; padding:15px 0; border-bottom:solid 1px #EFEFEF;}
.breadcrumb{padding:0 0 0 10px;border-bottom:none; margin:0; background:none;}
.breadcrumb>li, .breadcrumb>li>a{ font-size:0.8rem; color:rgba(34,35,37,1); margin-bottom:0;}
.breadcrumb>li>span{ color:rgba(34,35,37,1);}
.breadcrumb>li>a:hover{color:#000;}
.breadcrumb>li+li:before{color:rgba(34,35,37,1);}
.breadcrumb>li.float-right:before{ display:none;}
.breadcrumb-item+.breadcrumb-item::before {padding-right: .7rem; padding-left: .7rem;}

.grndzm{
background: -moz-linear-gradient(top,  rgba(0,0,0,0) -1%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */}

#showcase h2{display:none;}
#showcase ul{list-style:none; padding:0; margin:0;}
#showcase ul li figure{margin:0;}
#showcase ul li img{width:100%; height:auto;}
#showcase ul li header{display:none;}
#showcase .owl-prev{position:absolute; left:8px; top:50%; margin-top:-35px; width:22px; z-index:1;}
#showcase .owl-next{position:absolute; right:8px; top:50%; text-align:right; margin-top:-35px; width:22px; z-index:1;}
#showcase .owl-dots{position:absolute; bottom:10px; left:0; right:0; text-align:center; z-index:1;}
#showcase .owl-dot{display:inline-block; margin:0 3px;}
#showcase .owl-dot span{display:inline-block; width:30px; height:30px; border-radius:50%; background:#CCC;}
#showcase .owl-dot.active span{background:#FFF;}

#oilprice{padding:50px 0; position:relative;}
#oilprice .map{display:inline-block; position:relative;}
#oilprice .map img{max-width:100%; height:auto; position:relative; z-index:0; display:block; margin:0 auto;}
#oilprice .map .selectcity{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0; padding:63px 75px 0 168px;}
#oilprice .map .selectcity:before{position:absolute; z-index:2; left:53px; top:50%; margin-top:-35px; width:89px; height:71px; background:url(../img/oil-icon-w1.png) 0 0 no-repeat; background-size:contain; content:"";}
#oilprice .map h2{font-size:1rem; line-height:1.05em; text-align:center; font-weight:800; color:#010101; padding:0; margin:0 0 15px 0;}
#oilprice .map .select2-container--default .select2-selection--single .select2-selection__rendered {color: #dd251b; line-height: 49px; padding-left:0; font-size: 0.9375rem; font-weight:600; text-transform:uppercase;}
#oilprice .map .select2-container--default .select2-selection--single .select2-selection__arrow {height: 49px; top: 0;}
#oilprice .map .select2-container {vertical-align: top; display:block;}
#oilprice .map .select2-container--default .select2-selection--single {height:49px; outline:none;}
#oilprice .map .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #dd251b transparent transparent; border-style: solid; border-width: 10px 8px 0;  margin-left: -18px; margin-top: -4px;}
#oilprice .map .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #dd251b; border-width: 0 8px 10px;}
#oilprice ul{list-style:none; padding:4px 33px;}
#oilprice ul li{height:68px; overflow:hidden; position:relative;}
#oilprice ul li:before{position:absolute; left:0; top:0; bottom:0; width:5px; background:#dd251b; content:"";}
#oilprice ul li h5{display:block; font-weight:300; color:#727374; font-size:0.9rem; line-height:1.3em; margin:0 0 10px 0; padding:0 0 0 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#oilprice ul li p{font-weight:800; color:#232426; font-size:1.875rem; line-height:1em; margin:0; padding:0 0 0 15px;}
#oilprice ul li p:after{content:"\f195"; font-family:"FontAwesome"; font-size:1rem; margin-left:10px;}
#oilprice .owl-nav{position:absolute; left:0; right:0; top:0; z-index:1;}
#oilprice .owl-prev{position:absolute; left:0; top:15px;}
#oilprice .owl-next{position:absolute; right:0; top:15px;}

#midcontent{background:url(../img/midcontent-bg.jpg) center top no-repeat; background-size:cover; padding:48px 0 63px 0;}
#midcontent h5{margin:0 auto; max-width:300px; padding:0; position:relative;}
#midcontent h5:after{display:block; position:absolute; content:""; height:80px; width:326px; bottom:-50px; left:-13px; transition:all .3s ease-out; background:url(../img/btn-shadow.png) center top no-repeat; background-size:contain; opacity:.3;}
#midcontent h5:hover:after{opacity:.35; bottom:-48px;}
#midcontent h5 a{display:block; position:relative;}
#midcontent h5 a img{display:block; max-width:100%; height:auto; margin:0 auto;}
#midcontent h5 a:before, #midcontent h5 a:after{display:block; position:absolute; content:""; width:38px; border:solid 5px #FFF; border-right:none; top:0; bottom:0; left:0; transition:all .3s ease-out;}
#midcontent h5 a:after{border:solid 5px #FFF; border-left:none; left:auto; right:0;}
#midcontent h5 a:hover:before{left:10px;}
#midcontent h5 a:hover:after{right:10px;}
#midcontent h5 a span{display:none;}

#midcontent2{background:url(../img/midcontent2-bg.jpg) center top no-repeat; background-size:cover; padding:53px 0;}
#midcontent2 .container{padding:0 25px;}
#midcontent2 .row{margin:0 -10px;}
#midcontent2 .coll{padding:0 10px;}
#midcontent2 a{display:block;}
#midcontent2 a picture{display:block; width:100%; height:auto; margin:0 auto;}
#midcontent2 a img{display:block; width:100%; height:auto; margin:0 auto;}
#midcontent2 a span, .htitlered{display:block; background:#d9261c url('../img/ccare-title-bg.png') left bottom no-repeat; color:#FFF; padding:23px 15px 23px 59px; line-height:1.3em; font-size:1rem;}

#productsnservices{background:#FFF; padding:90px 0;}
#productsnservices h2{color:#515863; font-size:2rem; line-height:1em; margin:0 0 65px 0; padding:0; text-align:center;}
#productsnservices ul{list-style:none; padding:0 113px; margin:0; position:relative;}
#productsnservices ul li a{display:block; background:url(../img/products-bg.png) center top no-repeat; background-size:contain; text-align:center;padding:32px 50px 0 50px; min-height:225px; font-weight:600; color: #343b41; font-size:1.125rem;}
#productsnservices ul li a:hover{color: #000;}
#productsnservices ul li a img{display:inline-block; width:auto; max-width:100%; height:auto;}
#productsnservices ul li a span{display:block; margin-top:10px;}
#productsnservices .owl-prev{position:absolute; left:0; top:50%; margin-top:-32px;}
#productsnservices .owl-next{position:absolute; right:0; top:50%; margin-top:-32px;}

#announcements{background:#f4f4f4; padding:55px 0;}
#announcements h2{color:#26252a; font-size:2rem; line-height:1em; margin:0 0 40px 0; padding:0 0 30px 0; border-bottom:solid 1px #CCC; text-align:center;}
#announcements h3{color:#d9261c; font-size:0.9375rem; line-height:1em; margin:0; padding:0; text-align:center; font-weight:600;}
#announcements ul{list-style:none; padding:0; margin:0;}
#announcements ul li .row{margin:0 -10px;}
#announcements ul li .row .col-6{padding:0 10px;}
#announcements ul li .row .col-6:nth-child(1) article, #announcements ul li .row .col-6:nth-child(2) article{margin-bottom:16px;}
#announcements ul li img{background-position:center top; background-repeat:no-repeat; background-size:cover;}
#announcements .owl-dots{position:static; text-align:center; padding-top:50px;}
#announcements .owl-dot{display:inline-block; margin:0 3px; width:20px; height:20px; text-align:center; line-height:20px;}
#announcements .owl-dot span{display:inline-block; width:16px; height:16px; border-radius:50%; background:#666; transition:all .2s ease-out; line-height:20px; float:left; margin:2px;}
#announcements .owl-dot.active span{width:20px; height:20px; margin:0;}

#footer .footer1{background:#EFEFEF;}
body.home #footer .footer1{background:#FFF;}
#footer .footer2{background:#262835; padding:20px 0 16px 0;}
#footer .footer3{background:#FFF; padding:30px 0;}
#footer .footer1 .coll{text-align:center;padding:30px 0;}
#footer .footer1 .coll:nth-child(2){position:relative;}
#footer .footer1 .coll:nth-child(2):before, #footer .footer1 .coll:nth-child(2):after{content:""; position:absolute; top:0; bottom:0; width:5px; left:0; display:block; background:#FFF;}
#footer .footer1 .coll:nth-child(2):after{left:auto; right:0;}
body.home #footer .footer1 .coll:nth-child(2):before, body.home #footer .footer1 .coll:nth-child(2):after{background:#f4f4f4;}
#footer .footer1 .logo{display:inline-block;}
#footer nav ul{padding:0; margin:0; list-style:none;}
#footer .footer1 .logo{display:inline-block; text-align:center;}
#footer .footer1 .logo img{width:auto; max-width:100%; height:auto; display:inline-block;}
#footer .footer1 nav{display:inline-block; padding-left:30px;}
#footer .footer1 nav ul{padding:20px 0 5px 0; max-width:422px; margin:0 auto;}
#footer .footer1 nav ul:after{display:block; content:""; clear:both;}
#footer .footer1 nav ul li{float:left; margin-left:21px; width:190px; display:block; margin-top:10px;}
#footer .footer1 nav ul li a{display:block; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#202020; font-size:0.9rem; font-weight:600; line-height:1.3em; padding-left: 20px; background:url('/assets/img/footer-bullet.png?v=2') left 2px no-repeat;}
#footer .footer1 nav ul li a:hover{color:rgba(0,0,0,1);}
#footer .footer1 .customercarefooter{width:215px; display:inline-block; position:relative; padding-left:50px; text-align:left; margin-top:33px;}
#footer .footer1 .customercarefooter:before{content:"\f095"; font-family:"FontAwesome"; font-size:63px; color:#d9261f; transform:rotate(30deg); position:absolute; top:-13px; left:0; font-weight:800;}
#footer .footer1 .customercarefooter span.title{display:block; font-weight:300; margin-bottom:2px;}
#footer .footer1 .customercarefooter span.number{display:block; font-weight:600; font-size:2rem; line-height:1em;}
#footer .footer1 .customercarefooter span.number span{font-weight:800; color:#d9261f; width:50px; text-align:center; display:inline-block;}
#footer .footer1 .customercarefooter span.number i{font-style:normal; display:none;}
#footer .footer1 .customercarefooter:hover span.number span b{display:none;}
#footer .footer1 .customercarefooter:hover span.number span i{display:inline-block;}
#footer .social{ text-align:center;}
#footer .social nav{display:inline-block;}
#footer .social ul{display:block;}
#footer .social ul:after{display:block; content:""; clear:both;}
#footer .social ul li{float:left; padding:0; margin:0 0 0 12px;}
#footer .social ul li.lng{display:none;}
#footer .social ul li:first-child{margin:0;}
#footer .social ul li a{font-size:1.5rem; color:#FFF; display:block; width:37px; height:37px; text-align:center; background:#d1d1d1;}
#footer .social ul li.facebook a{background:#3b5998;}
#footer .social ul li.twitter a{background:#55acee;}
#footer .social ul li.instagram a{background:#e95950;}
#footer .social ul li.youtube a{background:#ff0000;}
#footer .social ul li.googleplus a{background:#dd4b39;}
#footer .social ul li.linkedin a{background:#007bb5;}
#footer .social ul li a b{display:none;}
#footer .footer2 form{padding: 0 75px; position:relative;}
#footer .footer2 form input{outline:none; border:solid 2px #CCC; border-radius:0; padding-right:30px;}
#footer .footer2 form button{outline:none; border:none; border-radius:0; background:none; position:absolute; right:75px; top:5px;}
#footer hr {margin-top: 40px; border-color: #999;}
#footer .footer3 .container {padding:0 75px;}
#footer .footer3 p {color:#202020; font-size:0.75rem; margin-bottom:10px;}
#footer .footer3 nav ul li {float:left; margin-left:13px; padding-left:13px; position:relative;}
#footer .footer3 nav ul:after{display:block; content:""; clear:both;}
#footer .footer3 nav ul li:before {content:""; width:1px; height:12px; top:50%; margin-top:-4px; background:#727272; left:0; position:absolute;}
#footer .footer3 nav ul li:first-child {margin-left:0; padding-left:0;}
#footer .footer3 nav ul li:first-child:before {display:none;}
#footer .footer3 nav ul li a {display:inline-block; color:#202020; font-size:0.75rem;}
#footer .footer3 .zulfikarlar {text-align:center; margin-bottom:20px; height:87px; overflow:hidden; position:relative;}
#footer .footer3 .zulfikarlar a {display:inline-block; position:relative; z-index:2;}
#footer .footer3 .zulfikarlar:before {content:"";position:absolute;bottom:28px; height:3px; left:0; right:0; background:#2b2b76; z-index:1;}

.contentwrp{padding-bottom:40px;}
#subtopimg{height:248px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#subtopimg.img01{background-image:url("../../assets/img/top-img01.jpg");}
#subtopimg.img02{background-image:url("../../assets/img/top-img02.jpg");}
#subtopimg.img03{background-image:url("../../assets/img/top-img03.jpg");}
#subtopimg.img04{background-image:url("../../assets/img/top-img04.jpg");}
#subtopimg.img05{background-image:url("../../assets/img/top-img05.jpg");}
#subtopimg.img06{background-image:url("../../assets/img/top-img06.jpg");}
#subtopimg.img07{background-image:url("../../assets/img/top-img07.jpg");}

.subpagetitle{background:#d6251d;}
.subpagetitle h1, .subpagetitle h2{color:#FFF; font-size:1.75rem; line-height:1.3em; margin:0; padding:15px 0; font-weight:600;}
#content{padding:25px 0 0 0; font-size:0.9rem; line-height:1.55rem;}
#content h1{font-size:1.6rem; margin:0 0 30px 0; padding:0; line-height:1.3em;}
#content header{display:block;}
.contentH1{display:inline-block; border-bottom:solid 3px #111; color:#d6251d; font-weight:600;}
#content h2{font-size:1.35rem; font-weight:600; margin-bottom:1.5rem;}
#content h3{font-size:1.25rem; font-weight:600; margin-bottom:1.5rem;}
#content h4{font-size:1.1rem; font-weight:600; margin-bottom:1.5rem;}
#content h5{font-size:1rem; font-weight:600; margin-bottom:1.5rem;}
#content h6{font-size:0.9rem; font-weight:600; margin-bottom:1.5rem;}
#content p, #content div{text-align:justify; margin-bottom:1.5rem;}
#content b, #content strong{font-weight:600;}
#content img{max-width:100%; height:auto;}
#content .contact-box{ padding:30px; background-color:#dddddd; font-size:0.825rem;}
#content .contact-box .coll{position:relative;}
#content .contact-box .coll:before{position:absolute; top:0; left:15px; right:15px; bottom:0; background-color:#f8f8f8; content:"";}
#content .contact-box-inner{ padding:30px 30px 20px 30px; background-color:#f8f8f8; margin-bottom:0;}
#content .contact-box-inner .fa{ color:#d9261c; font-size:1rem; width:30px; text-align: center; position:absolute; left:0; top:3px;}
#content .contact-box-inner div { margin-bottom:10px; padding-left:30px; position:relative; text-align:left;}
#content .contact-box-inner p { margin-bottom:10px; }
#content .contact-box-inner div:last-child, #content .contact-box-inner .row { margin:0; }
#content .contact-box-inner .row { padding-left:0; }
#content .contact-box-inner .row div{ padding-right:0; }
.hrprocess{transform: translate(15px, 280px) rotate(270deg); width: 5px;}
#contentgallery{margin-top:30px;}
#contentgallery ul{list-style:none; padding:0; margin:0;}
#contentgallery ul li img{width:100%; height:auto; background-position:center top; background-repeat:no-repeat; background-size:cover;}
#contentgallery ul li a{display:block;}
#contentgallery .owl-prev{position:absolute; left:8px; top:50%; margin-top:-35px; width:22px; z-index:1;}
#contentgallery .owl-next{position:absolute; right:8px; top:50%; text-align:right; margin-top:-35px; width:22px; z-index:1;}
.oilpricerules{margin-top:30px;}
.oilpricerules h4{font-size:1.5rem; font-weight:600;}
.oilpricerules h5{font-size:1.2rem; font-weight:600;}
.pressreleases{margin-top:20px;}
.pressreleases .item{padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #EFEFEF;}
.pressreleases .item article{margin:0;}
.pressreleases .item a{display:block; padding-left:85px; position:relative; min-height:71px;}
.pressreleases .item a .date{position:absolute; top:0; left:0; width:75px; padding:10px 0; text-align:center; font-size:0.85rem; line-height:1.25em; font-weight:600; background:#d9261c; color:#FFF;}
.pressreleases .item a header{margin-bottom:5px;}
.pressreleases .item a header h4{margin-bottom:0; font-size:1.3rem; font-weight:600;}
.pressreleases .item a p{margin-bottom:0; color:#555; font-size:0.9375rem;}
.contentcaption{padding:20px 20px 20px 100px; position:relative; background:#BBB url('/assets/img/content-caption-bg.png') left bottom no-repeat;}
.contentcaption em, .contentcaption i{background:#FFF; display:block; padding:20px;}
.contentcaption:after{content:""; position:absolute; width:64px; height:60px; background:url('/assets/img/caption-logo.png') center top no-repeat; left:18px; top:50%; margin-top:-30px;}

#sidebar{background:#d6251d; position:relative; margin-top:-1px; padding-bottom:5px;}
#sidebar h2{background:#353535 url('../img/right-menu-title-bg.png') left bottom no-repeat; color:#FFF; padding:23px 15px 23px 59px; line-height:1.3em; font-size:1rem;}
#sidebar ul{list-style:none; margin:0; padding:17px;}
#sidebar ul ul{padding:0 20px;}
#sidebar ul li{display:block;}
#sidebar ul li a, #sidebar ul li span{display:block; font-size:0.875rem; padding:10px 10px 10px 30px; position:relative; color:#FFF; letter-spacing:-0.5px;}
#sidebar ul li a:before, #sidebar ul li span:before{position:absolute; left:15px; top:50%; margin-top:-10.5px; content:"\f0da"; font-family:"FontAwesome";}
#sidebar ul li a:hover{background:#ae1d18;}

.category article{margin:20px 0 30px 0;}
.category article .s-item2 header{padding:0 13px;}
.category article .s-item2 header h4{font-size:1.125rem;}
.pagination {border-radius: 0; margin-top:30px;}
.page-link {color: #222325; font-size:1rem; border-radius:0 !important;}
.page-link:hover, .page-link:active {color: #222325;}
.page-item.disabled .page-link {color: #AAA;}
.page-item.active .page-link {background-color: #d92419; border-color: #d92419; color:#FFF !important;}

#mapwrp{padding:30px 0; background:#f1f1f2; margin-top:20px;}
#mapwrp h2, #results h2, #stationresults h2, #mapFilter h2{font-size:1rem; text-align:center; margin-bottom:30px; font-weight:600; padding:0 20px;}
#stationresults h2{font-size:1.35rem;}
#map{width:1050px;position:relative;margin:0 auto; height:450px; overflow: hidden;}
#map svg {position: relative;top: -140px !important; left: 0px; width:100%; height:590px; zoom:1;}
#map svg path, #map svg circle{cursor:pointer;}
#mapFilter{background:#f1f1f2; margin-top:20px;}
#mapFilter form{padding:30px; max-width:1050px; margin:0 auto;}
#mapHeadquarter{height:250px; width:100%;}
.draggable{cursor:move;}
.cities{position:absolute; left:0; top:0; width:1px; height:1px; overflow:visible; zoom:1;}
.cityname{position:absolute; font-size:10px; color:#000; font-weight:800; text-shadow:.5px .5px .5px rgba(255,255,255,.5);}

#results, #stationresults{padding:20px; background:#f1f1f2; margin-top:30px;}
#results h2{text-align:left; padding-left:0;}
#results h6{font-size:12px;}
.pricetable table{margin:0;}
.pricetable thead tr th{background:#4797f1; color:#FFF; font-size:0.6875rem; font-weight:600; text-align:center; border-color:#f1f1f2}
.pricetable tbody tr td{background:#FFF; color:#0f2149; font-size:1.1875rem; text-align:center; border-color:#f1f1f2; border-top-width:10px; white-space:nowrap;}
#filter{margin:30px 0;}
#filter h3{display:none;}
#frmOilPrices{padding-right:70px; position:relative;}
#frmOilPrices label{font-size:13px; font-weight:600;}
#frmOilPrices .submitbtn{position:absolute; bottom:0; right:0;}
label.error{color:#da221a;}

.station{background:#FFF; margin-top:30px; padding:10px; color:#0f2149; font-size:0.9rem;}
.station .col-md-8{padding:20px 40px;}
.station a{color:#0f2149; font-weight:600; display:block;}
.station h3{font-size:1.125rem; font-weight:600; line-height:2rem; position:relative; padding-left:45px;}
.station h3:before{display:block; background:url(../img/station-ico.png) center top no-repeat; width:35px; height:32px; content:""; position:absolute; left:0; top:0;}
.station .address, .station .phone, .station .map{margin-top:20px; line-height:1.5rem; position:relative; padding-left:45px;}
.station .address:before, .station .phone:before, .station .map:before{font-family:"FontAwesome"; font-size:1.25rem; display:inline-block; width:35px; color:#3971ff; content:"";  position:absolute; left:0; top:0;}
.station .address:before{content:"\f041";}
.station .phone:before{content:"\f095";}
.station .map:before{content:"\f278";}
.googlemap{position:absolute; right:15px; top:0; bottom:0; width:100%;}
.station .vis{width: 60px;height: auto;position: absolute; top:0; right:30px;}

.form-std{padding-left:14px;}
.form-std .form-group{position:relative;}
.form-std input, .form-std textarea, .form-std select, .form-std label{font-size:0.85rem;}
.form-std .form-control{ padding: 18px 25px 10px 10px; font-size:0.85rem; color:#000;}
.form-std select.form-control{ padding: 5px 25px 8px 6px; height:50px !important;}
.form-std .form-group label{position:absolute; top:12px; left:10px; transition:all .3s ease-out; margin-bottom:0; z-index:3; font-size:0.9rem;}
.form-std.form-icon .form-group label{left:48px;}
.form-std.form-icon .input-group{z-index:1;}
.form-std .form-group:hover label, .form-std .form-group label.active{top:3px; font-size:.75rem; color:#666;}
.form-std .form-group.labelblock label{position:static; font-size:0.9rem !important; color:#222325 !important;}
.form-std .form-group i{position:absolute; right:5px; top:13px; z-index:3;}
.form-std.form-icon .form-group i{top:15px;}
.form-std.form-icon .form-group .input-group-addon{padding-left:0; padding-right:0; align-items:normal; color:#da221a;}
.form-std.form-icon .form-group .input-group-addon span{width:35px; margin-top:8px;}
.form-std .form-group.has-error input, .form-std .form-group.has-error textarea, .form-std .form-group.has-error select, .form-std .form-group.has-error .input-group-addon, .form-group.has-error .select2-container .select2-selection--single{border-color:#C00;}
.form-std .form-group.has-error i{color:#C00;}
.form-std .form-group.has-success input, .form-std .form-group.has-success textarea, .form-std .form-group.has-success select, .form-std .form-group.has-success .input-group-addon, .form-group.has-success .select2-container .select2-selection--single{border-color:#390;}
.form-std .form-group.has-success i{color:#390;}
.form-std .subtitle{color:#ed1c24; font-size:1rem; font-weight:600; position:relative;}
.infobox-wrapper > img {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity: 0.5;-moz-transition: 0.4s;-webkit-transition: 0.4s; transition: 0.4s; position: absolute !important; right: 8px; top: 13px; z-index: 2;}
.infobox-wrapper > img:hover {filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;}
.infobox-wrapper .infobox-inner {-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);background: #fff;border-top: 6px solid #dd251b;font-size: 12px;position: relative;margin-bottom: 50px;min-width: 200px;}
.infobox-wrapper .infobox-inner:after {width: 0px;height: 0px;border-style: solid;border-width: 6px 6px 0 6px;border-color: #fff transparent transparent transparent;position: absolute;left: 95px;content: "";bottom: -6px;}
.infobox-wrapper .infobox-inner .infobox-image {width: 250px;height: auto;overflow: hidden;position: relative;}
.infobox-wrapper .infobox-inner .infobox-image img.vis {width: 50px;height: auto; position: absolute; top:5px; left:5px;}
.infobox-wrapper .infobox-inner .infobox-image img {width: 100%;height:auto;}
.infobox-wrapper .infobox-inner .infobox-title {font-size: 13px;font-weight: bold;}
.infobox-wrapper .infobox-inner .infobox-description {padding: 8px; max-width:250px;}
.infobox-wrapper .infobox-inner .infobox-location {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity: 0.5;font-size: 12px;}
.infobox-wrapper .infobox-inner .fa {color: #1396e2;float: right;font-size: 18px;margin-top: 4px;}
.marker-hover {opacity: .5;}
#mapStation {width:100%; height:400px;}

.madeniyagtitle{background:#d6251d url('../img/madeni-yag-title-bg.png') bottom right no-repeat; position:relative; margin-bottom:30px;}
.madeniyagtitle:after{content:""; clear:both; display:block;}
.madeniyagtitle .inner{width:37.5%; padding:21px; min-height:290px; float:right; text-align:center !important; color:#FFF; margin-bottom:0 !important;}
.madeniyagtitle .inner .logo{margin-bottom:15px !important; text-align:center !important;}
.madeniyagtitle .inner h4{margin-bottom:15px !important; font-size:1.3125rem !important; line-height:1.2em;}
.madeniyagtitle .inner h4 em{font-size:1.0625rem; display:block; font-style:normal; line-height:1.1em;}
.madeniyagtitle .inner p{font-size:0.8125rem; text-align:center !important;}
.madeniyagtitle .img{width:62.5%; height:auto; position:absolute; top:0; bottom:0; left:0; display:block; background-position:center top; background-repeat:no-repeat; background-size:cover; margin-bottom:0 !important;}
.madeniyagtitle .img img{display:none;}

.madeniyagitem{border:solid 2px #cacaca; padding:25px 20px; display:block; font-size:0.8125rem !important; padding-left:181px; position:relative; min-height:198px; line-height:1.2em;}
.madeniyagitem2{border:none; margin-bottom:20px;}
.madeniyagitem span{display:block;}
.madeniyagitem .buton{padding:10px 15px 10px 35px; background:#ff3e3c url('../img/ccare-title-bg.png') left bottom no-repeat; color:#FFF; display:inline-block; font-size:0.75rem; background-size:17%; line-height:1.1em; font-weight:700; margin-top:10px;}
.madeniyagitem .title{font-size:1.3125rem; display:block; margin-bottom:15px; color:#d6251d; font-weight:600;}
.madeniyagitem .img{width:140px; position:absolute; top:20px; left:20px;}
.madeniyagitem .img img{display:block; width:100%; height:auto;}
.madeniyagitem:hover{border-color:#555;}
.madeniyagitem:hover .buton{background-color:#bd221b;}
.madeniyagitem ul{list-style:none; padding:0; margin:0;}
.madeniyagitem ul li{padding:0 0 0 20px; margin:0 0 10px 0; position:relative;}
.madeniyagitem ul li:before{content:"\f0da"; font-family:"FontAwesome"; position:absolute; left:0; top:3px;}

#tasitTab.nav-tabs .nav-item .nav-link {font-weight:600;}
#tasitTab.nav-tabs .nav-item.show .nav-link, #tasitTab.nav-tabs .nav-link.active {background-color: #e3e4e6; border-color:#e3e4e6; color:#d9271d;}
.tasitbox {background: #e3e4e6; padding:40px;}
.tasitbox ul.advantage{list-style:none; padding:0;}
.tasitbox ul.advantage li{list-style:none; margin:0 0 15px 0; position:relative; color:#FFF;}
.tasitbox ul.advantage li *{position:relative; padding:10px 25px; display:table-cell; width:100%; height:68px;; text-align:left !important; vertical-align:middle;}
.tasitbox ul.advantage li:before{content:""; position:absolute; top:0; bottom:0; left:15px; right:15px; display:block; background:#d9271d;}

.tasitbox ul li{ padding:7px 0;}

.medyada article{margin-bottom:30px;}


.cookiemsg{position:fixed; left:0; right:0; bottom:-300px; background:rgba(214,37,29,1); color:#FFF; font-size:15px; z-index:99; padding:17px 0; transition:all .3s ease-out;}
.cookiemsg .container{padding:0 20px;}
body.cookie-notification .cookiemsg{bottom:0;}
.cookiemsg .cookiemsgclose{font-size: 15px; padding: 10px 20px; background-color:#FFF; color:#d6251d; border-color:#FFF;}
.cookiemsg .cookiemsgclose:focus, .cookiemsg .cookiemsgclose:hover { outline:none !important; box-shadow:none !important; background-color:#FFF !important;}
.cookiemsg .row{ padding:0 100px;}

.tts { margin-top:40px; counter-reset:tts;}
.tts a, .tts-label, .tts a.bireysel-link{ text-align:center; display:block; border: 2px solid #d6251d; border-radius:10px; padding:15px 0; font-weight:600; cursor:pointer;}
.tts a:hover, .tts-label:hover, .tts-label-check:checked + .tts-label, .tts a.bireysel-link:hover{ background-color:#d6251d; color:#FFF;}
.tts label{margin-bottom:1rem;}
.tts input[type="radio"]{display:none;}
.formsectionlabel{font-size:12px; font-weight:bold; text-transform:uppercase;}
.ttsform .select2-container .select2-selection--single {height: 50px; border-top-left-radius:0; border-bottom-left-radius:0; font-size:.85rem;}
.ttsform .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 50px;}
.ttsform .select2-container--default .select2-selection--single .select2-selection__arrow {height: 48px;}
.ttsform .rownumber{width:35px; background:#DDD; display:flex; height:100%; align-items:center; justify-content:center;}
.ttsform .rownumber:after{width:17px; height:17px; border-radius:50%; background-color:#C00; display:block; line-height:17px; text-align:center; color:#FFF; counter-increment:tts; content:counter(tts); font-size:.65rem;}
.ttsform .productdetails{background:#EEE; padding-top:15px; padding-bottom:15px;}
.ttsform .productdetails label, .ttsform .staticlabel label{font-size:.85rem !important; color:#222325 !important;}
.ttsform .unitcardnowarning{ font-weight:bold; font-size:13px; padding:0;}
.ttsform .plakatitle{ padding-right:10px;}
.individual-embed iframe{ width:100%; height:1636px; border:none;}

#tasit4{ background: #e3e4e6; padding: 40px;}
#tasit4 p, #tasit4 div { margin-bottom:0;}
#tasit4 .accordion .btn{color:#000; text-decoration:none !important;}
#tasit4 .accordion>.card{padding:0; border:none; box-shadow:none; text-align:justify;}
#tasit4 .accordion>.card>.collapse{border:solid 1px transparent; margin-top:-1px;}
#tasit4 .accordion>.card>.card-header{background:#FFF; padding:0; border:none; margin-bottom:0;}
#tasit4 .accordion>.card>.card-header button, #tasit4 .accordion>.card>.card-header a{border:solid 1px #ed1b24; font-weight:600; white-space:normal; outline:none; box-shadow:none; background:#ed1b24; color:#FFF; width:100%; text-align:left; border-radius:0; position:relative; padding:20px 25px 20px 15px;}
#tasit4 .accordion>.card:last-child>.card-header button, #tasit4 .accordion>.card:last-child>.card-header a{border:none !important;}
#tasit4 .accordion>.card>.card-header button:after{content:"\f105"; color:#FFF; position:absolute; right:15px; top:22px; transform:rotate(90deg); transition:all .3s ease-out; font-weight:600; font: normal normal normal 14px/1 'FontAwesome'; font-size:1.3em;}
#tasit4 .accordion>.card>.card-header button.collapsed, #tasit4 .accordion>.card>.card-header a.collapsed{border:solid 1px transparent; border-bottom-color:#DDD; background:none; color:#000;}
#tasit4 .accordion>.card>.card-header button.collapsed:after{transform:rotate(0deg); color:#000;}
#tasit4 .accordion>.card>.show, #tasit4 .accordion>.card>.collapsing{border:solid 1px #DDD !important;}
#tasit4 .card-body {padding: 3rem 2rem;}
#tasit4 .card-body img { margin:0 auto; display:block; margin-top:25px;}
#tasit4 .card-body .pdfdocument { text-align:center; display:block; margin-top:50px;}
#tasit4 .card-body .pdfdocument a{ color:#FFF; white-space:normal;}


.aggreements h3.title { font-size: 1.2rem; font-weight: 600}
.aggreements h4.title { font-size: .9375rem; font-weight: 600; position: relative; padding-right:75px; line-height: 1.5em}
.aggreements h4.title .agreementtoplinks { position: absolute; right: 0; top: 0}
.aggreements .aggreementfld { position: relative; padding: 20px; height: 150px; overflow:auto; border: solid 1px #ccc; font-size: .65em; background: #f9f9f9; margin-bottom:50px;}
.aggreements .aggreementfld * { font-size: .65rem}
.aggreements .btn-success{ background-color:#da221a; border-color:#da221a;}