/**************************
*   Düzenleme : birNC
*   web site  : https://www.birnc.com.tr
**************************/

@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=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.cdnfonts.com/css/itc-avant-garde-pro-md');
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Bungee+Inline&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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

#wait { background: #195489; display: none; font-size: 14px;color: #fff;float:left; width: 145px; text-align: center; padding: 20px 5px; position: absolute; top: 10px; border-radius: 35px; }
#waitik {background: #195489;    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: #195489;    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: #195489;    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; }

/* Ç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;
}
img.mfp-img { background: #fff;}
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;}
body.gri { background:#f5f5f5; }
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:#ffffff;  opacity:0.65; width: 100%; height:100%; min-width: 100%; min-height:100%; }
.fullblack2 { display:none; position: fixed; z-index: 8; background:#ffffff; opacity:0.65; width: 100%; height:100%; min-width: 100%; min-height:100%; }
.fullblack3 { display:none; position: fixed; z-index: 8; background:#ffffff; opacity:0.65; width: 100%; height:100%; min-width: 100%; min-height:100%; }
.fullblack4 { display:none; position: fixed; z-index: 8; background:#ffffff; opacity:0.65; 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 !important; }

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



.container-fluid {  margin-right: auto;  margin-left: auto;  padding-left: 55px;  padding-right: 55px;}


#header{float: left;width: 100%;position:relative; background:#fff;}
#header.kara { background:#0f0f0f; }
.header-top { float: left; padding:10px 0 8px 0; position: relative; width:100%; background:#003180; }

.header-top .top-left { float: left; width: 20%; position: relative; }
.header-top .top-left a { font-size:15px; font-weight:300; color:#ffffff96; font-family:Open Sans Condensed;font-optical-sizing: auto;font-variation-settings: "wdth" 75;}
.header-top .top-left a:hover { color:#ffffff; }


.header-top .top-center {  float:left; width:60%; position:relative; }
.header-top .top-center ul { float: left; width:100%; padding: 0 0 0 4%; margin:0px; }
.header-top .top-center ul li { float: left; margin-right:20px; }
.header-top .top-center ul li img {  float:left; padding:0 10px 0 0;  }
.header-top .top-center ul li span { float:left; font-size:15px; font-weight:300; color:#ffffff96; font-family:Open Sans Condensed;font-optical-sizing: auto;font-variation-settings: "wdth" 75;}
.header-top .top-center ul li a { float:left; font-size:15px; font-weight:300; color:#ffffff96; font-family:Open Sans Condensed;font-optical-sizing: auto;font-variation-settings: "wdth" 75;}
.header-top .top-center ul li a:hover { color:#ffffff; }

.header-top .top-right          { float:left; width:20%; position:relative; margin:0px 0 0 0; list-style:none; z-index:9 }
.header-top .top-right img.topmap  { float:right; margin: 0px 10px 0 0;}
.header-top .top-right ul        { float:right; cursor:pointer; width:141px; margin:0px; }
.header-top .top-right ul li { float:left }
.header-top .top-right ul li a img { margin:0 3px; 0 0 }

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

.header2 { float: left; position: relative; width:100%; z-index: 3; }
.header-center-back { }

.anaheader{  display: flex;    width: 100%;    position: relative;}

.header-left { flex: 1 0 15%; display: block; width: 100%; position:relative; }
#logo   {position:relative;float:left;margin:35px 0 35px 0px ;}


.header-center { position: relative; margin: 0 auto; flex-basis: 70%;  flex: 1 0 70%;  display: block;  width: 100%;}
.header-center > div {  margin: 0 auto;    display: table;}

.header-center ul.diller { position: absolute;display: inline; margin:0 auto 0 -24px; width: 73px;}
.header-center ul.diller li { float: left; margin: 0 5px 0 0; }
.header-center ul.diller li:last-child { margin:0px; }

.anamenu { float:left; position:relative; }

.menusag                    { text-align: center;margin: 4px 0 0 0; }
.menusag li                 {float: none; display: inline-block; position:relative; }
.menusag li a.aktif         { color:#2a3c9e; font-weight:600 }
.menusag li a.aktif:after   { left: 25%; bottom:30px; width:calc(100% - 50%); height:4px; background:#2a3c9e; content:''; position:absolute; }
.menusag li:last-child      { margin:0px;  }
.menusag li a               { padding:45px 25px; text-transform: uppercase; color:#000000;font-weight:500;font-size:14px;font-family: 'Open-Sans', sans-serif; position: relative; float: left;}
.menusag li a:hover         { color:#2a3c9e; }
.menusag li > a i           {  }

.menusag li ul              { display:none; width: 250px; padding: 15px; position:absolute; left:0px; top:78px; background:#ffffff; box-shadow: 0 4px 9px 0px #00000026; text-align:left; }
.menusag li:hover ul        { display:block; }
.menusag li ul li           { float: left; width: 100%; margin:0px; padding:0px; }
.menusag li ul li a         { color:#000000; font-weight:400; font-size:15px; padding:5px 0; text-transform:none; }

.header-right { flex: 1 0 15%; display: block;  width: 100%; position:relative; }


.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: #676767; 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;} }


.sagbutonlar                { float:right; position:relative; margin:39px 0 0 0; }
.sagbutonlar span.talepac   { font-size: 15px ; color: #fff;padding: 7px 20px; cursor: pointer; margin: 0 0 0 10px;  float:right; position:relative; font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75; background: url(../images/talepbg.png) repeat-x; }
.sagbutonlar span.talepac:hover   { color: #ffffff; box-shadow:0 0 3px #00000043; }
.sagbutonlar span.arabuton  { float:right; position:relative; cursor:pointer; }
.sagbutonlar span.arabuton:hover   { box-shadow:0 0 3px #00000043; }

.sagurunler                 { display:none; height:470px; width:750px; background: url(../images/talepformbg.png)no-repeat; box-shadow: 0 5px 24px #00000075; border-radius: 0px 0px 0px 55px;background-size: contain; position:absolute; z-index:9; top:0px; right:0; }
.sagurunler  .taleplogo     { float:left; width:100%; margin: 20px 0 0 20px; }
.sagurunler  .taleplogo img { width:150px; }

.sagurunler .talepbaslik      { float:left; width:100%; margin:150px 0 120px 20px; }
.sagurunler .talepbaslik span { font-size:35px; font-weight: 700; letter-spacing: -3px; color:#4fc0e8; font-family:Open Sans Condensed; float:left; width:100%; }

.sagurunler .talepyil   { float:left; width:100%; margin: 15px 0 0 45px; }
.sagurunler .talepyil p { color:#023c87; font-size:36px; margin: 0 0px 0 0; font-family: "Bungee Inline", sans-serif; float:left; width:100%; }

.talepform                  { margin:30px 0 0 0; padding: 0 20px 0 0; float:left; width:100%; position:relative; }
.talepform .formborder      { margin: 0 0 40px 0; padding:30px 30px 5px 30px; border:1px solid#4fc0e869; border-radius:10px; float:left; width:100%; }

.talepform input, .talepform textarea { float: left;  width: 100%;  text-align: center; margin:0 0 25px 0;  border-radius: 10px;  padding: 8px;  font-family: Open Sans Condensed;  border: none;  font-size: 14px;  background: #ffffff3d;  color: #fff; }
.talepform input::placeholder { color:#fff; }
.talepform textarea::placeholder { color:#fff; padding:40px 0 0 0; }
.talepform textarea { height:130px; }


.talepform input:focus::placeholder { color:transparent; }
.talepform textarea:focus::placeholder { color:transparent; }


.talepform form input[type="checkbox"] { width:18px; height:18px; margin: 0 5px 0 60px; visibility: hidden; }
.talepform form input[type="checkbox"] + label:before { background: transparent; border: 1px solid #fff; border-radius: 50%; content: "\00a0"; display: inline-block; font: 16px/1em sans-serif; height: 18px;  margin: 0 9px 0 -22px; padding: 0; vertical-align: top; width: 18px;}
.talepform form input[type="checkbox"]:checked + label:before { background: transparent; color: #4fc0e8; content: "\2713";  text-align: center; font-size: 30px; position: relative; top: 0px; padding: 0px;  line-height: 4px;}
.talepform form input[type="checkbox"]:checked + label:after  { font-weight: bold;}
.talepform form input[type="checkbox"]:focus + label::before  { outline: rgb(59, 153, 252) auto 5px;}



.talepform form label        { font-size:10px; color:#ffffff96; font-family:Open Sans Condensed;}
.talepform form label a      { font-size:10px; color:#4fc0e8; font-family:Open Sans Condensed; }
.talepform form a.gonder { color: #fff; font-family:Open Sans Condensed; background: #4fc0e8; padding: 12px 30px; border-radius: 10px; margin: 40px auto 0 auto; display: table; font-weight: 600; }





.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         { padding:30px 80px; text-align: center; display:none; position:absolute; right:0px; top:0px; width:550px; height:520px; background:url(../images/arabg.png)no-repeat; background-size: contain; z-index: 99; }
.aramaalani .arabaslik { margin: 10px 0 25px 0; letter-spacing: -2px; float: left; width: 100%; font-size: 34px; font-weight: 700;line-height: 34px;font-family: Open Sans Condensed;    color: #ffffff; }

.aramaalani form    { border:1px solid#1a3651; padding:10px; border-radius:10px; width: 100%; float: left; position: relative; margin: 0px auto 30px auto; display: block; }
.aramaalani input   { float:left; width:100%; height:50px; padding:0 20px 0 20px; font-size:16px;  color:#ffffff96; border:0px; margin:0 auto; text-align: center; position: relative; background: #2a3c9e; border-radius: 10px;}
.aramaalani button  {position: absolute; float: right;  right: 24px;  top: 23px; width: 22px; height: 22px; background: url(../images/aikon.png) no-repeat; border: 0;  background-size: contain; }
.aramaalani button:hover { top:21px; }
.aramaalani input::placeholder { color:#ffffff96; }



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

.aramaicerik        { width: 100%; float: left; position: relative; }
.aramaicerik p      { float: left; width: 100%; color:#ffffff69; font-size:16px; font-weight:300; }
.aramaicerik em     { color:#4fc0e8; font-style:normal; }
.aramaicerik ul     {display: inline-block; list-style: none; padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #ffffff2b; }
.aramaicerik ul li  { float:left; width:100%; padding:10px 0; }
.aramaicerik ul li a{ color:#ffffff69; font-size:16px; font-weight:300; }
.aramaicerik ul li a:hover{ color:#ffffff; }

.aralogo { width: 100%; float: left; position: relative; margin: 35px 0 0 0; }
.aralogo i { float:left; width:100%; }
.aralogo img { width:200px; }


.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          { background:#e8edf1; margin:0px 0 0 0; float: left; width: 100%; position: relative; }

.slide-sol { float: left; width: 37.5%; }
.slide-sag { float: left; width: 62.5%; }

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

.anaslider .icerik { margin:39% 0 0 0; text-align: center; float: left; position: relative; width:100%;  }
.anaslider .icerik span   { letter-spacing: 1px; margin:0px 0; font-size: 12px;  font-weight:400; color: #000000;  font-family: "Libre Baskerville", serif; float: left; width: 100%; }
.anaslider .icerik p      { margin: 10px 0 25px 0; float: left; width: 100%; font-size:33px;  font-weight: 800; line-height:40px;  color: #000000; }
.anaslider .icerik p em   { color:#2a3c9e; font-style:normal }
.anaslider .icerik a { border-radius:6px; background:#fff; color:#545454; font-size: 14px; font-weight:600; padding:6px 20px; display: inline-block; position: relative;  font-family: Open Sans Condensed;line-height: 22px;}
.anaslider .icerik a:hover { background:#2a3c9e; color:#ffffff; }
.anaslider .icerik a i {
    float: left;
    margin-right: 14px;
}
.anaslider .owl-carousel .owl-stage { padding-left:0px !important; }
.anaslider .owl-nav {  position: absolute; width:100%; top: 40%; left:0px; z-index:1; }
.anaslider .owl-nav span { display: none; }
.anaslider .owl-carousel .owl-nav button.owl-prev  { top: 5px; left:-150px; width:52px; height:35px; position:relative; background:url(../images/left.png) no-repeat;  font-size:0px; }
.anaslider .owl-carousel .owl-nav button.owl-next  { left:-30px; width:57px; height:43px; float: left; position:relative; background:url(../images/right.png) no-repeat;  font-size:0px; }

.anaslider .owl-carousel .owl-dots { display: none !important; position: absolute;  width: 580px; bottom: 27%; left: 19%; }
.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; }




.anakutular   { margin:-120px 0 120px 0; float:left; width:100%; position:relative; z-index: 2; }
.homeinfo     { padding:40px; float: left; width: 100%; background:url(../images/homebg.png) repeat; }
.homeinfo h1  { top:-99px; color:#889397; font-size: 90px; font-family: "Poppins", sans-serif; font-weight: 300;float: left;  width: 100%; position: absolute; }
.homeinfo h1 span  { color:#2a3c9e; }

.homeinfo .mavi { padding:50px; float: left; width: 100%; background:#2a3c9e; position:relative; }
.homeinfo .mavi h2  { text-transform: uppercase; color:#ffffff; margin:0 0 20px 0; font-size: 18px;  float: left; width:calc(100% - 260px); font-family: "Open Sans", sans-serif; }
.homeinfo .mavi h2 a  { color:#ffffff; }
.homeinfo .mavi h2 a:hover  { color:#ffffff; }

.homeinfo .mavi p   { font-size: 15px; font-weight: 300; float: left; width:calc(100% - 260px); color: #fff;  font-family: Open Sans Condensed; }
.homeinfo .mavi a.anaimage { top: 25px; right:80px; width:175px; height: 265px; position:absolute; z-index:2; }
.homeinfo .mavi a.anaimage img {  width:175px; height: 265px; border:10px solid#ffffff;   }
.homeinfo .mavi a.anaimage:hover img {  border:10px solid#e1e1e1;}

.homeinfo .beyaz    { margin:20px 0 0 0;width:48.2%; padding:30px; background: #ffffff; float:left; position:relative;  }
.homeinfo .beyaz h2 { text-transform: uppercase; font-size: 18px; font-weight:bold; color:#010422; padding:0 0 0 30px; margin:0 0 10px 0; float: left; width: 100%;  }
.homeinfo .beyaz h2 a { color:#010422; }
.homeinfo .beyaz h2 a:hover { color:#2a3c9e; }

.homeinfo .beyaz ul  { float: left; width: 97%; margin:0px; list-style:none; padding:0px; }
.homeinfo .beyaz ul li { float: left; width: 100%; padding:15px 0 15px 30px; border-bottom:1px solid#e8e8e8;  }
.homeinfo .beyaz ul li a { font-size:14px; color:#545454; float: left; width: 100%; }
.homeinfo .beyaz ul li a:hover { color:#010422; }

.homeinfo .beyaz .beyazscroll { float: left; width: 100%; margin: 0px; padding: 0px; overflow-y: scroll; height: 260px; }
.homeinfo .beyaz .beyazscroll::-webkit-scrollbar {width:4px;height:3px;}
.homeinfo .beyaz .beyazscroll::-webkit-scrollbar-track {border-right: 1px solid #e8e8e8;}
.homeinfo .beyaz .beyazscroll::-webkit-scrollbar-thumb {background: #e8e8e8; }
.homeinfo .beyaz .beyazscroll::-webkit-scrollbar-thumb:hover { background: #e8e8e8;  }

.homeinfo .gri    { margin:20px 0 0 0;width:48.2%; padding:30px; background: #b6b5b7; float:right; position:relative;  }
.homeinfo .gri h2 { text-transform: uppercase; font-size: 18px; font-weight:bold; color:#ffffff; padding:0 0 0 0px; margin:75px 0 20px 0; float: left; width: 100%;  }
.homeinfo .gri h2 a { color:#fff; }
.homeinfo .gri h2 a:hover { color:#fff; }

.homeinfo .gri ul  { float: left; width: 97%; margin:11px 0 ; list-style:none; padding:0px; }
.homeinfo .gri ul li { float: left; width: 100%; padding:15px 0 15px 30px; border-bottom:1px solid#bdbcbf;  }
.homeinfo .gri ul li a { font-size:14px; color:#ffffff; float: left; width: 100%; }
.homeinfo .gri ul li a:hover { color:#010422; }


.homeinfo .home-right    { margin:0px 0 0 0;width:100%; padding:30px; background: #ffffff; float:right; position:relative;  }
.homeinfo .home-right h2 { font-size:18px; font-weight:bold; color:#010422; padding:0 0 0 0px; margin:35px 0 0px 0; text-align:center; float: left; width: 100%;  }
.homeinfo .home-right h2 a { color:#010422;   }
.homeinfo .home-right h2 a:hover { color:#2a3c9e;   }

.homeinfo .home-right ul  { float: left; width: 97%; margin:20px 0 23px 0; list-style:none; padding:0 20px; }
.homeinfo .home-right ul li { float: left; width: 100%; padding:11.9px 0 11.9px 0px; border-bottom:1px solid#e0e0e0;  }
.homeinfo .home-right ul li a { font-size:14px; color:#545454; float: left; width: 100%; }
.homeinfo .home-right ul li a:hover { color:#010422; }
.homeinfo .home-right ul li:last-child { border:0px; }

.home-catalog { float: left; width:100%; position: relative; margin:0px 0 0 0; }
.home-catalog span { position: absolute; z-index: 2; left: 62px; top: 43px; font-size: 14px; color: #ffffff; font-family: Open Sans Condensed; }
.home-catalog a img, .home-catalog a   { width: 100%; transition: transform .4s; overflow: hidden;}
.home-catalog a:hover img { transform: scale(1.04); transition: transform .4s; }



.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: 'cooper_lt_btbold'; 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 { padding: 0 70px; margin:0 0 105px 0;width: 100%; float: left; position: relative;  }
.home-projeler .owl-demo { float: left;width:100%; position: relative; }

.home-projeler .owl-demo .owl-carousel .owl-item .item a { text-align: center; padding: 15px; float: left; width: 100%;  position: relative; background:#ffffff; border-top:5px solid#ffffff; border-bottom:5px solid#ffffff; }
.home-projeler .owl-demo .owl-carousel .owl-item .item a:hover{ border-top:5px solid#2a3c9e; border-bottom:5px solid#c3c4c6; }
.home-projeler .owl-demo .owl-carousel .owl-item:nth-child(1) .item a, .home-projeler .owl-demo .owl-carousel .owl-item:nth-child(2) .item a, .home-projeler .owl-demo .owl-carousel .owl-item:nth-child(3) .item a, .home-projeler .owl-demo .owl-carousel .owl-item:nth-child(4) .item a{ border-top:5px solid#2a3c9e !important; border-bottom:5px solid#c3c4c6 !important; }

.home-projeler .owl-demo .owl-carousel .owl-item .item a img  { float: left; width:110px; height:80px; object-fit: cover; margin:0 10px 0 0; }
.home-projeler .owl-demo .owl-carousel .owl-item .item a .baslikdetay { float: left; width: calc(100% - 120px); line-height: 18px;  }
.home-projeler .owl-demo .owl-carousel .owl-item .item a h2   {     text-transform: uppercase; max-width: 100%; display: inline-block; margin:15px 0 0 0; font-size:18px;font-weight: bold; color: #000000;    font-family: Open Sans Condensed;    font-optical-sizing: auto;    font-variation-settings: "wdth" 75;white-space: nowrap; overflow:hidden;  text-overflow:ellipsis; }
.home-projeler .owl-demo .owl-carousel .owl-item .item a h2 span { float: right; letter-spacing: 1px; text-align: right; font-size: 11px; color:#000000; font-family: "Anonymous Pro", monospace; }





.home-projeler .owl-demo .owl-nav {display:none; }
.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 { margin-bottom: 50px; float: left; width:100%; position: relative; text-align:center; }
.home-projeler .projebaslik h1 {font-family: 'ITC Avant Garde Pro Md', sans-serif; color:#000000; text-align: center; float: left; width:100%;   font-size: 15px;    font-weight:400;margin:0;   } 
.home-projeler .projebaslik h3 { float: left; width:100%; font-size: 33px; font-weight:800; margin:0; color:#000; }
.home-projeler .projebaslik p { font-family: 'ITC Avant Garde Pro Md', sans-serif; float: left; width:100%; font-size: 12px; color:#000000; font-weight:400; }




.footer                     { float: left; width: 100%; margin:0px 0 0 0; position: relative; background:url(../images/footerbg.jpg) no-repeat; background-size:cover; }


.ftop     { margin:70px 0 0 0; height: 126px; float: left; position: relative; width: 100%; background:url(../images/ftop.jpg) repeat; }
.ftop h5  { top:-99px; color:#889397; font-size: 90px; text-align: center; font-family: "Poppins", sans-serif; font-weight: 300;float: left;  width: 100%; position: relative; }
.ftop h5 span  { color:#2a3c9e; }


.footer .whatsapp2 {
    display: inline-block;
    padding: 276px 0 0 0;
    float: right;
}

.footer-ust             { padding: 0px; float:left; width:100%; position:relative; }
.footer-ust .text       { margin: 50px 0 0 70px; float:left; }
.footer-ust .text span  { color:#4fc0e8; font-size:36px; margin: 0 10px 0 0; font-family: "Bungee Inline", sans-serif; float: left;}
.footer-ust .text p     { color:#ffffff; font-size:36px; margin: -5px 0 0px 0; font-family: "Poppins", sans-serif;float: left; font-weight: 300; }

.tabbasliklar { display: table; table-layout: fixed; width: 100%; background: #e6e6e7; padding: 14px; }

.footer-ust .tabbasliklar ul              { display: table-row; width: 100%; margin:0px; }
.footer-ust .tabbasliklar ul li           { padding: 3px 0 6px 0px;cursor: pointer; display: table-cell;  float: none;  font-size: 11px; color: #424242;  text-align: center; }
.footer-ust .tabbasliklar ul li:hover     { background:#2a3c9e; }
.footer-ust .tabbasliklar ul li:hover span{ color:#fff; }
.footer-ust .tabbasliklar ul li img       { width: 24px; margin: 0px 0 0px 0; display: -webkit-inline-box; }
.footer-ust .tabbasliklar ul li span      { color:#000; font-size:12px; margin: 0 0 0 10px; position: relative; top: 2px;}


.tabAlan ul, .tabAlan{ float: left;
    width: 100%;
    position: relative;
    margin: 0px; }
.tabAlan .tabCont { display: none; max-height: 150px;}


.footer .footer-center      {  padding:50px 0 0 0; float: left; width: 100%; position: relative;background:url(../images/centerbg.jpg) no-repeat; background-size:cover; }

.footer-tanitim             { margin: 137px 0;width: 100%; float: left; position: relative; }
.footer-tanitim a           {  width: 100%; float: left; }
.footer-tanitim p           { letter-spacing: -0.3px; padding: 0 35px; text-align: center; width: 100%; float: left; font-size:16px; color:#ededed; font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75;}

.footersosyal               { display: table; float: none; width:190px; margin:0px auto 40px auto; text-align:center; }
.footersosyal li            { display: table-cell; text-align: center; }
.footersosyal li a:hover    { opacity:0.8; }

.copytext { float:left; width:100%; text-align:center; }
.copytext span  { font-size: 13px; color:#ffffff96; float:left; width:100%; }

.footer-pages { float: left; position: relative; width: 100%; padding:0 0 0 30px; margin:30px 0 0 0; }
.footer-pages a { float: left; width: 100%; margin:0 0 20px 0; color:#e8e9e8; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight:800;}
.footer-pages ul { float: left; width:100%; padding:0 0 0 0px; position: relative; list-style:none; }
.footer-pages ul li { float: left; line-height:30px; width:100%; position: relative; list-style:none; }
.footer-pages ul li a { float: left; font-size:14px; color:#d9d9d9;margin:0;font-weight: 600; }
.footer-pages ul li a b{ float: left; font-size:15px; color:#fff; font-weight:400; }
.footer-pages ul li a:hover { color:#fff; }





.footer .center-right      { float: left; width:8%;  position: relative;}

.footer-adres { margin: 170px 0 0 0; width:100%; text-align: center; padding:0px 0px 0 0; position: relative; }
.footer-adres a  { float: left; text-align: center; width:100%; margin-bottom:20px; }
.footer-adres a:hover img { box-shadow: 0 0px 5px #ffffffa3; border-radius: 50%;}


.footer .footer-bottom      { margin-top: 20px; padding:15px 55px; float: left; width: 100%; position: relative; border-top:1px solid#4d6797; }
.footer .footer-bottom ul   { margin:7px 0 0 0; position: relative; float: left; }
.footer .footer-bottom ul li { float: left; margin: 0 25px 0 0; padding: 0 25px 0 0; border-right:1px solid#ffffff96; }
.footer .footer-bottom ul li:last-child {border-right:none;}
.footer .footer-bottom ul li a { font-size:15px;line-height: 15px; color:#ffffff96; font-weight:300; font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75;letter-spacing: .5px;}
.footer .footer-bottom ul li a:hover { color:#fff; }
.footer .footer-bottom a    { margin:0; float: right;  }
.footer .footer-bottom a span { position: relative; top: 3px; right: 6px;font-size:14px; color:#ffffff96; font-weight:400; }
.footer .footer-bottom a.birnc { margin: 3px 0px 0 0; }

.footer .footer-bottom a.birnc img { opacity:0.7 }
.footer .footer-bottom a.birnc:hover img { opacity:1 }
.footer .footer-bottom a:hover span { color:#ffffff; }

.footer .copy {
    color: #ffffff96;
}

#gotoTop{display: none;  z-index: 299;  position: relative;  width: 30px;  height: 30px;  background: none;  font-size: 12px;  line-height: 26px;  color: #ffffff42;  cursor: pointer;  text-align: center;  margin: 0 auto;  border-radius: 50%;  border: 1px solid #ffffff42;}
#gotoTop:hover{background:#fff; color:#2a3c9e}

/* İç Sayfalar Başlangıç */

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

.kurumsal-header            {  padding:40px 0; background: url(../images/breadbg.png) no-repeat; background-size: cover; float: left; position: relative; width: 100%; }
.kurumsal-header ul         { float: left; margin:0 0 0 0px; 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:14px; font-family: Open Sans Condensed; }
.kurumsal-header ul li a:hover      { color:#808080; }
.kurumsal-header ul li.aktif a { color:#0033a1; font-weight:bold; }

.medya-header            {  padding:20px 0; background: url(../images/breadbg.png) no-repeat; background-size: cover; float: left; position: relative; width: 100%; }
.medya-header h1         { margin:0 0 3px 0; line-height:38px; color:#000; font-size:32px; letter-spacing: -2px; font-weight:700; text-align: center; font-family: Open Sans Condensed; float: left; width: 100%; }
.medya-header ul         { display: table; margin:0 0 0 0px; width: 100%; text-align:center; position: relative; }
.medya-header ul li      { display: inline; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid#c3c1c1; line-height: 13px; }
.medya-header ul li:last-child   { border-right:0; margin: 0; padding:0; }
.medya-header ul li a    { color:#808080; font-size:14px; font-family: Open Sans Condensed; }
.medya-header ul li a:hover      { color:#808080; }
.medya-header ul li.aktif a { color:#0033a1; font-weight:bold; }



#content .kurumsal { float: left; width:100%; position: relative; margin:40px 0 0 0px;}
#content .kurumsal h1 { letter-spacing: -2px;text-transform: uppercase; border-bottom:1px solid#e7e7e8; padding:0 0 20px 0; margin:0 0 20px 0; float: left; width: 100%; font-size:30px; font-weight:700; color:#000;font-family: Open Sans Condensed; }
#content .kurumsal p { float: left; width: 100%; color:#000000; font-size:17px; font-family: Open Sans Condensed; }


.blog-img-text {  border: 1px solid #ddd;  border-radius: 10px;  padding: 10px;  margin-bottom: 20px;}
.blog-img-text:hover { border: 1px solid#003180; }
.blog-text        { background-color: #003180; padding: 10px; width:100%; height: 70px; line-height: 22px;  display: flex; justify-content: center;   flex-direction: column;  text-align: center; }
.blog-img-text .blog-img span { float: left; width:100%; text-align:center; }
.blog-img-text .blog-img img { width: 100%;}
.blog-text h2     { font-size: 16px;  line-height: 24px; color:#fff; margin:0; }
.blog-text h2 a   { color:#fff; }



/* Medya Sayfası */
.galeriler  { float: left; position: relative; width:100%; margin:70px 0px;}
.galeriler .galeri { padding: 15px; float: left; position: relative; width:calc(100% - 50px);  margin: 0 0 20px 0;float: left; position: relative; background:#fff; box-shadow: 9px 13px 20px 3px #00000025; }
.galeriler .galeri:hover { box-shadow: 9px 13px 20px 3px #00000045; }
.galeriler .galeri a:nth-child(1) img { padding:0 15px 0 0; margin:0 0 15px 0; float:left; width:60%; object-fit:cover; height:120px; }
.galeriler .galeri a:nth-child(2) img { margin:0 0 15px 0; float:left; width:40%; object-fit:cover; height:120px; }
.galeriler .galeri a:nth-child(3) img { float:left; width:100%; object-fit:cover; height:110px; }
.galeriler .galeri h2  { font-family: Open Sans, sans-serif; padding: 70px; font-weight: 700; font-size: 16px; margin:0px; color:#002b7f; text-align: center; float:left; width:100%; }


.fotolar       { float:left; width:100%; margin-bottom:20px; background:#000000; }
.fotolar a     { float:left; width:100%; background:#000000; }
.fotolar a:hover     { opacity:0.6 }
.fotolar a img { float:left; width:100%; }



/* Üretim Sayfası */
.uretim { padding:70px 0; float:left; width:100%; position:relative; background:#f4f4f4; }
.ulkeler { margin-bottom:30px; float:left; width:100%; position:relative; }
.ulkeler h2 { letter-spacing: 1px; margin:0 0 0px 0; font-weight: 600; font-size: 12px; color:#2f2f2f;font-family: Open Sans Condensed; text-transform: uppercase; float:left; width:100%; }
.ulkeler p { font-weight:bold; margin:0 0 30px 0; font-size: 16px; color:#000;font-family: Open Sans Condensed; text-transform: uppercase; float:left; width:100%; }

.ulkeler .ulke { float:left; width:100%; margin:0 0 15px 0; }
.ulkeler .ulke img  { float:left; width:32px; margin:0 10px 0 0; }
.ulkeler .ulke span { float:left; width:calc(100% - 50px); font-size:13px; color:#000; }

.uretim-surecleri { margin: 70px 0; float:left; width:100%; position:relative; }
.uretim-surecleri i { float:left; width:100%; text-align:center; }
.uretim-surecleri h3 { letter-spacing: -2px; margin:10px 0 20px 0; font-weight: 700; font-size: 32px; color:#000; text-align: center; font-family: Open Sans Condensed; text-transform: uppercase; float:left; width:100%; }
.uretim-surecleri p { font-weight:400; margin:0 0 30px 0; font-size: 18px; color:#000000;font-family: Open Sans Condensed; text-align: center; float:left; width:100%; }


.harita-alan        { float: left; position: relative; width:100% ; }
.harita-alan a      { position: relative; }
.harita-alan a.country:after      { background:url(../images/simge.png) no-repeat; width:19px; height:197px; 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  }


.surecler  { margin: 20px 0; float:left; width:100%; position:relative; }
.surecler .surec { padding:20px 30px; border:1px solid#ddd; border-radius:10px; margin:0 20px 20px 0; float:left; width:calc(20% - 20px); position:relative; }
.surecler .surec:last-child { margin:0 0 0px 0; }
.surecler .surec i { width:25px; font-size:30px; margin:0 0px 0 0;float: left; font-weight:bold; color:#000000; font-style: normal; font-family: Open Sans Condensed; }
.surecler .surec span { margin: 9px 0 0 0; width: calc(100% - 25px); text-align: center; float: left; font-size:18px; font-weight:bold; color:#000000;font-family: Open Sans Condensed; }
.surecler .surec:before { left: 12px; top: 12px; height: 60px; width: calc(100% - 24px); background: #f0f0f0; content: ''; position: absolute; z-index: -1; border-radius: 5px; }
.surecler .surec:hover:before { background:#0033a1; }
.surecler .surec:hover span, .surecler .surec:hover i { color:#ffffff; }

/* İnsan Kaynakları Sayfası */

.insan-kaynaklari           {     border: 1px solid #e0e0e1;  border-radius: 10px; float:left;  margin:70px 0 0 0px; padding:30px; position: relative;  }
#content .insan-kaynaklari h1 { position: relative; z-index: 2; color: #0033a1;  font-size: 30px;  padding: 0;  margin: -55px 0 0px 35%;  text-align: center;  float: left;  width:auto; font-weight: 700; font-family: Open Sans Condensed; text-transform: uppercase; letter-spacing: -1px; }
#content .insan-kaynaklari h1:before { top: 2px;
    margin: 0 0 0 -20px;
    background: #fff;
    width:calc(100% + 40px);
    height: 35px;
    content: '';
    position: absolute;
    z-index: -1;}
.insan-kaynaklari img.ikalt { position: absolute; bottom: -20px; left: 55px; float: left; }

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


.insan-kaynaklari form              { float: left; width: 100%; margin:0px 0 0 0; padding: 30px; background: #f3f3f3; border-radius: 10px;}
.insan-kaynaklari form input        { border-radius:10px; font-family: 'Open Sans Condensed', sans-serif; background:#ffffff; border:0; float: left; width: 100%; text-align: center; height: 50px; font-size: 16px; color: #bbb9ba; font-weight:500; margin: 0 0 40px 0; }
.insan-kaynaklari form textarea     { border-radius:10px; font-family: 'Open Sans Condensed', sans-serif; padding:10px; background:#ffffff;border:0; height:140px; max-height:140px; max-width: 100%; width: 100%; font-size: 16px; color: #bbb9ba; font-weight:500; margin: 0 0 10px 0; }

.insan-kaynaklari form a.gonderbuton{ cursor: pointer; margin: 25px 0 0 0; color: #fff; padding: 10px 40px; border-radius: 8px;  font-size: 14px;  font-family: Open Sans Condensed; float: right;  font-weight: 600; text-align: center; letter-spacing: 1px;
    background: rgb(40,86,234);
background: -moz-linear-gradient(137deg, rgba(40,86,234,1) 0%, rgba(40,86,234,1) 0%, rgba(59,68,134,1) 100%);
background: -webkit-linear-gradient(137deg, rgba(40,86,234,1) 0%, rgba(40,86,234,1) 0%, rgba(59,68,134,1) 100%);
background: linear-gradient(137deg, rgba(40,86,234,1) 0%, rgba(40,86,234,1) 0%, rgba(59,68,134,1) 100%); }
.insan-kaynaklari form a.gonderbuton:hover { box-shadow:0 1px 8px #00000049; }

.insan-kaynaklari form input::placeholder { color:#000000; text-align:center; }
.insan-kaynaklari form textarea::placeholder { color:#000000; text-align:center; padding:55px 0 0 0;  }

.insan-kaynaklari form input[type="checkbox"] { width:18px; height:18px; margin: 14px 5px 0 0px; visibility: hidden; }
.insan-kaynaklari form input[type="checkbox"] + label:before { background: transparent; border: 1px solid #dedede; border-radius: 50%; content: "\00a0"; display: inline-block; font: 16px/1em sans-serif; height: 18px;  margin: 0 9px 0 -22px; padding: 0; vertical-align: top; width: 18px;}
.insan-kaynaklari form input[type="checkbox"]:checked + label:before { background: transparent; color: #0033a1; content: "\2713";  text-align: center; font-size: 15px; position: relative; top: 0px; padding: 6px 0 0 0;  line-height: 4px;}
.insan-kaynaklari form input[type="checkbox"]:checked + label:after  { font-weight: bold;}
.insan-kaynaklari form input[type="checkbox"]:focus + label::before  { outline: rgb(59, 153, 252) auto 5px;}

.insan-kaynaklari form label        { margin: 14px 0 0 0; font-size:12px; color:#545454; font-family:Open Sans Condensed;}
.insan-kaynaklari form label a      { font-size:12px; color:#000000; font-family:Open Sans Condensed; cursor: pointer;}


.insan-kaynaklari form input.turuncu    { background:none; float: left; width: 100%; margin: 0px 0 20px 0; height: 140px; }
.turuncu::-webkit-file-upload-button    { visibility: hidden;}
.turuncu::before { content:'';display:inline-block; background: #ffffff url(../images/file.png) no-repeat center; padding: 10px 37px; outline: none; cursor: pointer; height: 140px; width: 100%;}

.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 */



#content .contentleft    { margin:-94px 0 0 0; float: right;   position: relative; border-radius:0px;  }
#content .contentleft .solliste          { float:right; width:95%; background:#193f91; position: relative; padding:30px; }
#content .contentleft .solliste ul { margin:0; padding:20px 0 20px 0; float:left; width:100%; position:relative; }
#content .contentleft .solliste ul li { padding:20px; border-bottom: 1px solid#ffffff14; float:left; width:100%; position:relative; }
#content .contentleft .solliste ul li.aktif { margin: 0 0 0 -50px; width: calc(100% + 50px); background: #ffffff; border-left: 4px solid #193f91; }
#content .contentleft .solliste ul li.aktif a { color:#000000; font-weight:bold }
#content .contentleft .solliste ul li.aktif a:hover {color:#000000;  }
#content .contentleft .solliste ul li a    { font-size:16px; color:#ffffffde; float:left; width:100%; padding:0 0 0 0px; margin:0; position: relative; }
#content .contentleft .solliste ul li a:hover  { color:#ffffff; }

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







.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:33.33%; 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;}
.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: #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 .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;    display: flex
;
    justify-content: center; }
.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%; position:relative; margin: 70px 0 100px 0; }
iframe.haritamap{float:left;width:100%;margin:0px 0 0 0; position: relative; z-index: 0;}

.iletisimform       { margin: 0 0 40px 0; padding: 30px 30px 30px 30px;  border: 1px solid #e0e0e1;  border-radius: 10px; float: left;  width: 100%;   }
.iletisimform h2    { color: #000; font-size: 30px;  padding: 0;  margin: -55px 0 0px 39%;  text-align: center;  float: left; width:auto; font-weight: 700; font-family: Open Sans Condensed; text-transform: uppercase; letter-spacing: -1px; position: relative;     z-index: 2;}
.iletisimform h2:before {  top: 2px;
    margin: 0 0 0 -20px;
    background: #fff;
    width:calc(100% + 40px);
    height: 35px;
    content: '';
    position: absolute;
    z-index: -1;}


.iletisimform form              { float: left; width: 100%; margin:0px 0 0 0; padding:30px; background:#f3f3f3; border-radius:10px; }
.iletisimform form input        { border-radius:10px; font-family: 'Open Sans Condensed', sans-serif; background:#ffffff; border:0; float: left; width: 100%; text-align: center; height: 50px; font-size: 16px; color: #bbb9ba; font-weight:500; margin: 0 0 40px 0; }
.iletisimform form textarea     { border-radius:10px; font-family: 'Open Sans Condensed', sans-serif; padding:10px; background:#ffffff;border:0; height:140px; max-height:140px; max-width: 100%; width: 100%; font-size: 16px; color: #bbb9ba; font-weight:500; margin: 0 0 10px 0; }
.iletisimform form input:focus::placeholder { color:#fff; text-align:center; }
.iletisimform form textarea:focus::placeholder { color:#fff; text-align:center; }


.iletisimform form a.gonderbuton{ cursor: pointer; margin: 30px 0 0 0; color: #fff; padding: 10px 40px; border-radius: 8px;  font-size: 15px;  font-family: Open Sans Condensed; float: right;  font-weight: 600; text-transform: uppercase;  text-align: center; letter-spacing: 1px;
background: rgb(40,86,234);
background: -moz-linear-gradient(137deg, rgba(40,86,234,1) 0%, rgba(40,86,234,1) 0%, rgba(59,68,134,1) 100%);
background: -webkit-linear-gradient(137deg, rgba(40,86,234,1) 0%, rgba(40,86,234,1) 0%, rgba(59,68,134,1) 100%);
background: linear-gradient(137deg, rgba(40,86,234,1) 0%, rgba(40,86,234,1) 0%, rgba(59,68,134,1) 100%); }
.iletisimform form a.gonderbuton:hover { box-shadow:0 1px 8px #00000049; }

.iletisimform form input::placeholder { color:#000000; text-align:center; }
.iletisimform form textarea::placeholder { color:#000000; text-align:center; padding:55px 0 0 0;  }

.iletisimform form input[type="checkbox"] { width:18px; height:18px; margin: 0px 5px 0 0px; visibility: hidden; }
.iletisimform form input[type="checkbox"] + label:before { background: transparent; border: 1px solid #dedede; border-radius: 50%; 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: transparent; color: #0033a1; content: "\2713";  text-align: center; font-size: 15px; position: relative; top: 0px; padding: 6px 0 0 0;  line-height: 4px;}
.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        { margin: 18px 0 0 0; font-size:12px; color:#545454; font-family:Open Sans Condensed;}
.iletisimform form label a      { font-size:12px; color:#000000; font-family:Open Sans Condensed; cursor: pointer;}


#content .iletisimbilgileri             { float: left; padding: 30px 30px 30px 30px;  border: 1px solid #e0e0e1;  border-radius: 10px; position:relative; }
#content .iletisimbilgileri h2          { margin:0px; padding:0px; text-align: center; color: #000000; font-weight: 700; letter-spacing:-1px; font-family: Open Sans Condensed;  float: left; width: 100%;    margin-bottom: 20px;}
#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%; margin:0px 0 0 0; padding:30px 20px; background:#f3f3f3; border-radius:10px; }


#content .iletisimbilgileri .iletisimliste { float: left; width: 100%; margin:0; position:relative; }
#content .iletisimbilgileri .iletisimliste li { margin:0 0 15px 0; float: left; width: 100%; padding:10px; border:1px solid#e0e0e1; border-radius:5px; }
#content .iletisimbilgileri .iletisimliste li.telll a   { padding:10px; float: left; width: 100%; border-radius:5px; 
background: rgb(5,63,154);
background: -moz-linear-gradient(137deg, rgba(5,63,154,1) 0%, rgba(40,86,234,1) 50%, rgba(5,63,154,1) 100%);
background: -webkit-linear-gradient(137deg, rgba(5,63,154,1) 0%, rgba(40,86,234,1) 50%, rgba(5,63,154,1) 100%);
background: linear-gradient(137deg, rgba(5,63,154,1) 0%, rgba(40,86,234,1) 50%, rgba(5,63,154,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#053f9a",endColorstr="#053f9a",GradientType=1); }

#content .iletisimbilgileri .iletisimliste li.telll a img { float:left; }
#content .iletisimbilgileri .iletisimliste li.telll a span { font-size:13px; font-weight:600; text-align: center;  color:#fff; margin: 5px 0 0 0;  float: left; width:calc(100% - 28px); }


#content .iletisimbilgileri .iletisimliste li a { padding:10px; float: left; width: 100%; border-radius:5px;
background: rgb(254,254,254);
background: -moz-linear-gradient(137deg, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 50%, rgba(254,254,254,1) 100%);
background: -webkit-linear-gradient(137deg, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 50%, rgba(254,254,254,1) 100%);
background: linear-gradient(137deg, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 50%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe",endColorstr="#fefefe",GradientType=1); }
#content .iletisimbilgileri .iletisimliste li a img { float:left; }
#content .iletisimbilgileri .iletisimliste li a span { font-size:13px; font-weight:600; text-align: center;  color:#000000; margin: 5px 0 0 0;  float: left; width:calc(100% - 28px); }

#content .iletisimbilgileri .iletisimliste li a { box-shadow:0 1px 8px #00000049; }

#content .iletisimbilgileri .iadres { margin:20px 0; text-align:center; float:left; width:100%; }
#content .iletisimbilgileri .iadres span.ililce { margin: 0 0 5px 0; width:100%; float:left; font-weight: bold; color: #000000; font-size: 15px; font-family: Open Sans Condensed; }

#content .iletisimbilgileri .iadres span.adress { width:100%; line-height: 16px; padding: 0 50px; float:left; font-weight: 400; color: #000000; font-size: 14px; font-family: Open Sans Condensed; }


.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:16px; 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:17px; color:#808080; line-height:22px; float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsol span.telefon { margin:0 0 20px 0; font-size:17px; 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 0 40px 0; }
.iletisimalt .iletisimaltsag span   { font-size:16px; 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:17px; color:#808080; line-height:22px; float: left; width:100%; text-align:center; }
.iletisimalt .iletisimaltsag span.telefon { margin:0 0 20px 0; font-size:17px; 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; top: 120px; left:-55px; }

.modal-content.kvkk button.close { top: 5px; right: 5px; background: #4155c5; }
.modal-content.kvkk button.close:hover {background: #2a3c9e; opacity:1 }
.modal-content.kvkk .modal-title { width:100%; text-align:center; margin: 20px 0; }

/* İ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 */



/* Kategoriler Sayfası */



.kategoriler                 { margin:80px 0; float: left; width: 100%; position: relative; }

.displayflex                {  position: relative; text-align: center;  display: flex; }

.kategoriler .kategori     { display: inline-flex; margin:0 50px 20px 0;  width:450px;  }
.kategoriler .kategori .katimage     { text-align: center;display: flex;justify-content: center; }
.kategoriler .kategori a   { padding:35px;  float: left; position: relative; width:100%; background:#f7f7f7; transition: transform .4s; }
.kategoriler .kategori a:hover { background:#e9e9e9; transition: transform .4s; }
.kategoriler .kategori a img{ float: left; width: 100%; position: relative; transition: transform .6s; }
.kategoriler .kategori a .katbaslik { text-align:center; top:45%; width:73%; background:#0033a1; position:absolute;border-radius: 5px; }
.kategoriler .kategori a .katbaslik h2 { padding:13px 10px; margin:0px; font-size:20px; font-weight:700; font-family: Open Sans Condensed; color:#fff; float:left; width:100%; }
.kategoriler .kategori a:hover .katbaslik { background:#f1f2f2; }
.kategoriler .kategori a:hover .katbaslik h2 { color:#0033a1; }

.kategori-header            {  padding:20px 0; background: url(../images/katbg.jpg) no-repeat; background-size: cover; float: left; position: relative; width: 100%; }
.kategori-header h1         { margin:30px 0 10px 0; line-height: 40px; color:#000; font-size:45px; letter-spacing: -2px; font-weight:700; text-align: center; font-family: Open Sans Condensed; float: left; width: 100%; }
.kategori-header ul         { display: table; margin:0 0 20px 0px; width: 100%; text-align:center; position: relative; }
.kategori-header ul li      { display: inline; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid#c3c1c1; line-height: 13px; }
.kategori-header ul li:last-child   { border-right:0; margin: 0; padding:0; }
.kategori-header ul li a    { color:#808080; font-size:14px; font-family: Open Sans Condensed; }
.kategori-header ul li a:hover      { color:#808080; }
.kategori-header ul li.aktif a { color:#0033a1; font-weight:bold; }

.brvideo { margin:20px auto 30px auto; width:540px; height:310px; }
.brvideo a { border-radius:30px; float:left; width:100%; position:relative;  }
.brvideo a:hover { box-shadow:0px 0px 13px #00000090; }
.brvideo a:hover:before {  }
.brvideo a:before { left:28px; top:25px; width:485px; height:267px; content: ''; position: absolute; background:url(../images/vafter.png)no-repeat; }
.brvideo a img { border-radius:30px; width:540px; height:310px; object-fit:cover; float:left; }


.owl-filter-bar, .kategori-urunler, .kategorialturunler, .kategoriler-sayfa, .urunler, .urunler .item { float:left; width:100%; position:relative; }

.kategori-urunler { margin:0px 0;  }
.kategori-tumurunler { margin:80px 0; float: left; width: 100%; }
.kategori-urunler i, .kategori-urunler a, .kategori-urunler span { text-align:center; float:left; width:100%; }
.kategori-urunler span.lbaslik { margin:10px 0 0 0; font-size: 22px; font-weight:bold; color:#002b7f; text-transform:uppercase; }
.kategori-urunler span.baslik { padding:0 220px; margin:0 0 0px 0; font-size:17px; font-weight:normal; color:#000; font-family: Open Sans Condensed; }

.kategoriler-sayfa {  }
.kategoriler-sayfa .sektortabbasliklar2 .sektortabbasliklar { display: flex; padding:20px; margin:0 40px 40px 40px; border-radius:5px; float: left; width: calc(100% - 80px); background:#f4f4f4; }
.kategoriler-sayfa .sektortabbasliklar2 .sektortabbasliklar a{ text-align: center; width: 100%; margin:0 15px; padding:20px 10px; border-radius: 5px; font-size: 18px; color:#000; font-weight:bold; text-transform: uppercase; font-family: 'Open Sans', sans-serif; background: rgb(225,225,225); cursor: pointer;
background: -moz-linear-gradient(137deg, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 50%, rgba(225,225,225,1) 100%);
background: -webkit-linear-gradient(137deg, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 50%, rgba(225,225,225,1) 100%);
background: linear-gradient(137deg, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 50%, rgba(225,225,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1e1e1",endColorstr="#e1e1e1",GradientType=1);}

.kategoriler-sayfa .sektortabbasliklar2 .sektortabbaslik { display: flex; padding:20px; margin:0 40px 40px 40px; border-radius:5px; float: left; width: calc(100% - 80px); background:#f4f4f4; }
.kategoriler-sayfa .sektortabbasliklar2 .sektortabbaslik a{ text-align: center; width: 100%; margin:0 15px; padding:20px 10px; border-radius: 5px; font-size: 18px; color:#000; font-weight:bold; text-transform: uppercase; font-family: 'Open Sans', sans-serif; background: rgb(225,225,225); cursor: pointer;
background: -moz-linear-gradient(137deg, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 50%, rgba(225,225,225,1) 100%);
background: -webkit-linear-gradient(137deg, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 50%, rgba(225,225,225,1) 100%);
background: linear-gradient(137deg, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 50%, rgba(225,225,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1e1e1",endColorstr="#e1e1e1",GradientType=1);}

.kategoriler-sayfa .sektortabbasliklar2 .sektortabbasliklar a:first-child{ color: #ffffff;
background: rgb(0,61,153);
background: -moz-linear-gradient(65deg, rgba(0,61,153,1) 0%, rgba(0,61,153,1) 0%, rgba(34,90,199,1) 100%);
background: -webkit-linear-gradient(65deg, rgba(0,61,153,1) 0%, rgba(0,61,153,1) 0%, rgba(34,90,199,1) 100%);
background: linear-gradient(65deg, rgba(0,61,153,1) 0%, rgba(0,61,153,1) 0%, rgba(34,90,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003d99",endColorstr="#225ac7",GradientType=1);}

.kategoriler-sayfa .sektortabbasliklar2 .sektortabbaslik.last a:last-child{ color: #ffffff;
background: rgb(0,61,153);
background: -moz-linear-gradient(65deg, rgba(0,61,153,1) 0%, rgba(0,61,153,1) 0%, rgba(34,90,199,1) 100%);
background: -webkit-linear-gradient(65deg, rgba(0,61,153,1) 0%, rgba(0,61,153,1) 0%, rgba(34,90,199,1) 100%);
background: linear-gradient(65deg, rgba(0,61,153,1) 0%, rgba(0,61,153,1) 0%, rgba(34,90,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003d99",endColorstr="#225ac7",GradientType=1);}


.kategoriler-sayfa .sektortabbasliklar2 .sektortabbasliklar a:hover { color: #ffffff;
background: rgb(0,61,153);
background: -moz-linear-gradient(65deg, rgba(0,61,153,1) 0%, rgba(0,61,153,1) 0%, rgba(34,90,199,1) 100%);
background: -webkit-linear-gradient(65deg, rgba(0,61,153,1) 0%, rgba(0,61,153,1) 0%, rgba(34,90,199,1) 100%);
background: linear-gradient(65deg, rgba(0,61,153,1) 0%, rgba(0,61,153,1) 0%, rgba(34,90,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003d99",endColorstr="#225ac7",GradientType=1);}

.sektortabicerik { display:none }


.kategoriler-sayfa .tabAlan { padding:0 80px; margin-bottom: 80px; margin-top: 40px; }
.kategoriler-sayfa .tabAlan .item { float: left; width: 100%; margin:0 0 20px 0; }
.kategoriler-sayfa .tabAlan .item a { padding: 15px;  float: left; width: 100%;    position: relative; background: #f5f5f5;  border-top: 5px solid #ffffff;  border-bottom: 5px solid #ffffff;}
.kategoriler-sayfa 
.kategoriler-sayfa .tabAlan .item a { text-align: center; padding: 15px; float: left; width: 100%;  position: relative; background:#f5f5f5; border-top:5px solid#ffffff; border-bottom:5px solid#ffffff; }
.kategoriler-sayfa .tabAlan .item a:hover{ border-top:5px solid#2a3c9e; border-bottom:5px solid#c3c4c6; }
.kategoriler-sayfa .tabAlan .item a img  { float: left; width:110px; height:80px; object-fit: cover; margin:0 10px 0 0; }
.kategoriler-sayfa .tabAlan .item a .baslikdetay { float: left; width: calc(100% - 120px); line-height: 18px;  }
.kategoriler-sayfa .tabAlan .item a h2   {     text-transform: uppercase; max-width:100%; margin:15px 0 0 0;  display: inline-block; font-size:18px;font-weight: bold; color: #000000;    font-family: Open Sans Condensed;    font-optical-sizing: auto;    font-variation-settings: "wdth" 75;white-space: nowrap; overflow:hidden;  text-overflow:ellipsis; }
.kategoriler-sayfa .tabAlan .item a h2 span { letter-spacing: 1px; text-align: right; font-size: 11px; color:#000000; float: right;  font-family: "Anonymous Pro", monospace; }
.kategoriler-sayfa .tabAlan .col-md-3:nth-child(2) .item a { border-top: 5px solid #2a3c9e !important;  border-bottom: 5px solid #c3c4c6 !important;}
.kategoriler-sayfa .urunlerbaslik { float: left; width: 100%;  position: relative;    margin: 30px 0; }
.kategoriler-sayfa .urunlerbaslik h4{ color: #2a3c9e; text-align: center; float: left;  width: 100%;  font-size: 18px;  text-transform: uppercase; margin: 10px 0;  font-weight: 900; }





.urunler-progresif { float: left; width: 100%; position:relative; margin-bottom: 80px; }
.urunler-progresif .item { float: left; width: 100%; margin:0 0 25px 0; }
.urunler-progresif .item a { text-align: center; padding: 15px; float: left; width: 100%;  position: relative; background:#f5f5f5; border-top:5px solid#ffffff; border-bottom:5px solid#ffffff; }
.urunler-progresif .item a:hover{ border-top:5px solid#2a3c9e; border-bottom:5px solid#c3c4c6; }
.urunler-progresif .item a img  { float: left; width:110px; height:80px; object-fit: cover; margin:0 10px 0 0; }
.urunler-progresif .item a .baslikdetay { float: left; width: calc(100% - 120px); line-height: 18px;  }
.urunler-progresif .item a h2   {       text-transform: uppercase;  max-width: 100%; display: inline-block;  margin:15px 0 0 0; font-size:18px;font-weight: bold; color: #000000;    font-family: Open Sans Condensed;    font-optical-sizing: auto;    font-variation-settings: "wdth" 75;white-space: nowrap; overflow:hidden;  text-overflow:ellipsis; }
.urunler-progresif .item a h2 span { letter-spacing: 1px; text-align: right;  font-size: 11px; color:#000000; float: right;font-family: "Anonymous Pro", monospace; }
.urunler-progresif .col-md-4:nth-child(2) .item a { border-top: 5px solid #2a3c9e !important;  border-bottom: 5px solid #c3c4c6 !important;}
.kategoriler-sayfa .aksesuar .item:nth-child(2) a { border-top: 5px solid #2a3c9e !important;  border-bottom: 5px solid #c3c4c6 !important;}

.kategoriler-sayfa .aksesuar {
    display: flex;gap: 0 20px;justify-content: center;
}
.kategoriler-sayfa .aksesuar .item{
    width: 406px;
}




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


.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 45px; 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  { float: left; width: 100%;  }
.kategoridetay .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%;  }
.kategoridetay .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; }
.kategoridetay .kategori a i    { float: left; width:100%; text-align:center; margin:10px 0; }
.kategoridetay .kategori a img.inceok { float:none; width:auto;}



/* Kategoriler Sayfası Son */


/* Ürün Detay Sayfası */

.product-detail { float: left; position: relative; width: 100%; }

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

.kategori-header a.geri     { padding: 10px 30px;  margin: 20px 0; border-radius: 8px; display: inline-block;  font-family: Open Sans Condensed; font-size: 14px; font-style:normal; text-transform: uppercase; color: #545454;  font-weight: bold; background: #ffffff;  text-align: center; }
.kategori-header a.geri img { position: relative; top:-1px; left:-5px; transition: all 0.5s ease 0s; }
.kategori-header a.geri:hover img { left:-10px; }

.kategori-header i { text-align:center; float:left; width:100%; }


.product-top { background:#f2f2f2; float: left; position: relative; width: 100%; }

.product-top .urunsol { min-height: 431px; }

.urunlerbread            { float: left; position: relative; width: 100%; margin:90px 0 20px 0px; }
.urunlerbread i { float: left; position: relative; width: 100%; text-align:center; margin:20px 0 13px 0px; }
.urunlerbread h1         { text-transform: uppercase; margin:0 0 20px 0; line-height: 40px; color:#000; font-size:50px;  font-weight:800; text-align: center; font-family: Open Sans Condensed; float: left; width: 100%;letter-spacing: -3px;}
.urunlerbread ul         { display: table; margin:0 0 0 0px; width: 100%; text-align:center; position: relative; }
.urunlerbread ul li      { display: inline; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid#c3c1c1; line-height: 13px; }
.urunlerbread ul li:last-child   { border-right:0; margin: 0; padding:0; }
.urunlerbread ul li a    { color:#808080; font-size:14px; font-family: Open Sans Condensed; }
.urunlerbread ul li a:hover      { color:#808080; }
.urunlerbread ul li.aktif a { color:#0033a1; font-weight:bold; }


.urunlerpdf            { float: left; position: relative; width: 100%; margin:14px 0 20px 0px;text-align: center; }
.urunlerpdf a {text-decoration: none;color: #000;font-weight: 500;font-size: 13px;    font-family: Open Sans Condensed;display:inline-block;width: 100px;
    height: 80px;
    padding: 17px 0;
    border: 0px solid #e5e5e5;}
.urunlerpdf a img { margin-bottom: 3px;width: 20px; }

.product-buttons { position:absolute; width:100%; bottom:0px; text-align:center; display:flex; padding:0 20px 0 0; }
.product-buttons a { cursor: pointer; width: 100%; float: left; border-radius: 10px 10px 0 0; text-align: center; margin: 0 30px 0 0;  padding: 15px;  text-transform: uppercase; color: #ffffff; font-family: Open Sans Condensed; font-size: 14px; font-weight: 600; letter-spacing: 2px; }
.product-buttons a.siparis { background:#4fc0e8; }
.product-buttons a.whatsapp { background:#48cfae; }
.product-buttons a.siparis:hover { background:#41aed4; }
.product-buttons a.whatsapp:hover { background:#36bc9b; }



#panel{position:absolute;bottom:0;z-index: 100;background-color:#4fc0e8;display: none;width:280px;height:305px;border-radius:10px 10px 0 0;}
#panel form            { margin:10px 0 0 0; float: left;  width: 100%; position:relative; }
#panel form input      { float: left;  width: 100%;  text-align: center;  border: 0; font-family:'Poppins', sans-serif;     height: 35px; line-height: 35px; font-size: 12px;  font-weight: 300;  color: #333; background: #fff; margin: 0 0 10px 0;}
#panel form input::placeholder { color#333; }


#panel .formorta       { float: left; width:100%; padding:5px 10px; text-align:center; background:rgb(69 177 215); }
#panel .formorta p     { margin: 0px 0 0px 0; text-align:center; font-size: 10px;  font-weight: 300;  color: #ededed; letter-spacing:1px;float: left; width:100%; font-family:'Poppins', sans-serif }
#panel .formorta h1    { line-height: 15px; margin: 0px 0 0 0;  font-size: 13px; font-weight: 300; color: #ffffff; letter-spacing: 1px; text-transform: uppercase; float: left; width: 100%; }
#panel .formorta h2    { margin:0px; font-size: 13px;  font-weight: 500;  color: #ffffff; float: left; width:100%; }

#panel a.gonderbuton               { margin: 11px auto 0 auto; width: 100%;  display: block;  border: 0; color: #ffffff; font-size: 13px; font-weight: 500; padding: 10px 0px; text-align: center; cursor: pointer; border-radius: 0; background: #224ba3; }
#panel a.gonderbuton:hover         { background:#193f91; color:#ffffff; }




.urundetay              { float: left; min-height: 460px; width: 100%; position: relative;  }

.urunresim2             { margin: -80px 0; box-shadow:13px 6px 12px #00000030; float:left; width:calc(100% + 35%); background:#ffffff; padding:50px; position:relative;z-index:1; }
.urunresim2 img.mercek2 { right:70px; bottom:70px; position:absolute; }
.urunresim2 img.urungrs { float:left; width:100%; position:relative; min-height: 485px; max-height: 485px; object-fit: cover; border-radius:10px; background:#fff; }
.zoomImg { background:#ffffff !important; }


.product-center         { height: 120px;  background: url(../images/prcenter.jpg)no-repeat; background-size: cover; float:left; width:100%; position:relative; }
.product-center h5      { margin-left:30px; top:-120px; color:#889397; font-size:110px; text-align: left; font-family: "Poppins", sans-serif; font-weight: 300;float: left;  width: 100%; position: relative; }
.product-center h5 span { color:#2a3c9e; }


.product-bottom         { float: left; width: 100%; position: relative;  }
.product-bottom .urunaciklama           { margin:70px 0; padding:0 80px 0 0; float:left; width:100%; position:relative;  }
.product-bottom .urunaciklama h3        { padding:0px; color:#000; font-size: 21px; font-weight: bold; font-family: 'Open Sans', sans-serif; text-align:left; position:relative; float:left; width:100%; }
.product-bottom .urunaciklama p         { color:#000000 !important; font-size:17px; font-family: Open Sans Condensed; float: left; width: 100%;}
.product-bottom .urunaciklama span         { color:#000000 !important; font-size:17px; font-family: Open Sans Condensed; float: left; width: 100%;}

.product-bottom .urunaciklama table {
    border:2px solid #fff;
    border-color: transparent;
}
.product-bottom .urunaciklama table tr td:first-child {
    background-color: #dddddd;
    border: 2px solid #fff;
    padding: 5px 0px;
    font-size: 15px;
    font-family: Open Sans Condensed;
    text-align: center;
    color: #000;
    letter-spacing: 0.5px;
    font-weight: 500;
    width: 110px;
}
.product-bottom .urunaciklama table tr td:nth-child(2) {
    background-color: #f2f2f2;
    border: 2px solid #fff;
    padding: 5px 10px;
    font-size: 15px;
    font-family: Open Sans Condensed;
    color: #000;
    letter-spacing: 0.5px;
    font-weight: 500;
}


.product-bottom .sidebar {  }

.product-bottom .sidebar          { float: right; width: 86%; background: #193f91; position: relative; padding: 30px; border-radius: 10px; margin: -25px 10px -25px 10px; z-index: 1; }
.product-bottom .sidebar span { line-height: 22px; margin:10px 0 20px 0; padding:10px; color:#ffffff; font-size:14px; font-weight:bold; border-radius: 10px; background:#2f529d; font-family: 'Open Sans', sans-serif; text-align: center; float: left; width: 100%; }
.product-bottom .sidebar ul { margin:0; padding:20px 40px; float:left; width:100%; position:relative; }
.product-bottom .sidebar ul li { padding:14px; border-bottom: 1px solid#ffffff14; float:left; width:100%; position:relative; }
.product-bottom .sidebar ul li.aktif { margin: 0 0px 0 0px; width: calc(100% + 100px); background: #ffffff; border-right: 4px solid #193f91; }
.product-bottom .sidebar ul li.aktif a { color:#000000; font-weight:bold }
.product-bottom .sidebar ul li.aktif a:hover {color:#000000;  }
.product-bottom .sidebar ul li a    { font-size:13px; color:#ffffffde; float:left; width:100%; padding:0 0 0 0px; margin:0; position: relative; text-align:center; }
.product-bottom .sidebar ul li a:hover  { color:#fff; }
 
.product-bottom .sidebar ul li.aktif a i   {float: left; width: calc(100% - 90px); font-style:normal}
/* Ü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:0px; 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 35px 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:0px; 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ı */

.dortyuzdort            { float: left; position: relative; width: 100%;}
.dortyuzdort span       { color:#0033a1; font-size:35px; margin:20px 0 0 0; text-align:center; float: left; position: relative; width:100%; }

.bulunamadi         { margin:70px 0 70px 0; padding: 0 0 0px 0; float: left; position: relative; width: 100%; }
.bulunamadi span {  float: left; position: relative; width: 100%; text-align:center }

/* 404 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:500px; max-width: 100%; margin: 120px auto 0 auto;}
.modal-content.talepp       { float: left; width: 100%; padding:55px 80px; background:#193c8c;border: 0; box-shadow: none; }
.modal-content.talepp h3    { position: relative; margin:0 0 40px 0; font-weight:700;   float: left;  width: 340px;  font-size: 21px;  color: #545454; }
.modal-content.talepp h3:before { left:0px; bottom: -20px; content:''; position: absolute; width:80%; height: 1px; background:#d9dcde; }


.modal-content.talepp .modal-body   { padding: 0; }
.popupdetay         { float:left; width:100%; text-align:center;  }
.popupdetay span    { margin: 5px 0 0 0 !important; letter-spacing:3px !important;color:#ffffff !important;font-family:'Poppins', sans-serif !important; font-size: 16px !important; font-weight:300 !important; float:left; width:100%;  }
.popupdetay i       { float:left; width:100%; text-align:center; margin:0 0 30px 0 }
.popupdetay i img { width:180px; }

.popupdetay form            { margin:30px 0 0 0; float: left;  width: 100%; position:relative; }
.popupdetay form input      { float: left;  width: 100%;  text-align: center;  border: 0; font-family:'Poppins', sans-serif; height: 45px;  line-height: 45px;  font-size: 14px;  font-weight: 300;  color: #d9d9d9; background: rgb(60 60 60 / 62%); margin: 0 0 20px 0;}

.popupdetay .formorta       { float: left; width:100%; padding:30px 10px; text-align:center; background: rgb(60 60 60 / 62%); }
.popupdetay .formorta p     {text-align:center; font-size: 11px;  font-weight: 300;  color: #a6a6a6; letter-spacing:1px;float: left; width:100%; font-family:'Poppins', sans-serif }
.popupdetay .formorta h1    { line-height: 18px; margin:10px 0 0 0; font-size: 18px;  font-weight: 300;  color: #ffffff; letter-spacing:1px; text-transform: uppercase; float: left; width:100%; }
.popupdetay .formorta h2    { margin:0px; font-size: 13px;  font-weight: 500;  color: #ffffff; float: left; width:100%; }

.popupdetay a               { margin: 30px auto 0 auto; width: 120px; display: block; border: 1px solid#252525; color: #ffffff; font-size: 13px; font-weight: 500; padding: 10px 0px; text-align: center; cursor: pointer; }
.popupdetay a:hover         { background:#252525; color:#ffffff; }
.talepp button.closee       { z-index: 2;  color: #fff; width: 12px;height: 12px; position: absolute; top: 10px;  right: 15px; opacity: 1;border: 0; background: transparent; padding: 0;}
.modal#gizlilik { z-index:9999 !important }



button.closee               {  z-index: 2;  background: #0a0a0a;  color: #fff;  width: 24px;  height: 24px; border-radius: 50%;  position: absolute;   top: 8px;  right: 9px;  opacity: 1;font-family: 'Poppins', sans-serif; font-weight: 300;  line-height: 24px; }
button.close:hover, button.close:focus { color: #fff; }



.popupdetay form input[type="checkbox"] { width:18px; height:18px; margin: 0 5px 0 0; visibility: hidden; }

.popupdetay form input[type="checkbox"] + label:before { float: left; background:rgb(60 60 60 / 62%);  content: "\00a0"; display: inline-block; font: 16px/1em sans-serif; height: 18px;  margin: 0 9px 0 -27px; padding: 0; vertical-align: top; width: 18px;}
.popupdetay form input[type="checkbox"]:checked + label:before { background:rgb(145 145 145 / 62%);content: "";text-align: center;}
.popupdetay form input[type="checkbox"]:checked + label:after  { width: 10px; height: 10px; left: -23px; top: 4px;background: #0a0a0a; content: ""; position: absolute; }

.popupdetay form input[type="checkbox"]:focus + label::before  { }



.popupdetay form label        { margin: 15px 0 0 0; font-size:13px; color:#ffffff; font-weight:300; position: relative;width: calc(100% - 30px);    text-align: left;}
.popupdetay form label a      { float: left;border: none; margin: 0 5px 0 0; width: auto;  padding: 0; text-align: left; font-size:13px; color:#ffffff; font-weight:300; cursor:pointer; }



.modal-backdrop     { background-color: #ffffff; z-index:2 }
.modal-backdrop.in  { opacity: 0.5; }












.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 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: 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 a  { float: right; cursor:pointer; border-radius:10px; color:#fff; padding:14px 40px; font-weight:600; font-size:14px; margin-top:10px; background: rgb(33 33 33); background: linear-gradient(45deg, rgb(72 72 72) 0%, rgb(19 19 19) 100%); }
.talepsag a:hover { background: rgb(33 33 33); background: linear-gradient(45deg, rgb(19 19 19) 0%, rgb(72 72 72) 100%); }

button.close {z-index: 2; background: #1c1b17; 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; }





body:not(.device-touch) #gotoTop{transition:background-color .2s linear;-webkit-transition:background-color .2s linear;-o-transition:background-color .2s linear;}

.kvkkform {
    font-size: 15px;
    color: #000;
    padding: 7px 20px;
    cursor: pointer;
    position: relative;
    font-family: Open Sans Condensed;
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 75;
    background-color: #dddee0;
    letter-spacing: .5px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 188px;
    justify-content: center;
}
.kvkkform:hover {
    background-color: #003180;
    color: #fff;
}
.iletisimform form label[for="kontrol3"] {
    margin:5px 0 0 0 !important;
}
.iletisimform form label[for="kontrol4"] {
    margin:5px 0 0 0 !important;
}
.iletisimform form #kontrol3 {
    margin:0px 5px 0 0px !important
}
.iletisimform form #kontrol4 {
    margin:0px 5px 0 0px !important
}