@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap&subset=latin-ext');

body{font-family:'Open Sans', sans-serif;font-weight: 400;font-size: 16px;line-height: 1.7;color: #424242;}
h1, h2, h3, h4, h5, h6{margin:0;color: #24303b;}
h1{font-size:48px;}
h2{font-weight:500;line-height:44px;}
h3{font-weight:500;line-height: 35px;}
p{margin:0;}
a{color: #252525;text-decoration:none;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
a,a:active,a:focus,a:active{text-decoration:none;outline:none;}
a:hover,a:focus{color:#62646c;text-decoration:none;}
.btn-default{outline: none;padding: 10px 30px;font-family: 'Montserrat', sans-serif;background: #e60000 !important;color: #fff;border: none !important;font-size: 17px;margin-right: 4px;margin-bottom: 4px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;border-radius: 30px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;margin-top: 5px;border: 1px solid transparent !important;}
.btn-default:hover{-webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;-moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;color: #e60000 !important;background: #fff !important;border-color: #e60000 !important;}

/* Navbar */
.goToTop {position: fixed;top: 0;width: 100%;height: 80px;}
.navbar-default{background: #fff;border: 0;margin: 0;border-radius: 0;padding: 10px;z-index: 9999;border-bottom: 3px solid #363636;}
.navbar-default .navbar-brand{padding: 0;margin: 0;height: auto;}
.navbar-default .navbar-brand h1{display: none;}
.navbar .navbar-collapse > .navbar-nav{margin-top: 20px;}
.navbar .navbar-collapse > .navbar-nav > li > a{padding: 10px 13px;font-size: 16px;font-family: 'Montserrat', sans-serif;color: #171827;border-radius: 5px;position: relative;font-weight: 500;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.navbar .navbar-collapse > .navbar-nav > li > a:hover{color: #fff}
.navbar .navbar-collapse > .navbar-nav > li > a:hover::before{background: #e60000;background: #e60000;position: absolute;content: "";top: 0;width: 100%;height: 100%;left: 0;z-index: -1;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;background: #e60000 none repeat scroll 0 0;-webkit-transform: skew(-30deg);transform: skew(-30deg);}
.navbar .navbar-collapse > .navbar-nav li:hover .dropbtn{background: #e60000;color: #fff;}
.navbar .navbar-collapse > .navbar-nav li.iletisimBtn{margin-left: 3px}
.navbar .navbar-collapse > .navbar-nav li.iletisimBtn a{background: #e60000;border-radius: 50px;color: #fff;letter-spacing: inherit;}
.navbar .navbar-collapse > .navbar-nav li.iletisimBtn a:hover{-webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;-moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;color: #171827;}
ul.dropdown-menu{}
ul.dropdown-menu li a{padding: 9px 20px;font-size: 16px;color: #2b2b35;min-width: 215px;border-top-right-radius: 3px;margin-bottom: 3px;border-bottom-right-radius: 3px;}
ul.dropdown-menu li a:hover{color: #ffffff;background: #e60000;}
@media (min-width:991px){.navbar-default .navbar-nav li.dropdown:hover ul.dropdown-menu {display: block;border-top: 0;padding-left: 0;border: 1px solid #dddfda;border-left: 7px solid #e60000;padding-bottom: 2px;border-radius: 5px;}}
.navbar-default .navbar-nav li:hover .dropbtn {margin-bottom: 5px;}
.topHome{background: #253241;color: #fff;}
.topHome a{color: #fff}
.topHome .container{padding: 0}
.topHome .c1{padding: 0;position: relative;z-index: 1;width: 60%;}
.topHome .c1 p{position: relative;z-index: 1;padding: 10px 0;font-weight: 600;font-family: 'Montserrat', sans-serif;letter-spacing: 0.5px;display: inline-block;}
.topHome .c1::before{position: absolute;background: #e60000;content: "";top: 0;right: 35%;width: 120%;height: 100%;-webkit-transform: skewX(45deg);transform: skewX(45deg);z-index: -1;}
.topHome .c1 p i{width: 25px;text-align: center;height: 25px;line-height: 25px;background: #fff none repeat scroll 0 0;color: #ec3323;border-radius: 50%;margin: 0 2px;transform: rotate(90deg);font-size: 15px;}
.topHome .c2{text-align: right;width: 40%;}
.topHome .c2 ul li.facebook{background: #4267b2;}
.topHome .c2 ul li.instagram{background: #f09433;background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}
.topHome .c2 ul li.youtube{background: #ff002e;}
.topHome .c2 ul li.map a{width: auto;padding-right: 10px;font-size: 15px}
.topHome .c2 p{font-family: 'Montserrat', sans-serif;float: right;display: block;height: 47px;text-align: center;list-style: none;line-height: 45px;color: #ffffff;font-size: 15px;margin-right: 10px;font-weight: 500;}
.topHome ul{list-style: none;padding: 0;margin: 0;}
.topHome ul li{float: right;}
.topHome ul li a{display: block;width: 47px;height: 47px;text-align: center;list-style: none;line-height: 45px;color: #ffffff;font-size: 17px;}
.topHome .c1 ul li a i{margin-right: 7px}
.topHome .c1 ul li a i.fa-phone{transform: rotate(90deg);}
.goToTop.navbar .navbar-collapse > .navbar-nav{margin-top: 10px;}
.goToTop.navbar .navbar-brand>img{height: 55px;}
.navbar .navbar-brand>img{-webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */transition: height 0.5s;height: 83px;}

/* Slider */
.home-slider-area .carousel img{width: 100%;height: 420px !important;object-fit: cover;}
.home-slider-area .carousel-caption{left: 0;right: 0;top: 0;bottom: 0;padding-top: 115px;text-align: left;padding-left: 19%;/* background: rgba(58, 76, 97, 0.4); */}
.home-slider-area .carousel-caption h3{font-size: 50px;position: relative;z-index: 55;color: #38495e;margin-bottom: 5px;line-height: 60px;text-shadow: none;}
.home-slider-area .carousel-caption i{margin-right: 7px;}
.home-slider-area, .home-slider-area div {height: 550px;}
.single-slide-item .text{display: table;width: 100%;text-align: left;}
.single-slide-item .textCenter{display: table-cell;vertical-align: middle;}
.single-slide-item h2 {font-size: 45px;color: #fff;margin-bottom: 5px;font-weight: 600;width: 420px;position: relative;font-family: 'Montserrat', sans-serif;}
.single-slide-item h2 span {color: #e60000;}
.single-slide-item h2::before{background: rgba(230, 0, 0, 0.5);content: "";height: 20px;left: 0;position: absolute;bottom: 0;width: 100%;z-index: -1;}
.single-slide-item p {color: #fff;font-size: 17px;margin: 10px 0;width: 500px;}
.slide-1 {background: url(../img/slider1.jpg);}
.slide-2 {background: url(../img/slider2.jpg);}
.slide-3 {background: url(../img/slider4.jpg);}
.slide-5 {background: url(../img/slider5.jpg);}
.single-slide-item {position: relative;z-index: 1;background-position: center center;background-size: cover;}
.single-slide-item:after {background: rgba(0,0,0,.7);content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: -1}
.carousel-fade .carousel-inner .item {-webkit-transition-property: opacity;transition-property: opacity}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right, .carousel-fade .carousel-inner .item {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right, .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev {left: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.carousel-fade .carousel-control {z-index: 2}
.welcome-control {background: #fff;border: 1px solid #ddd;font-size: 24px;height: 50px;left: 0;line-height: 45px;position: absolute;text-align: center;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 50px;z-index: 20;border-radius: 50%;color: #e60000;}
a.welcome-control:focus, a.welcome-control:hover i {color: #2b2b35;}
.right.welcome-control {left: auto;right: -52px}
.left.welcome-control {left: -52px}
.home-slider-area:hover .right.welcome-control {right: 20px;transition: .25s;-webkit-transition: .25s;border: 1px solid #fff;}
.home-slider-area:hover .left.welcome-control {left: 20px;transition: .25s;-webkit-transition: .25s;border: 1px solid #fff;}
.home-slider-area .carousel-indicators li {backface-visibility: visible;background: #fff none repeat scroll 0 0;border-radius: 0;height: 14px;margin: 5px 7px;transition: opacity 0.2s ease 0s;width: 14px;}
.home-slider-area .carousel-indicators .active {border: 1px solid #fff;background: #f47629;}
.home-slider-area .carousel-indicators {bottom: 60px;display: none;}

.hakkimizda {padding-top: 70px;padding-bottom: 50px;}
.hakkimizda h2{font-family: 'Montserrat', sans-serif;}
.hakkimizda .title{text-align: center;margin-bottom: 40px}
.hakkimizda .c2 ul{padding-left: 20px;margin-top: 15px;}
.hakkimizda .c2 p{text-align: justify;}

.hizmetlerimiz{padding-bottom: 100px;}
.hizmetlerimiz .col{background-color: #fff;box-shadow: 0 0 12px 8px rgba(129, 129, 129, 0.06);-webkit-transition: all .3s;transition: all .3s;padding: 30px 15px;position: relative;}
.hizmetlerimiz .col span{position: absolute;top: 10px;right: 15px;font-weight: 700;color: #ccc;}
.hizmetlerimiz .col img{float: left;margin: 0 7px;width: 50px;margin-top: 7px;}
.hizmetlerimiz .col p{display: block;color: #253241;float: left;width: calc(100% - 64px);font-size: 20px;line-height: initial;padding: 8px;font-family: 'Montserrat', sans-serif;}
.hizmetlerimiz .col::before{position: absolute;bottom: 5px;left: 5px;border-top: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #e60000;border-left: 7px solid #e60000;content: '';}
.hizmetlerimiz .title{text-align: center;margin: 40px 0;}

.markalar {padding-top: 70px;padding-bottom: 100px;}
.markalar .title{text-align: center;margin-bottom: 40px}
.markalar .content img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;height: 160px;width: 160px;display: block;margin: 0 auto;padding: 15px;}
.markalar .content img:hover{opacity: 0.7;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;padding: 10px}
.markalar .content h3{display: block;padding: 15px 5px;text-align: center;bottom: 20px;color: #fff;background: rgb(37, 50, 65);font-size: 17px;line-height: initial;position: relative;margin-top: 15px;text-transform: uppercase;}
.markalar .content h3::before{position: absolute;border-width: 15px;border-style: solid;content: '';top: 0;right: 0;border-color: #fff #fff transparent transparent;}
.markalar .content h3::after{position: absolute;border-width: 15px;border-style: solid;content: '';bottom: 0;left: 0;border-color: transparent transparent #fff #fff;}
.markalar .content h3 span{display: block;text-transform: capitalize;}

.banner{padding: 90px 0;background: url(../img/banner.jpg);color: #fff;text-align: center;background-position: top center;background-size: cover;position: relative;z-index: 1;}
.banner::before {position: absolute;background: rgba(0, 0, 0, 0.5);content: "";top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.banner p{display: block;font-size: 30px;}

footer{-webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.75);box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.75);color: #fff;background: url(../img/footer.jpg);background-clip: initial;background-color: rgb(0, 0, 0);background-origin: initial;background-repeat: no-repeat;position: relative;z-index: 0;}
footer .flogo{margin: 35px 0;}
footer .capt{box-shadow: 0 14px 28px rgba(255, 255, 255, 0.25), 0 10px 10px rgba(255, 255, 255, 0.22);padding-top: 30px;padding-bottom: 80px;border-top-left-radius: 10px;border-top-right-radius: 10px;text-align: center;position: relative;background-image: url("../img/fbg.png");background-color: #ffffff;background-position: 650px 130px;background-repeat: no-repeat;background-size: auto;}
footer .capt img{margin-bottom: 15px;}
footer .capt h4{font-family: 'Montserrat', sans-serif;font-weight: 500;color: #333;line-height: initial;display: block;margin-bottom: 5px;}
footer .capt span{font-family: 'Montserrat', sans-serif;color: #333;line-height: initial;font-size: 15px;display: block;}
footer .capt .social{list-style: none;width: 500px;margin: 0 auto;background: #f6f7f8;display: inline-block;border-radius: 30px;padding: 0px 10px;}
footer .capt .social li{display: inline-block;}
footer .capt .social li a{}
footer .capt .social li a i{font-size: 20px;width: 45px;height: 45px;line-height: 45px;text-align: center;float: none;color: #323232;}
footer .capt .col{padding: 15px 50px;}
footer .capt .copy-text{background: #101010;font-size: 14px;padding: 10px;position: absolute;bottom: 0;left: 0;right: 0;}

/* Page CSS */
.pageBanner{padding: 50px;text-align: center;background-size: cover !important;background-position: center !important;z-index: 1;position: relative;}
.pageBanner::before{position: absolute;background: rgba(0, 0, 0, 0.5);content: "";top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.pageBanner h2{color: #fff;font-size: 35px;font-family: 'Montserrat', sans-serif;}
.pageBanner ul{margin: 0;background: transparent;color: #fff;padding-top: 0;}
.pageBanner ul li{}
.pageBanner ul li.end::before{content: "\f054";color: #fe0000;font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 14px;content: "\f101";}
.pageBanner ul li a{color: #fff;}
.pageBanner ul li a i{color: #fe0000;font-size: 14px;}

.hakkimizdaPage{padding: 40px;background: #f9f9f9;}
.hakkimizdaPage .col{text-align: center;}
.hakkimizdaPage .col span{}
.hakkimizdaPage .col img{float: initial;width: auto;margin: 10px;}
.hakkimizdaPage .col p{float: initial;width: 100%;display: block;}

.iletisimPage {padding: 70px 0;}
.iletisimPage .container{padding: 0;}
.iletisimPage .c1 iframe{width: 100%;height: 405px;}
.iletisimPage .c2{}
.iletisimPage .c2 .col{
    background-color: #fff;
    box-shadow: 0 0 12px 8px rgba(129, 129, 129, 0.06);
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 30px 15px;
    position: relative;
}
.iletisimPage .c2 .col::before{}
.iletisimPage .c2 .col img{
    float: left;
    margin: 0 7px;
    background: #f9f9f9;
    padding: 15px;
}
.iletisimPage .c2 .col p{
    display: block;
    color: #253241;
    float: left;
    width: calc(100% - 106px);
    font-size: 20px;
    line-height: 27px;
    padding: 8px;
    font-family: 'Montserrat', sans-serif;
}
.iletisimPage .c2 .col p span{
    font-size: 16px;
}

.mobilAra {position: fixed;z-index: 999999;background-color: #2BA201;padding: 10px;color: #fff;border-right: 1px solid #005829;bottom: 0;left: 0;right: 50%;text-align: center;border-radius: 0;font-size: 16px;text-transform: uppercase;display: none;}
.mobilAra a{color: #fff}
.mobilAra i{transform: rotate(90deg);}
.whatsapp {position: fixed;z-index: 999999;background-color: #2BA201;padding: 10px;color: #fff;bottom: 0;right: 0;left: 50%;text-align: center;border-radius: 0;font-size: 16px;text-transform: uppercase;display: none;}
.whatsapp a{color: #fff}

@media (max-width: 767px){
    .mobilAra{display: inline-block;width: 50%;}
    .whatsapp{display: inline-block;}
}