@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');

body {font-family: 'Rubik', sans-serif;font-weight: 400;font-size: 16px;color: #000;margin: 0;}

.container{position: relative;overflow:hidden;}

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 0.3s;

-moz-transition:all 0.3s;

-ms-transition:all 0.3s;

-o-transition:all 0.3s;

-webkit-transition:all 0.3s;

text-decoration:none;

cursor:pointer;}



.ht-menu,.abbutton,.mobilmenu

{transition:all 0.7s;

-moz-transition:all  0.6s;

-ms-transition:all  0.6s;

-o-transition:all  0.6s;

-webkit-transition:all  0.6;}









input[type=text],input[type=submit],textarea,select {

font-family: 'Rubik', sans-serif;

appearance: none;

}



ul,li,p,h1,h2,h3,h4,h5

{margin:0px;

padding:0px;

list-style: none;

}

.over{overflow:hidden;}

.clear{clear:both;}



.full {width: 1150px!important;margin: auto;}

.w5{width: 5%!important;}

.w10{width: 10%;}

.w15{width: 15%;}

.w20{width: 20%;}

.w23{width: 23%;}

.w30{width: 30%;}

.w32{width: 32%;}

.w40{width: 40%;}

.w45{width: 45%;}

.w47{width: 47%;}

.w49{width: 49%;}

.w50{width: 50%;}

.w55{width: 55%;}

.w60{width: 60%;}

.w65{width: 65%;}

.w70{width: 70%;}

.w75{width: 75%;}

.w48{width: 48%;}

.w80{width: 80%;}

.w85{width: 85%;}

.w90{width: 90%;}

.w100{width: 100%;}

.w35{width: 35%;}

.w25{width: 25%;}

.w33{width: 33%;}

.w49{width: 49%;}

.w16{width: 16%;}

.w13{width: 13%;}

.fleft{float: left!important;}

.fright{float: right!important;}

.mr2{margin-right: 2%!important;}

.mb2{margin-bottom: 2%!important;}

.tal{text-align: left!important;}

.tar{text-align: right!important;}

.tac{text-align: center!important;}

.taj{text-align: justify!important;}

.dblock{display: block!important;}

.diblock{display: inline-block!important;}

.dnone{display: none;}

.ohidden{overflow: hidden!important;}

.pr{position: relative!important;}

.pa{position: absolute!important;}

.mauto{margin: auto!important;}





header{

width: 100%;

z-index: 999999;

}



.topa{font-size: 14px;margin-right: 10px;color: #fff;}

.topa:first-child{margin-right: 0;}

.tpline{border-right: 1px solid #fff;padding-right: 10px;}





.head-top{padding-top: 25px;}

.head-bottom{padding-top: 15px;}





.ht-menu{margin-right: 20px;color: #fff;}

.ht-menu:first-child{margin-right: 0px}

.ht-menu:hover{color: #e2e2e2}





.slider{height: 100vh;}



.item{

	    background-size: cover;

    background-repeat: no-repeat;

    height: 100vh;

    background-position: center center;

}





.about-left{padding: 100px 20px 20px 100px;}



.about-right img{width: 100%;}



.abtitle{

	    font-size: 30px;

    font-weight: 600;

}





.abouttext{

	    margin-top: 20px;

    font-size: 15px;

    line-height: 22px;

}



.abbutton{

	    margin-top: 25px;

    display: block;

    width: 40%;

    text-align: center;

    border: 1px solid #000;

    padding: 14px;

    font-weight: 500;

    background-color: #fff;

}



.abbutton:hover{

    background-color: #000;

    color: #fff;

}





.products{

	background-color: #f3f3f3;

	padding: 50px;

}



.prtitle{font-weight: 600;font-size: 30px;}



.blogslider{padding-top: 50px;}



.blogslider .primg{

	    height: 320px;

    background-size: 100%;

    background-repeat: no-repeat;

    background-position: center center;

}



.prname{padding: 10px;font-size: 14px;}





.blogslider .owl-stage-outer{height: 380px;}





.references{

    padding: 50px;

}



.refbox{

        width: 25%;

    float: left;

    border: 1px solid #e2e2e2;

            filter: grayscale(100%);

    transition: filter 0.4s ease;

    height: 150px;

}



.refboxes{margin-top: 50px;}





  .refbox:hover {

    filter: grayscale(0%);

  }



.refbox img{width: 100%;}



.refbox span{

    text-align: center;

    padding-top: 65px;

}



.stats{

        height: 400px;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

                filter: grayscale(100%);

}



.num{

    font-size: 72px;

    color: #fff;

}



.numtitle{

        color: #fff;

}



.statsbox{padding-top: 147.75px;}





.foot-right{

    padding: 50px;

}



.fttitle{margin-bottom: 50px;}



.address-line{margin-bottom: 25px;}



.address-line span:first-child{font-weight: 600;}



.address-line span:nth-child(2){

        font-weight: 400;

    margin-top: 5px;

}



.address-line a{

        font-weight: 400;

    margin-top: 5px;

    color: #000;

}





.sltext{

    color: #fff;

    font-size: 30px;

    left: 10%;

    top: 40vh;

}



.foot-bottom{

        background-color: #f3f3f3;

    height: 50px;

    width: 100%;

}



.yil{

    font-size: 14px;

    padding-top: 16.75px;

    font-weight: 300;

}







.menu{display: block;}



.icons{padding-left: 5px;}



.icons i{color: #fff;}



.mac{display: none;}



.mkapat{display: none;}





.mobilmenu{display: none;}



















































































































































































































/* iPhone Phone Dikey*/

@media screen and (min-width: 360px) and (max-width: 1024px)



{



.full{width: 96%!important;}

.menu{display: none;}

.about-left{width: 100%;padding: 10px;}

.about-right{width: 100%;padding: 10px;}

.refbox{width: 50%;height: 80px;}

.refbox span{padding-top: 34.5px;}

.num{font-size: 40px;}

.foot-left{width: 100%;}

.foot-right{width: 100%;}

.abbutton{width: 50%;}

.yil{width: 100%!important;text-align: center!important;}

.foot-bottom{height: unset;padding-bottom: 10px;}

.head-top{width: 45%;}

.mac{display: block;

    position: absolute;

    left: 20px;

    top: 20px;

    font-size: 30px;

    color: #fff;

}



.mmenu{width: 100%;color: #fff;margin-bottom: 20px;}



.mobilmenu{padding:50px 10px 10px 50px;

  display: none;

  width: 100%;

  background: #000;

  height: 100vh;

  position: absolute;

  left: -55%;

  top: 0;

  transition: left 0.8s ease; /* yumuşak ve daha doğal */

  z-index: 999;

}



.menutitle{color: #fff;margin-bottom: 20px;}



.menutitle:before{

            position: absolute;

        content: "";

        width: 20%;

        height: 1px;

        background-color: #fff;

        left: -90px;

        top: 8px;

}



.sitetitle{

    color: #fff;

    margin-bottom: 35px;

    text-align: left;

    font-size: 25px;

}





.mkapat{

bottom: 10px;

        left: 50%;

        transform: translate(-50%, -50%);

        color: #fff;

        position: fixed;

        font-size: 50px;

        display: block;

}































}





/* iPhone Phone Yatay*/

@media only screen  and (min-width: 360px) and (max-width: 1024px) and (orientation: landscape) 

{





.abbutton{width: 20%;}

.refbox{width: 33%;height: 150px;}

.refbox span{

            padding-top: 56.5px;

        font-size: 20px;

}







}







/* iPhone  Tablet Dikey*/

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) 

{



















}





/* iPhone  Tablet Yatay*/

@media only screen  and (min-width: 768px)   and (max-width: 1024px)  and (orientation: landscape) 



{







}