@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
*{box-sizing: border-box;font-family: 'Poppins', sans-serif;}
a{text-decoration: none;color:#222;}
h1,h2,h3{color:#124675;}
html, body{float:left;width:100%;margin:0;overflow-x: hidden;}
header{float:left;width:100%;position:fixed;padding: 0 0 10px 0;background-color:#10487500;z-index:9999;color:white;border-bottom:2.5px solid #fff;transition:0.4s;}
.ust-header{float:left;width:100%;height:auto;background-color:#10487500;padding:5px 0;margin:5px 0;}
.uh-l{float:left;width:50%;text-align: left;color:white;border-bottom:1px solid #cccccc57;padding-bottom:5px;margin-bottom:5px;padding-left:5px;}
.uh-l img{float:left;height:13px;width:auto;margin:5.5px 7px 0 0;}
.uh-r{float:right;width:50%;text-align: right;color:white;border-bottom:1px solid #cccccc57;padding-bottom:5px;margin-bottom:5px;padding-right:5px;display:flex;justify-content: right;}
.uh-r img{float:left;height:13px;width:auto;margin:6px 7px 0 0;}
.container{float:left;width:1200px;margin:0 calc(50% - 600px);}
.logo{float:left;width:80px;}
.logo img{float:left;width:100%;}
.menu{float:right;width:calc(100% - 210px);text-align: right;margin:12px 0 8px;}
.menuitem{float:left;width:auto;padding:0 10px;position: relative;}
.menu a{width:auto;padding:0 10px;font-weight: 500;line-height: 40px;position:relative;color:white;transition:0.5s;}
.menu a:hover{color:#b1dcff;}
.submenu{float:left;display:none;position:absolute;background-color:white;text-align: center;width:250px;left:-50px;border-radius:5px 5px 20px 20px;transition:1s;color:white;padding:7px 0 10px 0;top:35px;}
.submenu a{float:left;width:100%;color:#104775;transition:0.5s;}
.submenu a:hover{background-color:#104775;color:white;}
.menu-teklif{float:right;padding:5px 15px!important;color:#104775!important;background-color:#fff;border-radius:35px;margin:-2px 0 0 20px!important;line-height:32px!important;font-weight: 600!important;border:2px solid #fff;transition:1s;}
.menu-teklif:hover{background-color:#104775!important;color:#fff!important;border:2px solid #fff;margin-top:-1px;}


.slide-area{float:left;width:100%;position:relative;}
.slide-area{float:left;width:100%;position:relative;}
.slide-overlay{float:left;width:100%;height:80vh;background-color:#10477578;z-index:998;position:absolute;}
.slider {float: left;width: 100%;}
.slides {display: flex;width:100%;height:80vh;}
.slides img {width: 100%;display: none;object-fit:cover;}  
.mySlides {display: none}
img {vertical-align: middle;}
.slideshow-container {max-width: 1000px;position: relative;margin: auto;}
.stexts{float:left;position:absolute;width:100%;left:0;top:10vh;height:70vh;display:flex;align-items: center;justify-content: center;z-index:9998;}
.stext{float:left;width:auto;height:auto;text-align: center;display:flex;flex-direction: column;justify-content:center;align-items:center;}
.stext p, .stext span{color:#104775;background-color:#ffffffc2;padding:5px 25px;margin:0;font-size:36px;letter-spacing: 3px;line-height: 36px;}
.stext a{float:left;background-color:#104775;color:white;border-radius:20px;margin:7% 0 0;padding:10px 20px;letter-spacing:1.2px;font-weight: 500;box-shadow:0 0 5px 2px #06314f;}

.slide-area{float:left;width:100%;position:relative;}
.mySlides {display: none;position:relative;height:80vh;}
.mySlides img {vertical-align: middle;width:100%;height:80vh;object-fit: cover;}
.slideshow-container {max-width: 100%;position: relative;margin: auto;}
.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 1px 20px 1px 16px;margin-top: -22px;color: white;font-weight: 300;font-size: 36px;transition: 0.6s ease;border-radius: 50%;user-select: none;border:1px solid #fff;z-index:9998;}
.prev{left:20px;}
.next {right: 20px;padding:1px 16px 1px 20px;}
.prev:hover, .next:hover {background-color: #104775;}
.text {color: #f2f2f2;font-size: 15px;padding: 8px 12px;position: absolute;bottom: 8px;width: 100%;text-align: center;}
.active, .dot:hover {background-color: #717171;}
.fade {animation-name: fade;animation-duration: 1.5s;}
@keyframes fade {from {opacity: .4} to {opacity: 1}}
@media only screen and (max-width: 300px) {.prev, .next,.text {font-size: 11px}}
.slide-overlay{float:left;width:100%;height:80vh;background-color:#10477578;z-index:998;position:absolute;}

.fade {animation-name: fade;animation-duration: 1.8s;}
@keyframes fade {from {opacity: 0.6} to {opacity: 1}}
button {position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(0, 0, 0, 0.5);color: white;border: none;cursor: pointer;padding: 10px;z-index: 1;}

.ovh{height:45vh;}

.about-area{float:left;width:100%;padding:3% 0;background-color:#fff;}
.about-image{padding:10px;height:400px;display: flex;align-items: center;}
.about-image img{float:left;width:100%;border-radius:10px;}
.about-text{padding:10px 20px;min-height:400px;display: flex;align-items: center;}
.about-text h2{font-weight: 700;color:#124675;}
.hb-text{padding:10px 20px;height:200px;display: flex;align-items: center;}
.hb-text h2{font-weight:700;color:#124675;}
.hba-cover{float:left;width:100%;padding:4% 1.5%;}
.hba-border{border-bottom:1px solid #1971bb;}
.hba-border:last-child{border-bottom:transparent;}
.hba-text{padding:10px 20px 10px 0;height:320px;display: flex;align-items: center;}
.hba-text h2{font-weight: 700;color:#124675;}
.hba-text ul{padding-left:20px;}
.hba-image{padding:10px 0 10px 10px;height:320px;display: flex;align-items: center;}
.hba-image img{float:left;width:100%;border-radius:1px;}

.hizmetler{float:left;width:100%;padding:3% 0 5%;}
.p-slide {width: 100%;height: 200px;position: relative;margin: auto;overflow-x: scroll;overflow-y: hidden;}
.p-slide::-webkit-scrollbar {display: none;}
.p-slide .slide {display: flex;position: absolute;left: 0;transition: 0.3s left ease-in-out;}
.p-slide .item {margin-right: 10px;height:150px;width:180px;padding:10px;margin:10px;transition:1.5s;border:3px solid transparent;border-radius:5px 50px 5px 50px;display:flex;align-items: center;justify-content: center;}
.p-slide .item img{float:left;width:100%;height:80px;object-fit: contain;}
.p-slide .item p{float:left;width:100%;font-size:13px;}
/*.p-slide .item:hover{border:3px solid #104775;border-radius:5px;}*/
.p-slide .item:last-child {margin-right: 0;}
.ctrl {text-align: center;margin-top: 5px;}
.ctrl-btn {padding: 0px 10px;min-width: 50px;background:transparent;color:#104775;font-weight: 300;text-align: center;cursor: pointer;outline: none;position: absolute;top: 53%;margin-top: -27.5px;font-size:100px;background-color:white;}
.ctrl-btn.pro-prev {left: -1px;}
.ctrl-btn.pro-next {right: -15px;}

.breadcrump{float:left;width:97%;margin:0 1.5%;background-color:white;box-shadow: 0 0 10px 2px #ccc;background-color:white;padding: 15px 2%;border-radius:10px;transition:0.5s;}
.breadcrump:hover{box-shadow: 0 0 10px 5px #ccc;}
.breadcrump{font-weight: 400;font-size:16px;}
.breadcrump a{font-weight: 500;font-size:16px;margin:0 5px;}


.service-area{float:left;width:100%;padding:5% 0;background-image:url('../images/services.webp');background-attachment: fixed;background-size:cover;background-position: center;position:relative;}
.service-overlay{float:left;width:100%;height:100%;position:absolute;background-color:#10487575;z-index:998;top:0%;}
.service-title{float:left;width:100%;text-align: center;color:white;position:relative;z-index:9998}
.all-service{float:left;width:100%;position:relative;z-index:9998;}
.services{padding:20px;margin:2% 0;}
.service{float:left;width:100%;background-color:#fffffff2;border-radius:10px;box-shadow: 0 0 2px 2px #fffffff2;transition:0.6s;text-align: center;padding:35px 10px;}
.service:hover{box-shadow: 0 0 5px 3px #fffffff2;scale:1.03;background-color: white;}
.service img{float:left;width:60px;margin:5% calc(50% - 30px) 2%;border-radius:10px;}
.service h3{float:left;width:95%;margin:2.5%;font-weight: 600;}
.service p{float:left;width:95%;margin:2.5% 2.5% 20px;font-size:14px;}

.blog-area{float:left;width:100%;padding:5% 0;background-color:#fff;}
.blog-title{float:left;width:100%;text-align:center;}
.all-blogs{float:left;width:100%;}
.blogs{padding:1.5%;}
.blog{padding:20px;margin:2% 0;box-shadow: 0 0 10px 2px #ccc;transition:0.5s;}
.blog:hover{box-shadow: 0 0 10px 5px #ccc;}
.blog{float:left;width:100%;background-color:#fffffff2;border-radius:10px;}
.blog img{float:left;width:100%;border-radius:10px;height:200px;object-fit: cover;}
.blog h3{float:left;width:95%;margin:5% 2.5% 2%;height:60px;display: flex;align-items: center;overflow: hidden;}
.blog span{float:left;margin:0 2.5%;}
.blog-text{float:left;width:95%;margin:2.5% 2.5%;height:95px;overflow: hidden;}
.blog-text p{line-height: 30px;margin:2px 0;}
.blog p{float:left;width:95%;}
.blog-kat{padding:1% 2.5% 3%;box-shadow: 0 0 10px 2px #ccc;margin:2.5% 0;border-radius:10px;background-color:white;}
.blog-kat h3{float:left;width:100%;font-weight: 500;}
.blog-kat a{float:left;width:100%;font-weight: 500;margin:7px 0;padding:7px;border-radius:5px;box-shadow: 0 0 10px 2px #ccc;}

.iletisim-form{float:left;width:94%;margin:3%;box-shadow: 0 0 5px 1px #ccc;padding:5%;border-radius:10px;}
.formnext{background-color:rgb(18 70 117 / 10%);}
.formnext h3{color:#104775;}
.formnext label{color:#104775;font-weight: 600;}
.iletisim-form h3{float:left;width:100%;margin:0 0 2%;}
.form-element{float:left;width:100%;}
.form-element label{float:left;width:100%;font-weight: 600;margin:3% 0 1% 5px;}
.form-element input{float:left;width:100%;border:1px solid #ccc;border-radius:20px;box-shadow: 0 0 5px 1px #ccc;line-height: 27px;padding:5px 10px;transition:0.3s;}
.form-element input:hover{box-shadow: 0 0 5px 3px #ccc;}
.form-element textarea{float:left;width:100%;border:1px solid #ccc;border-radius:25px;box-shadow: 0 0 5px 1px #ccc;line-height: 27px;height:141px;padding:10px;transition:0.3s;}
.form-element textarea:hover{box-shadow:0 0 5px 3px #ccc;}
.form-element a{float:left;width:100px;margin:5% calc(50% - 50px) 0;background-color:#104775;color:white;border-radius:5px;text-align: center;line-height: 30px;transition:0.5s;}
.form-element a:hover{box-shadow: 0 0 10px 5px #ccc;}
.form-element p{float:left;width:100%;margin:0 0 1% 0;}
.ik-form{width:100%;margin:3% 0;padding:5% 10%;}
.ik-form .form-element{padding:0 3%;margin:10px 0 0;}
.ik-cv{box-shadow: 0 0 0 0 transparent!important;border:transparent!important;font-size:16px;}

footer{float:left;width:100%;background-color:#104775;}
.footer-logo{float:left;padding:5%;display: flex;align-items: center;justify-content: center;}
.footer-logo img{float:left;width:150px;}
.footer-nav{float:left;width:100%;padding:5% 3% 3% 5%;}
.footer-nav h3{float:left;width:100%;border-bottom:2px solid #fff;color:#fff;padding:0 0 5% 0;font-weight: 500;}
.footer-nav a{float:left;color:white;margin:10px 0;font-weight: 300;width:100%;}
.footer-nav img{float:left;width:25px;filter:invert(1);margin:0 10px 0 0;}
.footer-icon{float:left;height:25px;filter:invert(1);margin:0 5px 0 0;}
.footer-icon2{float:left;height:20px;filter:invert(0)!important;margin:3px 7px 0 0;}
.footer-icon3{float:left;height:18px;filter:invert(0)!important;margin:3px 7px 0 0;opacity:0.77;height:18px;margin:2px 10px 0 0!important;}
.footer-socials{float:left;width:100%;display:flex;justify-content: center;}
.footer-socials a{margin:0 10px;}
.footer-socials a span{float:left;width:100%;color:#104775;font-weight:600;margin:0 0 10px;font-size:18px;}
.footer-socials img{float:left;width:30px;filter:invert(1)}

.copyright{float:left;width:100%;background-color:#0a3457;padding:15px 0;color:white;font-size:15px;font-weight: 500;}
.copyright a{color:white;}

.mhizmet-baslik{float:left;width:100%;color:#104875;text-align: center;font-size:28px;}
.hbigs{float:left;position:relative;height:400px;transition:0.7s;}
.hbdis{float:left;width:90%;height:90%;margin:5%;background-position:center;background-size:100%;transition:1s;border-radius:2px;background-repeat: no-repeat;}
.hbdis:hover{background-size:120%;transition:1s;}
.hbigs img{float:left;position: absolute;width:90%;height:90%;object-fit: cover;cursor:pointer;left:5%;top:5%;}
.hbig{float:left;width:90%;position:absolute;z-index:997;left:5%;bottom:5%;}
.hbig p{float:left;width:100%;background-color:#104875a4;color:white;text-align: center;font-size:18px;line-height:30px;padding:5px 0;}

.hgallery{height:250px;}
.hgallery img{width:95%;height:95%;}

.rbigs{float:left;position:relative;height:200px;padding:5%;}
.rbigs img{float:left;position: absolute;width:90%;height:90%;object-fit: cover;cursor:pointer;left:5%;top:5%;}
.rbig{float:left;width:90%;position:absolute;z-index:997;left:5%;bottom:5%;}
.rbig p{float:left;width:100%;background-color:#104875a4;color:white;text-align: center;font-size:18px;line-height:30px;padding:5px 0;}

.scc-msg{float:left;width:100%;font-size:24px;text-align: center;margin:30px 0 5px;color:#68a014;}

.sayac-area{float:left;width:100%;padding:10px 0;margin-top:-130px;margin-bottom:-3.5%;}
.sayac-dis{float:left;width:100%;border-radius:10px;box-shadow: 0 0 10px 5px #ccc;background-color: white;position:relative;z-index:998;}
.counter { background-color: #ffffff; width:100%;margin:3% 0;padding: 10px 10%;text-align: center;border-right:2px solid #ccc;height:280px;}
.counter img{float:left;width:50px;margin:5% calc(50% - 25px) 10px;}
.crimg2{width:82px!important;margin:5% calc(50% - 41px) 10px!important;}
.count-title { font-size: 32px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; color:#104775;font-weight: 600;}
.count-text { font-size: 13px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }

.wp-btn{float:left;position:fixed;right:20px;bottom:5%;background-color:#25d366;padding:5px 10px;border-radius:10px;z-index:9999;}
.wp-btn img{float:left;width:30px;margin:5px 10px;}
.wp-btn p{float:left;width:calc(100% - 50px);color:white;margin:7.5px 0;padding-right:10px;}

.menulogo, .menuclose, .mbl-obtn{display:none;}

.bsa{display:none;float:right;z-index:9999;position:absolute;right:-360px;top:50px;width:350px;min-height:300px;background-color:white;box-shadow:0 0 1px 1px #bfbfbf;border-radius:10px;padding:10px 20px 15px;transition:1s;}
.bsa span{position:absolute;top:0;right:0;background-color:#104775;color:white;border-radius:10px;font-size:20px;padding:4px 10px 7px;font-weight: 500;line-height: 20px;cursor:pointer;}
.bsa h2{float:left;text-align:center;width:100%;color:#104775;}
.bsa input, .bsa textarea, .bsa select{float:left;width:100%;font-size:16px;margin:5px 0;padding:5px;border:1px solid #ccc;border-radius:5px;font-size:14px;}
.bsa a{float:left;padding:7px 12px;background-color:#104775;color:white;font-size:14px;border-radius:5px;margin:5px 0 0;cursor:pointer;}
.bsa-sozlesme{float:left;width:100%;margin:10px 0;}
.bsa-sozlesme input{float:left;width:17px;height:17px;margin-right:5px;}
.bsa-sozlesme p{float:left;width:calc(100% - 30px);margin:0;font-size:14px;}
.bsa-sozlesme a{color:#104775!important;background-color:white!important;font-weight: 600;font-size:14px;padding:0!important;margin:0!important;cursor:pointer;}
.bsa-ok{float:left;width:100%;margin:10px 0;font-size:16px;color:#104775;font-weight: 600;display:none;}
.fadehide{-webkit-transition: all 1.8s;transition: all 1.8s;opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}
@keyframes fadeInUp {from {transform: translateY(50px);opacity: 0;}to {transform: translateY(0);opacity: 1;}}
.fade-in-up {animation: 1.75s both fadeInUp;}

@media only screen and (max-width: 1300px) {
    .container{float:left;width:1100px;margin:0 calc(50% - 550px);}
    .ctrl-btn{background-color:white;}
    .mmnone{display:none;}
}
@media only screen and (max-width: 1150px) {
    .container{float:left;width:1000px;margin:0 calc(50% - 500px);}
    .menu{width:calc(100% - 135px)}
    .hbigs{height:345px;}
}
@media only screen and (max-width: 1030px) {
    .container{float:left;width:900px;margin:0 calc(50% - 450px);}
    .menuitem{padding:0 2px;}
    .menu{width:700px;}
    .menu a{padding:0 7px;font-size:15px;}
    .hbigs{height:325px;}
}
@media only screen and (max-width: 930px) {
    .container{float:left;width:800px;margin:0 calc(50% - 400px);}
    .copyright{font-size:12px;}
    .hbigs{height:285px;}
}
@media only screen and (max-width: 830px) {
    .header{max-width:830px;}
    .container{float:left;width:700px;margin:0 calc(50% - 350px);}
    .about-image,.about-text{width:100%!important;}
    .services{width:50%!important;}
    .blogs{width:96%!important;margin:2%;}
    a,p{font-size:14px!important;}
    .menu{display:none;position:absolute;right:-330px;top:0;height:100vh;width:330px;background-color:#104775;padding:10%;margin:0;border-left:3px solid rgba(204, 204, 204, 0.507);transition:1s;}
    .submenu{position:relative;top:5px;width:290px;left:-67px;}
    .menuclose{display:block;position:absolute;right:50px;top:30px;font-size:28px;font-weight:600;cursor:pointer;}
    .mmnone{display:block;}
    .menuitem{float:left;width:100%;text-align:center;}
    .menuitem a{font-size:16px!important;}
    .menulogo{float:left;display:block;width:100%;margin:30px 0;}
    .menulogo img{float:left;width:120px;margin:0 calc(50% - 60px)}
    .menu-teklif{float:left;width:160px!important;margin:20px calc(50% - 80px)!important;text-align: center;}
    .mbl-obtn{display:block;float:right;position:absolute;right:30px;top:65px;font-size:16px;font-weight: 600;line-height: 20px;cursor:pointer;}
    .mbl-obtn img{float:left;width:30px;margin:5px 10px 5px 0;}
    .mbl-obtn span{float:left;font-size:18px;font-weight: 600;line-height: 33px;}
    .about-image{height:400px;margin:5% 0 0;}
    .about-image img{height:80%;object-fit: cover;}
    .about-text{min-height:200px;margin:0 0 5%;}
    .hbigs{height:250px;}
    .slide-overlay, .mySlides, .mySlides img{height:45vh;}
    .ms-overlay, .ms-ms, .stexts, .ms-ms img{height:65vh;}
    .stexts{height:60vh;}
    .next{padding:8px 20px 8px 16px;font-size:20px!important;right:5px;margin-top:10px;}
    .prev{padding:8px 16px 8px 20px;font-size:20px!important;left:5px;margin-top:10px;}
    .stexts{width:calc(100% - 60px);margin-left:30px;top:5vh}
    .fadehide{opacity: 1;}
}
.mainAboutText{height:149px;overflow: hidden;}
.mainAboutText p{line-height: 24px;margin:0;}
.at-contain a{float:left;width:200px;background-color:#104775;padding:7px 10px;text-align: center;color:white;border-radius:5px;}
@media only screen and (max-width: 730px) {
    header{max-width:730px;}
    .container{float:left;width:600px;margin:0 calc(50% - 300px);}
    .hbigs{height:350px;}
    .slide-overlay, .mySlides, .stexts, .mySlides img{height:45vh;}
    .ms-overlay, .ms-ms, .stexts, .ms-ms img{height:65vh;}
    .stexts{height:60vh;}
    .slide-area{margin-bottom:70px;}
    .blog-text{overflow-x: scroll;}
    .about-text h2{margin:10px 0;}
    .mainAboutText{height:149px;overflow: hidden;}
}
@media only screen and (max-width: 630px) {
    header{max-width:630px;}
    .container{float:left;width:500px;margin:0 calc(50% - 250px);}
    .blogs{width:100%!important;margin:5% 0;}
    .blog{padding:0 0 20px;}
    .rbigs{height:270px;margin:10px 0;}
    .about-text{margin:0 0 2%;}
    .about-image{margin:2% 0 0;}
    .slide-area{margin-bottom:20px;}
}
@media only screen and (max-width: 530px) {
    header{max-width:530px;}
    .container{float:left;width:420px;margin:0 calc(50% - 210px);}
    .hbigs{height:300px;}
    .rbigs{height:380px;margin:10px 0;}
}
@media only screen and (max-width: 450px) {
    header{max-width:450px;}
    .container{float:left;width:380px;margin:0 calc(50% - 190px);}
    .hbigs{height:270px;}
}
@media only screen and (max-width: 430px) {
    .stext p{font-size:14px!important;line-height: 30px!important;letter-spacing: 2px!important;}
    .stext a{font-size:14px!important;}
}
@media only screen and (max-width: 400px) {
    header{max-width:400px;}
    .container{float:left;width:360px;margin:0 calc(50% - 180px);}
    .hbigs{height:250px;}
    .rbigs{height:350px;margin:10px 0;}
    .stext p{font-size:14px!important;padding:5px 8px;}
}
@media only screen and (max-width: 370px) {
    header{max-width:370px;}
    .container{float:left;width:334px;margin:0 calc(50% - 167px);}
    .stext p{font-size:14px!important;padding:5px;}
    .uh-l{font-size:13px!important;padding-left:1px;}
    .uh-r{font-size:13px!important;padding-right:1px;}
    .uh-l img{height:12px;margin:5px 5px 0 0;}
    .uh-r img{height:12px;margin:5px 5px 0 0;}
}
@media only screen and (max-width: 350px) {
    .container{float:left;width:320px;margin:0 calc(50% - 160px);}
    .stext p{font-size:13px!important;padding:5px;}
}