@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap";
@import https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap;
html,body{width:100%;height:100%;min-height:100%;margin:0;padding:0}
body{font-size:14px;font-family:'Open Sans',sans-serif;color:#4b657e;overflow-x:hidden!important}
body.scrollHidden{overflow:hidden!important}
*{box-sizing:border-box}
a{color:#18a3d3}
a:hover{color:#777;text-decoration:none}
:focus{outline:none}
.left{float:left}
.right{float:right}
.fadee{-webkit-transition:all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);transition:all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);-webkit-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-o-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000)}
.t{display:table;width:100%;height:100%}
.tc{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}
.btn-primary{color:#fff;background-color:#18a3d3;border-color:#18a3d3}
.btn-primary:hover{color:#fff;background-color:#18a3d3;border-color:#18a3d3}
.content{text-align:justify}
#top{width:100%;background:#4B657E;height:60px;color:#fff;line-height:60px;font-size:12px}
#top a{color:#fff}
header#header{position:relative;z-index:900;width:100%;height:180px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);top:0}
header#header #header-contact{float:left}
header#header #header-social{float:right}
header#header .header-btn{margin-right:20px}
header#header .header-btn:last-child{border-left:1px solid rgba(255,255,255,.3);padding-left:20px}
header#header #header-social .header-btn{margin-left:10px;border-left:1px solid rgba(255,255,255,.3);padding-left:20px}
header#header .header-btn img{height:16px;margin-right:15px}
header#header .header-icon-btn{padding:5px}
header#header .header-icon-btn img{height:16px}
header#header .header-color-btn{background:#1F88E4;padding:21px 42px;font-size:14px;text-transform:uppercase;font-weight:700}
#logo{float:left;padding:0;width:200px}
#logo a{display:inline-block}
#logo img.logo{height:80px;margin-top:20px}
#lang{text-align:right;padding:5px 35px 0}
#lang img{height:24px}
nav#menu{float:right;padding:0;width:calc(100% - 200px);margin-top:47px}
nav#menu ul#header-menu{list-style:none;float:right;padding:0;margin:0}
nav#menu ul#header-menu li{float:left}
nav#menu ul#header-menu li a{color:#003747;padding:0;margin:0 0 0 30px;text-transform:uppercase;font-size:14px;display:block;font-weight:700}
nav#menu ul#header-menu li:hover a{color:#18a3d3}
nav#menu ul#header-menu li ul.header-child-menu{display:none;position:absolute;background:#fff;list-style:none;padding:10px;box-shadow:0 10px 10px rgba(0,0,0,.1);margin-top:-10px}
nav#menu ul#header-menu li ul.header-child-menu li{float:none}
nav#menu ul#header-menu li ul.header-child-menu li a{padding:5px 0;color:#777}
nav#menu ul#header-menu li:hover ul.header-child-menu li a{background:none;color:#777}
nav#menu ul#header-menu li ul.header-child-menu li:hover a{color:#18a3d3}
nav#menu ul#header-menu li:hover ul.header-child-menu{display:block}
#social{text-align:right}
#social img{height:24px}
ul.lang{list-style:none;float:right;padding:0 0 0 20px;margin:20px 15px 0 20px;border-left:1px solid #eee;display:none}
.lang li{float:left;margin-right:5px}
.lang a{display:block}
.lang img{height:24px}
.lang:hover .otherLang{display:block}
.otherLang{display:none;background:#fff;border-radius:10px;padding:8px 0;position:absolute;width:42px;text-align:center;box-shadow:2px 1px 5px rgba(0,0,0,.3);margin-left:-10px}
.menupdf{text-align:center;font-size:16px;margin-top:20px}
.menupdf a{color:#666}
.menupdf a:hover{color:#111}
#home-champ{width:100%;position:relative;margin-top:100px;z-index:0}
#home-offers{width:100%;position:relative;margin-top:30px;z-index:0}
#home-offers .owl-carousel .item{background-position:center;background-size:cover;height:360px}
section#slider{width:100%;position:relative;height:calc(100vh - 180px);z-index:0;margin-bottom: 60px;}
section#slider .slider-mask{position:absolute;bottom:0;left:0;width:100%;z-index:9}
section#slider .owl-carousel .item{background-position:center;background-size:cover;height:calc(100vh - 180px)}
.owl-carousel .owl-nav button.owl-next{position:absolute;top:calc(50% - 53px);font-size:61px;color:#fff;right:0;width:50px}
.owl-carousel .owl-nav button.owl-prev{position:absolute;top:calc(50% - 53px);font-size:61px;color:#fff;left:0;width:50px}
.owl-carousel .owl-nav span{display:block;padding-bottom:15px}
.owl-dots{position:absolute;bottom:0;width:100%}
.owl-theme .owl-nav [class*=owl-]:hover{background:rgba(0,0,0,.3)}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#c00}
.owl-carousel .owl-nav button:focus{outline:none}
section#slider .item .slideText{position:absolute;z-index:1;width:100%;text-align:center;top:calc(50% - 90px)}
section#slider .item .slideTextBig{display:block;color:#1f88e4;font-size:42px;font-weight:700;z-index:2;text-align:center;position:relative;margin-bottom:10px}
section#slider .item .slideTextSmall{display:block;color:#4B657E;font-size:14px;font-weight:600;z-index:1;text-align:center;margin:0;display:block;position:relative}
section#slider .item .slideBtn{color:#fff;background:#1f88e4;font-size:14px;padding:15px 50px;display:inline-block;text-transform:uppercase;font-weight:700;margin-top:30px}
section#slider .owl-item.active .item .slideExtraIMG{width:23vw;position:absolute;z-index:10;bottom:10px;left:60px;animation:fadeInLeft .8s both 1s;}
section#slider .owl-carousel .owl-item img.slideExtraIMG{width:23vw;position:absolute;z-index:10;bottom:10px;left:60px;animation:fadeOutRight .8s both 1s}
.fancybox-slide--video video{width: 50%; padding: 0;}
section#subSlider{width:100%;position:relative;height:400px;margin-top:106px;z-index:0;float:left}
section#subSlider .owl-carousel .item{background-position:center;background-size:cover;height:400px}
section#subSlider .sliderBaslik{border:4px solid #fff;padding:15px;display:inline-block;font-size:32px;font-weight:400;letter-spacing:12px;color:#fff;text-transform:uppercase}
section#subSlider .item .slideText{position:absolute;bottom:20px;z-index:1;width:100%;text-align:center}
section#subSlider .item .slideTextBig{display:block;color:#fff;font-size:82px;z-index:2;text-align:center;text-shadow:2px 2px 10px rgba(0,0,0,1);font-family:'Abril Fatface',cursive;line-height:70px;position:relative}
section#subSlider .item .slideTextSmall{display:block;color:#fff;font-size:22px;z-index:1;text-align:center;margin:0;text-transform:uppercase;letter-spacing:15px;text-shadow:2px 2px 5px rgba(0,0,0,1);background:rgba(255,0,0,.6);display:block;position:relative}
section#subSlider .item .slideBtn{color:#fff;font-size:13px;padding:10px 30px;border-radius:10px;display:inline-block;text-transform:uppercase;font-weight:600;margin-top:-7px;letter-spacing:2px;text-shadow:1px 1px 2px #000,1px 1px 2px #000}
section#page{}
section#page h1{width:100%;text-align:center;font-weight:800;padding: 30px 0;}




section#page.pageAbout {padding-bottom: 30px;}
section#page.pageAbout h1{}
section#page.pageAbout h3{width: 100%;text-align: center;font-weight: 800;padding: 30px 0 0px 0;font-size: 0;}
section#page.pageAbout h3:before{content:"";display: block;width: 2px;height: 100px;background: #4b657e;margin: 0px auto 40px auto;}


.vision {font-size: 12px;text-align: left;}
.vision h4{font-weight: 700;text-transform: uppercase;letter-spacing: 2px;font-size: 14px;margin-top: 10px;}
.vision div{padding-right: 50%;line-height: 22px;color: #999;}
.vision img{width: 100%;}
.mision {font-size: 12px;text-align: right;}
.mision h4{font-weight: 700;text-transform: uppercase;letter-spacing: 2px;font-size: 14px;margin-top: 10px;}
.mision div{padding-left: 40%;line-height: 22px;color: #999;}
.mision img{float: right;border: 10px solid #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.mision a{color:#4b657e;}
.mision a h4{padding: 10px 20px; clear: both;}
.qualty {text-align: center;}
.qualty h3{font-size: 26px !important; color:#4b657e !important;}


#page-referances{text-align:center;padding:0 0 100px 0;overflow:hidden}
#page-referances h3{font-weight:700;font-size:18px}
#page-referances p{padding:0 33%}
#page-referances ul{margin:50px 0 0;padding:0;list-style:none}
#page-referances ul li{float:left;width:20%;height: 222px;max-height: 222px;border: 1px solid #eee;display: table;margin: -1px 0 0 -1px;}
#page-referances ul li a{display: table-cell;width: 100%;vertical-align: middle;}
#page-referances ul li a img{width:100%;padding: 30px;max-height: 220px;}


#home-about{position:relative;margin-top:100px}
#home-about .home-about-img img{width:100%}
#home-about .home-about-text{margin-top:60px;width:50%}
#home-about .home-about-text h3{font-weight:700;font-size:36px;color:#2088e4;margin-bottom:30px}
#home-about .home-about-text p{font-size:13px;line-height:26px}
#home-about .home-about-text a{color:#fff;background:#1f88e4;font-size:14px;padding:15px 50px;display:inline-block;text-transform:uppercase;font-weight:700;margin-top:30px}
#home-about .home-about-text img{position:absolute;bottom:-15%;right:30px;width:30vw;z-index:-1}
#home-quality{position:relative;top:60px;text-align:center;margin-bottom:100px}
#home-quality h3{font-weight:700;font-size:18px}
#home-quality p{padding:0 20%}
#home-quality ul{width: 100%;margin:30px 0 0;padding:0;list-style:none;overflow:hidden}
#home-quality ul li{display:inline-block;width:32%;background:#EDF0F2;padding:50px 30px 60px;position:relative;top:30px}
#home-quality ul li img{margin-bottom:10px}
#home-quality ul li strong{display:block;margin-bottom:25px}
#home-quality ul li p{padding:0;font-size:13px}
#home-quality ul li a{color:#fff;background:#1f88e4;font-size:12px;padding:10px 40px;display:inline-block;text-transform:uppercase;font-weight:600;margin-top:5px}
#home-quality ul li:nth-child(2) a{background:#fff;color:#1f88e4}
#home-quality ul li:nth-child(2){background:#1f88e4;color:#fff;top:0;margin:0 -4px 0 -5px;width:34%;padding:60px 30px 130px}
#home-services{text-align:center;padding:60px 0}
#home-services h3{font-weight:700;font-size:18px}
#home-services p{padding:0 33%}
#home-services ul{margin:50px 0 0;padding:0;list-style:none}
#home-services ul li .item a{text-align:left}
#home-services ul li .item a img{width:100%}
#home-services ul li .item a h4{font-weight:700;font-size:14px;padding:15px 0 5px}
#home-services ul li .item a p{padding:0;color:#999}
#home-numbers{display:none; text-align:center;padding:80px 0 100px;background:url(/assets/img/numbers-bg.jpg) #4b657e;color:#fff;background-size:cover}
#home-numbers h3{font-weight:700;font-size:18px}
#home-numbers p{padding:0 33%}
#home-numbers div div strong{display:block;font-size:46px}
#home-numbers div div i{font-style:normal;font-size:11px}
#home-referances{text-align:center;padding:60px 0 150px 0;overflow:hidden}
#home-referances h3{font-weight:700;font-size:18px}
#home-referances p{padding:0 33%}
#home-referances ul{margin:50px 0 0;padding:0;list-style:none}
#home-referances ul li{float:left;width:20%}
#home-referances ul li a img{width:100%}



#ton {width: 100%; background: url(/assets/img/50ton.jpg) #024673; background-size: cover; padding: 20px; text-align: center;}
#ton .ton-card{width: 640px;background: #fff;padding: 15px;margin: auto;}
#ton .ton-card-inner{border:10px solid #1F88E4;padding: 20px 20px 40px 20px;}
#ton .ton{color:#1F88E4;font-size: 72px;font-weight: 900;line-height: 32px;}
#ton .ton-icons{color:#1F88E4;list-style: none;margin: 30px 0 20px 0;width: 100%;display: block;overflow: hidden; padding: 0;}

#ton .ton-icons li{float: left;width: 27%;}
#ton .ton-icons li:first-child{width: 19%;}
#ton .ton-icons li b {border-bottom:1px solid;}
#ton p{color:#666}
#ton small{color:#999;font-size: 13px;}
#ton span{color:#1F88E4;display: block;font-size: 20px;}



#home-machines{text-align:center;padding-bottom:100px}
#home-machines h3{font-weight:700;font-size:18px}
#home-machines p{padding:0 33%}
#home-machines ul{margin:60px 0 0;padding:0;list-style:none}
#home-machines ul li .item a{text-align:left}
#home-machines ul li .item a img{width:100%}
#home-machines ul li .item a h4{font-weight:700;font-size:14px;padding:15px 0 5px}
#home-machines ul li .item a p{padding:0;color:#999}
#home-reviews{text-align:center;background:url(/assets/img/review-bg.jpg) #4b657e;color:#fff;background-size:cover;padding:60px 0 80px;overflow:hidden}
#home-reviews h3{font-weight:700;font-size:18px}
#home-reviews p{padding:0 33%}
#home-reviews .home-review{width:760px;margin:30px auto 10px}
#home-reviews .home-review .home-review-profile{float:left;width:150px}
#home-reviews .home-review .home-review-profile img.review-pp{border-radius:50%;border:3px solid #1f88e4;width:120px}
#home-reviews .home-review .home-review-profile h5{font-size:12px;margin-top:20px}
#home-reviews .home-review .home-review-text{float:left;width:calc(100% - 150px);line-height:26px}
#home-reviews .home-review .home-review-text p{padding:0 0 0 40px;text-align:left}
#adimlar{padding:60px 0;border-bottom:1px solid #ccc}
#adimlar h3{text-align:center;margin-bottom:60px;font-weight: 700;}
#adimlar img{width:100%}


#technology {}
#technology .technology{position:relative;margin-top:100px}
#technology .technology .tech-img img{width:100%}
#technology .technology .col-md-6{order:1;}
#technology .technology .tech-text{margin-top:60px;}
#technology .technology .tech-text h3{font-weight:700;font-size:36px;color:#2088e4;margin-bottom: 15px;}
#technology .technology .tech-text h3:after{content:"";display: block;width: 50px;height: 4px;background-color: #2088e4;margin: 10px 0;}
#technology .technology .tech-text p{font-size:13px;line-height:26px}
#technology .technology .tech-text a{color:#fff;background:#1f88e4;font-size:14px;padding:15px 50px;display:inline-block;text-transform:uppercase;font-weight:700;margin-top:30px;margin-left: 30px;}
#technology .technology .tech-text img{position:absolute;bottom:-15%;right:30px;width:30vw;z-index:-1}

#technology .technology:nth-child(2n) {background: #1f2d3a;}
#technology .technology:nth-child(3) .col-md-6:nth-child(2){order:0;}
#technology .technology:nth-child(4) .col-md-6:nth-child(2){order:0;}
#technology .technology:nth-child(2n) .tech-text p {color:#ccc;}
#technology .technology:nth-child(3) .tech-text a {margin-left: 0px;}
#technology .technology:nth-child(4) .tech-text a {margin-left: 0px;}



footer#footer{font-size:12px;background:#0E151B;color:#fff;padding:30px 0 0;min-height:200px}
footer#footer .footer-about{font-size:13px}
footer#footer .footer-about h5 img{width:50%;margin-bottom:30px}
footer#footer .footer-about .footer-social{margin: 15px 0 30px 0;border-top: 1px solid rgba(255,255,255,.2);padding-top: 15px;}
footer#footer .footer-about .footer-social img{height:16px}
footer#footer #copyright{border-top:1px solid #ccc;margin-top:60px;text-align:center;line-height:40px;padding:10px}
footer#footer #copyright span a{color:#FFAD00}
#newsletter input.input-text{border:0;padding:10px;width:55%}
#newsletter input.input-submit{border:0;background:#1f88e4;color:#fff;padding:10px;width:30%;margin-left:-5px}
.top{position:fixed;bottom:20px;right:20px;font-size:32px;z-index:11;transform:rotate(180deg);display:none}
.top a{color:#fff;background:rgba(0,0,0,.2);padding:4px 20px 9px}
.top a:hover{background:rgba(0,0,0,.4)}
.top a img{height:16px}
header#mobileHeader{width:100%;height:60px;position:fixed;top:0;z-index:10000;display:none;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1)}
header#mobileHeader a#mobileLogo{display:block;float:left;padding:9px}
header#mobileHeader a#mobileLogo img{height:42px}
.menu{position:absolute;z-index:911;width:60px;height:60px;top:0;right:0;-webkit-transition-duration:.5s;transition-duration:.5s}
.menu.fixed{position:fixed;z-index:911;top:10px}
.menu .icon{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;height:2px;width:30px;top:28px;background-color:#000;border-radius:4px;left:15px}
.menu .icon:before{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color:#000;content:"";top:-10px;border-radius:4px}
.menu .icon:after{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color:#000;content:"";top:10px;border-radius:4px}
.menu.open .icon{-webkit-transition-duration:.5s;transition-duration:.5s;background:transparent}
.menu.open .icon:before{-webkit-transform:rotateZ(45deg) scaleX(1.25) translate(6.5px,6.5px);transform:rotateZ(45deg) scaleX(1.25) translate(6.5px,6.5px)}
.menu.open .icon:after{-webkit-transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px);transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px)}
.menu:hover{cursor:pointer}
footer#mobileFooter{width:100%;display:none}
nav#mobileMenu{display:none;position:fixed;top:0;background:#fff;z-index:9999;width:100%;text-align:center;height:100%}
nav#mobileMenu div.div{display:table;width:100%;height:100%}
nav#mobileMenu ul{list-style:none;margin:0;padding:0;display:table-cell;width:100%;vertical-align:middle}
nav#mobileMenu li{font-weight:700;text-transform:uppercase}
nav#mobileMenu li a{color:#397fc1;display:block;padding:10px;font-size:26px}
nav#mobileMenu li ul li a{color:#fff;font-weight:300;text-transform:none;font-size:14px}
nav#mobileMenu ul li ul{display:none;background:#42bd81}
@media screen and (max-width:1440px) {
#home-about .home-about-text{width:80%}
}
@media screen and (max-width:1024px) {
header#mobileHeader{display:block}
header#header{display:none}
#lang{text-align:center;padding:0}
#lang a{display:inline-block;padding:5px}
#submenu ul li a{border-right:0 solid #397ec0}
.iletisim iframe{width:100%;margin-bottom:30px}
section#subSlider{width:100%;position:relative;height:300px;top:0;z-index:0;float:left;margin-top:60px}
section#subSlider .owl-carousel .item{background-position:center;background-size:cover;height:300px}
section#subSlider .item .slideTextBig{font-size:40px}
#page{padding:30px 0;color:#666;float:left;height:auto;width:100%;background:#fff;overflow-y:inherit}
#transfer{padding:0 20px}
section#slider{height:300px;margin-top:60px}
section#slider .owl-carousel .item{height:300px}
section#slider .item .slideText{bottom:20px}
section#slider .item .slideTextBig{font-size:28px;line-height:32px}
section#slider .item .slideTextSmall{font-size:14px;line-height:20px;letter-spacing:0;margin:0;padding:0 20px}
section#slider .item .slideBtn{font-size:12px}
#home-about{width:100%;overflow:hidden}
#home-about .home-about-text{width:100%;padding:0 20px}
#home-about .home-about-text img{position:relative;bottom:inherit;right:inherit;width:100%;z-index:-1;margin-top:40px}
#home-quality p{padding:0}
#home-quality ul li{width:100%;top:0}
#home-quality ul li:nth-child(2){width:100%;padding:60px 30px}
#home-services p{padding:0}
#home-numbers{width:100%;overflow:hidden}
#home-numbers p{padding:0}
#home-referances p{padding:0}
#home-referances ul li{width:50%}
#home-machines p{padding:0}
#home-reviews p{padding:0}
#home-reviews .home-review{width:100%}
#home-reviews .home-review .home-review-profile{float:none;width:150px;margin:auto}
#home-reviews .home-review .home-review-text p{padding:20px}
#home-reviews .home-review .home-review-text{width:100%}
#home-reviews .home-review .home-review-profile{float:none;width:150px;margin:auto}
}
@media screen and (max-width:640px) {
    #ton .ton-card {width: 100%;}
    #ton .ton {font-size: 32px;}
    #ton .ton-icons {    margin: 0px 0 20px 0;}
    #ton .ton-icons li b {font-size: 10px;}
    .mision img {width: 100%; height: auto;}
    footer#footer{margin-top:10px;clear:both}
    #technology .technology {margin-top: 15px;}
    #page-referances {overflow: initial;}
    #page-referances ul li {width: 50%;}
    section#slider .owl-carousel .owl-item img.slideExtraIMG {display:none !important;}
}