@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300..800&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body{font-family: 'Merriweather Sans', sans-serif;font-weight: 300;color: #000;
font-size: 1em;margin: 0;padding: 0;line-height:normal;
}
html {scroll-behavior: smooth;}
div, span, p, header, footer, a , table, tr, td, input, textarea, select, ul, li
{box-sizing:border-box; outline:none;}

a
{  transition:all 500ms;
-moz-transition:all 500ms;
-ms-transition:all 500ms;
-o-transition:all 500ms;
-webkit-transition:all 500ms;
text-decoration:none;
cursor:pointer;
color: #000;
}

input[type=text],input[type=submit],textarea,select {
font-family: 'Merriweather Sans', sans-serif;
}
.txtcenter {text-align: center;}
ul,li,p,h1,h2,h3,h4,h5
{margin:0px;
padding:0px;
list-style: none;
}

.clear{clear:both;}

.container{position: relative;overflow:hidden;}
.full {width: 88%;margin: auto;}

header{
position: fixed;
top: 20px;
width: 88%;
left: 6%;
z-index: 9999;
background-color: #fff;
border-radius: 10px;
padding: 0px 20px 0px 20px;
border: 1px solid #f4f4f4;

}

.headtop{
display: flex;
align-items: center;
justify-content: space-between;
}

.menu ul{
display: flex;
align-items: center;
justify-content: space-between;
}
.mlink{
font-weight: 700;
}

.socialdil{
display: flex;
align-items: center;
justify-content: space-between;
}

.social a{
border-radius: 5px;
color: #838383;
display: flex;
align-items: center;
justify-content: center;
border:1px solid #d4d4d4;
width: 28px;
height: 26px;
margin-right: 4px;

}



.social a.fa-x-twitter:hover{
    background: #00acee;
    color: #fff;
}

.social a.fa-linkedin-in:hover{
    background: #0072b1;
    color: #fff;
}


.social a.fa-youtube:hover{
    background: #ff0000;
    color: #fff;
}

.social a.fa-instagram:hover{
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    color: #fff;
}



.social {
display: flex;
align-items: center;
justify-content: space-between;
margin-right: 15px;
}




.aktifdil {
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
color:#838383 ;
}
.aktifdil:hover{
color: #000;
}
.aktifdil span{
padding-left: 10px;
}

.diller {
border-radius: 10px;
border: 1px solid #ababab;
background: #fff;
position: absolute;
z-index: 99999;
top: 93px;
display: none;
align-items: flex-start;
justify-content: flex-start;
flex-flow: column;
right: 0;
}
.dil {
display: block;
border-bottom: 1px solid #f0f0f0;
padding: 10px 35px;
border-radius: 10px;
}

.dil:last-child {

border-bottom: none;

}
.dil:hover{
background:#fdfbee ;
}




.searchbox {
position: fixed;
top: -159px;
left: 0;
width: 100%;
height: 159px;
z-index: 9999999;
background-color: rgba(0, 0, 0, 0.95);
color: #fff;
display: flex
;
transition: all 300ms;
}

.headmenu{display: none;}



.anaslider{
width: 96% !important;
margin: auto;
position: relative;
}


.opensearch{
margin-left: 15px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background: #f00000;
border-radius: 50%;
cursor: pointer;
}

.opensearch i{
color: #fff;
}


.comedown {
top: 0;
}

.closesearch {
position: absolute;
top: 20px;
right: 20px;
color: #fff;
font-size: 30px;
cursor: pointer;
}

.searchform{
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
width: 100%;
position: relative;
}

.searchform input[type=text] {
border: none;
padding: 20px;
width: 100%;
border-radius: 30px;
z-index: 100;
position: relative;
font-weight: 300;
}


.searchform .search-btn {
position: absolute;
right: 15px;
z-index: 200;
background: transparent;
border: none;
font-size: 22px;
}


.search {width: 40%;margin: auto;position: relative;}

.menu ul > li > .ulfirst {
position: absolute;
z-index: 102;
width: 285px;
left: 0;
top: 62px;
display: none;
}



.menu ul li{
position: relative;
padding: 25px 0px 25px 0px;
}

.mlink{
    padding: 10px 20px;
        border-radius: 10px;
    background: transparent;
    transition: 0ms;
}

.mlink:hover{
    background: #f00000;
    color: #fff;
}

.ulfirst ul {margin-top: 15px;
background: #fff;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-flow: column;
border: 1px solid #f4f4f4;
padding: 15px 0 10px 0;
border-radius: 15px;
}

.ulfirst ul li{
padding: 0 0 0 0 !important;
border-bottom: 1px solid #f4f4f4;
width: 100%;
}
.ulfirst ul li:last-child{
border-bottom: none;
}


.ulfirst ul li a{
display: flex;
align-items: center;
justify-content: flex-start;
padding:10px 0 10px 15px;
font-size: 14px;
font-weight: 400;
}



.ulfirst figure{
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: #f0f0f0;
border-radius: 5px;
margin-right: 10px;
border:1px solid #f0f0f0;
}

.ulfirst figure img{
max-height: 40px;
max-width: 40px;

}

.ulfirst ul li:hover figure{
border: 1px solid #f00000;
}


.slin{
background: rgba(0, 0, 0, 0.8);
border-radius: 20px;
position: absolute;
left:4%;
z-index: 3;
bottom: 80px;
color: #fff;
padding: 30px;
width: 475px;
}

.owl-carousel .owl-item img {
z-index: 2;
position: relative;
}

.tbig{
font-size: 35px;
font-weight: 700;
padding-bottom: 30px;
}

.tmid{
font-size: 18px;
padding-bottom:35px;
}

.devam{
padding: 15px 30px;
border-radius: 25px;
color: #fff;
font-weight: 300;
background: #f00000;
border: 1px solid #f00000;
}

.devam i{
padding-left: 10px;
transition: 500ms;
}
.devam:hover i{
padding-left: 40px;
}

.devam:hover{
    background: #f00000;
    color: #fff;
    border: 1px solid #f00000;
}

.slnk{
padding:40px 0;
}

.anaslider .owl-nav{
left: 4% !important;
width: 450px !important;
justify-content: flex-end !important;
bottom: 27px !important;

}


.anaslider button{
background: rgba(0, 0, 0, 0.8) !important;
width: 60px;
height: 53px;
padding: 0 !important;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin-right: 0 !important;
transition: 500ms;
}
.anaslider button:hover{
background: rgba(0, 0, 0, 0.9) !important;
}

.anaslider button span{
position: relative !important;
top: unset !important;
width: unset !important; 
height: unset !important;
}
.kurumsal{
padding-top:100px;
position: relative;
}

.kurumsalgovde{
display: flex;
align-items: flex-start;
justify-content: space-between;
}

.kurumsalimg {
position: relative;
width: 40%;
z-index: 300;
}
.kurumsalimg img {width: 670px;}
.kurumsaltext{width: 60%;position: relative;z-index: 200;}
.kurumsalimg:before{
background: #f0f0f0;
position: absolute;
content: "";
left: calc(-200% - -210px);
top: 0;
width:200%;
height: 100%;
z-index: -1;
}


.sayfa .kurumsalnesne3 {
    position: absolute;
    width: 61%;
    background: #f0f0f0;
    z-index: -1;
    right: -30%;
    height: 100px;
    bottom: 370px;
    display: none;
}


.minititle{
font-weight: 800;
color: #f00000;
font-size: 14px;
display: flex;
align-items: flex-end;
justify-content: flex-start;
line-height: 10px;
}
.minititle img{
padding-right: 5px;
}

.bigtitle{
font-weight: 600;
font-size: 38px;
line-height: 55px;
padding-top: 20px;
}
.bigtitle span{
font-weight: 800;
}

.kicerik{
position: relative;
line-height: 24px;
padding: 30px 0 30px 30px;
min-height: 440px;
margin-top: 130px;
z-index: -1;
}

.kicerik:before{
position: absolute;
content: "";
width: 500%;
height: 100%;
background: #f0f0f0;
left: -300%;
top: 0;
z-index: -1;
}

.maintitleft{padding-left: 30px;}
.deamleftgovde{
position: absolute;
bottom: 50px;
left: 30px;
}

.kdevam{
border: 1px solid #000;
color: #000;
background: rgba(0, 0, 0, 0);
font-weight: 600;
font-size: 18px;
border-radius: 30px;
}
.urunatitle{
flex-flow: column;
align-items: center;
color: #000;
}
.urunatitle img{
padding-bottom: 10px;
}
.maintitcenter{
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
padding-bottom: 50px;
}
.ubigtitle{
font-weight: 800;
font-size: 35px;
padding-top: 10px;
}

.mainurunler{
margin-top: 50px;
padding: 50px 0;
border-top: 1px solid #f8f4f4;
}



.urunslider .owl-nav{
justify-content: space-between !important;
bottom: 50% !important;
left: 0 !important;
z-index: -1;
}

.urunslider .owl-stage-outer{
width: 100% !important;
margin: auto;

}
.urunslider button{
background: transparent !important;
color: #000 !important;

}

.urunslider button:hover{
color: #f00000 !important;

}

.bultenslider button:hover{
color: #f00000 !important;

}
.urunslider {
    padding: 0 30px !important;
}

.urunslider .owl-nav button span{
font-size: 40px !important;
}

.bultenslider .owl-nav button span{
font-size: 40px !important;
}
 

.urunimg {
width: 100%;
background-size: cover;
background-position: center;
z-index: 100;
position: relative;
display: block;
transition: 2s;
overflow: hidden;
}



.urunbox{
position: relative;
display: block;
}

.urunimg img {
width: 100%;
object-fit: cover;
}




.urunover {
overflow: hidden;
position: relative;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
min-height: 325px;
max-height: 325px;
}

.uruntitle{
width: 100%;
text-align: center;
display: block;
padding: 20px 0;
font-weight: 700;
position: relative;
}

.urunslider .urunbox .uruntitle:before{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #f00000;
    transition: 500ms;
}



.urunslider .urunbox:hover .uruntitle:before{
    width: 100%;
}

.urunslider .urunover{
    border-radius: 20px;
    position: relative;
}


.urunslider .urunbox .urunover:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    left: 0;
    top: 0;
    visibility: hidden;
    z-index: 200;
    transition: 1000ms;
}

.urunslider .urunbox:hover .urunover:before{
    visibility: visible;
     transition: 1000ms;
        background: rgba(0, 0, 0, 0.13);
}

.urunbox .urnlink{
    position: absolute;
    right: -100%;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #f00000;
    padding: 15px;
    z-index: 300;
    border-radius: 5px;
}

.urunlist .urunbox .urnlink{
top: 10px;
}

.urunbox:hover .urnlink{
right: 20px;
}

.urnlink i{
transform: rotate(-45deg);
}

.urunbox .urnlink:hover{
    background: #000;
}

.habertext{
font-size: 26px;
line-height: 34px;
padding-top: 20px;
}
.habergovde{
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.bultentoptitle{
width: 20%;
padding-top: 30px;
height: 444px;
position: relative;
}
.bultenler{
width: 80%;
}
.habergovde .maintitleft{
padding-left: 0;
}
.bultenslider .owl-dots
{
bottom: -50px !important;
}

.bultenslider .owl-dots .owl-dot span{
width: 16px !important;
height: 16px !important;
border-radius: 50% !important;
}
.hbrimg{
height: 444px;
display: block;
position: relative;
border-radius: 20px;
background-size: cover;
}
.hbrimg:before{
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
border-radius: 20px;
transition: 500ms;
}
.bultenslider{
    padding-right: 50px;
}

.bultenslider .owl-nav button{
    background: unset !important;
    color: #000;
}

.hbrdimg{
    border-radius: 20px;
    position: relative;
}

.hbrdimg img{
    position: relative;
    z-index: 100;
    border-radius: 20px;
}
.hbrdimg:hover .btarih{
background: #f00000;
}

.hbrdimg .btarih {
top: 30px;
right: 30px;
}
.bultenslider .owl-nav button:hover{
    background: unset !important;
}
.bultenslider .owl-nav{
    right: 0;
    width: unset !important;
    bottom: 43% !important;
}
.bultenslider .owl-nav button:hover{
    background: unset !important;
    color: #f00000 !important;
}
.bultenslider .owl-prev{
    display: none;
}

.mainurunler .bultenslider .owl-prev{
    display: block;
}

.mainurunler .bultenslider {
    padding:0 50px;
}


.mainurunler .bultenslider .owl-nav{
width: 100% !important;
right: unset !important;
justify-content: space-between !important;
left: 0;
}


.bultengovde{
padding: 100px 0;
}

.bultentitle{
font-weight: 700;
color: #fff;
font-size: 20px;
position: absolute;
bottom: 20px;
left: 20px;
}

.btarih{
position: absolute;
right: 20px;
top: 20px;
font-weight: 700;
color: #fff;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 1.0);
border-radius: 10px;
width: 50px;
height: 70px;
z-index: 300;
text-align: center;
}

.hbrimg:hover:before{
background: rgba(0, 0, 0, 0);
}

.bultentoptitle .kdevam{
position: absolute;
bottom: 0;
left: 0;
}

.hbrimg:hover .btarih{
background: #f00000;
}

.btarih:hover {
background: #000;
}


footer{
position: relative;
background: #000;
padding-top: 75px;
}

.topfoter {
display: flex;
align-items: flex-start;
justify-content: space-between;
color: #fff;
padding-bottom: 20px;
position: relative;
}

.imza {
position: absolute;
bottom: 20px;
right: 0;
color: #fff;
font-size: 14px;
}
.imza a {
color: #fff;
}
.imza span {
font-weight: 700;
}
.adresler {
display: flex
;
align-items: flex-start;
justify-content: space-between;
padding-top: 25px;
width: 35%;
}
.adreslist {
display: flex
;
flex-flow: column;
align-items: flex-start;
justify-content: flex-start;
width: 50%;
}
.adresline {
display: flex
;
align-items: flex-start;
justify-content: flex-start;
padding-bottom: 20px;
flex-flow: row;
}
.adresline .ibasharf {
padding: 0 17px 0 10px;
font-weight: 700;
color: #ed1c24;
}

.adresline a {
color: #fff;
}
.adresline img {
padding-left: 5px;
}

.yoltarifi {
display: flex
;
align-items: center;
justify-content: center;
flex-flow: column;
width: 32%;
}
.world {
padding-bottom: 30px;
}
.world img {
width: 100%;
}
.tarif {
border: 1px solid #fff;
padding: 6px 20px;
font-size: 14px;
font-weight: 300;
color: #fff;
border-radius: 5px;
}
.tarif i {
padding-right: 5px;
font-size: 17px;
}
.takipiletisim {
display: flex
;
align-items: flex-start;
justify-content: space-between;
padding-top: 25px;
width: 33%;
}
.takiptitle {
font-weight: 700;
font-size: 14px;
color: #ed1c24;
padding-bottom: 10px;
}
.takipbottom {
display: flex
;
align-items: flex-start;
justify-content: flex-start;
}
.takipbottom .fa-pen-to-square {
font-size: 28px;
padding-right: 10px;
}
.takiptext {
font-weight: 300;
font-size: 14px;
color: #fff;
}



.hamburger{
display: none;
}

#cssmenu ul ul {
display: none;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
}


.anaslider .item .inimg{
background-size: cover;
background-position: center;
height: 760px;
width: 100%;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}

.banner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
}

.bannerimg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100%;
     background-repeat: no-repeat;
       background-position: top;
}

.baninner {
    min-height: 410px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding-top: 30px;
    flex-flow: column;
}

.bannerimg:before{
    position: absolute;
    content: "";
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%, rgba(214,15,15,0) 100%);
width: 100%;
height: 100%;
left: 0;
top: 0;
}

.linkyol {
    color: #fff;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: row wrap;
    z-index: 200;
}


.linkyol a {
    color: #fff;
    font-weight: 200;
    font-size: 13px;
    position: relative;
    padding-right: 20px;
}
.linkyol a:before {
    color: #fff;
    position: absolute;
    content: "/";
    font-weight: 200;
    font-size: 13px;
    right: 8px;
}
.linkyol a:last-child:before{
    display: none;
}
.sayfa{
    position: relative;
    display: block;
    padding: 50px 0;
}

.baninner h1{
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    padding-top: 25px;
}
.sayfa .kurumsalgovde{
    flex-flow: row-reverse;
}

.sayfa .kicerik:before{
    display: none;
}

.sayfa .kurumsalimg:before{
left: unset;
top: unset;
right: -30%;
height: 100px;
bottom: 0;
width: 100%;
display: none;
}
.sayfa .kurumsalimg:after{
    position: absolute;
    content: "";
    width: 61%;
    background: #f0f0f0;
    z-index: -1;
right: -30%;
height: 100px;
bottom: 135px;
display: none;
}
.sayfa .kurumsalgovde:before{
    position: absolute;
    content: "";
    width: 61%;
    background: #f0f0f0;
    z-index: -1;
right: -30%;
height: 100px;
bottom: 370px;
display: none;
}
.sayfa .kicerik{
    margin-top: 20px;
    padding: 30px 0 30px 0px;
}

.sayfa .kurumsalimg img{
    border-radius: 20px;
}

.sayfa .maintitleft{padding-left: 0;}

.sayfa .kurumsal{
    padding: 0px 0px;
}
.urunlist{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: row wrap;
}

.urunlist .urunbox{
    width: 22%;
    margin: 0 1.5% 70px 1.5%;
    overflow: hidden;
}


.urunayir{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}

.uruntext{
    min-height: 200px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.urunlist .urunbox .urunover:before{
    position: absolute;
    content: "";
    width: 100%;
    height:100%;
    background: rgba(0, 0, 0, 0);
    top: 0;
    z-index: 90;
    transition: 500ms;
    z-index: 200;
    border-radius: 20px;
}

.urunlist .urunbox:hover .urunover:before {
    background: rgba(0, 0, 0, 0.13);
}


.udevam{
    border: 1px solid #b2b2b2;
    color: #000;
    background: rgba(0, 0, 0, 0);
    font-weight: 300;
    font-size: 16px;
    border-radius: 30px;
    padding: 12px 20%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.udevam:hover{
    border-color:#f00000;
}

.uruntext ul,.uruntext ul li{
    list-style: disc !important;
      padding: revert;
    margin: 0;
    font-size: 14px;
}

.urunbaslik{
    font-weight: 600;
    padding-bottom: 15px;
    display: block;
    text-align: center;
    min-height: 56px;
}

.urundetay{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}


.detayimg{
    width: 35%;
    border: 1px solid #eaeaea;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-top: -110px;
    border-radius: 20px;
    position: relative;
}
.detayimg img{
    width: 100%;
}

.detayaciklama{
    width: 60%;
}

.iletyontemler{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.urunayrinti{
    padding-top: 100px;
}
.ayrintitle{
    font-weight: 500;
    font-size: 35px;
    text-align: center;
    padding-bottom: 25px;
}



.urunaciklama{
    padding: 100px 0;
}

.aciklamaline {
    padding: 50px 0;
    overflow: hidden;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
.aciklamaline:nth-child(odd) {
    background: #f0f0f0;
    border-top: none;
    border-bottom: none;
    position: relative;
}
.aciktitle {
    font-weight: 700;
    font-size: 20px;
    color: #000;
    position: relative;
    border-bottom: 2px solid #f00000;
    display: inline-block;
    padding-right: 5px;
    font-size: 35px;
    line-height: 35px;
}
.aciktitle img {padding-right: 5px;}
.aciktext {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: row wrap;
    padding-top: 30px;
}
.accordionButton{
    padding:30px;
    position: relative;
    width: 100%;
    border-color: #000;
    border: 1px solid;
    border-radius: 20px;
    cursor: pointer;
    transition: 500ms;
    margin-bottom: 20px;
}



.accordionContent {
    display: none;
    background: #e9e9e9;
    padding: 0 30px 30px 30px;
    border-color: #000;
    border:1px solid;
    border-top: none;
    border-radius: 20px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin-bottom: 20px;
    line-height: 29px;
    width: 100%;
}

.accordionButton:before{
position: absolute;
content: "\f055";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
right: 20px;
top: 30px;
font-size: 22px;
}

.sorucevap{
    width: 100%;
}

.on:before{
    content: "\f056";
}


.on{
    background: #e9e9e9;
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
}

.kformtalep {
    width: 50%;
    border-radius: 30px;
}


.sformtop {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    border-bottom: 2px solid #f00000;
    padding-right: 10px;
}
.sformtitle {
    color: #f00000;
    font-size: 35px;
    font-weight: 700;
    padding-left: 5px;
    line-height: 35px;
}

.httext{
    padding: 20px 0;
    text-align: center;
    font-size: 18px;
}
.sform {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: row wrap;
    padding-top: 20px;
}
.sform input[type=text] {
    width: 48%;
    border-radius: 20px;
    border: 1px solid #d8d8d8;
    padding: 19px;
    margin-bottom: 20px;
}


.sform textarea {
    width: 100%;
    border-radius: 20px;
    border: 1px solid #d8d8d8;
    padding: 19px;
    margin-bottom: 20px;
    height: 190px;
}

.htfayir {
    display: flex
;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
.tekliferr {
    padding-left: 15px;
    width: 100%;
    text-align: right;
    line-height: 24px;
}

.form-err {
    font-weight: 700;
    color: #f00000;
}
.gonder{
    display: flex;
    cursor: pointer;
}
.sayfatumu{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.soltaraf{
    width: 35%;
}

.sagtaraf{
    width: 60%;
}

.parcatext{
    margin-top: 30px;
    line-height: 34px;
    position: relative;
    background: #f0f0f0;
    border-top-right-radius: 20px;
    border-bottom-right-radius:20px ;
    padding: 30px 30px 30px 0px;
    font-size: 22px;
}
.parcatext:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    background: #f0f0f0;
}
.sayfatext{
    text-align: center;
}

.sayfacenter{
    width: 60%;
    margin: auto;
}

.sayfatext{
    padding-top:30px;
    line-height: 30px;
    font-size: 18px;
}

.uygulamalar {
    width: 100%;
}

.uyguline {
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: row;
}

.uyguimg {
    height: 575px;
    width: 50%;
    border-top-left-radius: 20px;
     border-bottom-left-radius: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 200;
}
.uygudesc {
    width: 50%;
    padding-top: 90px;
    position: relative;
    z-index: 100;
    
}

.uygutitle {
    font-weight: 700;
    font-size: 30px;
    color: #ed1c24;
    padding-left: 30px;
    padding-bottom: 10px;
}

.uyguetxt {
    padding: 40px 90px 40px 30px;
    line-height: 25px;
    font-weight: 400;
    border: 1px solid #d8d8d8;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #f7f7f7;
}


.uygrev {
    flex-flow: row-reverse;
}

.uygrev .uyguetxt{
        border-top-right-radius: unset;
    border-bottom-right-radius: unset;
            border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.uygrev .uyguimg{
      border-top-left-radius: unset;
     border-bottom-left-radius: unset;

         border-top-right-radius: 20px;
     border-bottom-right-radius: 20px;

}

.iltsayfa{
        display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: row-reverse;
}

.iltsayfa .parcatext:before{
display: none;
}

.iltsayfa .parcatext{
background: #fff;
padding: 40px;
border-radius: 20px;
border:1px solid #a1a1a1;
}



.iltsayfa .parcatext
    {
        margin-top: 90px;
    }

.iltadreslist{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
    padding: 15px 0;
}
.adrestext{
color: #000;
padding-bottom: 35px;
display: flex;
align-items: flex-start;
justify-content: center;
flex-flow: row;
font-size: 16px;
line-height: 16px;

}
.adrestext a{
    color: #000;
}

.adrestext a:hover{
    color: #f00000;
}

.adrestext i{
    padding-top: 0px;
    padding-right: 15px;
}


.adrestext img{
    padding-left: 15px;
}
.adrestext:last-child{
    padding-bottom: 0;
}
.iltmap{
    overflow: hidden;
    border-radius: 20px;
}

.harita{
    padding: 100px 0;
}

.bultenlist{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: row wrap;
    padding-bottom: 100px;
}

.bultenlist .item{
        width: 25%;
    padding: 1%;
}
.notfound .kurumsaltext{width: 100%;}

.aciktextimg{
       display: flex;
    align-items: flex-start;
    justify-content: flex-start; 
}

.acikimg{
    width: 15%;
    padding: 10px 10px 0 0;
}

.acikimg img{
    width: 100%;
}

.aciktextimg .aciktext  {
    width: 65%;
}
























    /*change the thinkness of the scrollbar here*/
.search-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;

}
 /*add a shadow to the scrollbar here*/
.search-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/*this is the little scrolly dealio in the bar*/ 
.search-list::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: rgba(0,0,0,0.3);
    height: 3px;
}
.search-list::-webkit-scrollbar-corner { display: none; height: 0px; width: 0px; }


.search-list{
       -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
border-radius: 20px;
position: absolute;
    z-index: 90000;
    background: #fff;
    width: 100%;
    max-height: 500px;
    overflow-y: scroll;
        left: 0;
    top: 65px;
    z-index: -1;
}
.surunlist{
    padding: 20px;
}
.surunbox{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
    margin-bottom: 15px;
}

.surunbox .urunbox{
    width: 105px;
    padding: 5px;
    border-radius: 10px;
    position: relative;
    z-index: 110;
    border: 1px solid #f0f0f0;
}
.surunbox .urunover{
    border-radius: 5px;
}
.surunbox .urunover{
    min-height: unset;
    max-height: unset;
}


.surunbox .uruntitle{
    padding: 5px 10px;
    background: #fff;
    text-align: left;
           -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
position: relative;
    z-index: 100;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    font-size: 13px;
    border: 1px solid transparent;
}

.surunbox:hover .uruntitle{
color: #ed1c24;
}
.surunbox:hover .urunbox{
border: 1px solid #ed1c24;
}
.surunbox .incele{
display: none;
}


.surunbox .urunimg{
    max-height: unset;
    min-height: unset;
}

#cssmenu ul {
display: block;
}

.moblangs{
    display: none;
}




.mainurunler .hbrimg{
    height: 380px;
}





































/* iPhone Phone Dikey*/
@media screen and (min-width: 320px) and (max-width: 1024px)

{

.full{
width: 94%;
}
.hbrimg{
    height: 344px;
}

.kformtalep{width: 100%;
padding: 22px !important;
}

.mainurunler .hbrimg{
    height: 300px;
}

.search{
    width: 100%;
}

.bultenslider{
    padding: 0 40px;
}

.bultenslider .owl-nav button{
    display: block;
}

.bultenslider .owl-nav{
    width: 100% !important;
    justify-content: space-between !important;
}
.owl-prev{
    margin-right: 0 !important;
    padding: 0 !important;
}


.owl-next{
   padding: 0 !important;
}
.owl-next span{
    position: relative !important;
}

.owl-prev span{
    position: relative !important;
}

.urunlist .urunbox:before{
    height: 352px;
}

.aciktitle{
    font-size: 20px;
}

.headmenu {
height: auto;
overflow: auto;
width: 80%;
right: -80%;
position: fixed;
z-index: 9999999;
top: 0;
height: 100%;
background-color: #fff;
transition: 600ms;
display: block;
}

.menu {
display: none;
}

.aciktext {
flex-flow: column;
overflow-x: scroll;
}

.headtop .socialdil {
display: none;
}

header{
padding: 15px;
z-index: 9000;
top: 10px;
width: 96%;
left: 2%;
}

.logo img{
width: 180px;
}

.hamburger {
display: block;
color: #838383;
font-size: 20px;
padding: 3px 7px;
border: 1px solid #d4d4d4;
border-radius: 5px;
}

.sayfakapla {
position: fixed;
top: 0;
right: -100%;
width: 100%;
height: 100%;
z-index: -1;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.4);
transition: 300ms;
display: block;
}

.sopen {
visibility: visible;
z-index: 999999;
right: 0;
}


.mopen {
right: 0;
}
#oksayfakapat {
display: flex;
align-items: center;
justify-content: center;
color: #838383;
font-size: 16px;
padding: 2px 5px;
border: 1px solid #d4d4d4;
border-radius: 5px;
background: #fff;
}

.mobillogo img {
width: 150px;
}
.mobiltop {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 15px;
}

.mobsearch .search {
display: block;
padding: 15px;
width: 100%;
}

.searchform {
display: flex
;
align-items: flex-start;
justify-content: flex-start;
}
.mobsearch{width: 100%;}

.searchform input[type=text]{
border:1px solid #d4d4d4 ;
font-size: 12px;
padding: 15px;
}

.searchform .search-btn{
top: 10px;
right: 10px;
}
.has-sub a {
position: relative;
font-size: 15px;
padding: 15px 10px 15px 20px;
display: block;
font-weight: 600;
}


.has-sub {
font-weight: 400;
font-size: 15px;
position: relative;
}

.has-sub ul li a {
border-bottom: 1px solid #d8d8d8;
font-weight: 300;
    font-size: 13px;
padding: 15px 0px 15px 20px;
justify-content: flex-start;
align-items: center;
}

.has-sub a {
border-bottom: 1px solid #d8d8d8;
display: flex;
justify-content: space-between;
}



.ulfirst ul li:hover figure {
border: 1px solid #f00000;
}


.mobcontact {
border-bottom: 1px solid #d8d8d8;
}


.mobcontact .topcontact {
padding: 15px 15px 5px 15px;
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-flow: column;
}


.mobcontact .topcontact a {
color: #000;
font-size: 16px;
padding-bottom: 10px;
}

.mobilbotom .social {
padding: 15px;
justify-content: flex-start;
}

.anaslider{width: 100% !important;
margin-top: 80px;

}


.anaslider .slin{
position: relative;
left: unset;
bottom: unset;
width: 100%;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 15px;
}

.anaslider .item{
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-flow: column;

}
.anaslider .item .inimg{
height: 230px;

}

.anaslider .owl-item img{
height: 300px;
width: auto !important;
}



.tbig{
    font-size: 22px;
    padding-bottom: 15px;
}

.tmid{
    font-size: 14px;
    padding-bottom: 15px;
}

.anaslider .owl-nav{
    left: unset !important;
    right: 4% !important;
    bottom: 37px !important;
}
.anaslider button{
    border-radius: 10px;
}
.kurumsal{
    padding: 50px 0;
}
.kurumsalgovde{
    flex-flow: column-reverse;
}
.maintitleft{
    padding-left: 0;
}
.bigtitle{
    font-size: 25px;
    line-height: normal;
}
.kicerik{
    margin-top:30px;
    padding: 30px 0 120px 0px;
}

.kurumsalimg img{width: 100%;}

.mainurunler{
    margin-top: 25px;
    padding: 50px 0;
}

.ubigtitle{
    font-size: 22px;
}
.bultengovde{
    padding: 50px 0;
}

.habergovde{
    flex-flow: column;
}
.bultentoptitle{
    width: 100%;
    height: auto;
    padding-bottom: 80px;
}


.bultenler{
    width: 100%;
    padding: 50px 0;
}


.topfoter {
flex-flow: column;
padding-bottom: 60px;
}

.adresler {
width: 100%;
flex-flow: column;
}
.adreslist {
        width: 100%;
    }

footer {
    padding-top: 25px;
}

    .yoltarifi {
        width: 100%;
    }

    .takipiletisim {
        width: 100%;
    }


.takiptitle{
    font-weight: 400;
}


.moblangs{
    display: flex;
    align-items: center;
    justify-content: center;
}

.moblangs .langs{
    padding-right: 15px;
}


.moblangs .aktifdil span{
    padding-left: 5px;
}


.moblangs .diller{
    top: 70px;
}

.bannerimg{
    height: 230px;
    background-size: cover;
}

.baninner{
    min-height: 230px;
}
.baninner h1{
    font-size: 25px;
    padding-top: 15px;
}


.sayfa .kurumsalgovde{
    flex-flow: column-reverse;
}

.sayfa .kurumsalgovde:before{
    height: 25px;
    bottom: 150px;
}


.sayfa .kurumsalimg:before{
    height: 25px;

}

.sayfa .kurumsalimg:after{
    height: 25px;
    bottom: 50px;
}

.urunlist{
    flex-flow: column;
}

.urunlist .urunbox{
    width: 100%;
    margin: 0 0 60px 0;
}

.urunayir{
    justify-content: center;
}

.urundetay{
    flex-flow: column;
}

.detayimg{
    width: 100%;
    margin-top: 0;
}
.detayaciklama{
    width: 100%;
    padding-top: 25px;
}

.urunayrinti{
    padding-top: 50px;
}

.ayrintitle{
    font-size: 28px;
}
.iletyontemler{
    flex-flow: column;
}
.iletyontemler .kdevam{width: 100%;text-align: center;margin-bottom: 15px;}
.urunaciklama{padding: 50px 0;}

.accordionButton{padding: 20px;}
.accordionContent{padding: 0 20px 20px 20px;}


.accordionButton:before{top: 20px;}
.sayfatumu{flex-flow: column;}
.soltaraf{width: 100%;}
.sagtaraf{width: 100%;
padding-top: 30px;
}
.parcatext{
        border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 20px 20px 20px 0px;
}

.sform input[type=text]{width: 100%;}

    .uyguline {
        flex-flow: column-reverse;
        margin-bottom: 40px;
    }

.sayfacenter{width: 100%;}

.uygudesc{
   padding-top: 0;
    width: 100%;
}

.uygutitle{
        padding-left: 0;
        text-align: center;

}

.uyguetxt{
    border-radius: 20px;
    padding: 15px;
    background: #fff;
}
.uyguimg{
    width: 100%;
            width: 100%;
        height: 200px;
        border-radius: unset;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        position: relative;
        z-index: -1;
        margin-top:-20px;
}



.iltsayfa{
    flex-flow: column-reverse;
}

.iltsayfa .sagtaraf{
    padding-top: 0;
}

.iltsayfa .bigtitle
{
    font-size: 22px;
}

.iltsayfa .parcatext{
    margin-top: 30px;
}


.harita{
    padding: 50px 0;
}


.bultenlist .item{
    width: 100%;
    margin-bottom: 30px;
}
.kurumsalimg{
    width: 100%;
}

.kurumsaltext{
    width: 100%;
}

.kurumsalimg:before{
    display: none;
}

.uruntext{
    min-height: unset;
}
    .icimg {
        max-width: 100%;
        height: auto !important;
    }

.sayfa .kurumsalnesne3{
    display: none;
}
.sayfa .kicerik {
    margin-top: 0;
    padding: 15px 0 15px 0px;
}

.sayfa .kurumsalimg:after{
    display: none;
}










}
/* iPhone Phone Dikey*/

























/* iPhone Phone Yatay*/
@media only screen  and (min-width: 360px) and (max-width: 1024px) and (orientation: landscape) 
{ 





.mainurunler{
    margin-top: 0;
}
.bultengovde {
        padding: 0;
    }

.urunlist{
    flex-flow: row wrap;
}

.urunlist .urunbox{
    width: 50%;
}
.urunlist .urunbox:before{
    height: 420px;
}


.anaslider .item .inimg {
height: 410px;
}

.hbrimg {
height: 270px;
}


.bultenlist .item{
    width: 50%;
}


}
/* iPhone Phone Yatay*/


/* iPhone  Tablet Dikey*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) 
{ 


.mainurunler{
    margin-top: 0;
}
.bultengovde {
        padding: 0;
    }

.urunlist{
    flex-flow: row wrap;
    justify-content: space-between;
}

.urunlist .urunbox{
    width: 48%;
}
.urunlist .urunbox:before{
    height: 420px;
}


.anaslider .item .inimg {
height: 410px;
}

.item .hbrimg {
height: 272px;
}

.mainurunler .item .hbrimg {
height: 260px;
}

.sayfa .kurumsalgovde{
    flex-flow: row-reverse;
}

.sayfa .kurumsalimg {
width: 40%;
}
.sayfa .kurumsalimg img{
    width: 100%;
}
.sayfa .kurumsaltext {
width: 58%;
}


.sayfa .bultenlist .item .hbrimg {
height: 476px;
}

.bultenlist .item{
    width: 50%;
}


.urunlist .uruntext{
    min-height: 200px;
}

.kurumsalimg{
            width: 100%;
        text-align: center;
}

.kurumsalimg img{
            width: 50%;
}


.urunover{
    min-height: 395px;
    max-height: 395px;
}



.urundetay{
    flex-flow: row;
}
.detayimg{
    width: 35%;
}
.detayaciklama{
    width: 60%;
}













}
/* iPhone  Tablet Dikey*/



/* iPhone  Tablet Yatay*/
@media only screen  and (min-width: 768px)   and (max-width: 1024px)  and (orientation: landscape) 

{







}
/* iPhone  Tablet Yatay*/



/*zoom 110ustu*/
@media screen and (max-width: 1800px) and (min-width: 1700px)
{


.kurumsaltext{
    width: 56%;
}



}
/*zoom 110ustu*/

/*zoom 125ustu*/
@media screen and (max-width: 1700px) and (min-width: 1500px)
{


.kurumsaltext{
    width: 50%;
}

.kicerik{margin-top: 75px;}





}
/*zoom 125ustu*/


/*zoom 150ustu*/
@media screen and (max-width: 1500px) and (min-width: 1200px)
{

.kurumsalimg img{
    width: 400px;
}


.kurumsalimg:before{
    left: calc(-200% - -130px);
}



.baninner {
    min-height: 295px;
}


.mlink{
    font-size: 15px;
}
.logo img{
    width: 180px;
}


.hbrimg {
height: 270px;
}
.mainurunler .item .hbrimg {
height: 340px;
}
 
.kicerik{
    margin-top: 15px;
}

.deamleftgovde{
    position: relative;
    bottom: unset;
    left: unset;
    margin-top: 20px;
}



.bultengovde {
    padding: 50px 0 100px 0;
}


}
/*zoom 150ustu*/












































/*zoom 175ustu*/
@media screen and (max-width: 1200px) and (min-width: 1024px)
{











}
/*zoom 175ustu*/