@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'ds-digitalnormal';
src: url('/Assets/Site/fonts/ds-digi-webfont.woff2') format('woff2'),
url('/Assets/Site/fonts/ds-digi-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}

select {
    -webkit-appearance: none !important;
   -moz-appearance:    none;
   appearance:         none;
}
select::-ms-expand {
    display: none;
}
select option { background:#fff
}
header .right .diller a img {-ms-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(270deg);}
.boxsMobil{}

.selectdiv:after {background:url(/Assets/Site/images/selectpng.png) no-repeat; }
.selectdiv.dark:after {background:url(/Assets/Site/images/selectpng-h.png) no-repeat; }
/* Bildirim CSS */


.bildirimUygulama {width: 100%; height: 0px; display: block; position: absolute; left:0px; background: transparent; z-index: 99999; display: none;}
.bildirimContent {width: 650px;height: 125px;background: #fff;margin: 0 auto; position: relative; -webkit-box-shadow: -1px 2px 25px -6px rgba(0,0,0,0.75); -moz-box-shadow: -1px 2px 25px -6px rgba(0,0,0,0.75); box-shadow: -1px 2px 25px -6px rgba(0,0,0,0.75);}
.closeNotif {height: 125px; width: 125px;background: #e8ecef; float: left; display: block; padding-top: 43px; text-align: center;}
.closeNotif > img {height: 35px; width: 35px; cursor: pointer;}
.appLogo {float: left; padding: 17px 25px;}
.appLogo > img {width: 175px;}
.openApp {position: absolute; right: 20px; top: 42px;}
.openApp > img { width: 175px;}
.openApp > p {position: absolute;top: 12px;left: 0;text-align: center;color: #fff;font-weight: bold;width: 100%; font-size: 15px;}

.aygzUpBtn {position: fixed; right: 50px; bottom: 50px; z-index: 99999; display: inline-block; display: none; cursor: pointer;}

.bildirimUygulama {
transition: 0.9s;
-webkit-transition: 0.9s;
-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 0.9s; /* Safari 4.0 - 8.0 */
-webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
animation-name: example;
animation-duration: 0.9s;
animation-delay: 0s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
0%   {top:-140px;}
100% {top:0px;}
}

/* Standard syntax */
@keyframes example {
0%   {top:-140px;}
100% {top:0px;}
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing:border-box
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration:none;
box-sizing:border-box;
text-decoration:none;-webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s
}
input, select {
-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;
-webkit-appearance:none
}

:focus {
outline: 0;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
*  { box-sizing:border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.clr { clear:both}
h1, h2, h3, h4, h5, h6 {line-height:normal}
h3 { font-size:72px; font-weight:400; color:#283339; letter-spacing:-4px;}
h4 { font-size:60px; font-weight:400; color:#263339; letter-spacing:-2px}
h6 { font-size:20px; font-weight:500; color:#263339; letter-spacing:-1px}
/* LAYOUT */
body {font-family: 'Ubuntu', sans-serif; color:#283339; font-weight:400; font-size:14px;  background:#fff;color:#283339; }
html, body, #container { min-height: 100%; }
#container { padding-top:120px; position:relative; z-index:2}
header { position:fixed; top:0; background:#fff; border-bottom:1px solid #d0d0d0; z-index:3;}
section {width:100%; position:relative; }
.mobilBottomMenu{ display:none; float:left; width:100%; background:#e6e6e6;}
.mobilBottomMenu a{float:right;width: 97%;height: 45px;line-height: 45px;color:#263339;border-bottom:1px solid #cdcdcd;position:relative;padding-left: 15px;font-size: 12px;font-weight: bold;}
.mobilBottomMenu a::after{ position:absolute; left:0;top: 50%;transform: translateY(-50%); content:''; width:6px; height:6px; background:#263339;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
.hideBtnArama{ display:none;}

footer { position: relative; clear: both; background:#fff; padding:0 50px; z-index:2}
footer .top { padding:50px 0 27px; width:100%; border-bottom:1px solid #bdbdbd}
footer .top a { float:right; display:inline-block}
footer .top a:nth-child(2n+2) { float:right}
footer .middle { padding:30px 0 45px; width:100%; position:relative}
footer .middle .boxs {width: 13%;float:left;padding-right: 0%;margin-right: 3%;}
footer .middle .socials { display:inline-block;  position:absolute; right:0; top:25px; padding:20px 50px;}
footer .middle .socials:after { height:100%; width:1px; position:absolute; left:0; top:0; content:""; background:#bdbdbd } 
footer .middle .socials div {  position:relative; display:inline-block }
footer .middle .socials div a { display:block; height:28px; padding-left:33px; background-image:url(/Assets/Site/images/twitter.png); background-position:left center; background-repeat:no-repeat; line-height:28px; color:#30a6cf;  margin:5px 0}
footer .middle .socials div a.facebook {background-image:url(/Assets/Site/images/facebook.png); color:#3b5995}
footer .middle .socials div a.linkedin {background-image:url(/Assets/Site/images/linkedin.png); color:#1977a6}
footer .middle .socials div a.googleplus {background-image:url(/Assets/Site/images/googleplus.png); color:#d94e46}
footer .middle .socials div a.instagram {background-image:url(/Assets/Site/images/instagram.png); color:#6a453b}
footer .middle .socials div a.youtube {background-image:url(/Assets/Site/images/youtube.png); color:#FF0033}
footer .middle .boxs a, footer .middle .boxs h5 {width:100%;display:block;font-size: 12px;font-weight:400;margin-bottom: 9px !important;}
footer .middle .boxs a {color:#818181;line-height: 14px;margin-bottom: 0;}
footer .middle .boxs h5 a {color:#263238;font-weight:500;margin-bottom: 0 !important;}
footer .middle .boxs h5 a:hover { color:#263238;}
footer .middle .boxs .apps a{ margin-right:4px;}
footer .middle .boxs.otherFooterLink h5:after{ display:none;}
footer .middle .boxs.otherFooterLink h5{ }
footer .middle .boxs.otherFooterLink{ width:100%;}
footer .middle .boxs a:hover { color:#3b4bb3}
footer .middle .boxs h5 { color:#263238; font-weight:500; padding-bottom:12px; position:relative; margin-bottom:7px}
footer .middle .boxs h5:after {height:1px;width:20px;background:#263238;position:absolute;bottom: 6px;left:0;content:"";}
footer .middle .boxs .apps { width:100%; margin-top:20px}
footer .middle .boxs .apps p { width:100%; text-align:left; font-size: 13px;   font-weight: 400;   color: #818181; line-height:normal; padding-bottom:5px}
footer .middle .boxs .apps a {float:left;width:48%;margin-right: 1%;display:block;}
footer .middle .boxs .apps a img {height: 32px;}
.mobilFooterMenu{ display:none;}
.hideDil{display:none;}
footer .bottom {position:relative; left:0; bottom:0; width:100%; padding:0px;}
footer .bottom .koc_logo {float:left}
footer .bottom .links {float:right; font-size:12px; padding-top:8px}
footer .bottom .links a {color:#818181}
footer .bottom .links a:hover{ color:#007cc5; }

header { width:100%}
header .logo { height:100%; width:230px; border-right:1px solid #edeeee; background:#fff url(../images/mainlogo.png) center center no-repeat; position:absolute; left:0; bottom:0; max-height:120px }
header .logo.otogaz {background:#fff url(../images/logo.png) center center no-repeat; }
header .right { height:40px; background:#f5f5f5; display:inline-block; position:absolute; right:0; top:0}
header .right a { width:110px; float:left; height:100%; font-size:11px; font-weight:500; text-align:center; color:#263238; position:relative}
header .right .diller {width: 87px;float:left;height:100%;font-size:11px;font-weight:500;text-align:center;color:#263238;position:relative;line-height:40px;}
header .right .diller a{ width:100%; background: #f5f5f5;}
header .right .diller a:last-child{ border:0;-webkit-transition: all .0s;-moz-transition: all .0s;-o-transition: all .0s;transition: all .0s;}
header .right a.arama { color:#fff; background:#263339; text-align:left; padding-left:15px} 
header .right a.arama:after { width:14px; height:14px; background-image:url(../images/search.png); background-size:100%; position:absolute; right:10px; top:50%; transform:translateY(-50%); content:""}
header .right a.uyegiris { color:#fff; background:#1b9ce2; text-align:right; padding-right:15px}
header .right a.uyegiris:after { width:19px; height:19px; background-image:url(../images/uye_giris.png); background-size:100%; position:absolute; left:10px; top:50%; transform:translateY(-50%); content:""; background-repeat:no-repeat}
header .right a.diller { }
header .toparea{ position:relative}
header nav .top, header .bottom {  padding-left:230px; }
header nav .top { height:40px; background:#f5f5f5;}

header nav .top li, header .bottom>a {float:left;height:100%;position:relative;font-weight:700;font-size:14px;color:#263238;padding: 0 27px;border-right:1px solid #edeeee;}
header nav .top li a, header .right a span, header .bottom>a span {position:relative; top:50%; transform:translateY(-50%); display:block;color:#70797e;}
header nav .top li { font-size:13px; padding:0 20px; border:0}
header nav .top li.first { padding-left:30px}
header nav .top li a.select { color:#007cc5;}
header nav .top li:after { width:1px; height:9px; background:#d5d5d6; content:""; position:absolute; right:0; top:50%; transform:translateY(-50%) }

header a:hover, header a.select { color:#007cc5; }

header .bottom { height:80px}
header .bottom>a:hover:after, header  .bottom a.select:after { width:100%; height:4px; background:#007cc5; content:""; position:absolute; left:0; bottom:0; }
header.sticky .bottom { height:70px}

header.sticky { position:fixed; z-index:4}
header nav .top, header .right {-webkit-transition: all 0.5s;-moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
header.sticky nav .top, header.sticky .right { height:0; overflow:hidden}

header.sticky .logo {background-size: auto}

#search{ height:60px; width:100%; padding-left:60px; position:relative; background:#253239; display:none;z-index:3}
#search:after{ width:60px; height:100%; background:url(../images/searchtop.png) center center no-repeat;  position:absolute; left:0px; top:50%; transform:translateY(-50%); content:""}
#search .close{ width:60px; height:100%; background:url(../images/close_search.png) center center no-repeat;  position:absolute; right:0px; top:50%; transform:translateY(-50%);  z-index:2}
#search input { width:100%; height:40px; border:0; background:none; padding-left:10px; border-left:1px solid #33444d; position:relative; top:50%; transform:translateY(-50%); color:#78909c; font-size:15px; font-weight:400}
#search input::-webkit-input-placeholder { color:#78909c;}
#search input::-moz-placeholder {color:#78909c;}
#search input:-ms-input-placeholder { color:#78909c;}
#search input:-moz-placeholder { color:#78909c;}


/* BUTTONS*/
.call-button { display:inline-block; border:0; cursor:pointer; padding:20px 40px; text-align:center; color:#fff; font-size:16px; font-weight:700; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.call-button.green {/* IE10+ */
background-image: -ms-linear-gradient(left, #28AB5B 0%, #24A657 50%, #179548 100%);    /* Mozilla Firefox */
background-image: -moz-linear-gradient(left, #28AB5B 0%, #24A657 50%, #179548 100%);    /* Opera */
background-image: -o-linear-gradient(left, #28AB5B 0%, #24A657 50%, #179548 100%);    /* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #28AB5B), color-stop(50, #24A657), color-stop(100, #179548));    /* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, #28AB5B 0%, #24A657 50%, #179548 100%);    /* W3C Markup */
background-image: linear-gradient(to right, #28AB5B 0%, #24A657 50%, #179548 100%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.call-button.green:hover {background: #39be6d;}
.call-button.blue {/* IE10+ */
background-image: -ms-linear-gradient(left, #378fee 0%, #4DBAF1 50%, #52C5F2 100%);    /* Mozilla Firefox */
background-image: -moz-linear-gradient(left, #378fee 0%, #4DBAF1 50%, #52C5F2 100%);    /* Opera */
background-image: -o-linear-gradient(left, #378fee 0%, #4DBAF1 50%, #52C5F2 100%);    /* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #378fee), color-stop(50, #4DBAF1), color-stop(100, #52C5F2));    /* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, #378fee 0%, #4DBAF1 50%, #52C5F2 100%);    /* W3C Markup */
background-image: linear-gradient(to right, #378fee 0%, #4DBAF1 50%, #52C5F2 100%);
}
.call-button.blue:hover {background: #178bc9;}
.call-button.dark {background:#283339}
.call-button.dark:hover { background:#1e282d}
.call-button.pasif {background:#dcdcdc}
.call-button.pasif:hover { background:#ccc}
.site-button {background:#357abf; width:100%; max-width:270px;     padding: 21px 0 21px 20px; position:relative; font-size:14px; color:#fff; font-weight:500; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display:inline-block }
.site-button:hover {background: #283339;}
.site-button:after {background: url('../images/site-url.png') center center no-repeat #283339; width:50px; height:100%; position:absolute; top:0; right:0; content:""; border-top-right-radius:3px; border-bottom-right-radius:3px}

.grad-button {background: linear-gradient(to right, #4295d9 , #3981bb);background: #3981bb;  background: -webkit-linear-gradient(left, #4295d9 , #3981bb);   background: -o-linear-gradient(right, #4295d9 , #3981bb); background: -moz-linear-gradient(right, #4295d9 , #3981bb); width:100%; max-width:350px;     padding: 21px 0 21px 20px; position:relative; font-size:14px; color:#fff; font-weight:700; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display:inline-block; box-shadow: 2px 3px 0px 0px #dbdbdb;-webkit-box-shadow: 2px 3px 0px 0px #dbdbdb;-moz-box-shadow: 2px 3px 0px 0px #dbdbdb; -o-box-shadow: 2px 3px 0px 0px #dbdbdb; }
.grad-button:hover {background: linear-gradient(to right, #5caae9 , #4994cf);background: #4994cf;  background: -webkit-linear-gradient(left, #5caae9 , #4994cf);   background: -o-linear-gradient(right, #5caae9 , #4994cf); background: -moz-linear-gradient(right, #5caae9 , #4994cf); width:100%; max-width:350px;     padding: 21px 0 21px 20px; position:relative; font-size:14px; color:#fff; font-weight:700; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display:inline-block; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 0.5);box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.5); }
.grad-button.dark {background: linear-gradient(to right, #3171c7 , #3171c7);background: #3171c7;  background: -webkit-linear-gradient(left, #3171c7 , #3171c7);   background: -o-linear-gradient(right, #3171c7 , #3171c7); background: -moz-linear-gradient(right, #3171c7 , #3171c7);}
.grad-button.dark:hover {background: linear-gradient(to right, #2d77dd , #2d77dd);background: #2d77dd;  background: -webkit-linear-gradient(left, #2d77dd , #2d77dd);   background: -o-linear-gradient(right, #2d77dd , #2d77dd); background: -moz-linear-gradient(right, #2d77dd , #2d77dd);}
.grad-button.green {background: linear-gradient(to right, #52aa61 , #41914c);background: #41914c;  background: -webkit-linear-gradient(left, #52aa61 , #41914c);   background: -o-linear-gradient(right, #52aa61 , #41914c); background: -moz-linear-gradient(right, #52aa61 , #41914c); max-width:260px; font-weight:700; padding: 21px 0; text-align:center; position:relative;}
.grad-button.green:hover {background: linear-gradient(to right, #56bb67 , #4ea459);background: #4ea459;  background: -webkit-linear-gradient(left, #56bb67 , #4ea459);   background: -o-linear-gradient(right, #56bb67 , #4ea459); background: -moz-linear-gradient(right, #56bb67 , #4ea459);}
.c-after:after { width:6px; height:6px; position:absolute; top:50%; transform:translateY(-50%); right:20px; content:""; padding:10px;  border:1px solid #fff; -webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px; box-sizing:border-box; background:url(/Assets/Site/images/circlepng.png) center center no-repeat }

.green-button {background:#6db23b; width:100%; max-width:350px;     padding: 21px 0 21px 20px; position:relative; font-size:14px; color:#fff; font-weight:700; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display:inline-block; box-shadow: 2px 3px 0px 0px #212c31;-webkit-box-shadow: 2px 3px 0px 0px #212c31;-moz-box-shadow: 2px 3px 0px 0px #212c31; -o-box-shadow: 2px 3px 0px 0px #212c31; }

.navy-button {background:#3c5765; width:100%; max-width:350px;     padding: 21px 0 21px 20px; position:relative; font-size:14px; color:#fff; font-weight:700; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display:inline-block; box-shadow: 2px 3px 0px 0px #415f6f;-webkit-box-shadow: 2px 3px 0px 0px #415f6f;-moz-box-shadow: 2px 3px 0px 0px #415f6f; -o-box-shadow: 2px 3px 0px 0px #415f6f; }


.more-button { display:inline-block; padding:10px 12px; text-align:center; background:none; color:#000; font-size:14px; font-weight:700; -webkit-border-radius: 25%;-moz-border-radius: 25%;border-radius: 25px; border:1px solid #357abf}
.more-button:hover { background:#357abf; border:1px solid #357abf; color:#fff}

.en-yakin-button {background:none; padding: 21px 60px 21px 20px; position:relative; font-size:14px; color:#fff; font-weight:700; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display:inline-block; border:1px solid #fff; }
.en-yakin-button:hover {background:#fff; color:#50a75f }
.en-yakin-button:hover:after {background:#fff; border:1px solid #50a75f; color:#50a75f }

.orange-button {background:none; padding: 11px 20px; position:relative; font-size:14px; color:#e79926; font-weight:700; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; display:inline-block; border:1px solid rgba(0, 0, 0, 0.0);  }
.orange-button:hover {border:1px solid #e79926;}
.orange-button.select {background:#e79926; color:#000 }

.pdf-button {background: linear-gradient(to right, #4989ea , #6ec2ef);background: #6ec2ef;  background: -webkit-linear-gradient(left, #4989ea , #6ec2ef);   background: -o-linear-gradient(right, #4989ea , #6ec2ef); background: -moz-linear-gradient(right, #4989ea , #6ec2ef); width:50px;     padding: 14px 0 6px 7px; position:relative; font-size:10px; color:#fff; font-weight:700; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display:inline-block; box-shadow: 0px 3px 0px 0px #dbdbdb;-webkit-box-shadow: 0px 3px 0px 0px #dbdbdb;-moz-box-shadow: 0px 3px 0px 0px #dbdbdb; -o-box-shadow: 0px 3px 0px 0px #dbdbdb; }
.pdf-button:hover { -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 0.5);box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.5); }
.pdf-button:after { width:7px; height:11px;background: url('../images/pdf-arrow.png') no-repeat; position:absolute; content:""; top:15px; right:9px  }

.devami-button {background:#357abf; padding: 0 20px; height:30px; line-height:30px; position:relative; font-size:12px; color:#fff; font-weight:700; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display:inline-block;  }
.devami-button:hover {background:#2461b4; }

.pdf-link { width:100%; max-width:460px; background-color:#fff; padding:30px 0 20px 88px; font-size:17px; font-weight:700; color:#283339; display: inline-block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; position:relative }
.pdf-link span { width:60%; display:block; position:relative; z-index:2 }
.pdf-link span:after { width:40px; height:50px; background: url('../images/pdf-doc.png'); background-size:100%; position:absolute; left:-59px; top:0; z-index:2; content:"" }
.pdf-link.docIcon span:after{background: url('../images/docIcon.png');}
.pdf-link span small { width:100%; display:block; clear:both; font-size:14px; color:#357abf }
.pdf-link:hover {background: linear-gradient(to right, #4380db , #65b5e0);background: #65b5e0;  background: -webkit-linear-gradient(left, #4380db , #65b5e0);   background: -o-linear-gradient(right, #4380db , #65b5e0); background: -moz-linear-gradient(right, #4380db , #65b5e0);   color:#fff;-webkit-box-shadow: 0px 19px 50px -21px rgba(0,0,0,0.5);-moz-box-shadow: 0px 19px 50px -21px rgba(0,0,0,0.5); box-shadow: 0px 19px 50px -21px rgba(0,0,0,0.5); }
.pdf-link:hover span:after {background: url('../images/pdf-doc-hover.png');  }
.pdf-link.docIcon:hover span:after {background: url('../images/doc_hover.png');  }

.pdf-link:hover span small{color:#fff}
.pdf-link:before {background: linear-gradient(to right, #4989ea , #6fc3ef);background: #6fc3ef;  background: -webkit-linear-gradient(left, #4989ea , #6fc3ef);   background: -o-linear-gradient(right, #4989ea , #6fc3ef); background: -moz-linear-gradient(right, #4989ea , #6fc3ef); position:absolute; top:0; left:0; width:100%; height:65%; content:""; z-index:0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; opacity: 0;}
.pdf-link:hover:before{opacity: 1;}
.pdf-link:after { width:40px; height:30px;position:absolute; content:""; bottom:20px; right:30px; background: url('../images/pdf-arrow.png'), linear-gradient(to right, #4989ea , #6ec2ef);background: url('../images/pdf-arrow.png'), #6ec2ef;  background: url('../images/pdf-arrow.png'), -webkit-linear-gradient(left, #4989ea , #6ec2ef);   background:url('../images/pdf-arrow.png'),  -o-linear-gradient(right, #4989ea , #6ec2ef); background: url('../images/pdf-arrow.png'), -moz-linear-gradient(right, #4989ea , #6ec2ef); background-position:center center; background-repeat:no-repeat; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0px 3px 0px -1px rgba(229,229,229,1);-moz-box-shadow: 0px 3px 0px -1px rgba(229,229,229,1);box-shadow: 0px 3px 0px -1px rgba(229,229,229,1);  }
.pdf-link:hover:after { background: url('../images/pdf-arrow-hover.png'), linear-gradient(#fcfeff, #aee2f6);background: url('../images/pdf-arrow-hover.png'), #aee2f6;  background: url('../images/pdf-arrow-hover.png'), -webkit-linear-gradient(#fcfeff, #aee2f6);   background:url('../images/pdf-arrow-hover.png'),  -o-linear-gradient(#fcfeff, #aee2f6); background: url('../images/pdf-arrow-hover.png'), -moz-linear-gradient(#fcfeff, #aee2f6); background-position:center center; background-repeat:no-repeat; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0px 3px 0px -1px rgba(89,159,201,1);-moz-box-shadow: 0px 3px 0px -1px rgba(89,159,201,1);box-shadow: 0px 3px 0px -1px rgba(89,159,201,1);  }

.pdf-link.type-2 {max-width:410px; height:140px; padding:0; }
.pdf-link.type-2 span { width:100%; padding:26px 90px 0 30px; }
.pdf-link.type-2 span:after { left:auto; right:30px; top:30px; }
.pdf-link.type-2 span small { font-weight:500; padding-bottom:30px }
.pdf-link.type-2:hover:before { height:75%; }

.pdf-link.type-3 {max-width:460px; height:160px; padding:25px 0 0 65px; }
.pdf-link.type-3:after{  width:24px; height:24px; bottom:auto; right:auto; left:20px; top:20px; background: url('../images/clock.png');-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow:none;-moz-box-shadow: none;box-shadow:none; background-size:100% }
.pdf-link.type-3:hover:after{  background: url('../images/clock-hover.png'); }
.pdf-link.type-3 span { padding:0; font-size:20px; font-weight:700 }
.pdf-link.type-3 span small { padding-bottom:30px}
.pdf-link.type-3 span:after { left:auto; right:30px; top:30px; }
.pdf-link.type-3 span.bottom  { width:auto; display:inline-block; clear:none; font-size:15px; color:#026198; font-weight:400; padding-top:30px}
.pdf-link.type-3 span.bottom small { width:auto; display:inline-block; clear:none; font-size:15px; color:#356fbf; font-weight:400}
.pdf-link.type-3 span:after{ display:none}
.pdf-link.type-3:hover:before { height:78%; }
.pdf-link.type-3:hover span.bottom small, .pdf-link.type-3:hover span.bottom { color:#fff}

.pdf-link.type-4 {max-width:100%; height:100px; padding:0; position:relative }
.pdf-link.type-4 span { width:auto; padding:0 0 0 160px; display:inline-block;  position:absolute; z-index: 2; left:0; top:50%; transform:translateY(-50%)}
.pdf-link.type-4 span.bottom { right:105px; left:auto; font-size:14px; font-weight:400; letter-spacing:-1px}
.pdf-link.type-4 span:after { display:none }
.pdf-link.type-4 span small { font-weight:500;  padding:0 0 0 0; width:auto; display:inline-block; clear:none; font-size:17px; position:absolute; left:30px; top:0 }
.pdf-link.type-4:hover:before { height:75%; }
.pdf-link.type-4:after { bottom:auto; top:50%; transform:translateY(-50%)}
.pdf-link.type-4:after { background: url('../images/pdf-arrow-left.png'), linear-gradient(to right, #4989ea , #6ec2ef);background: url('../images/pdf-arrow-left.png'), #6ec2ef;  background: url('../images/pdf-arrow-left.png'), -webkit-linear-gradient(left, #4989ea , #6ec2ef);   background:url('../images/pdf-arrow-left.png'),  -o-linear-gradient(right, #4989ea , #6ec2ef); background: url('../images/pdf-arrow-left.png'), -moz-linear-gradient(right, #4989ea , #6ec2ef); background-position:center center; background-repeat:no-repeat;  }
.pdf-link.type-4:hover:after { background: url('../images/pdf-arrow-left-hover.png'), linear-gradient(#fcfeff, #aee2f6);background: url('../images/pdf-arrow-left-hover.png'), #aee2f6;  background: url('../images/pdf-arrow-left-hover.png'), -webkit-linear-gradient(#fcfeff, #aee2f6);   background:url('../images/pdf-arrow-left-hover.png'),  -o-linear-gradient(#fcfeff, #aee2f6); background: url('../images/pdf-arrow-left-hover.png'), -moz-linear-gradient(#fcfeff, #aee2f6); background-position:center center; background-repeat:no-repeat;  }


/* TABS */
.tabs { }
.tabs-vertical a { position:relative; width:100%; display:block; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;  border: 1px solid rgba(0, 0, 0, 0.0); font-size:15px; color:#616161; padding:10px 0 10px 40px; margin:3px 0}
.tabs-vertical a:after { position:absolute; width:5px; height:5px; top:50%; transform:translateY(-50%); left:18px; content:""; background:#616161; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.tabs-vertical a:hover {border:1px solid #616161; }
.tabs-vertical a.select {border:1px solid #3b4bb3; color:#3b4bb3; font-weight:700 }
.tabs-vertical a.select:after {background:#3b4bb3; }

.tabs-horizontal a { position:relative; width:auto; display:inline-block; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;  border: 1px solid rgba(255, 255, 255, .5); font-size:16px; font-weight:700; color:#fff; padding:9px 17px; margin:0 3px; background:none;-webkit-transition: all .0s;-moz-transition: all .0s; -o-transition: all .0s; transition: all .0s}
.tabs-horizontal a:hover, .tabs-horizontal a.select {border: 0 ;background: linear-gradient(to right, #4989ea , #6fc3ef);background: #6fc3ef;  background: -webkit-linear-gradient(left, #4989ea , #6fc3ef);   background: -o-linear-gradient(right, #4989ea , #6fc3ef); background: -moz-linear-gradient(right, #4989ea , #6fc3ef);padding:10px 14px; }


/* MORE */
.more-link {  padding-bottom:22px; position:relative; display:block}
.more-link:after { position:absolute; height:6px; width:21px; bottom:0; background:#fff; left:0; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;content:""; }
.more-link:before { position:absolute; height:6px; width:6px; bottom:0; background:#fff; left:24px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;content:""; display: none;}
.more-link:after, .more-link:before { -webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; display: none;}
.more-link:hover:before { width:0}
.more-link:hover:after { width:40px}

/* SELECTBOX */
.selectdiv  { border:0px solid #fff; display:block; position:relative; width:90%; height:60px;  margin:0 auto 25px;  }
.selectdiv-numeric { border:1px solid #fff; display:block; position:relative; width:90%; height:60px;  margin:0 auto 25px;  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
.selectdiv:after{ content:""; width:18px; height:10px;  position:absolute;color:#fff; right:20px; text-align:center; top:50%; transform:translateY(-50%);   font-size:22px; z-index:0;pointer-events: none; display:none  }


.selectdiv.dark {border:0; }
.selectdiv.dark  select {border:1px solid #64696c }
/*.selectdiv.dark:after {background:url(/Assets/Site/images/selectpng-h.png) no-repeat; }*/

/* CHECK RADIO BUTTON */
input[type=checkbox].css-checkbox, input[type=radio].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
input[type=checkbox].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label { padding-left: 22px; height: 15px; line-height: 15px; background-repeat: no-repeat; background-position: 0 0; font-size: 15px; vertical-align: middle; cursor: pointer; color:#000; background-image: url(../images/check_radio.png); margin:5px 0 }
input[type=checkbox].css-checkbox:checked + label.css-label, input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -15px; }

/* RIGHT MENU */
.right-menu-inner { width:100%; min-height:100%; }
.right-menu-inner .content { width:81%;  float:left; min-height: inherit;padding: 85px 100px; font-size:14px; line-height:normal; }
.right-menu-inner .content.full { width:100%;  float:none;  }
.right-menu-inner .content.no-pad { padding:0}

.right-menu-inner .content h4 { margin-bottom:40px}
.right-menu-inner .content p { margin-bottom:20px; font-size:16px;}
.right-menu-inner .content h5 { margin: 30px 0 15px; font-size:36px; color:#0080c5; font-weight:400; letter-spacing:-2px}
.right-menu-inner .content h6 { margin: 13px 0; font-size:18px; color:#263339; font-weight:500}
.right-menu-inner .content h5.first, .right-menu-inner .content h6.first { margin-top:0}

/* RIGHT MENU */
.right-menu { width:19%; background:#fff;    float:right; position:relative; min-height:inherit;     padding: 26px; z-index:2;}
.right-menu:after { width:1px; height:100%; background:#d0d0d0; position:absolute; left:-1px; top:0; content:""}
.right-menu ul { width:100%;  }
.right-menu a { width:100%; display:block; font-size:14px; color:#283339; font-weight:700; position:relative;padding-left:23px; }
.right-menu a:hover, .right-menu a.select { color:#137dc2; }
.right-menu a:after {content:""; width:5px; height:5px; position:absolute; top:4px;  left:0; background:url(../images/circle.png) no-repeat; }
.right-menu a:hover:after, .right-menu a.select:after  {background:url(../images/circle-hover.png) no-repeat; }
.right-menu li { width:100%; position:relative; margin-bottom:27px}
.right-menu a.submenu {  } 
.right-menu a.submenu:after { content:"\f054"; font-size: 11px; top:0px; transform:none; background:none;font-family: FontAwesome;}
.right-menu a.submenu.select {  }
.right-menu a.submenu.select:after { content:"\f078"; left:-3px }
.right-menu ul div{display:none; margin:0 0 0 25px;  width:100%; position:relative;}
.right-menu ul div a { margin:15px 0 0; font-size:12px; padding-left: 37px;}
.right-menu ul div a:hover, .right-menu ul div a.select {color:#357abf;}
.right-menu ul div a:after {content:""; width:3px; height:3px; position:absolute; top:7px;  left:27px; background:#283339; border-radius:50%;-webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s }
.right-menu ul div a:hover:after, .right-menu ul div a.select:after {width:30px; background:#357abf; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; left:0}
.right-menu ul div.current{display: inherit; }
.right-menu h2 { font-size:46px; color:#283339; font-weight:400; letter-spacing:-4px; padding-bottom:20px; border-bottom:1px solid #ececec; margin-bottom:35px}
.right-menu h4 { font-size:14px; color:#357abf; font-weight:700; letter-spacing:-1px; margin:26px 0 13px; }
.right-menu .cross-banner { height:160px; width:100%; position:absolute; bottom:0; background:#357abf; left:0 }
.right-menu ul div.menusub{display: none;}


.right-menu.fixed { position:fixed;top:120px; right:0}
.right-menu.fixed.sticky {top:50px;}
/* BULLETS UL */
.bullets { padding-left:20px}
.bullets li { margin:15px 0; position:relative; padding-left:15px}
.bullets li:after { position:absolute; width:5px; height:5px; border-radius:50%; left:0; top:7px; background:#000; content:""}

/* TABLE */
.table-container { width: 100%; display:table; }
.title-row {  background-color: #e9ecef;  color: #283339; font-size:20px;  font-weight:400; display:table-row; }
.title-cell {display: table-cell; width:12%;  padding: 27px 0 27px 20px;  text-align: left; position:relative }
.title-cell:after { position:absolute; left:-1px; bottom:0; width:1px; height:50%; content:""; background:#bec1c3 }
.content-row {  background-color: #fff;  display:table-row; }
.content-row:nth-child(2n+1){background-color: #f4f5f7; } 
.content-cell {border-right: 1px solid #bec1c3;  display: table-cell;  width:10%;  border-bottom: none;  padding:22px 0 22px 20px; font-size:16px; font-weight:500 }
.last-cell {border-right: none;}

/*OWL DOTS*/
.owl-theme.circle1 .owl-dots .owl-dot span{width:28px; height:28px; position:relative; background:none; border:0 }
.owl-theme.circle1 .owl-dots .owl-dot span:after{width:6px; height:6px; background: #fff;  -webkit-border-radius: 6px;  -moz-border-radius: 6px;    border-radius: 6px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); content:"" }
.owl-theme.circle1 .owl-dots .owl-dot.active span { width: 28px;    height: 28px;    text-align: center;  border:0; color: #fff;    -webkit-border-radius: 28px;    -moz-border-radius: 28px;    border-radius: 28px;     box-sizing: border-box; position:relative; top:0 }
.owl-theme.circle1 .owl-dots .owl-dot.active span:after { width:6px; height:6px;   position: absolute;   top: 50%;    transform: translate(-50%, -50%);  left:50%; background: #fff;
-webkit-border-radius: 6px;    -moz-border-radius: 6px;    border-radius: 6px;      box-sizing: border-box; content:""}
.owl-theme.circle1 .owl-dots .owl-dot.active span:before { width:28px; height:28px;   position: absolute;   top: 0;   left:0; background:none;
-webkit-border-radius: 28px;    -moz-border-radius: 28px;    border-radius: 28px;      box-sizing: border-box; content:"";border: 1px solid #fff;}


.owl-carousel.circle2 .owl-dots .owl-dot.active span {border: 3px solid #000; background:none}
.owl-carousel.circle2 .owl-dots .owl-dot span {   background: #000;border: 1px solid #000;}
.owl-carousel.circle2.light .owl-dots .owl-dot.active span {border: 3px solid #fff; background: none;}
.owl-carousel.circle2.light .owl-dots .owl-dot span {   background: #fff;border: 1px solid #fff;}

/*OWL NAVS*/
.owl-theme.arrow1 .owl-nav [class*=owl-]{ font-size:0 !important;  padding:0 !important; }
.owl-theme.arrow1 .owl-nav [class*=owl-]:hover { background-color:none !important}
.owl-theme.arrow1 .owl-nav { margin:0;  display:inline-block; background:none; padding:15px 0}
.owl-theme.arrow1 .owl-nav .owl-next, .owl-theme.arrow1 .owl-nav .owl-prev { width:17px; height:28px;}
.owl-theme.arrow1 .owl-nav .owl-prev, .owl-theme.arrow1 .owl-nav .owl-prev:hover {background: url('../images/prev.png')}
.owl-theme.arrow1 .owl-nav .owl-next, .owl-theme.arrow1 .owl-nav .owl-next:hover {background: url('../images/next.png')}

.owl-theme.arrow1.light .owl-nav .owl-next, .owl-theme.arrow1.light .owl-nav .owl-prev {width:17px; height:28px; }
.owl-theme.arrow1.light .owl-nav .owl-next, .owl-theme.arrow1.light .owl-nav .owl-next:hover  {background: url('../images/next-light.png');}
.owl-theme.arrow1.light .owl-nav .owl-prev, .owl-theme.arrow1.light .owl-nav .owl-prev:hover  {background: url('../images/prev-light.png')}

/*ARROW AFTER*/
.arrow-down a:hover:after { background: url('../images/pdf-arrow-hover.png'), linear-gradient(#fcfeff, #aee2f6);background: url('../images/pdf-arrow-hover.png'), #aee2f6;  background: url('../images/pdf-arrow-hover.png'), -webkit-linear-gradient(#fcfeff, #aee2f6);   background:url('../images/pdf-arrow-hover.png'),  -o-linear-gradient(#fcfeff, #aee2f6); background: url('../images/pdf-arrow-hover.png'), -moz-linear-gradient(#fcfeff, #aee2f6); background-position:center center; background-repeat:no-repeat; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0px 3px 0px -1px rgba(89,159,201,1);-moz-box-shadow: 0px 3px 0px -1px rgba(89,159,201,1);box-shadow: 0px 3px 0px -1px rgba(89,159,201,1);  } 
.arrow-down a:after {background: url('../images/pdf-arrow.png'), linear-gradient(to right, #4989ea , #6ec2ef);background: url('../images/pdf-arrow.png'), #6ec2ef;  background: url('../images/pdf-arrow.png'), -webkit-linear-gradient(left, #4989ea , #6ec2ef);   background:url('../images/pdf-arrow.png'),  -o-linear-gradient(right, #4989ea , #6ec2ef); background: url('../images/pdf-arrow.png'), -moz-linear-gradient(right, #4989ea , #6ec2ef);background-repeat:no-repeat;background-position:center center;  }

.arrow-video a:after {background: url('../images/play.png'), linear-gradient(to right, #4989ea , #6ec2ef);background: url('../images/play.png'), #6ec2ef;  background: url('../images/play.png'), -webkit-linear-gradient(left, #4989ea , #6ec2ef);   background:url('../images/play.png'),  -o-linear-gradient(right, #4989ea , #6ec2ef); background: url('../images/play.png'), -moz-linear-gradient(right, #4989ea , #6ec2ef);background-repeat:no-repeat;background-position:center center;  }
.arrow-video a:hover:after { background: url('../images/play-hover.png'), linear-gradient(#fcfeff, #aee2f6);background: url('../images/play-hover.png'), #aee2f6;  background: url('../images/play-hover.png'), -webkit-linear-gradient(#fcfeff, #aee2f6);   background:url('../images/play-hover.png'),  -o-linear-gradient(#fcfeff, #aee2f6); background: url('../images/play-hover.png'), -moz-linear-gradient(#fcfeff, #aee2f6); background-position:center center; background-repeat:no-repeat; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0px 3px 0px -1px rgba(89,159,201,1);-moz-box-shadow: 0px 3px 0px -1px rgba(89,159,201,1);box-shadow: 0px 3px 0px -1px rgba(89,159,201,1);  } 
.mobilMenuShow{ display:none;}

.owl-carousel.fullSlider {width:100%;}
.mobil-menu {display:none}
.hamburger-menu {display:none}
.mobil-right-menu {display:none}

.mobileShowContact {display: none !important;}
.mobileHideContact {display: block !important; cursor: default !important;}

/*FOOTER LOGOOAR */
footer .bottom .koc_logo img {width: 110px;}

.enYakinAygazBayi {
    float:left;
    margin-top:20px;
}

.enYakinAygazBayi .fiyatBul {
    padding:0 20px;
    float: left;
    height: 50px;
    line-height: 50px;
    background: #44a9f0;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    cursor: pointer;
}


.enYakinAygazBayi .fiyatBul:hover {
    background: #35c15d
}

@keyframes blink {
  from {opacity: 0;}
  to {opacity: 1;}
}



.fas, .fab {font-family: "Font Awesome 5 Brands";}
.kampanyaPaylasContainer {clear:both; width:100%; float:left; margin-top:20px;}
	.kampanyaPaylasContainer p {font-size:20px; margin-bottom:20px;}
	.kampanyaPaylas {}
		.kampanyaPaylas a {display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:center; align-items:center; float:left; margin-right:8px; width:40px; height:40px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
		.kampanyaPaylas a i {color:#fff; text-align:center;}
		.kampanyaPaylas a.fbShare {background:#3c5a95;}
		.kampanyaPaylas a.twShare {background:#55b4d5;}
		.kampanyaPaylas a.lnkShare {background:#1977a6;}
		.kampanyaPaylas a.whatsapp-sc {background:#2dd44b;}
		.kampanyaPaylas a.copy {background:#3f4751;}
		.kampanyaPaylas a.emailShare {background:#d94e46;}



header .bottom>a[target="_blank"] span {
	animation: blink .5s linear .5s infinite alternate
}

.surdurulebilirlik{display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; flex-wrap: wrap;}
.surdurulebilirlik .pdf-link.type-2{ width: 32%; margin: 0 1% 1% 0;}

@media screen and (max-width:1740px) {
    header nav .top li{padding: 0 10px;}
}

@media screen and (max-width:1680px) {
    h3 { font-size:52px; height:83px}
}

@media screen and (max-width:1589px) {
    /*FOOTER LOGOOAR */
    footer .bottom .koc_logo img {width: 100px;}
    header nav .top li, header .bottom > a {font-size: 12px;}
}

@media screen and (max-width:1460px) {
    header nav .top li{padding: 0 10px; font-size: 11px;}
    header .logo{width: 180px;}
    header nav .top, header .bottom{padding-left: 180px;}

}

@media screen and (max-width:1435px) {
    header nav .top li, header .bottom>a{padding: 0 10px;}
}
@media screen and (max-width:1366px) {
/*FOOTER LOGOOAR */
footer .bottom .koc_logo img {width: 90px;}
}


@media screen and (max-width:1366px) 
{
h3 { font-size:40px; height:auto}
h4 { font-size:40px;}
h6 { font-size:18px;}
.right-menu-inner .content h5 { margin: 20px 0 10px; font-size:28px; letter-spacing:0px}
.right-menu-inner .content h6 { margin: 13px 0; font-size:18px; color:#263339; font-weight:500}
header nav .top li {padding: 0 10px;}
header .right a{ width:85px}
header nav .top li.first { padding-left:20px}
header .right a {font-size:10px;}
header .right a.uyegiris {padding-right: 5px;}
header .right a.arama {padding-left: 10px;}
footer .middle .boxs { width:14%; margin-right:2% }
footer .middle .boxs .apps a img { height:30px}
footer .bottom {    padding: 5px 0px;}
header .bottom>a {padding: 0 10px;}
.right-menu-inner .content { padding: 40px 50px;}
.right-menu { padding:15px}
.right-menu .cross-banner {position: relative; bottom:auto}
.right-menu h2 { font-size:34px}
.right-menu a { font-size:13px}
.right-menu ul div {margin: 12px 0 0 0;}
    

}

@media screen and (max-width:1265px) {
    header .logo{width: 170px;}
    header nav .top, header .bottom{padding-left: 175px;}
    header nav .top li, header .bottom > a{font-size: 10px;}
}
@media screen and (max-width:1067px) {
    header .logo{width: 150px;}
    header nav .top, header .bottom{padding-left: 150px;}
    header nav .top li, header .bottom > a{font-size: 9px;}
}
@media screen and (max-width:1024px) 
{
.nice-select{ display:none !important;}
.aygzUpBtn {right: 50px; bottom: 44px;}
.bildirimUygulama {display: block;}
.right-menu a:hover, .right-menu a.select{ color:#283339}
footer{ z-index:1;}
.boxsMobil{width:16%; float:left;}
.boxsMobil a{ display:block; float:left; width:100%;}
footer .middle .boxsMobil .boxs{ width:100%; margin-bottom:9px;}
header .right .diller{ width:120px;}
header .right .diller a{font-size: 11px;line-height: 66px;border-left: 1px solid #ccc;margin-bottom: 2px;}
.right-menu {-webkit-box-shadow: 0 1px 30px -2px rgba(0,0,0,0.50);-moz-box-shadow: 0 1px 30px -2px rgba(0,0,0,0.50);box-shadow: 0 1px 30px -2px rgba(0,0,0,0.50);-webkit-box-shadow: 0 1px 30px -2px rgba(0,0,0,0.50);-moz-box-shadow: 0 1px 30px -2px rgba(0,0,0,0.50);box-shadow: 0 1px 30px -2px rgba(0,0,0,0.50); position:fixed;}
.right-menu-inner .content{ padding-top:40px;}
.mobilMenuShow{ display:block;}
header .toparea{ background:#fff;}
.right-menu ul div a{ margin-top:0;}
.right-menu ul div{ margin:0}
.right-menu a{padding: 16px 20px;border-bottom: 1px solid #ccc;}
header a:hover{ color:#263238;}
.right-menu a:after{ display:none;}
.right-menu-inner{ min-height:inherit !important;}
.right-menu li{ margin-bottom:0;}
footer .middle .boxs h5 a { cursor:pointer; display:block}
.mobilBottomMenu a.select::before{ position:absolute; left:0;top: 50%;transform: translateY(-50%); content:''; width:6px; height:6px; background:#263339;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; display:block;}
/*header .mobilBottomMenu a.select:before{ position:absolute; left:0;transform: translateY(-50%); top:50%; width:20px; height:4px; background:#1b9ce2; content:'';}
header .mobilBottomMenu a.select{position:relative;padding-left: 30px;}*/
header a:hover, header a.select {color: #263339;}

header .bottom>a.mobilDropClick span:after{ border:0; width:12px; height:19px; background:url(../images/mobilBottomIcon.png) no-repeat;}
header .bottom>a.mobilDropClick.active span:after{background:url(../images/mobilBottomIconActive.png) no-repeat;width: 20px;height: 13px;}
header .bottom>a.mobilDropClick.active{ background:#e6e6e6; border-bottom:1px solid #dcdcdc;}
header .bottom>a span:after{position:absolute;left:0;top:50%;transform: translateY(-50%);border:3px solid #263339;width: 4px;height: 4px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;content:'';}
header .bottom>a span{padding-left: 27px;color: #263238;}
header .bottom {padding-left:0;height: 422px;position: absolute;left: 0;top:67px;background:#fff;float:left;width:101%;margin-left:-1px;overflow-y:scroll;-webkit-box-shadow: 0px 19px 50px -21px rgba(0,0,0,0.5);-moz-box-shadow: 0px 19px 50px -21px rgba(0,0,0,0.5);box-shadow: 0px 19px 50px -21px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 24px 32px -8px rgba(0,0,0,0.42);-moz-box-shadow: 0px 24px 32px -8px rgba(0,0,0,0.42);box-shadow: 0px 24px 32px -8px rgba(0,0,0,0.42);}
header .bottom>a{float:left;width:100%;height: 60px;line-height: 60px;border-bottom:1px solid #e6e6e6;}
header .bottom>a:hover:after, header  .bottom a.active:after{ display:none;}
header .bottom>a br,header .bottom>a:hover:after, header  .bottom a.select:after{display:none;}
header{ z-index:4;}
#container { padding-top:68px}
header { border:0; height:68px; border:1px solid #d5d5d6}
.header-menu-mobil {color:#263339; font-weight:700; width:100%; font-size: 11px; position:absolute;cursor:pointer; left:0; top:0; height:65px; line-height:68px; padding-left:20px;background:#f5f5f5;}
.header-menu-mobil::after{ content:''; width:12px; height:7px; position:absolute; right:20px; top:50%; transform:translateY(-50%);  background-image: url('../images/drop1.png'); }
.header-menu-mobil.active::after{background-image: url('../images/drop2.png');}
header nav .top {display:none;width: 100%;position:absolute;z-index: 9999; left:0; top:68px;padding:0 }
header nav .top li {float: none;width:100%;background:#fff; color: #222; padding:10px 0 10px 20px; font-size:11px }
header nav .top li a {top:auto;    transform: none;  }
header nav .top li::after {content:""; height:1px; width:100%; position:absolute; top:0; left:0; background:#ddd}
header .toparea { height:100%}
header .logo {    width: 31%;    height: 100%;    max-height: none;    bottom: auto;    top: 0; border:0}
header nav { position:absolute; left:31%; top:0; width:26%; height:100%}
header .right { width:36%; position:absolute; left:57%; height:100%; background:none; background:#fff}
header nav .top { height:auto; background:none;    -webkit-transition: all .0s;
-moz-transition: all .0s;
-o-transition: all .0s;
transition: all .0s;}
header .bottom { display:none}
header .right a  {font-size: 0px; position:relative; float:right; font-weight:700; width:auto; }
header .right a.diller  { font-size: 11px; float:left; width:72%; background:#f5f5f5; height:100%}
header .right a.diller:after  { content:''; width:1px; height:100%; position:absolute; left:0; top:0; background:#d5d5d6 }
header .right a.diller span   { color:#263339;}
header .right a.arama   { width:21px; height:21px; background:none;  background-image: url('../images/mobil-search.png'); margin-top:23px; margin-right:15px }
header .right a.arama:after { display:none}
.hamburger-menu {width: 37px;height: 26px;background: url('../images/hamburger.png') no-repeat center top;position: absolute;right:20px;top:27px;display:block;}

/*header .right a:after { background:#d5d5d6; width:1px; height:100%; content:""; position:absolute; top:0; left:0}
.mobil-menu { height:70px; width:100%; background:#ddd; display:block;clear: both;}
footer .middle { width:100%}
footer .middle .boxs { width:50%; clear:both; float:none; margin:0}
footer .middle .boxs a { display:none}
footer .middle .socials { right:0; left:auto}*/
select { display:block !important; background:none; color:#fff; height:100%; width:100%; padding-left:7px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;}
select option { background:#fff; color:#263339; }
select option:hover { background:#263339; color:#263339; }
.selectdiv, .selectdiv-numeric { height:50px}
.selectdiv{ border:1px solid #fff;    margin: 0 auto 20px;}
.selectdiv.dark:after {background:url(/Assets/Site/images/selectpng-h.png) no-repeat; }
.selectdiv:after {background:url(/Assets/Site/images/selectpng.png) no-repeat; }
footer .middle .boxs a { display:none }
footer .middle {padding: 30px 0 30px;}
footer .middle .boxs h5 {padding-bottom: 0;; margin-bottom:0}
footer .middle .boxs h5:after {display:none}
footer .middle {border-bottom: 1px solid #bdbdbd;}
footer .bottom .links { display:none}
footer .bottom { position:relative; padding: 20px 0px 30px; left:auto; bottom:auto; clear:both; display:inline-block}
footer .middle .socials { padding:0; top:auto; bottom:-48px }
footer .middle .socials:after { display:none}
footer .middle .boxs {    width:auto; margin-right:5%}
footer .top {    padding: 20px 0;}
footer .middle .boxs .apps { position:absolute; width:auto; margin-top:0; top:50%; right:0; transform: translateY(-50%);padding-left: 30px;}
footer .middle .boxs .apps:before { position:absolute; width:1px; height:100%; left:0; top:0; content:""; background:#bdbdbd}
footer .middle .socials div a { display:inline-block; font-size:0; width:28px; padding:0}

.right-menu {width:100%;background:#e6e6e6;float:none;padding: 30px 25px 15px 20px; z-index:3;}

.right-menu h4 { display:none}
.right-menu h2 {  display:inline-block; font-size:14px !important; font-weight:700; letter-spacing:normal !important; color:#868d91; margin:0; padding:0; position:absolute; top:10px}
.mobil-right-menu {width:100%;display:block;font-size: 14px;font-weight:700;position:relative;}
.mobil-right-menu:after {background-image: url('../images/right-menu-after.png');width: 22px;height:17px;position:absolute;right: 0;top: -5px;content:"";background-size: contain;background-repeat: no-repeat;}
.right-menu ul {display:none;position:absolute;width:100%;background:#fff;left:0;top: 57px;z-index:2;-webkit-box-shadow: 0px 19px 50px -21px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 19px 50px -21px rgba(0,0,0,0.5);
box-shadow: 0px 19px 50px -21px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 24px 32px -8px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 24px 32px -8px rgba(0,0,0,0.42);
box-shadow: 0px 24px 32px -8px rgba(0,0,0,0.42);}
.right-menu-inner .content {width:100%}

footer .middle .socials{ z-index:33;}
.bildirimUygulama {display: block;}
footer .bottom .links {margin-right: 174px; padding-top: 6px; display: block !important;}

.mobileShowContact {display: block !important;}
.mobileHideContact {display: none !important;}
.enYakinAygazBayi {margin-top:0;}
.enYakinAygazBayi .fiyatBul {margin-top:25px;}
#sorgu {padding-top:0; padding-bottom:0;}
}



@media screen and (max-width:768px) 
{
.aygzUpBtn {right: 53px; bottom: 177px;}
footer .middle,header .right .diller {width: 100%;}
header .right .diller a, header .right .diller{ line-height:40px; height:40px; z-index:2;}
footer .middle .boxs { width:55%; float:left; display:block;    margin-bottom: 10px; margin-right:0}
footer .middle .boxs .apps { width:45%; padding:0}
footer .middle .boxs .apps a { width:initial}
footer .middle .boxs .apps a, footer .middle .boxs .apps p { float:right; clear:both; text-align:right; margin-bottom:2px}
#container { padding-top:110px}
header { height:110px; }
header .bottom {top: 109px;}
.boxsMobil {width: 29%;}
header nav { position:absolute; left:0%; top:0; width:67%; height:40px}
.header-menu-mobil {width:100%;  height:40px; line-height:40px; padding-left:20px;}
header .right { width:33%; position:absolute; left:auto; height:40px; right:0; top:0}
header .right a.diller { height:100%; width:100%; position:absolute; top:0; left:0}
header nav .top { top:40px}
header .logo {width: 199px;height: 48px;top:52px;background-size:auto 100%;}
.hamburger-menu {top:64px}
header .right a.arama { margin:0 !important; position:absolute; top:60px;right:71px}
.right-menu ul {top: 100% !important;}
footer .bottom .links {
margin-right: 0px !important;
display: block !important;
text-align: center;
font-size: 16px;
padding: 20px 0px;
padding-bottom: 0;
margin-top: 13px;
border-top: 1px solid #818181;
letter-spacing: 0px;
}

footer .bottom .links a {margin: 0 2px;}


}

@media screen and (max-width:640px) {
.aygzUpBtn {right: 20px; bottom: 157px;}
.mobilBottomMenu a{ width:93%;}
.boxsMobil {width: 24%;}
.right-menu ul{height: auto;overflow-y:scroll;max-height: 400px;}
.mobilFooterMenu{ display:block;}
footer .middle .boxs {margin-bottom: 3px;}
h3 {font-size: 28px;letter-spacing: -2px !important;}
.right-menu ul {top: 100% !important;}
.bildirimContent {width: 100%;}
.closeNotif {height: 90px; padding-top: 28px; width: 46px;}
.bildirimContent {height: 90px;}
.appLogo { padding: 14px 25px;}
.appLogo > img { width: 118px;}
.openApp > p {top: 10px;}
.openApp > img { width: 145px;}
.openApp {top: 29px;}
}

@media screen and (max-width:480px) {
.aygzUpBtn {right: 20px; bottom: 157px;}
footer{padding: 0 20px;}
.boxsMobil {
width: 100%;
}
.right-menu ul {top: 100% !important;}
footer .bottom .koc_logo {margin-top: -7px;}
footer .bottom .links {
display: block !important;
text-align: center;
font-size: 13px;
padding: 20px 0px;
padding-bottom: 0;
margin-top: 13px;
border-top: 1px solid #818181;
letter-spacing: 0px;
}
footer .bottom .links a {margin: 0 0px;}
}

@media screen and (max-width:320px) {
.aygzUpBtn {right: 20px; bottom: 167px;}
header .bottom{ height:320px;}
header .bottom>a{ height:45px; line-height:45px; font-size:12px;}
.right-menu ul {top: 100% !important;}
.openApp { top: 32px; right: 13px;}
.openApp > p { top: 8px; font-size: 11px;}
.openApp > img {width: 114px;}
.closeNotif > img {height: 30px; width: 30px;}
.closeNotif {width: 40px;}
.appLogo {padding: 14px 15px;}
footer .bottom .koc_logo {margin-top: -7px;}
footer .bottom .links {
display: block !important;
text-align: center;
font-size: 13px;
padding: 20px 0px;
padding-bottom: 0;
margin-top: 13px;
border-top: 1px solid #818181;
letter-spacing: 0px;
}

.right-menu ul{ height:300px;}

footer .bottom .links a {margin: 0 2px;}
    
}