/**************************
*   Düzenleme : Mustafa SARICA
*   web site  : https://mustafasarica.com
**************************/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@200;300;400;600;700;800;900&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Vidaloka&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.cdnfonts.com/css/bankgothic-md-bt');
@font-face {
    font-family: 'DejaVu Sans';
    src: url('fonts/DejaVuSans.eot');
    src: url('fonts/DejaVuSans.eot?#iefix') format('embedded-opentype'),
        url('fonts/DejaVuSans.woff2') format('woff2'),
        url('fonts/DejaVuSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'cooper_lt_btbold';
    src: url('fonts/cooperb-webfont.woff2') format('woff2'),
         url('fonts/cooperb-webfont.woff') format('woff'),
         url('fonts/COOPERB.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;

}
.container { position: relative; }
.np  { padding:0px !important }
.npl { padding-left:0px !important }
.npr { padding-right:0px !important }

#wait       { background: #203d77; display: none; font-size: 14px;color: #fff;float:left; width: 128px; text-align: center; padding: 20px 5px; position: absolute; top: 60px; border-radius: 35px; }
#waitik     { background: #203d77;    display: none;    font-size: 14px;    color: #fff;    float: right;    width: 112px;    height: 50px;    line-height: 50px;    text-align: center;    position: absolute;    top: 10px;    right: 14px;    border-radius: 35px;}
#waitkk     { background: #203d77;    display: none;    font-size: 14px;    color: #fff;float: right;    width: 170px;  height: 45px; line-height: 45px;  text-align: center;   position: absolute;  top: 22px;  left: 17px;  border-radius: 0;}
#waittalep  { background: #203d77;    display: none;    font-size: 14px;    color: #fff;    float: right;    width: 195px;    height: 48px; line-height: 48px;text-align: center;    position: absolute;    top: 10px;    right: 15px;    border-radius: 10px; }


.fancybox-slide--video .fancybox-content {  max-width: 800px !important; max-height: 600px !important; }


.faydalidetay .anakutular { margin: 30px 0 0 0; }
.fdetay { float:left; width:100%; margin:50px 0;  max-height:300px; overflow-y: scroll;}

.fdetay::-webkit-scrollbar {width:5px;height:8px; background: #bdbbbc;}
.fdetay::-webkit-scrollbar-track {border: 2px solid #f3f3f3;}
.fdetay::-webkit-scrollbar-thumb {background: #bdbbbc; width:5px; }
.fdetay::-webkit-scrollbar-thumb:hover { background: #bdbbbc; width:5px;  }




/* Çerez Politikası */
.cc-window          { position:fixed; box-sizing: border-box; z-index: 9999;width:250px; left:20px; bottom:20px; display:block; padding:15px 15px 15px 25px; overflow: unset;}
.cc-window:before   { left:-10px; top:45%; content:''; position:absolute; background:#575757; width:30px; height:30px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);    z-index: -1; }
.cc-window .cc-message                  { float:left; width:100%; font-size:14px; color:#fff; font-weight:300; }
.cc-window .cc-message h2               { float:left; width: 100%; font-size:16px; color:#fff; margin:0 0 10px 0; padding:10px 0 10px 40px; font-weight:400; background:url(../images/cerez.png) no-repeat left;}
.cc-window .cc-message a                { font-weight:bold; color:#fff; }
.cc-window .cc-compliance { display:block;  float:left;  width:100%; }
.cc-window .cc-compliance a { min-width:98px; float:left;  width:100px; margin:20px 0 10px 0;display: block; padding: .4em .8em; font-size: .9em; font-weight: 700; border-width: 2px; border-style: solid; text-align: center;}
.cc-window{opacity:1;transition:opacity 1s ease}
.cc-window.cc-invisible{opacity:0}
.cc-animate.cc-revoke{transition:transform 1s ease}
.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}
.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}
.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}
.cc-close:focus,.cc-close:hover{opacity:1}
/* Çerez Politikası Son */


@-webkit-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@-moz-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
.in-down {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}


/** fadeInLeft **/

@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
}
html {     overflow-x: hidden; }
dl, dt, dd, ol, ul, li{margin:0;padding:0; list-style: none;}
.clear{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;overflow:hidden;}
::selection{background:#002d56;color:#FFF;text-shadow:none;}
::-moz-selection{background:#002d56;color:#FFF;text-shadow:none;}
::-webkit-selection{background:#002d56;color:#FFF;text-shadow:none;}
:active,:focus{outline:none !important;}
body{color:#666666; font-family:'Open Sans', sans-serif; overflow-x:hidden;}
a{text-decoration:none !important;color:#348ecc;}
a:hover{color:#222;}
a img{border:none;}
img{max-width:100%;}
iframe{border:none !important;}
h1,
h2,
h3,
h4,
h5,
h6{color:#444;font-weight:600;line-height:1.5;margin:0 0 30px 0;font-family:'Open Sans', sans-serif;}
h5,
h6{margin-bottom:20px;}
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
h4{font-weight:600;}
h5,
h6{font-weight:bold;}
h1 > span:not(.nocolor),
h2 > span:not(.nocolor),
h3 > span:not(.nocolor),
h4 > span:not(.nocolor),
h5 > span:not(.nocolor),
h6 > span:not(.nocolor){color:#002d56;}
pre,
ul,
ol,
dl,
dd,
blockquote,
table,
fieldset,
form{margin-bottom:30px;}

small{font-family:'Open Sans', sans-serif;}
.float  { float: left; }
.uppercase{text-transform:uppercase !important;}
.lowercase{text-transform:lowercase !important;}

.hidden{display:none !important;}
.nothidden{display:block !important;}
.inline-block{float:none !important;display:inline-block !important;}
.center{text-align:center !important;}
.np { padding:0px !important; }

@-webkit-keyframes BgAnimated{from{background-position:0 0;}
to{background-position:0 400px;}
}
@-moz-keyframes BgAnimated{from{background-position:0 0;}
to{background-position:0 400px;}
}
@-ms-keyframes BgAnimated{from{background-position:0 0;}
to{background-position:0 400px;}
}
@-o-keyframes BgAnimated{from{background-position:0 0;}
to{background-position:0 400px;}
}
@keyframes BgAnimated{from{background-position:0 0;}
to{background-position:0 400px;}
}

.fullblack { display:none; position: fixed; z-index: 8; background:#000;  opacity:0.85; width: 100%; height:100%; min-width: 100%; min-height:100%; }
.fullblack2 { display:none; position: fixed; z-index: 8; background:#000; opacity:0.85; width: 100%; height:100%; min-width: 100%; min-height:100%; }
.fullblack3 { display:none; position: fixed; z-index: 8; background:#000; opacity:0.85; width: 100%; height:100%; min-width: 100%; min-height:100%; }

.h100 { clear: both; height: 100px; position: relative; }
.h75 { clear: both; height: 75px; position: relative; }
.mobilgoster, .headersosyal { display: none; }

.duyurualani        { float: left; width: 100%; padding:12px 0 15px 0; position: relative; background:#fff; display:block; }
.duyurualani img.duyuruikon    { float: left; width:49px; margin:0 25px 0 0; }
.duyurualani a      { float: left;  width: calc(100% - 200px);  color: #575757;  font-size: 12.5px; font-weight: 400;  letter-spacing: 2px;}
.duyurualani span.duyurukapat { float: right; margin: 10px 0 0 0; color: #fff; background: #6a6a6a; width: 22px; height: 22px; line-height: 19px; border-radius: 50%; text-align: center; font-weight: bold; font-size: 14px; cursor:pointer;   }
.duyurualani a b{ text-decoration:underline; }
.duyurualani a img { margin-left:10px; }

#header{float: left;width: 100%;height: 201px;position:relative; background:#203d77;}
#header.kara { background:#0f0f0f; }
.header-top { float: left; position: relative; width:100%; height:43px;  }
.header-top .top-left { float: left; position: relative; }
.header-top .top-left ul { float: left; position: relative; margin:12px 0 0 0; list-style:none; }
.header-top .top-left ul li { float: left; position: relative; margin-right: 20px; }
.header-top .top-left ul li a { font-size: 14px; color: #ffffff; font-weight:400; float: left; position: relative; margin:0px 0 0 0px;  }


.header-top .top-right          { float:right; width:310px; position:relative; margin:4px 0 0 0; list-style:none; z-index:9 }
.header-top .top-right img      { float:right; margin: 4px 17px 0 0; width: 50px;}
.header-top .top-right a        { float:right; cursor:pointer; }
.header-top .top-right a span   { float:left; font-size:15px; color:#939393; font-weight:400; margin:5px 0 0 0px;  }
.header-top .top-right a img    { float:left; margin: 4px 10px; width: 25px; }
.header-top .top-right a i      { float:left; margin:5px 0 0 0px; color:#939393 }
.header-top .top-right a:hover  { color:#fff; }

.header-top .top-right .ustbutonlar                { float:left; display:none; }
.header-top .top-right .ustbutonlar span.urunbuton4{ float:right; position:relative; right:0px; top:0px; cursor:pointer; }
.header-top .top-right .ustbutonlar span.arabuton  { float:right; position:relative; right:0px; top:3px; cursor:pointer; }
.header-top .top-right span.urunbuton4 img         { width:32px; }
.header-top .top-right span.arabuton img           { width:24px; }

ul.headersosyal { float: left; position: relative; margin:9px 0 0 0; list-style:none; }
ul.headersosyal li { float: left; position: relative; }
ul.headersosyal li img  { float: left; position: relative; margin:0px 4px;  }

.header-center { float: left; position: relative; width:100%; z-index: 3; }
.header-center-back { float: left; width:100%; height:115px; background: url(../images/headerback.png) no-repeat; }

.header-urunler     { margin:30px 0 0 10px; width:230px; height:60px; float:left; background: url(../images/nokta3.png) repeat; }
.header-urunler p.urunbuton     { cursor:pointer; margin:1px 0px 0px 0px; float: left; width: 125px; height: 50px; padding: 0; line-height: 50px; text-align: center; background: #e72d28; font-size: 15px; color: #fff; font-weight: 300; letter-spacing: 3px;  -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
.header-urunler span.urunbuton2 { float:right; position:relative; margin: 6px 25px 0 0; cursor:pointer; animation: mymove 1s infinite;  }
.header-urunler span.urunbuton2 { width:40px; }
@keyframes mymove { from {right:5px;} to {right:0px;} }

/* .solurunler { float: left; width:690px; position: absolute; background:#414141; z-index: 9; display: none; } */

.solurunler .solkategoriler ul::-webkit-scrollbar {width:10px;height:8px; background: #dbdbdb;}
.solurunler .solkategoriler ul::-webkit-scrollbar-track {border: 4px solid #414141;}
.solurunler .solkategoriler ul::-webkit-scrollbar-thumb {background: #dbdbdb; width:10px; }
.solurunler .solkategoriler ul::-webkit-scrollbar-thumb:hover { background: #dbdbdb; width:10px;  }

.solurunler                 { border-radius: 0px 70px 70px 0px; height: auto; padding: 0 0 50px 0; width: 0;  position: absolute; z-index:9; top: 100px; left: 0;background-color: #203d77;overflow-x: hidden;  transition: 0.2s; }
.solurunler .solust         { width:454px; height: 35px; margin: 8px 0 0 8px; float: left; position: relative; background: url(../images/nokta.png) repeat;}
.solurunler .solust p       { margin: -35px 0 0 50px; padding: 17px 50px 18px 20px; letter-spacing:3px; float: left; position: relative; background:#e72d28; font-size: 17px; color:#fff; font-weight:300; }
.solurunler .solust span    { float: right; margin: -35px 20px 0 0; cursor:pointer;}

.solurunler .solorta        { padding: 70px 0 0 50px; float: left; width:100%; position: relative; }
.solurunler .solorta span   { float: left; color:#bdbbbc; font-weight:300; font-size:21px; }
.solurunler .solorta p      { position: absolute; width: 565px; height: 23px; left: -275px; top: 312px; margin: 0;float: left; color:#d3d2d2; font-weight:300; font-size:14px; letter-spacing: 1px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);  -o-transform: rotate(90deg);  -ms-transform: rotate(90deg);  transform: rotate(90deg); }

.solurunler .solkategoriler { float: left; width:87%; position: relative;  }
.solurunler .solkategoriler ul { float: left; margin: 40px 0 0 60px; height:540px; overflow-y: scroll; width: calc(100% - 40px); }
.solurunler .solkategoriler ul li { float: left; width:88%; position: relative; margin-bottom:7px; }
.solurunler .solkategoriler ul li a { background:#2a2a2a; color: #fff; font-size:17px;  float: left; width:100%; position: relative; text-align:center; min-height:105px; display: flex; justify-content: center; flex-direction: column; }
.solurunler .solkategoriler ul li a:hover { opacity:0.8; }
.solurunler .solkategoriler ul li:nth-child(2) a { background:#726e6e }
.solurunler .solkategoriler ul li:nth-child(3) a{ background:#575757 }
.solurunler .solkategoriler ul li:nth-child(4) a{ background:#6a6a6a }
.solurunler .solkategoriler ul li:nth-child(5) a{ background:#808080 }
.solurunler .solkategoriler ul li:nth-child(6) a{ background:#939393 }
.solurunler .solkategoriler ul li:nth-child(7) a{ background:#a6a6a6 }
.solurunler .solkategoriler ul li:nth-child(8) a{ background:#75231e }
.solurunler .solkategoriler ul li:nth-child(9) a{ background:#cbd64c; color:#000; }
.solurunler .solkategoriler ul li:nth-child(10) a { background:#e49701; color:#000; }
.solurunler .solkategoriler ul li:nth-child(11) a { background:#cbcbcb; color:#000; }
.solurunler .solkategoriler ul li:nth-child(12) a { background:#dbdbdb; color:#000; }
.solurunler .solkategoriler ul li:nth-child(13) a { background:#ececec; color:#000; }
.solurunler .solkategoriler ul li:nth-child(14) a { background:#ececec; color:#000;  }
.solurunler .solkategoriler ul li:nth-child(15) a { background:#ececec; color:#000;  }
.solurunler .solkategoriler ul li:nth-child(16) a { background:#ececec; color:#000;  }

.solurunler .solalt         { float: left; margin: 30px 0 0 60px; width: calc(100% - 185px); }
.solurunler .solalt ul      { border-top:1px solid#838383; padding:10px 0 0 0; margin:10px 0 0 0; float: left; width:100%; position: relative; }
.solurunler .solalt ul li   { float: left; width: 50%; position: relative; }
.solurunler .solalt ul li:first-child:before { content: ''; width:1px; height:20px; background:#838383; position:absolute; right:0; top: 0; }
.solurunler .solalt ul li span { width: 100%; font-size:15px; font-weight:300; color:#bdbbbc; letter-spacing: 2px; }
.solurunler .solalt ul li:last-child span { text-align:right; }

.solurunler .solalt p       { margin:20px 0 0 0; letter-spacing:5px;height:auto; top:0; left: 0; float:left; width:100%; position:relative; text-align:center; font-size:24px; color:#bdbbbc; font-weight:bold; font-family: 'open sans', sans-serif; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
.solurunler .solalt p img   { position: relative; top: -6px; }

.solurunler .closebtn       { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}


.sagurunler                 { border-radius:60px 0 0 60px; height:auto; width:0; position:absolute; z-index:9; top:0px; right:0;background-color:#203d77;overflow-x:hidden;  transition:0.2s; padding:0 0 50px 0; }
.sagurunler .sagust         { float: left; position: relative; width:100%; height:60px; margin:50px 0 0 0; background: url(../images/nokta2.png) repeat; text-align: center; }
.sagurunler .sagust span.urunbuton5 { float: left; margin:2px 0 0 -10px; cursor:pointer; }
.sagurunler .sagust p.kirmizi { width:130px; height:45px; text-align:center; background:#e52c33; font-size:16px; color:#fff; position:relative; z-index: 2; font-family: 'Oswald', sans-serif; -webkit-transform: rotate(-9deg); -moz-transform: rotate(-9deg); -o-transform: rotate(-9deg); -ms-transform: rotate(-9deg); transform: rotate(-9deg); line-height: 17px; display: flex; justify-content: center; flex-direction: column; left: 110px; top: -25px; }
.sagurunler .sagust p.siyah { width:180px; height:50px; text-align:center; background:#34528f; font-size:40px; color:#fff; position:relative; z-index: 1; font-family: 'Oswald', sans-serif; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); -o-transform: rotate(-6deg); -ms-transform: rotate(-6deg); transform: rotate(-6deg); line-height: 17px; display: flex; justify-content: center; flex-direction: column; left: 107px; top: -35px; }

.sagbutonlar                { float:right; position:absolute; right:0; top:0; }
.sagbutonlar span.urunbuton4{ float:right; position:relative; right:60px; top:30px; cursor:pointer; }
.sagbutonlar span.arabuton  { float:right; position:relative; right:225px; top:45px; cursor:pointer; }

.sagurunler .sagorta        { margin: 50px 0 0 0; padding:0 35px 20px 35px; float: left; width:98%; position: relative; height: 540px; overflow-y: scroll;}
.sagurunler .sagorta p.aciklama { float: left; color:#a2a2a2; font-size:14px; font-weight:300; padding:0 0 0 20px; position: relative; text-align:left; z-index:2 }

.sagurunler .sagorta::-webkit-scrollbar {width:10px;height:8px; background: #dbdbdb;}
.sagurunler .sagorta::-webkit-scrollbar-track {border: 4px solid #2a2a2a;}
.sagurunler .sagorta::-webkit-scrollbar-thumb {background: #dbdbdb; width:10px; }
.sagurunler .sagorta::-webkit-scrollbar-thumb:hover { background: #dbdbdb; width:10px;  }



.sagurunler .sagorta .ayurun { float:left; margin:30px 0 0 0;  width:100%; background:url(../images/aybg.jpg) no-repeat; }
.sagurunler .sagorta .ayurun a      { float:left; width:calc(100% - 15px); position:relative;}
.sagurunler .sagorta .ayurun a img  { margin:20px 0 0 20px; opacity:1; float:left; }
.sagurunler .sagorta .ayurun a:hover img { opacity:1; }
.sagurunler .sagorta .ayurun a h2   { float: left; width:calc(100% - 100px); margin:20px 0 0 20px; font-size:16px; color:#939393; font-weight:bold; text-align:left; line-height:16px; }
.sagurunler .sagorta .ayurun a i    { float: right; color: #939393; margin: 20px 40px 0 0; font-size: 22px; position: relative; transition: all 0.5s ease 0s; }
.sagurunler .sagorta .ayurun a i:after { content:''; position: absolute; right:-15px; top:0; width:28px; height:30px; background:#434243; z-index:-1; transition: all 0.5s ease 0s; }
.sagurunler .sagorta .ayurun a:hover i {  margin: 20px 35px 0 0;  }
.sagurunler .sagorta .ayurun a:hover i:after { right:-10px; }
.sagurunler .sagorta .ayurun a span { bottom: 95px; right: -35px; width: 214px; height: 50px; z-index: 2; line-height:50px; padding:0 0 0 15px;background:url(../images/mavibg.png) repeat; font-size:15px; font-weight:bold; float: right; position: absolute; color:#fffffe;  }


.sagurunler .sagorta .yilurun { float:left; margin:50px 0 0 0;  width:calc(100% - 15px); background:url(../images/aybg.jpg) no-repeat; }
.sagurunler .sagorta .yilurun a      { float:left; width:100%; position:relative;}
.sagurunler .sagorta .yilurun a img  { margin:20px 0 0 20px; opacity:1; float:left; }
.sagurunler .sagorta .yilurun a:hover img { opacity:1; }
.sagurunler .sagorta .yilurun a h2   { float: left; width:calc(100% - 100px); margin:20px 0 0 20px; font-size:16px; color:#939393; font-weight:bold; text-align:left; line-height:16px; }
.sagurunler .sagorta .yilurun a i    { float: right; color: #939393; margin: 20px 40px 0 0; font-size: 22px; position: relative; transition: all 0.5s ease 0s;}
.sagurunler .sagorta .yilurun a i:after { content:''; position: absolute; right:-15px; top:0; width:28px; height:30px; background:#434243; z-index:-1; transition: all 0.5s ease 0s; }
.sagurunler .sagorta .yilurun a:hover i {  margin: 20px 35px 0 0; transition: all 0.5s ease 0s; }
.sagurunler .sagorta .yilurun a:hover i:after { right:-10px; }
.sagurunler .sagorta .yilurun a span { bottom: 95px; right: -35px; width: 214px; height: 50px; z-index: 2; line-height:50px; padding:0 0 0 15px;background:url(../images/mavibg.png) repeat; font-size:15px; font-weight:bold; float: right; position: absolute; color:#fffffe;  }

#logo   {position:relative;float:left;margin:23px  10px 0px 13px;}

.header-top .top-right .diller                 { display: none; padding:40px; float: right; position: absolute; top: 42px; right: 0; width: 350px; background: url(../images/dillerbg.jpg) no-repeat; z-index:9}
.header-top .top-right .diller ul              { float: left; width: 100%; position: relative; }
.header-top .top-right .diller ul li           { float: left; width: 100%; margin: 0 0 20px 0; padding:0 0 10px 0; border-bottom: 1px solid#9a9a9a; }
.header-top .top-right .diller ul li a         { float: left; width:100%; }
.header-top .top-right .diller ul li a img     { float: right; margin:12px 0 0 15px; width: 35px; height: 35px;}
.header-top .top-right .diller ul li a span    { float: right; width:calc(100% - 50px); color:#e8e9e8; font-size:16px; font-weight: bold; text-align:right; }
.header-top .top-right .diller ul li a p       { float: right; width:calc(100% - 50px); color:#cbcbcb; font-size:100%; font-weight: 300; text-align:right; }
.header-top .top-right .diller .dilleralt      { float: left; position: relative; margin:10px 0 0 0; }
.header-top .top-right .diller .dilleralt span { letter-spacing: 3px; color:#d3d2d2; font-size:15px; font-weight: 300; float: left; width: 100%; text-align:center; }
.header-top .top-right .diller .dilleralt p    { margin:15px 0; color:#b3b3b3; font-size:15px; font-weight: 300; float: left; width: 100%; text-align:center; }
.header-top .top-right .diller .dilleralt a    { float: left; width: 100%; text-align:center; }
.header-top .top-right .diller .dilleralt a i  { float: none; font-size: 22px;  }

.aramaalani         { display:none; position:absolute; width:100%; height:300px; background:#203d77; z-index: 99; border-radius:0px 0px 100px 100px; }
.aramaalani form    { width: 700px; position: relative; margin: 105px auto 0 auto; display: block; }
.aramaalani input   { float: left; width: 700px; height: 74px; padding: 0 70px 0 70px; font-size: 21px; color: #e4e3e3; border: 2px solid#e72d28; margin: 0 auto; text-align: center; position: relative; background: #e72d28; }
.aramaalani img     { float:left; left:20px; top:21px; position:absolute; z-index:2;}
.aramaalani button  {position: absolute; float: right;  right: 24px;  top: 20px; width: 46px;  height: 32px;  background: url(../images/aikonbuton.png) no-repeat; border: 0; }
.aramaalani button:hover { top:21px; }
.aramaalani input::placeholder { color:#fff; }

.arakapat { width:55px; height:55px; text-align:center; font-size:30px; line-height:55px; font-weight:900; color:#203d77; background:#fff;  right: 0; top:30px; float: right; position: relative; border-radius:50%; cursor: pointer;}




.menusag                    { float: left; margin:51px 0 0 30px; }
.menusag li                 { float: left; margin: 0 20px 0 0px; padding: 0 0 53px 0; position: relative;}
.menusag li:first-child img { position: relative; top: -3px; margin:0 5px 0 0;}
.menusag li:last-child      { margin:0px;  }
.menusag li a               { padding:0px; color:#203d77;font-weight:300;font-size:16px;font-family: 'Open-Sans', sans-serif; position: relative; float: left;}
.menusag li a:hover         { color:#fff; }
.menusag li > a i           {  }

.menusag li.kurumsalmenu .megamenu { display:none; border-radius:0px 0px 100px 100px; left:0%; right:0%; top:123px; padding:50px 15px 0 15px; height:520px; position:absolute; width:100%; background:#0f0f0f url(../images/megabg.jpg) no-repeat bottom center; z-index:2}
.menusag li.kurumsalmenu:hover .megamenu { display:block; }


.menusag li ul          { display:none; left: 0%;top: 64px; padding: 10px 15px; position: absolute; width: 250px; background: #d5d6d7; z-index:2}
.menusag li:hover ul    { display:block; }
.menusag li ul li a     { font-size:14px;}
.menusag li ul li       { float: left; margin: 0 0px 10px 0px; padding: 0 0 0px 0; position: relative;}




.megamenu span.solbaslik              { font-family: 'BankGothic Md BT', sans-serif; padding:0 0 15px 0; margin:0 0 15px 0; float: left; width:100%; color:#e8e9e8; font-size:21px; position: relative; }
.megamenu span.solbaslik:before       { content:''; position: absolute; left:0; bottom:0; width:230px; height:1px; background:#565656; }
.megamenu p.megaaciklama    { float: left; width:100%; color:#bdbbbc; font-size:16px; }
.megamenu p.megaaciklama a  { color:#bdbbbc; }
.megamenu p.megaaciklama a:hover  { color:#fff; }
.megamenu p.megabaslik      { float: left; margin:40px 0 10px 0; width:100%; color:#bdbbbc; font-size:16px; }
.megamenu p.megayil         { float: left; width:100%; color:#bdbbbc; font-size:32px; font-family: 'Oswald', sans-serif; line-height: 32px; }

.megamenu span.megaorta     { width:100%; float: left; text-align:center; }

.megamenu .megasol          { float: left; width:100%; }
.megamenu .megasol p        { padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px solid#565656; float: left; width:92%; color:#e8e9e8; font-size:21px; position: relative; }
.megamenu .megasol ul       { float: left; width:100%; position: relative; list-style:disc; padding:0 0 0 20px; }
.megamenu .megasol ul li    { float: left; width:100%; margin: 0 0 20px; padding: 0 0 0 5px; list-style:disc; }
.megamenu .megasol ul li a  { float: left; color:#bdbbbc; font-size:18px; margin:0; padding:0; }
.megamenu .megasol ul li a:hover { color:#fff; }

.megamenu span.mega-alt              { text-align:center; width:100%; float:left; position:absolute; bottom:-27px; }

.header-center .yardim      { float: right; position: relative; width: 260px; margin:24px 10px 0 0; }
.header-center .yardim img  { float: left; margin-right: 10px; }
.header-center .yardim span { margin: 7px 0 0 0; font-size: 14px; font-weight:300; color:#203d77; width:calc(100% - 78px);  float: left; }
.header-center .yardim p    { font-size: 18px; letter-spacing: 0.5px; font-weight:600; color:#203d77; width:calc(100% - 78px); float: left; }



.menu-scroll {direction: rtl; float: left; border: none; margin:20px 0 0 0; padding:0 10px 0 10px;width: 100%;height: 425px;overflow-y: scroll; }
/* Scrollbar styles */
.menu-scroll::-webkit-scrollbar {width:3px;height:3px;}
.menu-scroll::-webkit-scrollbar-track {border: 1px solid #e8e8e8;}
.menu-scroll::-webkit-scrollbar-thumb {background: #e8e8e8; }
.menu-scroll::-webkit-scrollbar-thumb:hover { background: #e8e8e8;  }

.accordionWrapper {float:left;width:100%; margin:0px 0 0 0;}
.accordionItem {float:left;display:block;width:100%; padding:0px 15px;}
.accordionItem:hover, .accordionItem.open { background:#4a8fac; }
.accordionItem.open ul {float:left;width:100%;position:relative;margin: 0px 0 20px 0; padding: 0 0 0 10px;}
.accordionItem.open li {float:left;width:100%;line-height:24px}
.header-bottom .bottom-right .menusag li .submenu .submenu-left .accordionItem .accordionItemHeading {padding:15px 0 15px 30px; background:url(../images/menu-close.png) no-repeat left center; color:#e8e9e8;font-size:18px;font-weight:300;float:left;width:100%;margin:0px;}
.header-bottom .bottom-right .menusag li .submenu .submenu-left .accordionItem.open .accordionItemHeading { color:#fff;font-weight:400; background:url(../images/menu-open.png) no-repeat left center; }
.header-bottom .bottom-right .menusag li .submenu .submenu-left .accordionItemHeading:hover {color:#fff;font-weight:400; }
.accordionItem.close {opacity:1}
.close .accordionItemContent {height:0;transition:height 1s ease-out;-webkit-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);float:left;display:block}
.menusag li .accordionItemContent a {color:#fff;font-size:15px;font-weight:400;line-height:19px; padding: 5px 10px;}
.accordionItemContent a:hover {color:#164194}
.open .accordionItemContent {float:left;width:100%;margin:0 0 0 10px;display:block;-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:top;-o-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform .4s ease-out;-o-transition:-o-transform .4s ease;-ms-transition:-ms-transform .4s ease;transition:transform .4s ease;box-sizing:border-box}
.open .accordionItemHeading {color:#fff;font-weight:400;margin:0;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
.close { text-shadow: none !important; }



.anaslider          { margin:0px 0 0 0; float: left; width: 100%; position: relative; }
.anaslider .owl-demo, .anaslider .owl-carousel, .anaslider .owl-carousel .owl-stage-outer { float: left; width: 100%; position: relative; }

.anaslider .item .icerik { top:21%; left:19%; position: absolute; width:580px;  }
.anaslider .item .icerik p      { margin: 25px 0 10px 0; float: left; width: 100%; font-size:22px;  font-weight: 700; color: #000000; background: #ffffff57; padding: 0 5px;}
.anaslider .item .icerik span   { float: left; width: 100%; margin:0px 0; font-size: 16px;  font-weight: 300; color: #000000; background: #ffffff57; padding: 0 5px; }
.anaslider .item .icerik a { position: relative; left:28%; color:#fff; font-size: 15px; padding:0 0 0 50px;  width:200px; height:25px; letter-spacing: 9px; float: left; background:url(../images/slider-link.png)no-repeat left bottom;  }
.anaslider .owl-carousel .owl-item .item .icerik img { width:auto; }

.anaslider .owl-carousel .owl-stage { padding-left:0px !important; }
.anaslider .owl-nav {  position: absolute; width:100%; top: 40%; z-index:1; }
.anaslider .owl-nav span { display: none; }
.anaslider .owl-carousel .owl-nav button.owl-prev  { left:3%; width:29px; height:57px; position:relative; background:url(../images/left.png) no-repeat;  font-size:0px; }
.anaslider .owl-carousel .owl-nav button.owl-next  { right:3%; width:29px; height:57px; float: right; position:relative; background:url(../images/right.png) no-repeat;  font-size:0px; }

.anaslider .owl-carousel .owl-dots { position: absolute;  width: 580px; bottom: 27%; left: 19%; display: none; }
.anaslider .owl-carousel button.owl-dot { width:20%; height:1px; background:#d5d5d5; }
.anaslider .owl-carousel button.owl-dot.active { width:20%; height:6px; background:#808080; }






.tabAlan                { float:left; display:inline; width:99.8%; }
.tabAlan .tabCont       { display:none;  }
.tabAlan .tabCont iframe{ max-width: 100%; border:none; }



.anakutular                 { margin:-125px 0 0 0; float: left; position: relative; width: 100%; z-index:2; }

.anakutular .mavikutu       { float: left; width:98%; height:260px; margin-bottom:40px; background:#203d77; }
.anakutular .mavikutu p     { margin:60px 0 0 80px; line-height: 37px; letter-spacing: 7px; width:200px; float: left; font-family: 'BankGothic Md BT', sans-serif; font-size:32px; color:#fff; }
.anakutular .mavikutu span  { margin:4px 0 0 80px; letter-spacing: 1px; float: left; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:200; color:#fff; }

.anakutular .kutu1, 
.anakutular .kutu2, 
.anakutular .kutu3, 
.anakutular .kutu4, 
.anakutular .kutu5 { position: relative; width:255px; height:260px; text-align:center; margin-bottom:60px;  }

.anakutular .kutu1 i, 
.anakutular .kutu2 i, 
.anakutular .kutu3 i, 
.anakutular .kutu4 i, 
.anakutular .kutu5 i { float: left; width: 100%; height:57px;  margin:60px 0 10px 0; }

.anakutular .kutu1 span, 
.anakutular .kutu2 span, 
.anakutular .kutu3 span, 
.anakutular .kutu4 span, 
.anakutular .kutu5 span { float: left; width: 100%; color:#000000; font-family: 'Dejavu Sans', sans-serif; font-size:18px; margin:0px 0 0 0; }

.anakutular .kutu1 p, 
.anakutular .kutu2 p, 
.anakutular .kutu3 p, 
.anakutular .kutu4 p, 
.anakutular .kutu5 p { float: left; width: 100%; color:#191919; font-family: 'Oswald', sans-serif; font-size:32px; }

.anakutular .kutu1 { background:#a6a6a6; }
.anakutular .kutu1:before { right: -31px; top: 105px; width: 65px; height: 65px; z-index: 1; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);content:''; position: absolute; background:#a6a6a6;  display: inline-block;  }

.anakutular .kutu2 { float:right; background:#b3b3b3; }
.anakutular .kutu2:before { bottom: -31px; left: 95px; width: 65px; height: 65px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);content:''; position: absolute; background:#b3b3b3;  display: inline-block;  }

.anakutular .kutu3 { float:right; background:#cbcbcb; }
.anakutular .kutu3:before { left:-25px; top: 105px; width: 65px; height: 65px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);content:''; position: absolute; background:#cbcbcb;  display: inline-block;  }

.anakutular .kutu4 { background:#dbdbdb; }
.anakutular .kutu4:before { left:-20px; top: 105px; width: 65px; height: 65px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);content:''; position: absolute; background:#dbdbdb;  display: inline-block;  }

.anakutular .kutu5 { float: left; background:#ececec; }

.anakutular .boskutu { float: left; margin-top: 100px; width:90%; height:60px; background:url(../images/nokta4.png) repeat; position: relative; }
.anakutular .boskutu:before { left:-990px; top:0; width:1000px; height:60px; background:url(../images/nokta4.png) repeat; position: absolute; content:''; }

.anakutular .mavikutu:hover, 
.anakutular .kutu1:hover, 
.anakutular .kutu2:hover, 
.anakutular .kutu3:hover, 
.anakutular .kutu4:hover, 
.anakutular .kutu5:hover { box-shadow:0px 1px 5px #252525; }


.home-categories { padding: 35px 0; background:url(../images/kategorilerbg.jpg) no-repeat; background-size:cover; float:left; position:relative; width:100%; }

.sol-kategoriler .sayilar               { float: left; width: 80px; top:230px; position:relative; }
.sol-kategoriler .sayilar span          { margin-bottom: 115px; font-family: 'Dejavu Sans', sans-serif; float: left; width: 100%; position: relative; font-size:24px; color:#fff; opacity:0.33; cursor:pointer; }
.sol-kategoriler .sayilar span:before   { right:0; top:16px;  content:''; position: absolute; width: 40px; height:1px; background:#fff; opacity:0.33; }
.sol-kategoriler .sayilar li.aktif span { opacity:1; }

.anasayfakategoriler { float: right; position: relative; width:calc(100% - 100px); }

.anasayfakategorilerleft        { float: left; width: 260px;  }
.anasayfakategorilerright       { float: left; width: 260px; margin:40px 0 0 15px;}

.anasayfakategoriler .ufaklar   { float:left; width:260px; height:145px; border-radius:20px; background:#fff;  }
.anasayfakategoriler .ufaklar i { margin:15px 0 0px 0; width: 100%; float: left; text-align:center; }
.anasayfakategoriler .ufaklar p { margin:8px 0 2px 0; font-family: 'Dejavu Sans', sans-serif; font-size: 18px; color:#2a2a2a; width: 100%; float: left; text-align:center; }
.anasayfakategoriler .ufaklar span { margin:0; font-family: 'Dejavu Sans', sans-serif; font-size: 13px; color:#474747; width: 100%; float: left; text-align:center; }

.anasayfakategoriler .kategori1 a, 
.anasayfakategoriler .kategori2 a,
.anasayfakategoriler .kategori3 a,
.anasayfakategoriler .kategori4 a { float: left; width: 100%; overflow:hidden; border-radius:20px;  }

.anasayfakategoriler .kategori1 a img,
.anasayfakategoriler .kategori2 a img,
.anasayfakategoriler .kategori3 a img,
.anasayfakategoriler .kategori4 a img { border-radius:20px; transition: all 0.5s ease 0s; width: 100%; }

.anasayfakategoriler .kategori1 a:hover img, 
.anasayfakategoriler .kategori2 a:hover img,
.anasayfakategoriler .kategori3 a:hover img,
.anasayfakategoriler .kategori4 a:hover img { transform: scale(1.09); transition: all 0.5s ease 0s; }

.anasayfakategoriler .kategori1 { float:left; margin:15px 0 0 0; width:260px;  height:260px; border-radius:20px;  }

.anasayfakategoriler .kategori1 a h2 { margin:-45px 0 0 0; font-weight:600; font-family: 'Dejavu Sans', sans-serif; font-size: 16px; color:#2a2a2a; float: left; width: 100%; text-align:center; position: relative; z-index: 2 }

.anasayfakategoriler .kategori2 { float:left; margin:15px 0 0 0; width:260px;  height:395px; border-radius:20px;  }
.anasayfakategoriler .kategori2 a h2 { margin:-45px 0 0 0; font-weight:600; font-family: 'Dejavu Sans', sans-serif; font-size: 16px; color:#2a2a2a; float: left; width: 100%; text-align:center; position: relative; z-index: 2 }


.anasayfakategoriler .kategori3 { float:left; margin:15px 0 0 0; width:260px;  height:395px; border-radius:20px;  }
.anasayfakategoriler .kategori3 a h2 { margin:-45px 0 0 0; font-weight:600; font-family: 'Dejavu Sans', sans-serif; font-size: 16px; color:#2a2a2a; float: left; width: 100%; text-align:center; position: relative; z-index: 2 }

.anasayfakategoriler .kategori4 { float:left; margin:15px 0 0 0; width:260px;  height:260px; border-radius:20px;  }
.anasayfakategoriler .kategori4 a h2 { margin:-45px 0 0 0; font-weight:600; font-family: 'Dejavu Sans', sans-serif; font-size: 16px; color:#2a2a2a; float: left; width: 100%; text-align:center; position: relative; z-index: 2 }

.anasayfakategoriler .ufaklar2 { float:left; margin:15px 0 0 0; width:260px; height:145px; border-radius:20px; background:#fff;  }
.anasayfakategoriler .ufaklar2 i { margin:15px 0 0px 0; width: 100%; float: left; text-align:center; }
.anasayfakategoriler .ufaklar2 p { margin:20px 0 2px 0; letter-spacing:3px; font-weight:600; font-family: 'Dejavu Sans', sans-serif; font-size: 18px; color:#2a2a2a; width: 100%; float: left; text-align:center; }
.anasayfakategoriler .ufaklar2 span { margin:0; font-family: 'Dejavu Sans', sans-serif; font-size: 13px; color:#474747; width: 100%; float: left; text-align:center; }
.anasayfakategoriler .ufaklar2 p a, .anasayfakategoriler .ufaklar2 span a { color:#474747; }

.sag-urunler { float: left; width:100%; position: relative; }
.sag-urunler span { font-size:18px; font-weight: bold; color: #dbdbdb; float: left; width:100%; }
.sag-urunler p { border-bottom: 1px solid#dbdbdb; padding:0 0 20px 0; margin:0 0 20px 0; font-family: 'BankGothic Md BT', sans-serif; font-weight: 900; font-size:35px; color:#fefffe; float: left; width:100%; }
.sag-urunler a.tumu { margin:50px 0 0 0; float: left; font-size:18px; font-weight: bold; letter-spacing:3px; color: #fefffe; } 
.sag-urunler a.tumu i { margin:2px 10px 0 0; float: left; color: #fefffe; }

.sag-urunler .urunalani { float: left; width: 100%; height:535px; margin:50px 0 0 0; overflow-y:scroll; }

.sag-urunler .urunalani::-webkit-scrollbar {width:4px;height:8px; background: #dbdbdb;}
.sag-urunler .urunalani::-webkit-scrollbar-track {background:transparent;}
.sag-urunler .urunalani::-webkit-scrollbar-thumb {background: #dbdbdb; width:10px; }
.sag-urunler .urunalani::-webkit-scrollbar-thumb:hover { background: #dbdbdb; width:10px;  }

.sag-urunler .anaurun  { float: left; position: relative; width:90%; }
.sag-urunler .anaurun span { text-align:left; float: left; width:100%; color:#fefffe; font-size:14px; font-weight:300; }
.sag-urunler .anaurun a  { float: left; width:100%; color:#fefffe; margin-bottom: 40px; }
.sag-urunler .anaurun a p { text-align:left; float: left; width:100%; color:#fefffe; font-size:18px; font-family: 'Open Sans', sans-serif; border:0; padding:0; font-weight: 400; margin:2px 0 5px 0; }
.sag-urunler .anaurun a ul { float: left; width:100%;  padding:0 0 0 20px; margin:0 0 0 10px; }
.sag-urunler .anaurun a ul li { float: left; width:100%; list-style:disc }
.sag-urunler .anaurun a ul li span { text-align:left; float: left; color:#fefffe; font-size:16px;  font-weight:300;}

.home-projeler { margin:55px 0; float: left; width: 100%; position: relative;  }
.home-projeler .arkabeyaz:before { left: -102%; top:72px;  width: 100%;  height: 60px; background: url(../images/nokta4.png) repeat right top; content: ''; opacity: 0.6; position: absolute;  z-index:1; }
.home-projeler .arkabeyaz:after { right: -102%; top:72px;  width: 100%;  height: 60px; background: url(../images/nokta4.png) repeat right top; content: ''; opacity: 0.6; position: absolute;  z-index:1; }
.home-projeler .owl-demo { float: left;width: calc(100% - 180px); position: relative; }
.home-projeler .owl-demo .owl-carousel .owl-item img { min-height:205px; max-height:205px; object-fit:cover; }
.home-projeler .owl-demo .owl-nav { position: absolute; width: 80px; height: 60px; background: #dfdfdf; left: -107px; top: 68px; }
.home-projeler .owl-demo .owl-nav .owl-prev span, .home-projeler .owl-demo .owl-next span { font-size: 0px !important;  }
.home-projeler .owl-demo .owl-nav button.owl-next { left: 23px; top: 13px; position: relative;width:21px; height:34px; background:url(../images/anasag.png) no-repeat; }
.home-projeler .owl-demo .owl-nav button.owl-prev { top: 13px; left: 12px; position: relative;width:21px; height:34px; background:url(../images/anasol.png) no-repeat; }



.home-projeler .projebaslik { float: left; width:180px; position: relative; }
.home-projeler .projebaslik span {width: 182px; height: 56px; text-align: center;  line-height: 56px; cursor: pointer; margin: 74px 0px 0px -65px; float: left; background: #e72d28; font-size: 17px;  color: #fff;  font-weight: 300;  letter-spacing: 3px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); } 
.home-projeler .projebaslik span a { color:#fff; }

.home-harita        { float: left; width:100%; padding: 20px 0 120px 0; margin: 0 0 -51px 0; position: relative; background:#f3f3f3; }
.harita-alan        { float: left; position: relative; width:calc(100% - 235px); }
.harita-alan a      { position: relative; }
.harita-alan a.country:after      { background:url(../images/simge.png) no-repeat; width:20px; height:40px; content:''; position:absolute; left:0px; top:0px; z-index:2 }
.harita-alan:after { content:''; position: absolute; left: 0; bottom:0; width: 75px; height: 35px; background:#f3f3f3  }

.harita-sag         { float: left; width:235px; position: relative; }
.harita-sag span    { float: left; padding:0 0 20px 0; margin:0 0 20px 0; width:100%; color:#191919; font-size:16px; font-weight:bold; border-bottom:1px solid#191919; }
.harita-sag .ulkeler{ float: left; width:230px; height:415px; overflow-y: scroll; }
.harita-sag .ulkeler p {  float: left; width:100%; color:#191919; font-size:18px; padding:0 0 0 25px; font-family: 'Dejavu Sans', sans-serif; position:relative; }
.harita-sag .ulkeler p:before { left:0px; top:4px; width:18px; height:18px; background:url(../images/circle.png) no-repeat;  content: ''; position: absolute; }

.harita-sag .ulkeler::-webkit-scrollbar {width:5px;height:8px; background: #bdbbbc;}
.harita-sag .ulkeler::-webkit-scrollbar-track {border: 2px solid #f3f3f3;}
.harita-sag .ulkeler::-webkit-scrollbar-thumb {background: #bdbbbc; width:5px; }
.harita-sag .ulkeler::-webkit-scrollbar-thumb:hover { background: #bdbbbc; width:5px;  }


.footer                     { float: left; width: 100%; margin:50px 0 0 0; position: relative; }
.footer .footer-center      { min-height:330px; padding:50px 0; background:#203d77; float: left; width: 100%; position: relative; }
.footer-tanitim { float: left; position: relative; }
.footer-tanitim a img.videoikon { float: left; position:absolute; left: 40%; top:100px; z-index: 2 }
.footer-tanitim a { float: left; width: 100%; position: relative; z-index: 3; }
.footer-center:before { left: 0; top: 105px; width:12%; height:144px; background:url(../images/videobefore.png) repeat-x;  content: ''; position: absolute;  z-index: 1 }

.footer-pages { float: left; position: relative; width: 100%; padding:0 0 0 30px; }
.footer-pages p { float: left; width: 100%; margin:0 0 20px 0; color:#e8e9e8; font-size: 17px; font-family: 'BankGothic Md BT', sans-serif; font-weight: 700;}
.footer-pages ul { float: left; width:100%; padding:0 0 0 20px; position: relative; list-style:disc; }
.footer-pages ul li { float: left; margin: 0 0 5px 0; width:100%; position: relative; list-style:disc; }
.footer-pages ul li a { float: left; font-size:14px; color:#bdbbbc; line-height:19px; }
.footer-pages ul li a:hover { color:#fff; }

.footer-adres { float: right; width:70%; padding:30px 20px 0 0; position: relative; }
.footer-adres span.footer-tel { float: right; width:100%; text-align:right; font-size:24px; color:#b3b3b3; }
.footer-adres span.footer-mail { float: right; width:100%; text-align:right; font-size:16px; color:#b3b3b3; border-bottom: 1px solid#b3b3b3; padding: 0 0 20px 0; margin: 0 0 20px 0; }
.footer-adres span.adres { float: right; width:100%; text-align:right; font-size:16px; color:#b3b3b3; }
.footer-adres p.il { margin:10px 0 0 0; float: right; width:100%; text-align:right; font-size:16px; color:#e8e9e8; }

.footer-sag { float: left; position: relative;  background: #2d4f93; width: 100%; border-radius: 30px; height: 395px; margin: -115px 0 -30px 0; text-align:center; }
.footersosyal { float: left; width: 100%; margin:30px 0 0 0; text-align:center; }
.footersosyal li { float: left; width: 100%; margin-bottom: 25px; }
.footersosyal li a i { font-size:22px; color:#f5f5f5; }
.footersosyal li a:hover i { color:#fff; }
.footer-sag .whatsaap { margin: 15px 0 15px 0; float: left; width: 100%; }
.footer-sag p.copyright { font-size:16px; color:#bdbbbc; }

.footer .footer-bottom      { padding:10px 0; background:#e72d28; float: left; width: 100%; position: relative; }
.footer .footer-bottom ul   { margin:0; position: relative; float: left; }
.footer .footer-bottom ul li { float: left; margin: 0 30px 0 0; }
.footer .footer-bottom ul li a { font-size:14px; color:#ffffff; font-weight:300; }
.footer .footer-bottom ul li a:hover { color:#fff; }
.footer .footer-bottom a    { margin:0; float: right; font-size:14px; color:#303030; font-weight:400; }
.footer .footer-bottom a.mstf { margin: 0 0px 0 0; }
/* İç Sayfalar Başlangıç */

/* Kurumsal Sayfası */
.arkagri { background:#f3f3f3; }

.kurumsal-header            { float: left; position: relative; width: 100%; margin:20px 0 20px 00px; }
.kurumsal-header ul         { float: left; margin:0 0 0 30px; width: calc(100% - 30px); position: relative; }
.kurumsal-header ul li      { float: left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid#c3c1c1; line-height: 13px; }
.kurumsal-header ul li:last-child   { border-right:0; margin: 0; padding:0; }
.kurumsal-header ul li a    { color:#808080; font-size:15px; }
.kurumsal-header ul li a:hover      { color:#808080; }


#content .contentleft    { float: left; padding:0px; background:#203d77; position: relative; border-radius:20px; margin-bottom: 40px; }
#content .contentleft h1 { float: left; margin-bottom:20px; width:100%; color:#fff; font-size:23px; font-weight:400; }
#content .contentleft .solliste          { float: left; width:100%; position: relative; padding:30px; }
#content .contentleft .solliste a        { float:left; width:100%; padding:0 0 0 51px; position: relative; background:url(../images/sol-liste.png) no-repeat; background-position:0px 3px; transition: all 0.5s ease 0s; }
#content .contentleft .solliste a span   { float: left; width:100%; font-size:13px; color:#808080; }
#content .contentleft .solliste a p      { float: left; width:100%; font-size:16px; color:#b3b3b3; }
#content .contentleft .solliste a:hover  { background-position:5px 3px; transition: all 0.5s ease 0s; }
#content .contentleft .solliste a:hover span, 
#content .contentleft .solliste a.aktif span { color:#dbdbdb; }
#content .contentleft .solliste a:hover p, 
#content .contentleft .solliste a.aktif p   { color:#fffffe; }

#content .contentleft .sollistealt         { float: left; width:100%; position: relative; margin: 60px 0 -40px 0; }
#content .contentleft .sollistealt a.sol-kirmizi { float: left; left: 75px;top: 0px; width: 130px;  height: 45px;  background: #e52c33; position: relative;  z-index: 2;   -webkit-transform: rotate(-9deg);  -moz-transform: rotate(-9deg);  -o-transform: rotate(-9deg);  -ms-transform: rotate(-9deg); transform: rotate(-9deg);  }
#content .contentleft .sollistealt a.sol-kirmizi p { float: left; width: calc(100% - 10px); margin: 0 0 0 8px;color:#fff; font-size:16px; font-family: 'Oswald', sans-serif; line-height: 17px; height:45px; text-align:center;  display: flex; justify-content: center; flex-direction: column;  }
#content .contentleft .sollistealt a.sol-kirmizi img { width:63px; height:62px; position: absolute; right: -29px; top: -29px;}

#content .contentleft .sollistealt a.sol-siyah { cursor:pointer; float: left; left: 53px; top: -10px;width:185px; height:63px; text-align:center; background:#717273; position:relative; z-index: 1;  -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); -o-transform: rotate(-6deg); -ms-transform: rotate(-6deg); transform: rotate(-6deg); }
#content .contentleft .sollistealt a.sol-siyah p { float: left; width: 100%; margin: 0 0 0 0px;color:#fff; font-size:20px; font-family: 'Oswald', sans-serif; line-height: 20px; height:63px; text-align:center;  display: flex; justify-content: center; flex-direction: column;  }
#content .contentleft .sollistealt a.sol-siyah img { width:31px; height:30px; position: absolute; left:75px; bottom: -18px; transform: rotate(6deg); -webkit-transform: rotate(6deg);}

#content .kurumsal { float: left; position: relative; margin:0 0 0 40px; text-align:center; padding:25px 25px 50px 25px;  width:calc(100% - 40px); background:#fff; border-radius:50px; }
#content .kurumsal h1 { float: left; width: 100%; margin:0 0 20px 0; font-size:26px; font-weight:700; color:#1d1c18 }
#content .kurumsal p { float: left; width: 100%; color:#a6a6a6; font-size:16px; }


#content .kurumsal .techimg { float:left; width:100%; margin:0 0 20px 0; }
#content .kurumsal .techimg img { max-width:100%; }

.tarihce            { float: left; width: 100%; padding:0px 0; margin:40px 0 0 0; }
#content .tarihce h2, #content .faqs .sertifikalar h3,  #content .sicil-bilgileri h4 { float: left; width: 100%; text-align:center; margin:0 0 20px 0; font-size:26px; font-weight:700; color:#1d1c18  }
.tarihce .owl-carousel .owl-stage-outer { width: 100%; height: 120px; }
.tarihce .owl-demo  { float:left; width: 100%; margin-top: 0px; padding:0 80px; position: relative;}
.tarihce .owl-demo:after { content:''; left:70px; bottom:32px; position: absolute; width:calc(100% - 120px); height: 1px; background:#c6cad6; }
.tarihce .owl-nav { position:absolute; width: 100%; bottom:22px; }
.tarihce .owl-carousel .owl-nav button.owl-prev { left:-40px; float:left; position: relative; width:16px; height:21px; background:url(../images/tarihce-sol.png) no-repeat; }
.tarihce .owl-carousel .owl-nav button.owl-prev span { font-size:0px; }
.tarihce .owl-carousel .owl-nav button.owl-next { right:-65px; float:right; position: relative; width:16px; height:21px; background:url(../images/tarihce-sag.png) no-repeat;}
.tarihce .owl-carousel .owl-nav button.owl-next span { font-size:0px; }
#content .tarihce .owl-carousel .owl-item .tarih h5 { float: left; width: 100%; font-size: 18px; font-weight:700; color:#1d1c18; margin:0; }
#content .tarihce .owl-carousel .owl-item .tarih p  { float: left; width: 100%;  min-height: 44px; font-size: 14px; font-weight:300; color:#616161; }
.tarihce .owl-carousel .owl-item:before { content:''; left:0px; bottom:-32px; position: absolute; width:15px; height:15px; background:#c6cad6; border-radius:50%; }
#content .tarihce .owl-carousel .owl-item:nth-child(even):before {background:#a14222;}
#content .tarihce .owl-carousel .owl-item:nth-child(even) .tarih h5, #content .faqs .tarihce .owl-carousel .owl-item:nth-child(even) .tarih p { color:#a13227; }

.sertifikalar               { float: left; position: relative; margin:30px 0 0 40px; text-align:center; padding:25px 25px 25px 25px;  width:calc(100% - 40px); background:#fff; border-radius:50px; }
.sertifikalar:before        { left: -105%; top: 213px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat right top; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}
.sertifikalar:after         { right: -105%; top: 213px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}

.sertifikalar h2            { font-weight: 700;text-align:center; float: left; width: 100%; margin: 0 0 20px 0; font-size:24px; color: #485e65; }
#content .sertifikalar p    { font-style:italic; float: left; width: 100%; margin: 0 0 50px 0; font-size:16px; color: #7a868d; text-align: center; }

.sertifikalar .sertifika    { float: left; position: relative; width:25%; padding:0 15px; margin:0 0 20px 0; min-height: 360px; }
.sertifikalar .sertifika a img.sertif { float: left; position: relative; object-fit:cover; overflow:hidden; z-index:4 }
.sertifikalar .sertifika a:hover img { transform: scale(1.04); transition: all 0.3s ease 0s; }
.sertifikalar .sertifika a  { float: left; margin-left:7%; position: relative; max-width: 100%; }
.sertifikalar .sertifika a:before { content:''; position:absolute; left:-12px; top:-8px; width:100%; height:100%; background:url(../images/serbefore.jpg); }
#content .sertifikalar .sertifika h5{ float: left; font-family: 'Arimo', sans-serif; color: #575757; font-size: 14px; font-weight: bold; width: calc(100% - 18px); height: 42px; text-align: center; margin: 10px 0 0 18px; }
#content .sertifikalar .sertifika span { text-align: center; float: left; width: calc(100% - 18px);  margin:6px 0 0 18px; }

.sicil-bilgileri    { float: left; position: relative; margin:0 0 0 40px; padding:25px 0px 25px 0px;  width:calc(100% - 40px); }
.sicil-bilgileri table { float: left; width:100%; position: relative; border:0 !important; }
.sicil-bilgileri table tr:nth-child(odd) { background:#eaeaea; }
.sicil-bilgileri table tr td { padding:8px 20px; color:#545454; font-size:15px;  }

/* Kurumsal Sayfası Son */


/* Haberler Sayfası */

.blog-header            { float: left; position: relative; width: 100%; height:162px; }
.blog-header h1         { margin:45px 0 0 0;font-size:21px; color:#414141; font-weight:700; text-align:center; float: left; position: relative; width:100%; }
.blog-header p          { font-size:14px; color:#414141; font-weight:400; text-align:center; float: left; position: relative; width:100%; }

.bloglar                { padding:40px; float: left; width: 100%; position: relative; background:#fff; border-radius:40px; }
.bloglar-scroll         { float: left;  margin: 0px 0 0 0px;  height:610px;  overflow-y: scroll; width: calc(100% - 20px); }
.bloglar:before         { left: -105%; top: 245px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat right top; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}
.bloglar:after          { right: -105%; top: 245px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}

.bloglar-scroll::-webkit-scrollbar {width:10px;height:8px; background: #dbdbdb;}
.bloglar-scroll::-webkit-scrollbar-track {border: 4px solid #fff;}
.bloglar-scroll::-webkit-scrollbar-thumb {background: #dbdbdb; width:10px; }
.bloglar-scroll::-webkit-scrollbar-thumb:hover { background: #dbdbdb; width:10px;  }

.bloglar .blog              { float: left; margin-bottom:20px; width: 100%; min-height: 295px; position: relative; }
.bloglar .blog a            { float: left; width: 100%; position: relative; text-align: center;}
.bloglar .blog a img        { float: left; width: calc(100% - 40px); min-height: 195px; height: 195px; object-fit: cover; transition: transform .4s; }
.bloglar .blog a:hover img  { opacity:0.7}
.bloglar .blog a .blogad    { float:left;position: relative; }
.bloglar .blog a span       { position: absolute; left: -55px; top: 75px; float: left; background: #203d77; text-align:center; line-height:30px; width: 110px; height:30px; z-index: 2; color:#fff; font-weight:300; font-size:11px;    -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);  -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);}
#content .bloglar .blog a .blogad h2         { float: left; margin:10px 0; width:80%; color:#414141; font-weight:bold; font-size:16px; line-height: 17px; }
#content .bloglar .blog a .blogad p { position: relative; float: left; width: 80%; color:#848585; font-weight:300; font-size:12px; }

ul.sayfalama       { margin:50px auto 0 auto; width: 100%; position: relative; text-align: center;  }
ul.sayfalama li    { width:25px; height:25px;  text-align: center; margin:0 10px 0 0; padding:0 0px 0 0; display:inline-block;  }

ul.sayfalama li a { float: left; width: 25px; border:1px solid#e8e8e8; height: 25px; color:#919191; font-size:14px; line-height: 24px; }
ul.sayfalama li a:hover, ul.sayfalama li.active a { background:#414141; color:#fff; }

.blogdetay-header            { float: left; position: relative; width: 100%; margin:20px 0 20px 0px; }
.blogdetay-header ul         { float: left; margin:0 0 0 0px; width: calc(100% - 30px); position: relative; }
.blogdetay-header ul li      { float: left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid#c3c1c1; line-height: 15px; }
.blogdetay-header ul li:last-child   { border-right:0; margin: 0; padding:0; }
.blogdetay-header ul li a    { color:#808080; font-size:15px; }
.blogdetay-header ul li a:hover      { color:#808080; }

.blog-detay:before         { left: -105%; top: 330px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat right top; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}
.blog-sol:after          { right: -105%; top: 330px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}

.blog-detay                 { float: left; width:745px; position: relative; padding: 0px 0 0 0; }
.blog-detay h2              { margin:15px 0 0px 0; line-height: 23px; font-size: 22px; font-weight: 700; color:#414141; float: left; width: 100%; }
.blog-detay span.tarih      { margin:0px 0 20px 0; font-size: 12px; font-weight: 400; color:#414141; float: left; width: 100%; }
#content .blog-detay p.haberkisa  { margin:0px 0 20px 0; font-size: 17px; font-weight: 300; color:#848585; float: left; width: 100%; border-bottom:1px solid#dcdcdc; padding:0 0 20px 0; }
#content .blog-detay p      { margin:0px 0 20px 0; font-size: 16px; font-weight: 400; color:#bdbbbc; float: left; width: 100%; }
.blog-detay .blog-resim img { margin:0px 0 20px 0; object-fit: cover; min-height: 265px;float: left; width: 100%; position: relative; }

.blog-sol                       { float: right; width:345px; padding:15px; background:#f8f8f8; position: relative; }
.blog-sol h3                    { margin:0px 0 15px 0; padding:0 0 10px 0; text-align:center; border-bottom:1px solid#dcdcdc; font-size:19px; color:#414141; font-weight:700; text-align:center; float: left; position: relative; width:100%; }
.blog-sol .sagblog              { float: left; margin: 0 0 20px 15px; width:calc(100% - 15px); min-height: 295px; position: relative; }
.blog-sol .sagblog a            { float: left; width:100%; position: relative;}
.blog-sol .sagblog a img        { float: left; width:100%; min-height: 200px; height:200px; object-fit: cover; transition: transform .4s; }
.blog-sol .sagblog a:hover img  { opacity:0.7}
.blog-sol .sagblog a .blogad    { float:left;position: relative; }
.blog-sol .sagblog a span       { position: absolute; left: -55px; top: 75px; float: left; background: #dddddd; text-align:center; line-height:30px; width: 110px; height:30px; z-index: 2; color:#585753; font-weight:300; font-size:11px;    -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);  -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);}
#content .blog-sol .sagblog a .blogad h2{ float: left; margin:10px 0; width:80%; color:#414141; font-weight:bold; font-size:16px; line-height: 17px; }
#content .blog-sol .sagblog a .blogad p { position: relative; float: left; width: 80%; color:#848585; font-weight:300; font-size:12px; }

/* Haberler Sayfası Son */



/* İletişim Sayfası  */

.iletisim       { float: left; width:100%; background: #fff; position:relative; margin: -100px 0 100px 0; box-shadow: 0px 5px 11px #9c9c9c; z-index: 2 }
iframe.haritamap{float:left;width:100%;margin:0px 0 0 0; position: relative; z-index: 0;}

.iletisimform       { float: left; width: 100%; padding:60px; background: #203d77;  }
.iletisimform h2    { color: #fefffe; font-size:24px; padding: 0;  margin: 0 0 15px 0; text-align:right; float: left; width: 100%;font-weight:700;}
.iletisimform p     { color: #cbcbcb; font-size:13px; line-height:15px; padding: 0;  margin: 0 0 0px 0; text-align:right; float: right; width: 85%;font-weight:400; }

.iletisimform form              { float: left; width: 100%; margin:40px 0 0 0; }
.iletisimform form input        { font-family: 'Dejavu Sans', sans-serif; background:transparent; border-bottom:1px solid#616161; border-left:0;border-right:0;border-top:0; float: left; width: 100%; text-align: left; height: 50px; font-size: 16px; color: #bbb9ba; font-weight:500; margin: 0 0 40px 0; }
.iletisimform form textarea     { font-family: 'Dejavu Sans', sans-serif; padding:50px 0 0 0; background: transparent; border-bottom:1px solid#616161; border-left:0;border-right:0;border-top:0;  height:90px; max-height:90px; max-width: 100%; width: 100%; font-size: 16px; color: #bbb9ba; font-weight:500; margin: 0 0 10px 0; }
.iletisimform form a.gonderbuton { cursor:pointer; margin-top: 60px; font-size:18px; font-family: 'Dejavu Sans', sans-serif; float: left; width:128px; height:61px; text-align:center; line-height:61px; color:#fff; background:url(../images/ibuton.png) no-repeat; }
.iletisimform form input::placeholder { color:#bbb9ba; }
.iletisimform form textarea::placeholder { color:#bbb9ba;  }
.iletisimform form input[type="checkbox"] { width:18px; height:18px; margin: 0 5px 0 0; visibility: hidden; }

.iletisimform form input[type="checkbox"] + label:before { background: #6b6b6b; border: 1px solid #333; content: "\00a0"; display: inline-block; font: 16px/1em sans-serif; height: 18px;  margin: 0 9px 0 -22px; padding: 0; vertical-align: top; width: 18px;}
.iletisimform form input[type="checkbox"]:checked + label:before { background: #fff;color: #333;content: "\2713";text-align: center;}
.iletisimform form input[type="checkbox"]:checked + label:after  { font-weight: bold;}

.iletisimform form input[type="checkbox"]:focus + label::before  { outline: rgb(59, 153, 252) auto 5px;}



.iletisimform form label        { font-size:13px; color:#d3d2d2; font-weight:400;}
.iletisimform form label a      { font-size:13px; color:#d3d2d2; font-weight:600; cursor:pointer; }

.iletisimform .formsosyal       { float: left; width: 100%; padding: 0; margin:40px 0 0 0; }
.iletisimform .formsosyal li    { float: left; position: relative; margin:0 15px 10px 0; height:40px; line-height:40px; }
.iletisimform .formsosyal li span { font-size:16px; color:#bdbbbc; font-weight:400; }
.iletisimform .formsosyal li:last-child { margin:0 0px 10px 0; }

#content .iletisimbilgileri             { float: left; padding:50px 30px 0 30px;  background:#fff; }
#content .iletisimbilgileri h2          { text-align: center; color: #414141; font-size: 22px; padding: 0;  margin: 0 0 7px 0;  float: left; width: 100%; font-weight: 900; font-family: 'BankGothic Md BT', sans-serif;}
#content .iletisimbilgileri span.mesai  { text-align: center; color: #848585; font-size:15px; padding: 0;  margin: 0 0 10px 0;  float: left; width: 100%;font-weight:400; }

#content .iletisimbilgileri .iletisimbilgisi    { float: left; width: 100%; padding: 0; margin:0; position: relative; }
#content .iletisimbilgileri .iletisimbilgisi li { float: left; width: 100%; padding:14px 0; border-top:1px solid#e7e8e8; }
#content .iletisimbilgileri .iletisimbilgisi li i       { float: left; width: 100%; text-align: center; margin: 0 0 10px 0;   }
#content .iletisimbilgileri .iletisimbilgisi li span    { font-size:20px; color:#737373; float: left; width: 100%; text-align: center; }
#content .iletisimbilgileri .iletisimbilgisi li span.tel{ font-size:29px; }
#content .iletisimbilgileri .iletisimbilgisi li span.ililce { font-family: 'Dejavu Sans', sans-serif; font-size:17px; font-weight:700; margin:0 0 10px 0 }
#content .iletisimbilgileri .iletisimbilgisi li span.adress { font-size:14px; }


.iletisimalt        { float: left; width:100%; position: relative; margin:50px 0 ; }
.iletisimalt span.iletisimslogan    { margin:0 0 0 0; top:-50px; font-family: 'Arimo Sans', sans-serif;  float: left; width: 100%; position: absolute; z-index: 2; font-size:65px; font-weight: 400; letter-spacing: 50px;text-align: center; }

.iletisimalt .iletisimaltsol        { float: left; width: 100%; background:#f2f2d5; padding:60px 0 40px 0; }
.iletisimalt .iletisimaltsol span   { font-size:15px; color:#585753; float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsol span.baslik  { margin:0 0 20px 0; font-family: 'Arimo Sans', sans-serif; font-size:20px; color:#575757; font-weight:700; letter-spacing: 6px; float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsol span.adres   { margin:0 0 20px 0; font-size:15px; color:#808080; line-height:22px; float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsol span.telefon { margin:0 0 20px 0; font-size:15px; color:#808080; float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsol a      { float: left; width:100%; text-align:center; }

.iletisimalt .iletisimaltsag        { float: left; width: 100%; background:#d5d5d5; padding:60px 3px 40px 3px; }
.iletisimalt .iletisimaltsag span   { font-size:15px; color:#585753; float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsag span.baslik  { margin:0 0 20px 0; font-family: 'Arimo Sans', sans-serif; font-size:20px; color:#575757; font-weight:700; letter-spacing: 6px; float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsag span.adres   { margin:0 0 20px 0; font-size:15px; color:#808080; line-height:22px; float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsag span.telefon { margin:0 0 20px 0; font-size:15px; color:#808080; float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsag a      { float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsag img.ilogo    { position: absolute; bottom:35px; left:-55px; }

.iletisimalt .iletisimaltsag2        { float: left; width: 100%; background:#414141; padding:60px 3px 40px 3px; }
.iletisimalt .iletisimaltsag2 span   { font-size:15px; color:#ffffff; float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsag2 span.baslik  { margin:0 0 20px 0; font-family: 'Arimo Sans', sans-serif; font-size:20px; color:#ffffff; font-weight:700; letter-spacing: 6px; float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsag2 span.adres   { margin:0 0 20px 0; font-size:15px; color:#cbcbcb; line-height:22px; float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsag2 span.telefon { margin:0 0 20px 0; font-size:15px; color:#cbcbcb; float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsag2 a      { float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsag2 img.ilogo    { position: absolute; bottom:35px; left:-55px; }

.modal-content.kvkk button.close { top: 5px; right: 5px; background: #404040; }
.modal-content.kvkk .modal-title { width:100%; text-align:center; }

/* İletişim Sayfası Son */


/* Projeler Sayfası */

.projelersayfa                { padding:40px 20px; margin-bottom:50px; float: left; width: 100%; position: relative; background:#fff; border-radius:40px; }
.projelersayfa:before         { left: -105%; top: 245px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat right top; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}
.projelersayfa:after          { right: -105%; top: 245px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}

.projelersayfa .projeler      { float: left; width: 100%; position: relative; margin:0 0 60px 0; padding:0 0 60px 0; border-bottom:1px solid#dddddd; }
.projelersayfa .projeler:last-child { border-bottom:0px; margin:0 0 0px 0; padding:0 0 0px 0; }
.projelersayfa .projeler .projebaslik { float: left; width:160px; position: relative; }
.projeler .projebaslik h2     { position: relative; left:-59px; top:85px;float:left; width:175px; height:55px; text-align:center; line-height:55px; font-size:16px; font-weight:300; letter-spacing:2px; background:#1c68a2; color:#fff; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);  -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }

.owl-carousel.projelerslide { float:right; position: relative; width:calc(100% - 160px); }
.owl-carousel.projelerslide .owl-item img { min-height: 175px; }
.owl-carousel.projelerslide .owl-nav { background:#dfdfdf; position: absolute; left: -90px; top:90px; width:75px; height:45px; display:block !important }
.owl-carousel.projelerslide .owl-nav button.owl-next { left: 21px; top: 6px; position: relative; width: 22px;  height:32px;  background: url(../images/projesag.png) no-repeat;}
.owl-carousel.projelerslide .owl-nav button.owl-prev { left: 12px; top: 6px; position: relative; width: 22px; height:32px; background: url(../images/projesol.png) no-repeat;}
.owl-carousel.projelerslide .owl-nav .owl-prev span, .owl-carousel.projelerslide .owl-nav .owl-next span { font-size: 0px !important; display:none; }

/* Projeler Sayfası Son */

/* Referanslar Sayfası */
#content .referanslar { float: right; position: relative; margin:0 0 0 0px; padding:0px 0px 0px 0px;  width:calc(100% - 40px); background:#fff; border-radius:50px;    overflow: hidden; }
.referanslar ul      { float: left; width: 100%; margin:0px; position: relative; }
.referanslar ul:after { left:0; bottom:0px; position: absolute; content:''; width:100%; height:1px; background:#fff; }
.referanslar ul li   { float: left; width:16.66%; border-right:1px solid#e3e4e4; border-bottom:1px solid#e3e4e4; padding: 0; overflow: hidden; }
.referanslar ul li:nth-child(6),
.referanslar ul li:nth-child(12),
.referanslar ul li:nth-child(18),
.referanslar ul li:nth-child(24),
.referanslar ul li:nth-child(30),
.referanslar ul li:nth-child(36),
.referanslar ul li:nth-child(42),
.referanslar ul li:nth-child(48) { border-right: none; }
.referanslar ul li i { text-align: center;width: 100%; float: left; }
.referanslar ul li img { width: 107px; height: 95px; }

 
/* Referanslar Sayfası Son */


/* Kataloglar Sayfası */

#content .kataloglar    { float: right; position: relative; margin:0 0 0 0px; padding:30px 0 60px 0px;  width:calc(100% - 40px); background:#fff; border-radius:50px; }
#content .kataloglar h1 { float: left; font-size: 17px; color:#545454; text-align:center; font-weight:400; letter-spacing:12px; width: 100%; position: relative; margin:0; }
#content .kataloglar i  { position:absolute; bottom:-40px; width:100%; text-align:center;  float:left; }
.kataloglar ul          { float: left; width: 100%; margin:0px; position: relative; }
.kataloglar ul li       { float: left; position: relative; width:50%; margin-bottom: 25px;}
.kataloglar ul li a     { float: left; position: relative; }
.kataloglar ul li a .katalogresim     { float: left; position: relative; }
.kataloglar ul li a .katalogresim span      { float: left; position: absolute; left: -28px; top: 86px; line-height: 40px; text-align: center; width:120px; height:40px; color:#575757; font-size:18px; font-weight:400; -webkit-transform: rotate(-90deg);  -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg);  -o-transform: rotate(-90deg); }
.kataloglar ul li a h2  { float: left; margin:15px 0 15px 0; text-align:center; font-size:16px; color:#414141; font-weight:400; line-height: 20px; padding: 9px 0 0 0;width:253px; height:39px; background:url(../images/basliknokta.jpg); position: relative; }


.kataloglar-scroll      { float: left;  margin: 20px 0 0 60px; padding:30px 0 0 0;  height:360px;  overflow-y: scroll; width: calc(100% - 120px); }
.kataloglar-scroll::-webkit-scrollbar {width:10px;height:8px; background: #dbdbdb;}
.kataloglar-scroll::-webkit-scrollbar-track {border: 4px solid #fff;}
.kataloglar-scroll::-webkit-scrollbar-thumb {background: #dbdbdb; width:10px; }
.kataloglar-scroll::-webkit-scrollbar-thumb:hover { background: #dbdbdb; width:10px;  }


#content .contentleft .sollistealt2         { float: left; margin:0px 0 20px 30px; width: calc(100% - 60px); }
#content .contentleft .sollistealt2 ul      { border-top:1px solid#838383; padding:10px 0 0 0; margin:10px 0 0 0; float: left; width:100%; position: relative; }
#content .contentleft .sollistealt2 ul li   { float: left; width: 50%; position: relative; }
#content .contentleft .sollistealt2 ul li:first-child:before { content: ''; width:1px; height:20px; background:#838383; position:absolute; right:0; top: 0; }
#content .contentleft .sollistealt2 ul li span { float: left; width: 100%; font-size:10px; font-weight:300; color:#bdbbbc; letter-spacing: 1px; }
#content .contentleft .sollistealt2 ul li:last-child span { text-align:right; }
 
#content .contentleft .sollistealt2 p       { margin:20px 0 0 0; letter-spacing: 4px; height:auto; top:0; left: 0; float: left; width: 100%; position: relative; text-align:center; font-size: 12px; color:#bdbbbc; font-family:'Vidaloka', serif; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
#content .contentleft .sollistealt2 p img   { position: relative; width: 25px; top: -3px; }
 
#content .katalogform       { float: left; width: 100%; padding:40px 90px 60px 90px;  position: relative; margin: 70px 0 70px 0; background: #fff; border-radius: 45px; }
#content .katalogform p     { float: left; width:100%; text-align:center; font-size:15px; color:#808080; letter-spacing: 2px; line-height: 15px; }
#content .katalogform .formbaslik { margin:50px auto; width:185px; height:55px; text-align:center; background:#717273; position:relative; z-index: 1;  -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); -o-transform: rotate(-6deg); -ms-transform: rotate(-6deg); transform: rotate(-6deg); }
#content .katalogform .formbaslik span { float: left; width: 100%; margin: 0 0 0 0px;color:#fff; font-size:17px; font-family: 'Oswald', sans-serif; line-height: 20px; height:55px; text-align:center;  display: flex; justify-content: center; flex-direction: column;  }
#content .katalogform .formbaslik img { width:31px; height:30px; position: absolute; left:75px; bottom: -18px; transform: rotate(6deg); -webkit-transform: rotate(6deg);}


.katalogform .contact-widget form input        { font-family: 'Open Sans', sans-serif; background:transparent; border-bottom:1px solid#d3d4d4; border-left:0;border-right:0;border-top:0; float: left; width: 100%; text-align: left; height: 50px; font-size: 16px; color: #848585; font-weight:300; margin: 0 0 40px 0; }
.katalogform .contact-widget form textarea     { padding:50px 0 0 0;font-family: 'Open Sans', sans-serif; background: transparent; border-bottom:1px solid#d3d4d4; border-left:0;border-right:0;border-top:0;  height:90px; max-height:90px; max-width: 100%; width: 100%; font-size: 16px; color: #848585; font-weight:300; margin: 0 0 10px 0; }
.katalogform .contact-widget form a.gonderbuton { cursor:pointer; margin-top: 20px; font-size:14px; font-weight:bold; font-family: 'Open Sans', sans-serif; float: left; width:175px; height:50px; text-align:center; line-height:50px; color:#585753; background:url(../images/katalogbuton.png) no-repeat; }
.katalogform .contact-widget form a.gonderbuton:hover { box-shadow: 0px 1px 5px #00000061; border-radius:5px; }
.katalogform .contact-widget form input::placeholder { color:#848585; }
.katalogform .contact-widget form textarea::placeholder { color:#848585;  }



.katalogform .contact-widget form input[type="checkbox"] { opacity: 0; float: left; width:18px; height:18px; margin: 37px 5px 0 0;  position: relative; z-index: 1;}
.katalogform .contact-widget form .checkmark2 { position: absolute;top: 37px;left: 0px; height: 18px; width: 18px; border: 1px solid#a7a7a7; border-radius: 0%; cursor:pointer;}
.katalogform .contact-widget form input[type="checkbox"]:checked ~ .checkmark2 { background-color: #848585;}
.katalogform .contact-widget form .checkmark2:after {content: ""; position: absolute; display: none;}
.katalogform .contact-widget form input[type="checkbox"]:checked ~ .checkmark2:after { display: block;}
.katalogform .contact-widget form .checkmark2:after { top: 4px; left: 4px; width: 7px; height: 7px; border-radius: 0; background: white;}


.katalogform .contact-widget form label        { font-size:14px; color:#939393; font-weight:400; margin: 37px 0px 0 0;}
.katalogform .contact-widget form label a      { font-size:14px; color:#939393; font-weight:600; cursor:pointer; }


/* Kataloglar Sayfası Son */


/* Kılavuzlar Sayfası */

.kilavuz            { float: left; width:50%; padding:0 40px 0 0; }
.kilavuzbaslik      { float: left; width: 100%; margin:0 0 15px 0; padding:0 0 15px 78px; background:url(../images/elektrik.png) no-repeat; position: relative; height:71px; border-bottom:1px solid#e3e3e3; }
.kilavuz:nth-child(even) .kilavuzbaslik { background:url(../images/gaz.png) no-repeat;  }
.kilavuzbaslik:before { content:''; left:60px; top:0px; position: absolute; width: 71px; height:60px; background:url(../images/dosya.png) no-repeat; z-index: 0; }
.kilavuzbaslik h2   { float: left; color:#575757; font-size:17px; font-weight:700; height:60px; line-height: 17px; display: flex; justify-content: center; flex-direction: column;text-transform: uppercase; letter-spacing: 1px;position: relative; z-index: 2; }

.kilavuzlar         { float: left; padding: 0 0 0 60px; margin: 0 0 7px 0; width: 100%; position: relative; }
.kilavuzlar a       { float: left; font-size:15px; font-weight:300; color:#848585; width: 100%; position: relative; }



/* Kılavuzlar Sayfası Son */

/* Yardım & Destek Sayfası */

#content .yardimsayfa       { float:right;  margin:0 0 0 0px; padding:30px 90px 60px 90px;  width:calc(100% - 40px); background:#fff; border-radius:50px; position: relative; }
#content .yardimsayfa h2    { float:left; position: relative; margin:0; width:100%; font-size:24px; color:#414141; text-align:center; font-weight:700; }

#content .yardimsayfa span.mesai { text-align: center; border-bottom:1px solid#e3e3e3; color:#6a6a6a; font-size:16px; padding:0 0 25px 0;  margin:20px 0 30px 0;  float: left;  width: 100%; font-weight: 400;}
#content .yardimsayfa span.tel   { text-align: center; border-bottom:1px solid#e3e3e3; color:#3c3c3b; font-size:22px; padding:0 0 30px 0; margin: 30px auto; width: 370px; font-weight: 400; position: relative;  display:flow-root; list-style: none; letter-spacing: 8px;}

.yardimsayfa .desteksosyal { width:210px; height:120px; padding:0 0 30px 0; margin: 30px auto; border-bottom:1px solid#e3e3e3; position:relative; }
.yardimsayfa .desteksosyal li { float: left; width:50%; }
.yardimsayfa .desteksosyal li:first-child img { margin: 7px 0 0 0; }
.yardimsayfa .desteksosyal li:last-child img  { float: right }

#content .yardimsayfa span.destekmail   { float: left; width: 100%; text-align: center; color:#6a6a6a; font-size:20px; padding:0 0 0px 0; font-weight: 400; position: relative; }

#content .yardimsss             { float: left; position: relative; margin: 45px 0 0 110px; width: calc(100% - 210px); }
#content .yardimsss:before      { left: -120%; top: 245px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat right top; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}
#content .yardimsss h3          { float: left; color:#414141; font-size:24px; font-weight:700; width:100%; position: relative; margin:0 0 45px 0; text-align:center; }

.yardimsss .accordion           { float:left; width:100%; margin:0px 0 0 0;}
.yardimsss .acctitle            { padding:10px 0 10px 150px; background:#ececec; font-family:'Dejavu Sans', sans-serif;display:block;position:relative;line-height:24px;margin:0;font-size:16px;font-weight:600;color:#545454 ;cursor:pointer;}
.yardimsss .acctitle:before     { left:50px; top:-1px; width:62px; height:43px; background: url(../images/sssbaslik.png) repeat; content:''; position: absolute; }
.yardimsss .acctitlec           { cursor:auto;}

.yardimsss .acc_content         { position:relative;padding:10px 0 15px 150px;display:block !important;}
.yardimsss .acc_content p       { font-size: 15.3px; color:#545454; font-family:'Dejavu Sans', sans-serif; font-weight:400; }

/* Yardım & Destek Sayfası Son */

/* İnsan Kaynakları Sayfası */

.insan-kaynaklari           { float:right;  margin:0 0 0 0px; padding:30px 45px 60px 45px;  width:calc(100% - 40px); background:#fff url(../images/ikbg.jpg) no-repeat right bottom; border-radius:50px; position: relative;  }
.insan-kaynaklari img.ikalt { position: absolute; bottom: -20px; left: 55px; float: left; }

.insan-kaynaklari .ikform { float: left; padding: 0 0 70px 0; width: 100%; position: relative; }
.insan-kaynaklari form { float: left; position: relative; width: 100%; padding: 0; margin:0px 0 0 0; }

.insan-kaynaklari form input[type="text"]        { font-family: 'Open Sans', sans-serif; background:transparent; border-bottom:1px solid#eaeaea; border-left:0;border-right:0;border-top:0; float: left; width: 100%; text-align: left; height: 50px; font-size: 16px; color: #848585; font-weight:300; margin: 0 0 40px 0; }
.insan-kaynaklari form textarea     { padding:50px 0 0 0;font-family: 'Open Sans', sans-serif; background: transparent; border-bottom:1px solid#eaeaea; border-left:0;border-right:0;border-top:0;  height:90px; max-height:90px; max-width: 100%; width: 100%; font-size: 16px; color: #848585; font-weight:300; margin: 0 0 10px 0; }
.insan-kaynaklari form a.gonderbuton { cursor:pointer; margin-top:8px; font-size:17px; font-weight:500; font-family: 'Dejavu Sans', sans-serif; float: right; width:110px; height:54px; text-align:center; line-height:54px; color:#304450; background:url(../images/gonder.png) no-repeat; }
.insan-kaynaklari form a.gonderbuton:hover {  }
.insan-kaynaklari form input::placeholder { color:#848585; }
.insan-kaynaklari form textarea::placeholder { color:#848585; }

.insan-kaynaklari form input[type="checkbox"] { opacity: 0; float: left; width:18px; height:18px; margin: 10px 5px 0 0; position: relative; z-index: 1;}
.insan-kaynaklari form .checkmark2 { position: absolute;top: 10px;left: 0px; height: 18px; width: 18px; border: 1px solid#a7a7a7; border-radius: 0%; cursor:pointer;}
.insan-kaynaklari form input[type="checkbox"]:checked ~ .checkmark2 { background-color: #848585;}
.insan-kaynaklari form .checkmark2:after {content: ""; position: absolute; display: none;}
.insan-kaynaklari form input[type="checkbox"]:checked ~ .checkmark2:after { display: block;}
.insan-kaynaklari form .checkmark2:after { top: 4px; left: 4px; width: 7px; height: 7px; border-radius: 0; background: white;}

.insan-kaynaklari form label        { float: left; width:calc(100% - 30px); font-size:14px; color:#939393; font-weight:400; margin: 10px 0px 0 0;}
.insan-kaynaklari form label a      { font-size:14px; color:#939393; font-weight:600; cursor:pointer; }

.insan-kaynaklari form .radiolar            { float: left; width:100%; height:50px; position: relative; }
.insan-kaynaklari form .radiolar input      { position: absolute; opacity: 0; cursor: pointer; margin: 0; left: 0; top: 3px; width: 14px; height: 14px; z-index: 1;}
.insan-kaynaklari form .radiolar .checkmark {  position: absolute; top: 3px; left: 0px;  height: 15px; width: 15px; background-color: #848585; border-radius: 0%;}
.insan-kaynaklari form .radiolar input:checked ~ .checkmark { background-color: #848585;}
.insan-kaynaklari form .radiolar .checkmark:after {content: ""; position: absolute; display: none;}
.insan-kaynaklari form .radiolar input:checked ~ .checkmark:after { display: block;}
.insan-kaynaklari form .radiolar .checkmark:after { top: 4px; left: 4px; width: 7px; height: 7px; border-radius: 0; background: white;}

.insan-kaynaklari form .radiolar label  { margin: 0 0 0 19px; font-weight: 300; font-size: 15px; color: #848585;}

.insan-kaynaklari form input.turuncu    { background:none; float: left; width:215px; margin:10px 0 0 0; }
.turuncu::-webkit-file-upload-button    { visibility: hidden;}
.turuncu::before {  content: 'CV Yükle (Docx, Pdf)';  display: inline-block;  background: url(../images/file.png) no-repeat; padding:2px 37px; outline: none;white-space: nowrap;-webkit-user-select: none;cursor: pointer;color:#b3b3b3; font-weight: 600;font-size: 12px;letter-spacing:2px;}

.ikaciklama     { float: left; padding:0px 45px 60px 45px; margin:30px 0 0 50px; width: calc(100% - 50px); }
.ikaciklama p   { color:#a6a6a6; font-size: 14px; }

/* İnsan Kaynakları Sayfası Son */



/* Kategoriler Sayfası */

.kategoriler                { float: left; width: 100%; margin:40px 0; }
.kategoriler h1             { font-size:22px; }


.kategori-header            { float: left; margin:15px 0 15px 0; position: relative; width: 100%; }
.kategori-header .kategoribaslik { float: left; width:100%; height:95px; position: relative; padding:0 0 0 5px;  }
.kategori-header .kategoribaslik:before { width:24px; height:95px; content:''; position: absolute; left:0; top:0; background: url(../images/kategoribaslik.jpg) repeat; }
.kategori-header .kategoribaslik h1 { margin:15px 0 5px 0;font-size:24px; line-height:22px; color:#545454; font-weight:700; float: left; position: relative; width:100%;  z-index:2;  }
.kategori-header .kategoribaslik p  { font-size:15px; color:#726e6e; font-weight:400; margin:0; float: left; position: relative; width:100%;  }


.video-header            { float: left; margin:15px 0 15px 0; position: relative; width: 100%; }
.video-header .videobaslik { float: left; width:100%; height:50px; position: relative; padding:0 0 0 5px;  }
.video-header .videobaslik:before { width:24px; height:50px; content:''; position: absolute; left:0; top:0; background: url(../images/kategoribaslik.jpg) repeat; }
.video-header .videobaslik h1 { margin:15px 0 5px 0;font-size:24px; line-height:22px; color:#545454; font-weight:700; float: left; position: relative; width:100%;  z-index:2;  }
.video-header .videobaslik p  { font-size:15px; color:#726e6e; font-weight:400; margin:0; float: left; position: relative; width:100%;  }


#dis-div            { float: right; margin:27px 0 0 0; width:330px; position: relative;  }
#dis-div input       { padding:0 24px 0 0; font-family: 'Open Sans', sans-serif; background:transparent; border-bottom:1px solid#dadada; border-left:0;border-right:0;border-top:0; float: left; width: 100%; text-align: left; height:35px; font-size: 13px; color: #b3b3b3; font-weight:400; letter-spacing:3px; margin: 0 0 3px 0; }
#dis-div:after { width:20px; height:20px; content:''; position: absolute; right:0; top:5px; background: url(../images/mercek.png) no-repeat; }
#dis-div input::placeholder { font-size: 13px; color: #b3b3b3; font-weight:400; letter-spacing:3px; }
.kategoriarama { float: left; }
.kategoriarama span { float: left; width: 100%; color:#b3b3b3; font-size:8px; letter-spacing:5px; }

#sonuclar{padding: 7px; background: #fff; float: left; width: 100%; position: absolute; top: 35px; left: 0; z-index: 2; }
#sonuclar li{border-bottom:1px solid #eee; padding:5px; margin-bottom:5px}
#sonuclar li a { font-size:13px; color:#b3b3b3; }
#sonuclar li a:hover { color:#726e6e; }

.kategorilerr                  { padding:0px; float: left; width: 100%; position: relative; }
.kategorilerr:before           { left: -105%; top: 360px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat right top; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}
.kategorilerr:after            { right: -105%; top: 360px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}

.kategorilerr .kategori     { float: left; position: relative; width:100%;  }
.kategorilerr .kategori a   { transition: transform .4s; margin-bottom:10px; float: left; position: relative; width:100%; }
.kategorilerr .kategori a img{ float: left; width: 100%; height: 195px; object-fit:cover; position: relative; transition: transform .6s; }

.kategorilerr .kategori h2  { height: 45px; line-height: 20px;margin:25px 0 0 0; color:#343232; font-size:17px; font-weight:700; font-family:'Open Sans', sans-serif; float:left;width:100%; position: relative; }
.kategorilerr .kategori a:hover img { transform: scale(1.1); }

.kategorilerr .kategori .katimage {background:#d9d9d9; padding:10px; width:100%; float: left; position: relative; transition: transform .6s;}
.kategorilerr .kategori .katimage:after { width:23px; height:26px; bottom:-23px; left:55px; position: absolute; content:''; background: url(../images/katafter.png) no-repeat; }
.kategorilerr .kategori .katimagedetay { float: left; width: 100%; height: 195px; object-fit:cover; position: relative; overflow:hidden; transition: transform .6s; }

.kategorilerr .video     { float: left; position: relative; width:100%;  }
.kategorilerr .video a   { transition: transform .4s; margin-bottom:10px; float: left; position: relative; width:100%; }
.kategorilerr .video a img{ float: left; width: 100%; height: 195px; object-fit:cover; position: relative; transition: transform .6s; }

.kategorilerr .video h2  { height: 45px; line-height: 20px;margin:25px 0 0 0; color:#343232; font-size:17px; font-weight:700; font-family:'Open Sans', sans-serif; float:left;width:100%; position: relative;text-align:center; }
.kategorilerr .video a:hover img { transform: scale(1.1); }

.kategorilerr .video .katimage {background:#d9d9d9; padding:10px; width:100%; float: left; position: relative; transition: transform .6s;}
.kategorilerr .video .katimagedetay { float: left; width: 100%; height: 195px; object-fit:cover; position: relative; overflow:hidden; transition: transform .6s; }



.kategoridetay:before           { left: -105%; top: 560px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat right top; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}
.kategoriler .sidebar:after            { right:-315%; top: 600px;  width: 300%; height: 60px;background: url(../images/nokta4.png) repeat; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}


.kategoridetay-header            { float: left; position: relative; width: 100%; margin:20px 0 20px 0px; }
.kategoridetay-header ul         { float: left; margin:0 0 0 30px; width: calc(100% - 30px); position: relative; }
.kategoridetay-header ul li      { float: left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid#c3c1c1; line-height: 15px;}
.kategoridetay-header ul li:last-child   { border-right:0; margin: 0; padding:0; }
.kategoridetay-header ul li a    { color:#808080; font-size:15px; }
.kategoridetay-header ul li a:hover      { color:#808080; }


.kategoridetay { float: left; width:100%; position: relative; }
.kategoridetay .kategori        { float: left; width:100%; margin:0 0 30px 0; position: relative; padding:20px; background: #fff; border-radius: 45px;}
.kategoridetay .kategori:hover  { box-shadow:0 0px 8px #00000026; }
.kategoridetay .kategori a      { float: left; width: 100%; position: relative; }
.kategoridetay .kategori a img.urungorsel  { float: left; width: 100%; min-height: 160px;  max-height: 160px; border-radius: 20px 20px 0 0; object-fit:contain; }
.kategoridetay .kategori a h2 { border-bottom:1px solid#e2e2e2; padding:0 0 15px 0; margin:15px 0; color:#414141; font-size:17px; font-weight:700; text-align:center; float: left; width: 100%;  }
.kategoridetay .kategori a i    { float: left; width:100%; text-align:center; margin:10px 0; }
.kategoridetay .kategori a img.inceok { float:none; width:auto;}


.kategoriler .sidebar       { float:right; margin-top:-40px;  margin-bottom:40px; width:100%; position: relative;  }
.kategoriler .sidebar h3    { float:left; margin:0 0 16px 0; color:#414141; font-size:18px; font-weight:700; text-align:center; width:100%; }
.kategoriler .sidebar .left-menu { float: left; padding:20px 10px; background:#203d77; width:100%; position: relative; border-radius:25px; }

.kategoriler .sidebar .left-menu #dis-div           { float: right; margin:5px 0 0 0; width:100%; position: relative;  }
.kategoriler .sidebar .left-menu #dis-div input     { padding:0 24px 0 0; letter-spacing:0px; font-family: 'Open Sans', sans-serif; background:transparent; border-bottom:1px solid#ffffff; border-left:0;border-right:0;border-top:0; float: left; width: 100%; text-align: left; height:30px; font-size: 14px; color: #939393; font-weight:300; margin: 0 0 3px 0; }
.kategoriler .sidebar .left-menu #dis-div:after     { width:20px; height:20px; content:''; position: absolute; right:20px; top:5px; background: url(../images/mercek.png) no-repeat; }
.kategoriler .sidebar .left-menu #dis-div input::placeholder { width:100%; text-align:center; font-size: 13px; color: #f5f5f5; font-weight:300; letter-spacing:0px; }
.kategoriler .sidebar .left-menu .kategoriarama     { float: left; }

.kategoriler .sidebar .left-menu #sonuclar          { padding: 7px; background: #5f5f5f; float: left; width: 100%; position: absolute; top: 35px; left: 0; z-index: 2; }
.kategoriler .sidebar .left-menu #sonuclar li       { border-bottom:1px solid #b3b3b3; padding:5px; margin-bottom:5px}
.kategoriler .sidebar .left-menu #sonuclar li a     { font-size:13px; color:#b3b3b3; }
.kategoriler .sidebar .left-menu #sonuclar li a:hover { color:#eee; }

.kategoriler .sidebar .left-menu ul             { float: left; width:100%; margin:10px 0 0 0; position: relative; }
.kategoriler .sidebar .left-menu ul li          { float: left; width:100%; position: relative; margin-bottom:7px; }
.kategoriler .sidebar .left-menu ul li a        { background:#2d4f93; font-family: 'Dejavu Sans', sans-serif;  color: #fff; font-size:16px;  float: left; width:100%; position: relative; text-align:center; min-height:70px; display: flex; justify-content: center; flex-direction: column; }
.kategoriler .sidebar .left-menu ul li a:hover  { opacity:0.8; }
.kategoriler .sidebar .left-menu ul li:nth-child(2) a  { background:#3f64ad }
.kategoriler .sidebar .left-menu ul li:nth-child(3) a  { background:#547ccb }
.kategoriler .sidebar .left-menu ul li:nth-child(4) a  { background:#648bd9 }
.kategoriler .sidebar .left-menu ul li:nth-child(5) a  { background:#799ee9 }
.kategoriler .sidebar .left-menu ul li:nth-child(6) a  { background:#93b3f3 }
.kategoriler .sidebar .left-menu ul li:nth-child(7) a  { background:#b3cbf9 }
.kategoriler .sidebar .left-menu ul li:nth-child(8) a  { background:#e72d28 }
.kategoriler .sidebar .left-menu ul li:nth-child(9) a  { background:#ffffff; color:#000; }
.kategoriler .sidebar .left-menu ul li:nth-child(10) a { background:#ffffff; color:#000; }
.kategoriler .sidebar .left-menu ul li:nth-child(11) a { background:#ffffff; color:#000; }
.kategoriler .sidebar .left-menu ul li:nth-child(12) a { background:#ffffff; color:#000; }
.kategoriler .sidebar .left-menu ul li:nth-child(13) a { background:#ffffff; color:#000; }
.kategoriler .sidebar .left-menu ul li:nth-child(14) a { background:#ffffff; color:#000;  }
.kategoriler .sidebar .left-menu ul li:nth-child(15) a { background:#ffffff; color:#000;  }
.kategoriler .sidebar .left-menu ul li:nth-child(16) a { background:#ffffff; color:#000;  }

.sidebar-alt        { float: left; width:100%; border-top:1px solid#6e6e6e; padding:25px 0 5px 0; }
.sidebar-alt span   { font-size:13px; color:#b3b3b3; font-weight:700; float: left; width:100%; text-align:center; letter-spacing:4px; }

/* Kategoriler Sayfası Son */


/* Ürün Detay Sayfası */

.urun-header            { float: left; position: relative; width: 100%; margin:20px 0 20px 0px; }
.urun-header ul         { float: left; margin:4px 0 0 60px; width: calc(100% - 180px); position: relative; }
.urun-header ul li      { float: left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid#c3c1c1; line-height: 15px;}
.urun-header ul li:last-child   { border-right:0; margin: 0; padding:0; }
.urun-header ul li a    { color:#808080; font-size:14px; }
.urun-header ul li a:hover      { color:#808080; }

.urun-header a.geri     { float: right; right: 40px; font-size:15px; color:#726e6e; line-height:25px; width:100px;  height:24px; position: relative;  background: url(../images/geribg.png) repeat; }
.urun-header a.geri img { position: relative; left:-15px; transition: all 0.5s ease 0s; }
.urun-header a.geri:hover img { left:-20px; }

.urundetay              { float: left; max-height: 500px; width: 100%; position: relative; padding:20px 20px; border-radius:70px; background:#ececec; }
.urundetay .urunresim   { float: left; width:100%; background:#fff; padding:0 0 0px 0; border-radius:50px; }
.urundetay .urunresim .imgBox { border-radius: 50px;  }
.urundetay .urunresim img   { float: left; width: 100%; max-height:420px; border-radius: 50px; object-fit:cover; }
.urundetay .urunresim span  { font-size:13px; color:#717273; float: left; width: 100%; text-align:center; }
.urundetay .urunresim p     { font-size:17px; color:#414141; font-weight:700; float: left; width: 100%; text-align:center; line-height: 16px;}


.urunvideo { margin:40px 0; float:left; width:100%; position: relative; }
.urunvideo img { float:left; width:100%; height:245px; object-fit: cover;  border-radius:50px; }
.urunvideo img.play {
    position: absolute !important;
    width: 54px !important;
    height: 54px !important;
    top:40%;
    z-index: 1;
    left:43%;
}

.urunaciklama       { float: left; padding-right: 10px; width:100%;  position: relative;  max-height: 500px; margin-bottom: 90px; overflow-y: scroll; }
.urunaciklama .urunbaslikalan     { float: left; padding:0 0 0px 0; width:100%; margin:0px 0 10px 0;  position: relative; border-bottom:1px solid#e2e2e2; }
.urunaciklama .urunbaslikalan h2  { float: left; line-height: 20px; margin:0px 0 10px 0; width:calc(100% - 180px); color:#414141; font-size:19px; font-weight:700; }
.urunaciklama .urunbaslikalan span{ float: left; width:calc(100% - 180px); color:#808080; font-size:13.3px; font-weight:400; }


.urunaciklama::-webkit-scrollbar { width: 5px;}
.urunaciklama::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px;}
.urunaciklama::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }


.kategoriler .sidebar2 ul li a.talepp { cursor:pointer; float: right; text-align:center; background:#203d77; position:relative; z-index: 1;   }
.kategoriler .sidebar2 ul li a.talepp p { float: left; width: 100%; margin: 0 0 0 0px;color:#fff; font-size:15px; font-family: 'Oswald', sans-serif; line-height: 20px; height:41px; text-align:center;  display: flex; justify-content: center; flex-direction: column;  }

.urunaciklama span.ozelliklerbaslik { font-size:14px; color:#5d5d5d; font-weight:600; font-family: 'Dejavu Sans', sans-serif; margin:20px 0 10px 0; float: left; width:100%; }
.urunaciklama p { font-size:14px; color:#848585; font-weight:400; float: left; width:100%; }
.urundetay .addthis_inline_share_toolbox_hh99 { float: left; clear: right !important; margin:10px 0 0 0; }

.kategoriler .sidebar2 { float: left; min-height: 460px; padding:25px 15px; border-radius:40px; background:#ececec; width:100%; position: relative; }
.kategoriler .sidebar2 .sidebar2-ust    { float: left; width:100%; position: relative; }
.kategoriler .sidebar2 .sidebar2-ust:after { width:110px; height:1px; content:''; position: absolute; left:20px; bottom:-10px; background:#dcdcdc; }
.kategoriler .sidebar2 .sidebar2-ust p  { float: left; width:100%; font-size:17px; color:#414141; font-weight:700; text-align:center; margin:0 0 3px 0; }
.kategoriler .sidebar2 .sidebar2-ust span { float: left; width:100%; font-size:13px; color:#6a6a6a; font-weight:400; text-align:center; }
.kategoriler .sidebar2 ul       { float: left; margin:40px 0; width:100%; position: relative; }
.kategoriler .sidebar2 ul li    { float: left; margin:20px 0 60px 0; width:100%; text-align:center; position: relative; }
.kategoriler .sidebar2 ul li:last-child { margin:0 0 0 0; }
.kategoriler .sidebar2 ul li a  { text-align:center; width:100%; }



.urunresimler                 { float: left; min-height: 240px; width: 100%; margin:40px 0; position: relative; padding:35px 45px; border-radius:50px; background:#fff; }
.urunresimler a { background:#fff; border-radius:20px; }
.urunresimler a img { border-radius:20px;  min-height: 180px;max-height: 180px; object-fit:cover;  }

.tenikdetay                 { float: left; min-height: 260px; width: 100%; margin:40px 0; position: relative; padding:25px 0 45px 0; border-radius:50px; background:#fff; }
.tenikdetay span.teknikbaslik { float: left; margin:0 0 20px 40px; width:calc(100% - 50px); font-size:17px; font-weight:400; letter-spacing:7px; color:#545454; }
.tenikdetay table           { margin:0; width:100% !important }
.tenikdetay table img       { width:30px !important; height:auto !important; position: relative; top:0px; }
.tenikdetay table thead     { background:#e7e7e7; }
.tenikdetay table thead tr th { padding:15px 5px; text-align:center; font-weight:bold; color:#6a6a6a; font-size:14px; border: 0; }
.tenikdetay table tr td     { border: 0; padding: 8px 5px 8px 5px; text-align: center; font-weight: 400; color: #000000; font-size: 15px; vertical-align: middle; }
.tenikdetay table tr:nth-child(even) { background:#f0f0f0; }
.tenikdetay p { margin:0; }


.teknikdetaydetay { float: left; max-height: 500px; overflow-y: scroll; width: 100%; }
.teknikdetaydetay::-webkit-scrollbar { width: 5px;}
.teknikdetaydetay::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px;}
.teknikdetaydetay::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

.urunkodlari    {  padding:25px; float: left; width:100%; position:relative; max-height: 500px;min-height: 500px; margin-bottom: 90px; overflow-y: scroll; background:#fff; }
.urunkodlari::-webkit-scrollbar { width: 5px;}
.urunkodlari::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px;}
.urunkodlari::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

.urunkodlari ul, .urunkodlari ul li { list-style: disc; float: left; width: 100%; }
.urunkodlari ol, .urunkodlari ol li { list-style: decimal; float: left; width: 100%; }
.urunaciklama ol, .urunaciklama ol li { list-style: decimal; float: left; width: 100%; }
.urunaciklama ul, .urunaciklama ul li { list-style: disc; float: left; width: 100%; }
.urunaciklama ul, .urunaciklama ol { padding:0 0 0 20px }

.urunkodlari table           { margin:0; }
.urunkodlari table img       { width:30px !important; height:auto !important; position: relative; top:0px; }
.urunkodlari table thead     { background:#e7e7e7; }
.urunkodlari table thead tr th { padding:15px 5px; text-align:center; font-weight:bold; color:#6a6a6a; font-size:14px; border: 0; }
.urunkodlari table tr td     { border: 0; padding: 8px 5px 8px 5px; text-align: center; font-weight: 400; color: #939393; font-size: 15px; vertical-align: middle; }
.urunkodlari table tr:nth-child(even) { background:#f0f0f0; }
.urunkodlari table tr:nth-child(odd) { background:#fbfbfb; }


.sssdetay               { float: left; width:100%; position:relative; margin:0 0 50px 0; }
.sssdetay span.sssbaslik{ float: left; margin: 0 0 30px 0px; width: calc(100% - 50px);  font-size: 18px; font-weight: 400; letter-spacing: 7px; color: #545454; }
.sssdetay ul            { float: left; width:100%; position:relative; padding:0 0 0 50px; }
.sssdetay ul li         { counter-increment:li; float: left; margin:0 0 15px 0; width:100%; position:relative; list-style: none; }
.sssdetay ul li p       { float: left; padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:1px solid#dbdbdb; font-size:16px; color:#545454; width:100%; position:relative; font-family: 'Vidaloka', serif; }
.sssdetay ul li span    { float: left; font-size:15px; color:#545454; width:100%; position:relative; }
.sssdetay ul li:after   {  content: "" counter(li) " "; position: absolute; left:-49px; border:1px solid#a6a6a6; line-height:24px; width:28px; height:28px; text-align:center; border-radius:50%; color:#a6a6a6; }

.benzerurunler          { float: left; width: 100%; position: relative; }
.benzerurunler2         { float: left; width: 100%; position: relative; }
.benzerurunler2:before  { right:0px; top:15px; height:1px; width:calc(100% - 400px); background:#ddd; content:''; position: absolute; }
.benzerurunler h4       { float:left; width:320px; letter-spacing:6px; font-size:18px; color:#726e6e; font-weight:700; }
.owl-carousel.benzer    { float:left; }
.benzerurunler .owl-carousel .owl-stage-outer { padding:5px; }
.benzerurunler .kategori        { float: left; width:100%; margin:0 0 30px 0; position: relative; padding:20px 45px; background: #fff; border-radius: 45px;}
.benzerurunler .kategori:hover  { box-shadow:0 0px 8px #00000026; }
.benzerurunler .kategori a      { float: left; width: 100%; position: relative; }
.benzerurunler .kategori a img.urunnn  { float: left; width: 100%; min-height: 160px;  max-height: 160px; border-radius: 20px 20px 0 0; object-fit:contain;  }
.benzerurunler .kategori a span { border-bottom:1px solid#e2e2e2; padding:0 0 15px 0; margin:15px 0; color:#414141; font-size:17px; font-weight:700; text-align:center; float: left; width: 100%;  }
.benzerurunler .kategori a h2   { padding:0 0 0px 0; margin:0px 0; color:#414141; font-size:17px; font-weight:400; text-align:center; float: left; width: 100%; display: flex; justify-content: center; flex-direction: column; height: 70px; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.benzerurunler .kategori a i    { float: left; width:100%; text-align:center; margin:10px 0; }
.benzerurunler .kategori a img.inceok { float:none; width:auto; display: initial;}

.owl-carousel.benzer .owl-nav { position: absolute; top: -53px; left: 320px; width: 41px; }
.owl-carousel.benzer .owl-nav .owl-prev { width:15px; height:23px; background:url(../images/bprev.png) no-repeat; }
.owl-carousel.benzer .owl-nav .owl-next {float: right;  width:15px; height:23px; background:url(../images/bnext.png) no-repeat; }
.owl-carousel.benzer .owl-nav .owl-prev span, .owl-carousel.benzer .owl-nav .owl-next span { font-size:0px; display:none; }

.benzerurunler:before           { left: -105%; top: 260px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat right top; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}
.benzerurunler:after            { right: -105%; top: 260px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}

/* Ürün Detay Sayfası Son */



/* Politikalar Sayfası */

.hata-header            { float: left; position: relative; width: 100%; height:150px; }
.hata-header span       { margin:20px 0 0 0; text-align:center; float: left; position: relative; width:100%; }

.politikadetay         { margin:0px 0 40px 0; padding:60px; float: left; position: relative; width: 100%; border-radius:50px; text-align:left; background:#fff; }
.politikadetay:before      { left: -105%; top: 260px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat right top; content: ''; opacity: 0.6;  position: absolute;  z-index: 1;}
.politikadetay:after       { right: -105%; top: 260px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat; content: ''; opacity: 0.6;  position: absolute;  z-index: 1;}

#content .politikadetay h1 { float: left; width: 100%; text-align:center; font-size:17px; font-weight:700; color:#3c3c3b; margin:0px 0 20px 0;}
#content .politikadetay p { font-size:15px; font-weight:400; color:#3c3c3b; margin:0px 0 70px 0;}




/* Politikalar Sayfası Son */




/* Arama Sayfası */

.arama-header           { float: left; position: relative; width: 100%; height:125px;  }
.arama-header h1        { margin:42px 0 0 0;font-size:22px; color:#414141; font-weight:500; text-align:center; float: left; position: relative; width:100%;  z-index:2;  }

.aramasonuc             { margin:0px 0 100px 0; padding:80px; background:#f9fbfc; width:100%; min-height:500px; border-radius: 70px; float:left; position:relative; }
.aramasonuc:before      { left: -105%; top: 260px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat right top; content: ''; opacity: 0.6;  position: absolute;  z-index: 1;}
.aramasonuc:after       { right: -105%; top: 260px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat; content: ''; opacity: 0.6;  position: absolute;  z-index: 1;}

.aramasonuclari         { float: left;  position: relative; width: 100%;  margin-bottom: 40px; }
.aramaitems             { float: left; width: 100%; position:relative; }
.aramaitems .kategori   { padding:10px 10px 10px 0; margin-bottom:25px; float: left; width: 100%; position:relative; border-top:1px solid#ddd; border-bottom:1px solid#ddd;  }
.aramaitems .kategori h2    { margin:0 0 0px 0; font-size:18px; color:#000000; text-transform:uppercase; float: left; width:calc(100% - 65px); }
.aramaitems .kategori span  { font-size:14px; color:#575757; font-weight:400; float: left; width:calc(100% - 65px); }
.aramaitems .kategori img { float: left; width:55px; height:55px; object-fit:cover; margin:0 10px 0 0;  }



/* Arama Sayfası Son */


/* 404 Sayfası */

.hata-header            { float: left; position: relative; width: 100%; height:150px; }
.hata-header span       { margin:20px 0 0 0; text-align:center; float: left; position: relative; width:100%; }

.bulunamadi         { margin:0px 0 0 0; padding: 0 0 100px 0; float: left; position: relative; width: 100%; border-radius:50px; text-align:center; background:#f9fbfc; }
.bulunamadi:before      { left: -105%; top: 260px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat right top; content: ''; opacity: 0.6;  position: absolute;  z-index: 1;}
.bulunamadi:after       { right: -105%; top: 260px;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat; content: ''; opacity: 0.6;  position: absolute;  z-index: 1;}

#content .bulunamadi p { font-size:13px; font-weight:400; color:#3c3c3b; margin: -60px 0 70px 0;}
.bulunamadi a       { padding: 10px 30px; font-size:14px; font-weight:300; color:#3c3c3b; background:#cbcbcb; }
.bulunamadi .arama  { float: none; margin: 0 auto 50px auto; position: relative; width: 250px; height: 42px;}

.bulunamadi .arama form input[type="text"]{ padding: 0 24px 0 0; letter-spacing: 0px; font-family: 'Dejavu Sans', sans-serif; background: transparent; border-bottom: 1px solid#d9dcde; border-left: 0; border-right: 0; border-top: 0;  float: left;  width: 100%; text-align: left;  height: 35px;  font-size: 13px; color: #bbbbbb; font-weight:400; margin: 0 0 3px 0; }
.bulunamadi .arama form input[type="text"]::placeholder{ font-family: 'Dejavu Sans', sans-serif; width:100%; text-align:center; font-size: 13px; color: #bbbbbb; font-weight:400; letter-spacing:0px; }
.bulunamadi .arama form button { position: absolute; right:0px; top:6px; border:0px; background: url(../images/mercek.png) no-repeat; width:24px; height:24px; }
/* 404 Sayfası Son */





/* Servisler Sayfası */

.servisler-header           { float:left; width:100%; position:relative; padding:20px 20px; }
.servisler-header img       { max-width:100%; margin:0 0 0 75px; }
.servisler-header .servisformalan { float: left; width:100%; position: absolute; top:140px; }
.servisler-header .servisformalan h1  { float:left; letter-spacing: 15px; margin:0; color:#414141; font-size:42px; font-weight:700; width:100%; text-align:center; position:relative; }
.servisler-header .servisformalan p   { float:left; margin:0 0 30px 0; color:#5d5b5b; font-size:21px; font-weight:400; width:100%; text-align:center; position:relative; }

.servisformalan form        { display: flow-root; width:370px; position: relative; margin:0px auto 0px auto; }
.servisformalan form select { background-color: #6f6f6f;
    background-image: url(../images/icon.png);
    background-position: top 10px right 9px;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;float: left; color:#d9d9d9; font-size:15px; width:100%; height:35px; border-radius:0px; padding:0 10px; margin-bottom:15px; outline:none; }
.servisformalan form select:after { display: none;}
.servisformalan form button { width: 100px; height: 30px;  border: 0; background: #636363; margin: 0px 0 0 138px; float: left; color: #fefefe; }
.servisformalan form button:hover { background: #7d7d7d; }

.servisler                  { margin-bottom:40px; padding:40px 0; float: left; width: 100%; position: relative; background:#fff; border-radius:40px; }
.servisler:before           { left: -105%; top:45%;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat right top; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}
.servisler:after            { right:-105%; top:45%;  width: 100%; height: 60px;background: url(../images/nokta4.png) repeat; content: ''; opacity: 0.6;  position: absolute;  z-index: -2;}

.servislerust               { float: left; width: 100%; margin:0 0 30px 0; padding:0 70px; position: relative; }
.servislerust span          { float: left; color:#2a2a2a; font-size:14px; letter-spacing:4px; }
.servislerust span.fright   { float:right; text-align:right; color:#2a2a2a; font-size:14px; letter-spacing:4px; }

.servisler table            { margin:0; }
.servisler table thead      { background:#e7e7e7; }
.servisler table thead tr th{ padding:15px 5px; text-align:center; font-weight:bold; color:#6a6a6a; font-size:15px; }
.servisler table tr td      { max-width:240px; padding:15px 15px 15px 15px; text-align:center; font-weight:400;  color:#939393; font-size:14px;vertical-align: middle; border-top:0; border-bottom:1px solid#dcdcdc }
.servisler table tr td:nth-child(odd) { background:#f9f9f9; }

.servisler span.sonucyok    { float: left; width: 100%;  text-align: center;  margin: 20px 0; font-size: 16px; }

/* Servisler Sayfası Son */










.primary-menu                   { float: left;  width: 100%;   margin: 40px 0 0 0;}
.primary-menu ul.mobile-primary-menu{ display:none;}
#simplemodal-container          { top: 10% !important; }
.primary-menu ul            { list-style:none;margin:0;}
.primary-menu > ul          { float: left;  position: relative; margin: 0 0 0 0;}
.primary-menu ul li         { position:relative; float: left; margin: 0 40px 0 0}
.primary-menu ul li.mega-menu{ position:inherit;}
.primary-menu ul > li       { float: none; padding: 0px 0px 0 0px; display: inline-block; }
.primary-menu > ul > li:first-child{margin-left:0;}
.primary-menu ul li > a{ text-transform: uppercase; display:block; padding: 8px 0px;color:#534741;font-weight:400;font-size:20px;font-family: 'Barlow', sans-serif; -webkit-transition:margin .4s ease, padding .4s ease;-o-transition:margin .4s ease, padding .4s ease;transition:margin .4s ease, padding .4s ease;}
.primary-menu ul li > a:hover {color:#534741}
.primary-menu ul li:last-child > a { border-right: none; }
.primary-menu ul li > a span{display:none;}
.primary-menu ul li > a i{position:relative;top:-1px;font-size:14px;width:16px;text-align:center;margin-left:6px;vertical-align:top;}
.primary-menu ul li > a i.icon-angle-down:last-child{font-size:12px;margin:0 0 0 5px;}
body.no-superfish .primary-menu li:hover > ul:not(.mega-menu-column),
body.no-superfish .primary-menu li:hover > .mega-menu-content{display:block;}
.primary-menu ul ul:not(.mega-menu-column),
.primary-menu ul li .mega-menu-content          { display:none; border-top: 2px solid#ab2930; position:absolute; width:220px; background-color:#FFF;box-shadow:0px 13px 42px 11px rgba(0, 0, 0, 0.05);height:auto;z-index:199;top:100%;left:0;margin:0;}
.primary-menu ul ul:not(.mega-menu-column) ul   { top:-2px !important;right:218px;}
.primary-menu ul ul.menu-pos-invert:not(.mega-menu-column),
.primary-menu ul li .mega-menu-content.menu-pos-invert          { left:auto;left:0;}
.primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert   { left:218px;}
.primary-menu ul ul li                          { float: left; width: 100%; text-align: left;margin:0;display: block;}
.primary-menu ul ul li:first-child              { border-top:0;}
.primary-menu ul ul li > a                      { font-size:16px;font-weight:300;color:#666;padding: 10px;font-family:'Montserrat', sans-serif;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.primary-menu ul ul li > a i                    { vertical-align:middle;}
.primary-menu ul ul li:hover > a                { background-color:#F9F9F9;padding-left:25px;color:#002d56;}
.primary-menu ul ul > li.sub-menu > a,
.primary-menu ul ul > li.sub-menu:hover > a     { background-image:url("images/icons/submenu.png");background-position:right center;background-repeat:no-repeat;}




.modal.in .modal-dialog { width:935px; max-width: 100%}
.modal-content.talepp { float: left; width: 100%; height:635px; background: url(../images/popupbg.png) no-repeat;border: 0; box-shadow: none; }

.talepsag { float: right; width: 498px; padding: 55px; margin: 40px 50px;    z-index: 10; }
.talepsag h5 { float:left;width:100%;position: relative; color: #000; font-size:25px; font-weight: 500;  text-transform:uppercase; margin:0 0 30px 12px;z-index:2;}
.talepsag h5:before{ left:-12px; top:-2px; content:''; position: absolute; background:#dfdcdc; width:30px; height: 40px; z-index:-1; }
.talepsag p { float:left;width:100%;color:#9d9d9d; font-size:14px; font-weight:300;   }
.talepsag input { float: left; height:45px; outline:0; font-size:14px; color:#605e5e; font-weight:300; width:100%; padding:10px 20px;  background:#f7f7f7; border:1px solid#e5e5e5; border-radius: 20px; margin:0 0 10px 0; }
.talepsag textarea { float: left; outline:0; font-size:14px; color:#605e5e; font-weight:300;  width:100%; height:105px;max-width:100%; max-height:105px; padding:10px 20px;  background:#f7f7f7; border:1px solid#e5e5e5; border-radius: 20px; margin:0 0 10px 0; }

.talepsag  small { display: block; position: absolute;  bottom: 18px; left: 35px; color: #17a100; }

.talepsag a  { float: right; cursor:pointer; border-radius:10px; color:#fff; padding:14px 40px; font-weight:600; font-size:14px; margin-top:20px; background: rgb(163,66,33); background: linear-gradient(45deg, rgba(163,66,33,1) 0%, rgba(203,79,37,1) 100%); }
.talepsag a:hover { background: rgb(163,66,33); background: radial-gradient(circle, rgba(163,66,33,1) 0%, rgba(203,79,37,1) 100%); }


.talepsag { float: right; width: 498px; padding: 30px; margin: 40px 50px;    z-index: 10; }
.talepsag h5 { float:left;width:100%;position: relative; color: #000; font-size:25px; font-weight: 500;  text-transform:uppercase; margin:0 0 10px 12px;z-index:2;}
.talepsag h5:before{ left:-12px; top:-2px; content:''; position: absolute; background:#e90000; width:30px; height: 40px; z-index:-1; }
.talepsag p { float:left;width:100%;color:#9d9d9d; font-size:14px; font-weight:300;   }
.talepsag input { float: left; height:40px; outline:0; font-size:14px; color:#605e5e; font-weight:300; width:100%; padding:10px 15px;  background:#f7f7f7; border:1px solid#e5e5e5; border-radius: 20px; margin:0 0 6px 0; }
.talepsag textarea { float: left; outline:0; font-size:14px; color:#605e5e; font-weight:300;  width:100%; height:95px;max-width:100%; max-height:105px; padding:10px 20px;  background:#f7f7f7; border:1px solid#e5e5e5; border-radius: 20px; margin:0 0 10px 0; }

.talepsag a  { float: right; cursor:pointer; border-radius:10px; color:#fff; padding:10px 30px; font-weight:600; font-size:14px; margin-top:0px;     background: rgb(231 45 40);
    background: linear-gradient(45deg, rgb(131 14 11) 0%, rgb(231 45 40) 100%); }
.talepsag a:hover { background: rgb(33 33 33); background: linear-gradient(45deg, rgb(231 45 40) 0%, rgb(131 14 11) 100%); }

button.close {z-index: 2; background: #e90000; color: #fff; width: 20px;  height: 20px; border-radius: 50%;  position: absolute; top: 75px; right:90px; opacity: 1; }
button.close:hover, button.close:focus { color: #fff; }
.modal-backdrop     { background-color: #000000; }
.modal-backdrop.in  { opacity: 0.8; }



#content        { float: left; width: 100%;margin-bottom:50px !important; }




#gotoTop{display:none;z-index:299;position:absolute;width:40px;height:40px;background:#890c0c;font-size:18px;line-height:40px;text-align:center;color:#ffffff;top:158px;left:50px;right:auto;bottom:auto;cursor:pointer;border-radius:2px;}
body:not(.device-touch) #gotoTop{transition:background-color .2s linear;-webkit-transition:background-color .2s linear;-o-transition:background-color .2s linear;}

#gotoTop:hover{background:#890c0c;}