@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
body {font-family: 'Poppins', sans-serif;font-weight: 400;font-size: 16px;color: #000;}
.container{position: relative;overflow:hidden;}
html {scroll-behavior: smooth;}
div, span, p, header, footer, a , table, tr, td, input, textarea, select, ul, li,.hsatinal,.detayekle
{box-sizing:border-box; outline:none;}

a,.menut{  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;}

.hakbuton a,.hizline,.sirkubuton,.ftform input[type="submit"],.tarihline,.blright input[type="submit"],.yorumbilgi,.social a,.social a i,.thesap,.mform,.arama,.header-top,.fixfix,.menu,.menua,.logo,.logo2,.bilgi,.hizmeta:before,.hizana
{transition:all 0.7s;
-moz-transition:all  0.6s;
-ms-transition:all  0.6s;
-o-transition:all  0.6s;
-webkit-transition:all  0.6;}

.refbox,.sirkuline,.sirkuline img,.ndnimg,.menuta,.inpbuton,.menua,.menua:before,.menua:after,.ftimg,.ftimg img,.fara,.arama input[type="submit"],.prev,.next,.tickercontent{
transition:all 0.3s;
-moz-transition:all  0.6s;
-ms-transition:all  0.6s;
-o-transition:all  0.6s;
-webkit-transition:all  0.6;
}

.bultenalt a,.referansslider .item,.adresline,.adresline p,.ftsocial,.ftsocial a,.fta a,.ftform input[type="text"],.ftform textarea,.hizmeta,.breadcrumb a,.detayline a,.sirkuslider .owl-dot span{
transition:all 0.3s;
-moz-transition:all  0.6s;
-ms-transition:all  0.6s;
-o-transition:all  0.6s;
-webkit-transition:all  0.6;
}

.bilgi,.sirkuslider .item,.refbox,.tisim,.tisim:before,.inpline input[type="text"],.srkimgx{
transition:all 0.6s;
-moz-transition:all  0.6s;
-ms-transition:all  0.6s;
-o-transition:all  0.6s;
-webkit-transition:all  0.6;
}



.urunname:before,.mobilmenu,.kalitecizgi,.yorumslider .item
{transition:all 0.7s;
-moz-transition:all  0.7s;
-ms-transition:all  0.7s;
-o-transition:all  0.7s;
-webkit-transition:all  0.7;}

.about-right, .scroltakip
{transition:all 1s;
-moz-transition:all  1s;
-ms-transition:all  1s;
-o-transition:all  1s;
-webkit-transition:all  1;}


input[type=text],input[type=submit],textarea,select {
font-family: 'Poppins', 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%!important;}
.w15{width: 15%!important;}
.w20{width: 20%!important;}
.w23{width: 23%!important;}
.w30{width: 30%!important;}
.w32{width: 32%!important;}
.w40{width: 40%!important;}
.w45{width: 45%!important;}
.w47{width: 47%!important;}
.w49{width: 49%!important;}
.w50{width: 50%!important;}
.w55{width: 55%!important;}
.w60{width: 60%!important;}
.w65{width: 65%!important;}
.w70{width: 70%!important;}
.w75{width: 75%!important;}
.w48{width: 48%!important;}
.w80{width: 80%!important;}
.w85{width: 85%!important;}
.w90{width: 90%!important;}
.w100{width: 100%!important;}
.w35{width: 35%!important;}
.w25{width: 25%!important;}
.w33{width: 33%!important;}
.w49{width: 49%!important;}
.w16{width: 16%!important;}
.w13{width: 13%!important;}
.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%;
position: fixed;
height: 130px;
top: 0;
z-index: 5;
}

header:before{
    position: absolute;
    content: "";
    width: 100%;
    background: #fff;
    height: 0;
    left: 0;
    top: 0;
}

.header-top{background: #fff;overflow: hidden;height: 40px;}

.hdpart i{color: #1a7fc3;margin-right: 10px;}
.hdpart{margin-right:30px;font-size: 15px;padding-top: 10px;}
.hdpart a{color: #181b31;}
.hdpart a:hover{color: #0362a2;}

.hdsocial{
    padding-top: 11.5px;
}

.fixfix{height: 110px;z-index: 200;border-bottom: 1px solid #e2e2e2;}




.fixfix .header-top{height: 0px;}

.fixfix:before{
    height: 110px;
}



.fixfix .header-bottom{height: 110px;}

.fixfix .menu{height: 80px;}

.hdsocial span{margin-right: 20px;    font-size: 14px;
    color: #181b31;
    font-weight: 600;}

.social a i{
    color: #000;
    margin-right: 5px;
}

.fixfix .menua{
    color: #344d6c;
    margin-top: 32.5px;
}

.menua:hover{
    color: #adadad;
}

.fixfix .menua:hover{
    color: #4ccefb;
}

.fixfix .logo{height: 80px;}

.fixfix .thesap{margin-top: 23.5px;}

.fixfix .fara{
    margin-top: 30px;
    color: #000;
}

.fixfix .menu{
    position: relative;
}

.slider{height: 900px;overflow: hidden;    background-position: center;
    background-size: cover;}

.header-bottom{height: 145px;}

.logo{    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
margin-right: 50px;
float: left;
}

.logo2{
  display: none;
}

.logo2 img{height: 100px}

.logo img{height: 135px}

.fixfix .logo2{
    display: block;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
margin-right: 50px;
position: relative;
float: left;
padding-top: 5px;
}

.header-bottom .full {
display: flex;
align-items: center;
justify-content: space-between;
}
.fixfix .logo{display: none;
}

.bul-err{
        width: 100%;
    overflow: hidden;
    text-align: right;
    padding: 5px 0;
    color: #fff;
}

.menu{height: 125px;}

.menua{color: #fff;margin-right: 25px;font-size: 15px;margin-top: 55px;font-weight: 600;}

.thesap{    background: #1a7fc3;
    border-radius: 20px;
    color: #fff;
    padding: 10px;
    font-size: 13px;
    margin-right: 20px;
margin-top: 46px;}


.fara{
        font-size: 20px;
    color: #fff;
    margin-top: 52.5px;
}

.fara:hover{
    color: #0362a2;
}

.hak{height: 500px;}

.hakbody{
       height: 500px;
    top: -75px;
    z-index: 2;
    left: 0;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 30px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}


.haktitle{
    font-size: 25px;
    color: #344d6c;
    font-weight: 700;
    margin-bottom: 20px;
}


.haktext{
        color: #7e8090;
    line-height: 26px;
    text-align: justify;
}

.hakicon{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
}

.hakbuton a{
        background: #1a7fc3;
    color: #fff;
    padding: 10px 5px;
    border-radius: 20px;
    display: block;
    width: 10%;
    margin: auto;
    font-size: 14px;
    position: absolute;
    left: calc(50% - 5%);
    bottom: 50px;
}

.hakbuton a:hover{
    background: #0362a2;
}

.thesap:hover{
    background: #0362a2;
}

.maintitle{
        font-size: 25px;
    color: #344d6c;
    font-weight: 700;
    padding: 25px;
}

.nedenimg{ 
    height: 340px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-position: bottom;
    left: 0;
    bottom: 0;
    margin-bottom: 75px;
    margin-top: 25px;
}

.services{
    background-color: #f8f9fa;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}

.hizleft{
    background-size: cover;
    height: 920px;
    background-repeat: no-repeat;
   background-position: center center;
}

.hizline{
        background: #1a7fc3;
    padding: 15px 10px;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
}

.hizline img{
    margin-right: 10px;
}

.hizright{
    padding-right: calc(50% - 575px);
}

.hizline:hover{
    background: #0362a2;
}

.sirkuler{
    padding-bottom: 50px;
    padding-top: 25px;
}

.sirkuslider{padding-bottom: 95px;}

.sirkuslider .item{
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}

.sirkuslider .owl-item{padding: 10px;}

.sisim{
    font-size: 15px;
    color: #344d6c;
    line-height: 21px;
    font-weight: 600;
    padding: 20px 20px 20px 60px;
    min-height: 90px;
    position: relative;
    height: 105px;
    background-position: left;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow:hidden;

}

.tarihline{
        background: #4ccefb;
    padding: 10px 15px;
    overflow: hidden;
    font-weight: 200;
}

.tarihline span{
        color: #fff;
    font-size: 14px;
}

.tarihline p{
        float: right;
    color: #fff;
    font-size: 15px;
    font-weight: 200;
}

.sirkuslider .item:before{
position: absolute;
    content: "";
    width: 76px;
    height: 126px;
    background-image: url(images/sirkubefore.png);
    left: -2px;
    top: -1px;
    background-size: 100%;
}

.sirkuslider .owl-dot span{
    border: 2px solid #e2e2e2!important;
}

.sirkuslider .owl-dot span:hover{
    background: #1a7fc3;
}

.sirkuslider .owl-dot .active span{
    background: #1a7fc3;
}

.sirkubuton{
        background: #1a7fc3;
    margin: auto;
    width: 13%;
    text-align: center;
    padding: 15px;
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
}

.sirkubuton:hover{
    background: #0362a2;
}

.glyphicon{margin-right:4px !important; /*override*/}
.pagination .glyphicon{margin-right:0px !important; /*override*/}
.pagination a{color:#555;width: 32px;height: 32px;display: block;float: right;}
.next{margin-right: 10px;}
.panel ul{padding:0px;margin:0px;list-style:none;}
.news-item{padding:4px 4px;margin:0px;border-bottom:1px dotted #555;}
.panel{position: relative;}
.panel-footer{position: absolute;top: -55px;right: 0;width: 15%;}
.tickerimg{width: 35%;float: left;margin-right: 2%;height: 153px;background-size: cover;background-repeat: no-repeat;background-position: center center;margin-bottom: 4%;}
.tickerimg img{width: 100%;}
.tickercontent{width: 100%;background: #fdfdfd;padding: 15px 10px;color: #344d6c;font-weight: 500;border-radius: 10px;font-size: 16px;line-height: 25px;}
.tickercontent:hover{background-color: #0362a2;color: #fff;}
#news-demo-manual{height: unset!important;padding-top: 3px;}
#news-demo-manual li{width: 99%;overflow: hidden;margin-bottom: 15px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);margin: auto;margin-bottom: 20px;border-radius: 10px;}
.tickercontent a:first-child{width: 100%;display: block;font-weight: 700;font-size: 20px;margin-bottom: 10px;color: #333333;}
.tickercont{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow:hidden;text-align: justify;}
.next{background-image: url(images/newsust.png);width: 32px!important;height: 32px!important;background-size: 80%;background-repeat: no-repeat;background-position: center center;border-radius: 5px;}
.tabblog{text-align: right;}
.tabblog span{float: right;}
.next{background-image: url(images/ustok.png);width: 32px;height: 32px;background-color: #1a7fc3;background-size: 50%;}
.prev{background-image: url(images/altok.png);width: 32px;height: 32px;border-radius: 5px;background-color: #1a7fc3;background-size: 50%;background-repeat: no-repeat;background-position: center center;}
.next:hover,.prev:hover{background-color: #0362a2;}


.bilgiler{background: #f8f9fa;overflow: hidden;}

.bilgileft{padding-left: calc(50% - 575px);padding-top: 30px;padding-bottom: 30px;}

.bilgiright{height: 941px;background-repeat: no-repeat;background-position: right;background-size: 100%;}

.bltitle{padding-left: 0;}

.ebulten{    background: #1a7fc3;
    overflow: hidden;
    padding: 40px 0;
    background-repeat: repeat;
    background-size: 100%;
    height: 450px;}


.bultentitle{
        font-size: 45px;
    color: #fff;
    font-weight: 700;
    line-height: 60px;
}

.blleft p{
        width: 100%;
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin-top: 20px;
    font-weight: 600;
}


.blright input[type="text"]{
    width: 48%;
    float: left;
    border: none;
        padding: 17px 10px;
    color: #344d6c;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 14px;
}

.blright input[type="text"]:nth-child(2n){
 float: right;
}

.blright input[type="text"]:focus,.inpline input[type="text"]:focus{
    background-color:#efeeee;
}

.fuyari{
    width: 48%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 58px;
    color: #fff;
}

.blright input[type="submit"]{
    width: 48%;
    float: right;
    border: none;
    background: #fff;
    color: #344d6c;
    padding: 15px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 18px;
}

.bultenalt{
        overflow: hidden;
    color: #fff;
    font-weight: 300;
    line-height: 25px;
    font-size: 14px;
}
.bultenalt a{color: #fff;}
.fttext a{color: #fff;}
.bultenust{margin-bottom: 40px;}


.comments{
    background: #f8f9fa;
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 50px;
    border-top: 1px solid #e2e2e2;
}

.comtitle{
    color: #344d6c;
    font-size: 45px;
    font-weight: 300;
    margin-bottom: 50px;
}

.apost img{
    width: 30px!important;
}


.bultenalt a,.fttext a{font-weight: 600;}

.bultenalt a:hover,.fttext a:hover{
        font-weight: 600;
    color: #03111b;
}

.apost{margin-bottom: 20px;}

.yorum{
        color: #344d6c;
    line-height: 23px;
    font-weight: 300;
    margin-bottom: 30px;
    display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow:hidden;
    min-height: 120px;

}

.yorumisim{
        font-size: 14px;
    color: #344d6c;
    font-weight: 600;
    margin-bottom: 5px;
}

.yorumslider .item p{
    color: #344d6c;
    font-size: 14px;
}

.yorumslider .owl-item{padding: 5px;}

.yorumslider .item{
    background: #fff;
    padding: 20px;
}

.yorumslider .item:hover{
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}

.yorumslider .owl-dot span:hover{
    background: #1a7fc3!important;
}


.yorumslider{
padding-bottom: 50px;
}

.yorumbilgi{
    border-top: 1px solid #49d6fb;
    padding-top: 10px;
}

.yorumslider .owl-dot span{
    background: #fff!important;
    border: 1px solid #e2e2e2!important;
}

.yorumslider .owl-dots{
    bottom: -25px!important;
    position: relative!important;
}

.yorumslider .owl-dots .active span{
    background: #1a7fc3!important;
}

.sirkuslider .owl-dots .active span{
    background: #1a7fc3!important;
    border: unset;
}

.fadres{
    left: calc(50% - 575px);
    top: 0;
}

.adresgovde{
    background: #2686c6;
    padding: 50px 20px 20px 20px;
}

.bulas{
    font-size: 23px;
    color: #fff;
    font-weight: 600;
}

.bmetin{
        font-size: 15px;
    color: #fff;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 20px;
}

.adr-top{
        color: #fff;
    margin-bottom: 5px;
}

.adr-top i{
    margin-right: 5px;
}

.adresline{
    cursor: context-menu;
}

.adresline p{
        color: #fff;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 20px;
    font-size: 15px;
}

.adresline a{
        color: #fff;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 20px;
    font-size: 15px;
    display: block;
}


.adresline:hover p{
    color: #002530;
}

.ftsocial{margin-bottom: 25px;}

.ftsocial b{
        color: #fff;
    font-size: 12px;
    padding-right: 10px;
        border-right: 1px solid #1d78b5;
    margin-right: 10px;
    height: 20px;
    padding-top: 4px;
}

.ftsocial a{
       color: #fff;
    margin-right: 10px;
    padding-top: 3px;
    font-weight: 300;
    display: block;
    float: left;
}

.ftsocial a:hover{
    color: #002530;
}

.ftform input[type="text"]{
        padding: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    font-size: 14px;
    float: left;
    width: 49%;
    margin-bottom: 20px;
}

.ftform{padding-top: 20px;}

.ftform input[type="text"]:nth-child(2n){
float: right;
}

.ftform input[type="text"]:focus{
    background-color:#efeeee;
}

.ftform textarea{
        width: 100%;
    height: 100px;
    padding: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    font-size: 14px;
    resize: none;
}

.ftform textarea:focus{
     background-color:#efeeee;
}


.ftform input[type="submit"]{
    float: right;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    color: #344d6c;
    margin-top: 15px;
    font-weight: 700;
}

.ftform input[type="submit"]:hover{
    background: #344d6c;
    color: #fff;
}

.fttext{
        color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 17px;
    margin-top: 10px;
}



.referansslider .item{
        height: 150px;
    padding: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: grayscale(100);
}

.referansslider .item:hover{
    filter: grayscale(0);
}

.sirkuslider .item:hover .tarihline,.sirkuline:hover .tarihline{
    background: #1a7fc3;
}



.blright input[type="submit"]:hover{
background: #0c5d94;
color: #fff;
}

.yorumslider .item:hover .yorumbilgi{
    border-top: 1px solid #1a7fc3;
}

.social a:hover i{
    color: #1a7fc3;
}

.mform{
    position: absolute;
    width: 250px;
    left: 450px;
    top: 85px;
}

.mform input[type="text"]{
    padding: 10px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
}

.arama{
        width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
}

.arama input[type="text"]{
        width: 100%;
    padding: 20px 10px;
    border-radius: 5px;
    font-size: 14px;
    z-index: 5;
}

.arama form{
    width: 40%;
}

.arama input[type="submit"]{
        width: 15%;
    overflow: hidden;
    display: block;
    margin: auto;
    background: #1a7fc3;
    padding: 15px;
    border: none;
    color: #fff;
    border-radius: 5px;
    font-weight: 600;
    margin-top: 20px;
    font-size: 18px;
}

.arama input[type="submit"]:hover{
    background: #0362a2;
}

.arama span{
    color: #fff;
    margin-bottom: 10px;
    font-size: 18px;
}

.mkapatx{
        color: #fff;
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 50px;
}


.banner{
        height: 495px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bntitle{
        font-size: 18px;
    color: #fff;
    display: block;
    padding-top: 240.5px;
    font-weight: 600;
}

.banner h1{
        width: 100%;
    text-align: center;
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    margin-top: 15px;
    line-height: 35px;
}


.breadcrumb a{
    color: #344d6c;
    margin-right: 20px;
    font-size: 14px;
}

.breadcrumb a:before{
    position: absolute;
    content:">";
    right: -14px;
    top: 0;
}

.breadcrumb a:hover{
    color: #1c7fc3;
}

.breadcrumb{
        padding: 20px 0;
    font-size: 15px;
    overflow: hidden;
    border: 1px solid #eaedf0;
}

.breadcrumb  a:last-child:before{
    display: none;
}

.anagovde{padding-top: 30px;padding-bottom: 100px;}

.anabaslik{
    font-size: 18px;
    color: #344d6c;
    font-weight: 600;
        padding-top: 9.5px;
}

.anaarama input[type="text"]{
    background: #344d6c;
    border: none;
    color: #ffffff;
    padding: 10px;
    width: 100%;
    position: relative;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 300;
}

.anaarama input[type="text"]::placeholder{
    color: #fff;
}

.anaarama a{
       position: absolute;
    right: 15px;
    top: 10px;
    color: #fff;
}

.tsearch{margin-bottom: 20px;overflow: hidden;}

.bilgi{
        font-size: 15px;
    color: #344d6c;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 15px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    border-radius: 5px;
    line-height: 23px;
}

.maincontent{padding-top: 20px;min-height: 500px;}

.anatitle{
        color: #344d6c;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}

.mainicerik{
    line-height: 26px;
    margin-bottom: 50px;
}

.kaliteleft,.kaliteright{width: 574.5px;min-height: 130px;}
.bilgititle{
        font-size: 25px;
    color: #344d6c;
    font-weight: 600;
    margin-bottom: 20px;
}


.kalitecizgi{width: 100px;border-bottom: 1px solid #94d8fa;color: #d8d8d8;}

.kaliteline:hover .kalitecizgi{width: 200px;}

.kaliteleft .kalitecizgi{float: right;padding-top: 41.5px;}

.kaliteright .kalitecizgi{float: left;}

.kaliteyazi{color: #5f5f5f;
    line-height: 26px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.kaliteleft{min-height: 130px;}

.kaliteright .kaliteyazi{padding-left: 20px;justify-content: left;}



.kaliteright:before{
       position: absolute;
    content: "";
    width: 38px;
    height: 36px;
    background-image: url(images/kalitebuton.png);
    left: -16px;
    top: 43px;
    background-size: 84%;
    background-repeat: no-repeat;
}

.kaliteright .kalitecizgi{float: left;padding-top: 41.5px;text-align: right;}


.kaliteleft .kaliteyazi{text-align: right;padding-right: 20px;}

.kaliteciz{
      background: #94d8fa;
    position: absolute;
    left: calc(100% - 576px);
    width: 1px;
    height: 100%;
    top: 0;
}

.kalitebody{
        padding-top: 50px;
    padding-bottom: 60px;
    margin-bottom: 50px;
}

.kalitebody:after{
        position: absolute;
    content: "";
    background-image: url(images/kalitebuton.png);
    width: 37px;
    height: 36px;
    bottom: -17px;
    background-size: 84%;
    left: calc(100% - 591px);
}
.kalitebody:before{
            position: absolute;
    content: "";
    background-image: url(images/kalitebuton.png);
    width: 37px;
    height: 36px;
    top: -14px;
    background-size: 84%;
    left: calc(100% - 591px);
    z-index: 10;
}

.ksontitle{
    overflow: hidden;
    text-align: center;
    margin-top: 100px;
    font-size: 25px;
    color: #344d6c;
    font-weight: 600;
}

.questitle{
        height: 90px;
    background: #2686c6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 45px;
    font-weight: 400;
    background-image: url(images/line-pattern.png);
}

.questions{
    background: #f8f9fa;
    overflow: hidden;
}


.sorular{padding: 40px 0;overflow: hidden;}


.soruline{
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
}


.accordionButton i{
    color: #53d0fb;
    float: right;
}

.soruanagovde{
    position: relative;
    overflow: hidden;
    padding: 10px;
}

.soruright{
        border-radius: 10px;
    position: absolute;
    overflow: hidden;
    background-image: url(images/soruresim.jpg);
    background-size: cover;
    background-position: 50% !important;
    height: calc(100% - 10px);
    width: 48%;
    right: 0;

}

.soruright img{width: 100%;}


.bilgi:hover{
    background-color: #0362a2;
    color: #fff;
}

.hiztitle{
        background: #344d6c;
    padding: 13px 0 14px 40px;
    color: #fff;
    border-radius: 10px;
}

.hizmetbox{
    border: 1px solid #eaedf0;
    width: 95%;
    margin-left: 2.5%;
}

.hizmeta{
    padding: 15px 0 15px 40px;
    color: #344d6c;
    border-bottom: 1px solid #eaedf0;
    position: relative;
}

.hizmeta:hover{
    color: #1c7fc3;
}

.hizmeta:before{
    position: absolute;
    content: "";
    left: -12.5px;
    bottom: -12px;
    background-image: url(images/kalitebuton.png);
    width: 25px;
    height: 24px;
    background-size: 95%;
    background-position: center center;
}

.hizmeta:last-child:before{display: none;}

.hizmeta:hover:before{left: 5px;}

.hiztitle img{
        position: absolute;
    left: 13px;
}

.an2{font-size: 18px;    padding: 10px 0;
    border-bottom: 1px solid #eaedf0;
    margin-bottom: 20px;}

.anabaslik img{width: 25px;margin-right: 15px;}


.anaicerik{
        line-height: 26px;
}

.hizana{
        background: #1a7fc3;
    color: #fff;
    padding: 13px 20px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-bottom: 15px;
}

.hizana img{margin-right: 10px;}


.hizaktif{
    background: #344d6c;
}

.hizana:hover{
    background: #344d6c;
}

.contentright{padding-top: 20px;}

.hizpr:before{
   position: absolute;
    content: "";
    left: -46px;
    height: 1px;
    width: 61px;
    top: 0;
    background: #eaedf0;
}

.refbox{float: left;background: #fff;margin-bottom: 50px;padding: 20px;cursor: context-menu;}
.refbox:nth-child(2n){float: right;}

.anaback{
    background: #f8f9fa;
}

.refbox:hover{
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

.sirkuline{
-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.15);
box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.15);
margin-bottom: 25px;
border-radius: 5px;
overflow: hidden;
}

.sirkuline a{
        padding: 10px;
        color: #344d6c;
        font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    width: 95%;
}

.detayimgx{
        width: 8%;
    height: 110px;
    background-position: center center;
    background-size: 100%;
}

.srkimgx{
        width: 5%;
    height: 100%;
    left: 0;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.sirkuline:hover .srkimgx{
    background-size: 120%;
}

.sirkuline img{
           float: left;
    height: 50px;
    margin-left: 10px;
    object-fit: cover;
}


.sirkuline:hover img{
    transform: scale(1.50);
}

.titleleft{
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    padding-left: 10px;
    overflow: hidden;
        font-size: 18px;
    color: #344d6c;
    font-weight: 600;
    line-height: 26px;
    width: 78%;
}

.titleleft img{
        width: 60px;
    float: left;
}

.titleleft p{
    padding-top: 29px;
}

.titleright{
        height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    overflow: hidden;
}

.detayline{
        padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 40px;
}

.detaytarih{
        font-size: 13px;
    color: #344d6c;
    font-weight: 600;
    padding-top: 8px;
}

.detayline img{width: 25px;margin-right: 10px;}

.detayline a{font-size: 13px;color: #344d6c;font-weight: 600;}

.detayline a:hover{
    color: #1a7fc3;
}

.iconbox{width: 33.3%;}

.iconimg{font-size: 80px;color: #1a7fc3;}

.iconno{
    font-size: 25px;
    color: #344d6c;
    font-weight: 600;
    padding: 10px;
    padding: 10px 0 25px 0;
}

.iconname{
    font-size: 18px;
    color: #344d6c;
    font-weight: 600;
    line-height: 24px;
    padding: 30px 0 0px;
    border-top: 1px solid #eaedf0;
    position: relative;
}

.iconname:before{
          position: absolute;
    content: "";
    width: 38px;
    height: 36px;
    background-image: url(images/kalitebuton.png);
    left: calc(50% - 16px);
    top: -15px;
    background-size: 84%;
    background-repeat: no-repeat;
}

.icons{
        overflow: hidden;
    padding-bottom: 80px;
}

.slidert{height: 755px;}

.menutop{
        padding-top: 25px;
}

.menuta{
    color: #fff;
    font-size: 15px;
    margin-right: 25px;
    padding-top: 10px;
    font-size: 13px;
}

.menuta i{
    margin-right: 10px;
    font-size: 11px;
}



.menuta img{margin-right: 5px;}

.mulas{
        background: #1a7fc3;
    padding: 10px;
    border-radius: 15px;
}

.mulas i{margin-left: 5px;margin-right: 0;}

.tbottom{
        overflow: hidden;
    padding-top: 25px;
}

.menuta:hover i{
    color: #4ccefb ;
}

.menuta:hover{
    color: #adadad;
}

.tbottom a{
        color: #fff;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 600;
}

.tbottom a:last-child{margin-right: 0;}

.tesvikheader{
    border-bottom: 1px solid #817871;
    height: 145px;
}

.slyazi{
        left: calc(50% - 575px);
    color: #fff;
    top: 180px;
    font-size: 40px;
    font-weight: 800;
    line-height: 55px;
}

.slyazi p{
    color: #3ba3e9;
}

.slright{
       color: #fff;
    right: calc(50% - 575px);
    top: calc(50% - 45px);
    font-size: 32px;
    line-height: 45px;
    font-weight: 200;
}

.nedenleft{
    background: #1a7fc3;
    color: #fff;
    position: relative;
}

.nedentitle{
    font-size: 30px;
    font-weight: 600;
    text-align: right;
    padding-right: 50px;
    padding-top: 50px;
}

.nedenicerik{
        padding-left: calc(100% - 575px);
    margin-top: 30px;
        font-weight: 300;
    line-height: 26px;
    padding-right: 50px;
    padding-bottom: 50px;
    text-align: justify;
}

.nedenleft:before{
        background-image: url(images/solok.png);
    width: 375px;
    height: 780px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
}

.tesvikheader{position: absolute;}

.nedenright{
        padding-right: calc(50% - 575px);
        padding-top: 50px;
}

.nedenline{
        overflow: hidden;
       padding: 20px 5px 20px 35px;
    border-bottom: 1px solid #eaedf0;
    margin-bottom: 15px;
}

.ndnimg{
        width: 70px;
    height: 70px;
    border: 1px solid #eaedf0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
}

.ncontent{width: 85%;}

.ntitle{
    color: #344d6c;
    font-weight: 700;
    margin-bottom: 5px;
}

.ncontent p{
    color: #344d6c;
    font-size: 15px;
    line-height: 24px;
}




.nedent{
    overflow: hidden;
    
}

.nicon{
    padding-top: 75px;
    background: #f8f9fa;
}

.tbolum{padding:50px 30px;overflow: hidden;}

.t1{width: 20%;}

.t2{
        height: 165px;
    border: 1px solid #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    width: 30%;
    font-weight: 600;
    color: #344d6c;
    border-radius: 5px;
}

.t2:before{
    position: absolute;
    content: "";
    width: 100px;
    height: 1px;
    background: #f2f2f2;
    right: -100px;
    top: 82px;
}

.t2:after{
      position: absolute;
    content: "";
    background: url(images/kalitebuton.png);
    width: 30px;
    height: 29px;
    right: -110px;
    top: 65px;
}

.t3{
        color: #344d6c;
    font-weight: 600;
    line-height: 26px;
    padding-top: 40.5px;
}

.tmain{
        height: 830px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 50px;
    background-attachment: fixed;
}

.tmaintitle{
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}

.tmaintitle p{
    color: #fff;
    margin-bottom: 10px;
    font-size: 16px;
}

.tbox{
        width: 23%;
    background: #fff;
    margin-right: 2.66%;
    padding: 20px 20px 0 20px;
    border-radius: 5px;

}

.tbox:nth-child(4){
    margin-right: 0;
}

.tmainboxes{
        overflow: hidden;
    margin-top: 70px;
}

.tisim{
    text-align: center;
    color: #344d6c;
    font-weight: 600;
    padding: 10px 0;
    border-bottom: 1px solid #e6e9ed;
    border-left: 1px solid #e6e9ed;
}

.ticon i{
    font-size: 60px;
    color: #3e6382;
    margin: auto;
}

.ticon{
    padding: 15px 0;
}

.tyazi{
        color: #344d6c;
    font-size: 14px;
    line-height: 23px;
    min-height: 360px;
        background-repeat: no-repeat;
    background-position: bottom;
    background-size: 75%;
    font-weight: 300;
    
}

.tmainicerik{
        border-left: 1px solid #e6e9ed;
        padding-left: 10px;
}


.mulas:hover{
    color: #fff;
    background: #0362a2;
}

.tbottom a:hover{
    color: #adadad;
}



.tesvikbanner{
    height: 285px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.tesvikbanner h1{
        color: #fff;
    text-align: center;
    width: 100%;
    font-size: 30px;
    padding-top: 185.5px;
}

.tisim:before{
    position: absolute;
    content: "";
    width: 37px;
    height: 37px;
    background-image: url(images/kalitebuton.png);
    left: -18.5px;
    top: -8.5px;
}

.tbox:hover .tisim:before{
    top: -18.5px;
}

.inputline{
     padding: 15px 0;
    color: #344d6c;
    border-bottom: 1px solid #e2e2e2;
    overflow: hidden;
}

.inputline input[type="checkbox"]{
        margin-right: 10px;
            width: 17px;
    height: 17px;
    border: 1px solid #e2e2e2;
    float: left;
    border-radius: 5px;
}

.inplines{padding-top: 25px;}

.inpline span{
    color: #344d6c;
}

.inpline input[type="text"]{
        width: 100%;
    padding: 15px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.inpline{float: left;}

.inpline:nth-child(2n){float: right;}

.inplines input[type="submit"]{
        background: #1a7fc3;
    color: #fff;
    margin: auto;
    display: block;
    border: none;
    padding: 15px 45px;
    border-radius: 5px;
    margin-top: 10px;
    overflow: hidden;
}


.inplines input[type="submit"]:hover{
    background: #0362a2;
}

.sgkt{
    color: #344d6c;
    line-height: 26px;
}

.sgkt b{
    font-weight: 700;
}

#tableone tr:nth-child(even) {
    background: #cce3f5 !important;
    color: #000 !important;
    font-weight: 400 !important;
    text-align: center;
}

#tableone tr:nth-child(odd) {
    background: #e7f1fa !important;
    color: #000 !important;
    font-weight: 400 !important;
    text-align: center;
}

#tableone tr:first-child {
    background: #1a7fc3 !important;
    color: #fff !important;
    font-weight: 800 !important;
    text-align: center;
}



#tableone tr td {
    padding: 15px 5px;border-right: 1px solid #fff;text-align: center;
}

.tr1{
    background: #1a7fc3;
    color: #fff;
}

.trline:nth-child(odd){
    background: #e7f1fa;
}

.trline:nth-child(even){
    background: #cce3f5;
}

.trline td{
    padding: 15px 10px;
    text-align: center;
    border-right: 1px solid #fff;
}

table{margin-bottom: 100px;}


.tl{
        font-size: 25px;
    color: #344d6c;
    font-weight: 600;
    top: 92px;
    right: 78px;
}

.progress-bar { 
    height: 45px;
        margin-top: 25px;
    background: #1a7fc3;
    width: 0;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid rgba(255,255,255,0.1);
 }

 .progressust{
    background: rgba(255,255,255,0.1);
 }

.pcizgi{
        height: 1px;
    background: #ecebeb;
}

.progress{
    overflow: hidden;
    height: 45px;
    margin-bottom: 20px;
}

.prmavi{
        background: #1a7fc3;
    height: 40px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prleft{
        padding-top: 17px;
}

.tp2{
    padding-left: calc(50% - 575px);
}

.tpf2{
text-align: center;
line-height: 35px;
}

.tpartx{
    color: #344d6c;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.tpartx:hover{
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}


.fcizgi{
        height: 1px;
    background: #f2f2f2;
    margin-top: 59.5px;
}

.tpart2{padding: 5px 5px 5px 30px}

.timgx{
        padding-top: 42px;
}

.w18{width: 18%;}

.tbolumx{
        margin-top: 40px;
    margin-bottom: 50px;
}


.mok{display: none;}

.mac{display: none;}

.mobilmenu{display: none;}

.mobillogo{display: none;}

.mkapat{display: none;}

.mfac{display: none;}

.form-err{
        padding: 10px 0;
    color: #fff;
}

.akataktif{color: #1c7fc3;}

.akataktif:before{left: 5px;}

.ftaltust{
        padding: 10px 0;
}

.ftimg{width: 25%;padding: 10px;}

.ftimg img{width: 100%;}

.ftimg:hover img{
    transform: scale(1.05);
}

.ftyazi{
    color: #344d6c;
    font-size: 14px;
    line-height: 23px;
}

.fta{margin-top: 35px;padding-bottom: 10px;}

.fta a{
        color: #344d6c;
    font-size: 14px;
    font-weight: 600;
    border-right: 2px solid #344d6c;
}

.fta a:hover{
    color: #1a7fc3;
}

.fta a:last-child{border-right: unset;}

.ftalt{
        border-bottom: 1px solid #eaedf0;
    margin-bottom: 20px;
}

.wbd p{
        font-size: 13px;
    color: #344d6c;
    margin-bottom: 20px;
}

.sliderresim{
        position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.slicerik{
   position: absolute;
    top: calc(450px - 158px);
    z-index: 5;
    width: 25%;
    left: calc(100% - 66%);
}

.slbaslik{
        font-size: 40px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
}

.slyazix{
        color: #fff;
    font-size: 18px;
    line-height: 27px;
}

.ndnimg:before{
        position: absolute;
    content: "";
    width: 1px;
    height: 22px;
    background: #eaedf0;
    left: 33px;
    bottom: -22px;
}

.pr2{margin-bottom: 50px;}

.snasil{padding: 75px 0 0 0;}

.pacik{
    color: #344d6c;
    font-size: 18px;
    padding-bottom: 40px;
    font-weight: 400;
}





.nekadar{
    background: #f8f9fa;
    padding: 25px 0;
    overflow: hidden;
}

.nekadar .tbolumx .tparx{background: #fff;}

.tablok{font-weight: 800;}

.tred{color: red;}

.dkindir img{width: 20px;}

.br2{padding-bottom: 15px;}

.butitle{
        font-weight: 600;
    color: #344d6c;
    margin-bottom: 20px;
}

.abuton{
        border: none;
    width: 22px;
    height: 21px;
    background-color: transparent;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    right: 10px;
    top: 7px;
    background-size: 100%;
}


.anabaslik i{
    font-style: italic;
}

.anaarama input[type="text"]:focus{
    background: #425a77;
}

.nf{
        text-align: center;
    display: block;
    font-size: 30px;
    font-weight: 600;
    margin-top: 40px;
}

.anaslider .item{height: 900px;}

.form-errx{
    padding: 5px 0;
}
.mnum{display: none;}

.inputline p{float: left;width: 85%;}


.ngovde {
    position: relative;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 100px;
}
.ngovde:before {
    position: absolute;
    content: "";
    width: 1px;
    left: calc(50% - 0.5px);
    background: #94d8fa;
    height: 100%;
}
.nnumber{
color: #d8d8d8;
font-weight: 600;
text-align: center;
display: block;
}
.firstbutton {
position: absolute;
background:url(images/nbuton.png) center center;
width: 44px;
height: 45px;
left: calc(50% - 22px);
top: 10px;
}
.nasilline {
padding-top: 50px;
    position: relative;
    margin-top: 30px;
    overflow: hidden;
}
.nasilline:before {
position: absolute;
content: "";
background: #94d8fa;
width: 100%;
height: 1px;
top: 30px;
left: 0;
}

.nasilline:after {
position: absolute;
content: "";
background:url(images/nbuton.png) center center;
width: 44px;
height: 45px;
    top: 12px;
    left: calc(50% - 22px);
}

.number {
position: relative;
margin-top: -45px;
color: #d8d8d8;
font-weight: 600;
font-size: 18px;
}


.nline {height: 60px;overflow: hidden;}
.nasiltext {width: 47%;color: #344d6c;line-height: 22px;}
.nasilimage {    width: 47%;
    min-height: 300px;
    margin-top: -42px;
    position: relative;
    z-index: 10;
background-size: 100%;
background-position: center;
display: block;
}
.nasilimage:hover {background-size: 120%;border: 1px solid #94d8fa;}

.scroltakip {position: fixed;
right: -100%;
bottom: 50%;
z-index: 100;
}
.takipshow{right: 0;}

.scroltakip a {display: block;
background: #1a7fc3;
color: #fff;
font-size: 12px;
font-weight: 600;
margin-bottom: 6px;
margin-right: 15px;
padding: 10px 12px;
border-radius: 20px;
position: relative;
}
.scroltakip a i{
    float: right;
    padding-left: 5px;
}
.scroltakip a:before{
    position: absolute;
    content: "";
    width: 20px;
    height: 1px;
    background: #eaedf0;
    right: -20px;
    top: 15px;
}
.scroltakip a:hover{
    background: #344d6c;
}
.slright a{
color: #344d6c;
    border-radius: 20px;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 0px 8px;
    margin: auto;
    width: 40%;
    display: block;
    margin-top: 20px;
    text-align: center;
}

.slright a:hover{
background: #344d6c;
color: #fff;
}
.tmkapat{display: none;}
.sctable {
    overflow: hidden;
    overflow-x: scroll;
}
.smobil {
   display: none !important;
}

.sdesktop {
   display: block !important;
}



















































































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

{

.header-bottom .full {
display: unset;
align-items: unset;
justify-content: unset;
}
.header-top{display: none;}
.menu{    border: 1px solid #e2e2e2;position: fixed;top: -85vh;right: 0%;
    width: 100%;height: 75vh;background-image: url(images/hakback.jpg);padding-left: 75px;
    background-position: center center;padding-top: 20px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;visibility: hidden;}
.slider{height: 230px;margin-top: 75px;}
.full{width: 94%!important;}
.hakleft{width: 100%!important;margin-bottom: 20px;}
.hakbody{position: relative!important;top: 0!important;height: 860px;background-position: bottom center;padding: 20px 0px;}
.haktitle{font-size: 16px;text-align: center;}
.hakright{width: 100%!important;}
.hakicon{display: none;}
.hak{height: 900px;}
.hakbuton{display: none;}
.iconbox{width: 100%;margin-bottom: 25px;}
.icons{padding-bottom: 20px;}
.hizleft{display: none;}
.hizright{width: 100%!important;padding: 10px;}
.sirkuslider .item{width: 100%;margin-left: 0%;}
.sirkubuton{width: 50%!important;}
.bilgileft{width: 100%!important;}
.panel-footer{right: 10px;width: 20%;}
.bilgiright{display: none;}
.blleft{width: 100%!important;}
.bultentitle{font-size: 20px;line-height: 30px;text-align: center;width: 100%;display: block;}
.blleft p{font-size: 16px;display: block;text-align: center;font-weight: 400;}
.blright{width: 100%!important;margin-top: 20px;}
.blright input[type="text"]{padding: 15px;font-size: 14px;}
.fuyari{font-size: 12px;height: 47px;}
.blright input[type="submit"]{padding: 12px;}
.ebulten{height: 805px;}
.maintitle{font-size: 17px;padding-left: 15px;}
.comtitle{font-size: 30px;}
.referansslider .item img{width: 150px!important;margin: auto;}
.logo img{width: 150px;}
.logo{height: 85px;padding-left: 20px;}
.owl-theme .owl-dots .owl-dot span{width: 18px!important;height: 18px!important;}
.owl-theme .owl-dots{bottom: 10px!important;}
.fadres{position: relative!important;left: 0;top: 0;width: 100%!important;}
.adresgovde{height: 920px;}
.banner{height: 180px;}
.bntitle{padding-top: 95px;font-size: 14px;}
.banner h1{font-size: 15px;}
.anaarama{width: 50%!important;}

.anatitle{font-size: 18px;}
.kaliteleft{width: 100%;}
.kaliteright{width: 100%;}
.breadcrumb{display: none;}
.hizmetleft{width: 100%!important;}
.hizmetbox{display: none;}
.hizmeticerik{width: 100%!important;margin-top: 20px;}
.mok{float: right;margin-right: 20px;display: block;}
.anaicerik{padding: 0 15px;}
.titleleft{width: 100%;padding-left: 0;}
.titleright{width: 100%!important;margin-top: 15px;}
.titleleft p{padding: 15px;font-size: 14px;width: 100%!important;}
.titleleft img{width: 72px;}
.contentleft{width: 100%!important;}
.hizana{line-height: 26px;}
.hmmain{display:block;}
.contentright{width: 100%!important;}
.refbox{width: 100%!important;}
.panel-body{padding: 0 15px;}
.mac{position: absolute;right: 25px;top: 25px;color: #344d6c;font-size: 24px;display: block;}
.logo2 img{width: 135px;}
.mobilmenu{position: fixed;left: -100%;background: #fff;height: 80vh!important;padding-top: 75px;border-bottom: 1px solid #e2e2e2;height: 0vh;top: 0;}
.mbla{color: #000;background:#f5f5f5;padding: 10px;margin-bottom: 10px;margin-bottom: 15px;position: relative;margin-left: 10%;}
.mblkapat{right: 10px;position: absolute;top: 10px;font-size: 17px;background: #1a7fc3;color: #fff;padding: 10px;}
.mbla:before{position: absolute;content: "";left: 10px;bottom: -15px;height: 15px;background: #d4d3d3;width: 1px;}
.mbla:last-child:before{display: none;}
.fixfix{height: 125px;border-bottom: 1px solid #e2e2e2;}
.fixfix .header-bottom{height: 75px;}
.fixfix:before{height: 70px;}
.logo2{padding-top: 0;}
.fixfix .mac{color: #344d6c;}
.fixfix .menu{height: 75vh;}
header{height: 125px;background: #fff;}
.logo,.logo2{display: none;}
.mobillogo{padding-top: 12.375px;display: block;}
.mobillogo img{width: 135px;}
.header-bottom{height: 75px;padding-left: 10px;}
.fixfix .logo2{display: none;}
.fixfix .mobillogo{display: block;}
.menua{width: 100%;color: #344d6c;position: relative;margin-top: 0;padding: 15px 0;}
.menua:before{position: absolute;content: "";left: -50px;width: 35px;background: #d0d2d4;height: 1px;top: 22px;}
.menua:after{position: absolute;content: "";width: 30px;height: 31px;top: 7px;left: -65px;background-image: url(images/kalitebuton.png);}
.fixfix .thesap{margin-top: 0;}
.thesap:before{position: absolute;content: "";left: -50px;width: 35px;background: #d0d2d4;height: 1px;top: 17px;}
.thesap:after{position: absolute;content: "";width: 30px;height: 31px;top: 3px;left: -65px;background-image: url(images/kalitebuton.png);}
.thesap{position: relative;margin-top: 5px;}
.menua:hover:after{left: -30px;}
.fixfix .menua{margin-top: 0;}
.thesap{margin-top: 0;}

.mobilsosyal{width: 100%;display: block;overflow: hidden;}

.mobilsosyal span{font-size: 14px;font-weight: 600;padding-right: 15px;border-right: 1px solid #000;margin-right: 15px;}

.mobilsosyal a{color: #000;margin-right: 10px;}

.fixfix .fara{display: none!important;}
.fixfix .mobilsosyal{padding-top: 40px;}

.header-bottom .full{width: 100%;}
.fixfix .menu{left: 5%;}
.mfac{position: absolute;right: 25px;top: 25px;color: #344d6c;font-size: 24px;display: block;}

.mkapat{    position: absolute;
    right: 25px;
    top: 25px;
    color: #344d6c;
    font-size: 24px;
    display: none;
}

.tmkapat{       position: absolute;
    right: 25px;
    top: 25px;
    color: #344d6c;
    font-size: 24px;
    display: none;
}

.mboxes{display: block;}
.fixfix .menu{top: 16px!important;opacity: 0;visibility: hidden;z-index: -5;}
.slyazi{font-size: 15px;line-height: 21px;top:10px;left: 10px;}
.slright{font-size: 12px;right: 10px;top: 25px;line-height: 23px;width: 59%;}
.slidert{height: 150px;}
.nedenleft{width: 100%!important;margin-top: 10px;}
.nedentitle{text-align: center;font-size: 20px;padding-right: 0;padding-top: 40px;}

.nedenicerik{width: 93%!important;padding-left: 0;padding-right: 0;margin: auto;
    padding-top: 20px;
}

.nedenright{width: 100%!important;padding-right: 0;padding-top: 20px;}

.nedenline{padding: 10px;}

.ncontent{width: 77%;}

.ndnimg:before{display: none;}

.ncontent p{
    font-size: 14px;
    line-height: 23px;
}

.nicon{padding-top: 20px;}

.tsoru{display: none;}

.tpartx{width: 100%!important;}

.tpart2{padding-left: 0;width: 94%!important;margin:auto;float: unset!important;}
.fcizgi{display: none;}

.timgx{display: none;}
.t3{width: 94%!important;margin: auto;float: unset!important;overflow: hidden;}

.tbolum{padding: 10px;margin: auto;}
.tp2{padding-top: 15.5px;text-align: center!important;}

.tpart2{padding-top: 25px;}

.t1{display: none;}

.tmaintitle{font-size: 25px;}

.tmaintitle p{line-height: 29px;}

.tmainboxes{width: 94%!important;margin: auto;padding-top: 35px;}

.tbox{width: 100%;margin-bottom: 20px;}

.tmain{height: 2350px;}



.tesvikbanner{height: 160px;margin-top: 75px;}

.tesvikbanner h1{font-size: 20px;padding-top: 70px}

.sis{display: none;}

.prg2{margin-top: 50px;}

.pacik{    font-size: 16px;
    line-height: 26px;padding-bottom: 0;}

.kaliteyazi{height: unset!important;text-align: center!important;display: block!important;align-items: unset!important;justify-content: center!important;}

.kaliteleft{min-height: unset!important;}

.kalitecizgi{display: none;}

.kaliteright{min-height: unset;}

.kaliteline{margin-bottom: 50px;text-align: center;}

.mnum{
        width: 25px;
    height: 25px;
    margin: auto;
    background: #000;
    border-radius: 50%;
    color: #fff;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: #1a7fc3;
}

.kaliteleft .kaliteyazi{padding-right: 0;}

.kaliteright .kaliteyazi{padding-left: 0;}

.kaliteright:before{display: none;}

.inputline input[type="checkbox"]{width: 25px;height: 22px;float: left;}
.inputline p{float: left;width: 85%;}
.inputline{overflow: hidden;}
.inpline{width: 100%!important;}
.anaslider .item{height: 230px;}

.slicerik{
        top: 0;
    width: 100%;
    left: 0;
    top: 25px;
}

.slbaslik{
    font-size: 20px;
}

.slyazix{
    font-size: 16px;
    width: 90%!important;
    margin: auto;
}

.questitle{font-size: 25px;}

.soruleft{width: 100%!important;}

.soruright{width: 100%!important;display: none;}

.fttopleft{width: 100%!important;}

.fttopright{width: 100%!important;}

.fta a{font-size: 12px;line-height: 20px;}
.wbd p{width: 100%;text-align: center;}

.tesvikheader:before{background: unset;}

.tesvikheader{background: #fff;position: fixed;top: 0;height: 125px}

.scroltakip {right: 0 !important;bottom: 0;width: 100%;}
.scroltakip a{float: left;width: 46%;}
.srkimgx,.detayimgx{display: none;}
.sirkuline a{width: 100%;}
.banner h1{line-height: unset;}
.menut {visibility: hidden;z-index: -1;opacity: 0;
    background-image: url(images/hakback.jpg);
    background-position: center center;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    color: #344d6c !important;
    top: 74px;
    position: fixed;
    width: 95%;
    left: 2.5%;
}

.mulas{display: none !important;}
.menuta{color: #344d6c;}
.tbottom {padding: 25px;}
.tbottom a{color: #344d6c;display: block;padding: 15px 0px;    text-align: center;
    width: 100%;}

.progress-bar{height: unset;margin-top: unset;}
.slright a {width: 100%;}

.nasiltext{width: 100%;float: unset !important;background: #fff;}
.nasilimage{width: 100%;min-height: 185px;margin-top: 10px;}
.tbolumx {margin-top: 0;}


.smobil {
   display: block !important;
}

.sdesktop {
   display: none !important;
}






























}


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

.slider{height: 380px;}
.hak{height: 500px;}
.hakbody{height: 500px;}
.icons{margin-top: 25px;}
.t1{right: 211px;}
.sirkubuton{width: 30%!important;}
.bltitle{padding-left: 25px;}
.ebulten{height: 620px;}
.adresgovde{height: 785px;}
.titleleft{width: 78%;height: 110px;}
.titleright{width: 20%!important;margin-top: 0;}
.titleright img{width: 85px;}
.titleleft img{width: 60px;}
.mbla{width: 48%!important;float: left!important;margin-left: 0;}
.mbla:nth-child(2n){float: right!important;}
.mbla:before{right: -10%;width: 10%;height: 1px;left: unset;top: 17.5px;}
.mblmenus{padding: 10px}
.menua{width: 40%;}
.menua:nth-child(odd){float: right!important;}
.thesap{float: right!important;width: 40%;text-align: center;}
.fixfix .fara{display: none;}
.fara{display: none!important;}
.menu{height: 100vh;top: -100vh;}
.mobilsosyal{padding-top: 25px;}
.thesap:after{left: -69px;}
.mboxes{display:block!important;}
.slyazi{left: 15px;}
.slright{top: 16px;top: 77px;}
.rl{right: 197px;}
.tbox{width: 48%;margin-right: 0;}
.tbox:nth-child(2n){float: right!important;}
.tmain{height: 1300px;}
.fttopleft{width: 100%!important;}
.ftimg img{width: 100px;}
.fttopright{width: 100%!important;padding-top: 10px;}
.slyazi{
    font-size: 40px;
    line-height: 50px;
    top: 50px;
}

.slright{
    font-size: 25px;
    line-height: 35px;
    right: 18px;
    top: 130px;
}

.slidert{height: 410px!important;}

.ncontent{width: 85%;padding-top: 10px;}

.tl{right: 197px;}

.kalitebody:before,.kalitebody:after{display: none;}
.kaliteciz{display: none;}

















}



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

.slider{height: 430px;}
.hak{height: 455px;}
.hakbody{height: 455px;background-position: bottom center;}
.iconbox{width: 50%;}
.icons{margin-top: 50px;}
.sirkubuton{width: 40%!important;}
.bltitle{padding-left: 25px;}
.ebulten{height: 575px;}
.adresgovde{height: 780px;}
.anaarama{width: 35%!important;}
.titleleft{width: 78%;height: 110px;}
.titleright{width: 20%!important;margin-top: 0;}
.titleleft img{width: 60px;}
.refbox{width: 48%!important;}
.refbox:nth-child(2n){float: right!important;}
.menu{height: 50vh;}
.fixfix .menu{height: 50vh;}
.slyazi{
        left: 20px;
    font-size: 25px;
    line-height: 33px;
    top: 50px;
}

.slright{font-size: 16px;top: 100px;}
.slidert{height: 310px;}
.pr2{margin-top: 40px;}
.tbox{width: 48%;margin-right: 0;}
.tbox:nth-child(2n){float: right!important;}
.tmain{height: 1270px;}
.ncontent{width: 85%;}
.kalitebody:before,.kalitebody:after{display: none;}
.kaliteciz{display: none;}












































}


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

{

.slider{height: 570px;}
.hak,.hakbody{height: 420px;}
.iconbox{width: 50%;}
.t1{right: 135px;}
.sirkuslider{padding-bottom: 60px;}
.ebulten{height: 540px;}
.anaarama{width: 35%!important;}
.refbox{width: 48%!important;}
.refbox:nth-child(2n){float: right!important;}
.mobilmenu{height: 50vh;}
.menu{height: 50vh;}



}