/* 
*  	Developer : Ferhat Cakiltas - https://ferhatcakiltas.com.tr/ ;
*	Agency : Reta;
*	Agency URI : https://reta.co;
*	
*/
@import url(https://use.fontawesome.com/releases/v5.6.3/css/all.css);
@font-face {
  font-family: Authenia;
  src: url(../fonts/authenia.woff);
}
body,html{margin: 0!important;padding: 0;font-family: 'Montserrat', sans-serif!important;}
.mobile-on{display: none;}
.mobile-off{display: block;}
* {transition: all .3s;}
.loader {border: 4px solid #f3f3f3; /* Light grey */border-top: 4px solid #265452; /* Blue */border-radius: 50%;width: 80px;height: 80px;animation: spin .7s linear infinite;}
.floader{height: 100%;width: 100%;background: #FFF;position: fixed;top: 0;left: 0;z-index: 9999999;display: flex;justify-content: center;align-items: center;}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
.hide-loader{display:none;}

.button { display: inline-block; color: #051C2C; font-weight: 300; font-size: 14px; border: 1px solid rgba(5, 28, 44, 0.6); padding: 8px 20px; letter-spacing: 2px; transition: all .3s; text-transform: none; position: relative; overflow: hidden; margin: 35px auto 0px -85px; width: 170px; text-align: center; left: 50%; }
.button:before, .button:after {content: "";position: absolute;width: 100%;background: #0066b2;transition: all .3s;left: 0;z-index: -1;top: 0;right: 0;bottom: 0;-webkit-transform: translateY(100%);transform: translateY(100%);}
.button:hover {color: #fff;text-decoration: none;}
.button:hover:before {-webkit-transform: translateY(-49%);transform: translateY(-49%);}
.button:hover:after {-webkit-transform: translateY(49%);transform: translateY(49%);}
.button:after {-webkit-transform: translateY(100%);transform: translateY(100%);}
.button:before {-webkit-transform: translateY(-100%);transform: translateY(-100%);}



.button { display: inline-block; color: #051C2C; font-weight: 300; font-size: 14px; border: 1px solid rgba(5, 28, 44, 0.6); padding: 8px 20px; letter-spacing: 2px; transition: all .3s; text-transform: none; position: relative; overflow: hidden; margin: 35px auto 0px -85px; width: 170px; text-align: center; left: 50%; }
.button:before, .button:after {content: "";position: absolute;width: 100%;background: #0066b2;transition: all .3s;left: 0;z-index: -1;top: 0;right: 0;bottom: 0;-webkit-transform: translateY(100%);transform: translateY(100%);}
.button:hover {color: #fff;text-decoration: none;}
.button:hover:before {-webkit-transform: translateY(-49%);transform: translateY(-49%);}
.button:hover:after {-webkit-transform: translateY(49%);transform: translateY(49%);}
.button:after {-webkit-transform: translateY(100%);transform: translateY(100%);}
.button:before {-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.loader {border: 7px solid #f3f3f3; /* Light grey */border-top: 7px solid #ff0100; /* Blue */border-radius: 50%;width: 80px;height: 80px;animation: spin 2s linear infinite;}
.floader{height: 100%;width: 100%;background: #FFF;position: fixed;top: 0;left: 0;z-index: 9999999;display: flex;justify-content: center;align-items: center;}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.hide-loader{display:none;}



/* Header */
header {width: 100%;height: 220px;top: 0px;transition: all .3s;position: relative;z-index: 99;background: #fff;}
header .header {height: 100%;}
header .header-area {height: 100%;border-bottom: 2px solid #ededed;}
header .header-container {height: 150px;}
header .header .header-left {height: 147px;width: 100%;display: flex;align-items: center;justify-content: center;}
header .header .header-right {text-align: center;width: 100%;margin-right: 0;margin-left: auto;height: 60px;display: flex;align-items: center;justify-content: center;padding-top: 15px;}
header .header .header-left .logo {height: 100%;width: 100%;margin-top: 0;}
header .header .menu ul {margin: 0;height: auto;padding: 0;float: right;}
header .header .menu ul li{position: relative;height: 160px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;cursor: pointer;float: left;position: relative;}
header .header .menu ul li a{font-size: 14px;color: #353535;-webkit-transition: all .3s ease;transition: all .3s ease;transition: all .3s ease;display: block;width: 100%;line-height: 30px;padding: 15px 0px;z-index: 1;position: relative;margin: 0 40px;font-weight: 600;}
header .header .menu ul li:hover>a {text-decoration:none;}
header .header nav.menu {z-index: 9999;margin-left: auto;margin-right: auto;height: auto;float: left;}
header .header .menu ul li .sub-menu{position: absolute;left: 0;top: 200px;background: #fff;white-space: nowrap;visibility: hidden;opacity: 0;display: inline-block;height: auto;transition: all .3s;}
header .header .menu ul li .sub-menu li{height: auto;width: 100%;color: #fff;border-bottom: 1px solid #c5c5c5;font-weight: bolder;text-align: left;}
header .header .menu ul li:hover .sub-menu {visibility: visible;opacity: 1;padding-left: 0px;background: #ffffff;top: 160px;z-index: 999;margin-top: 0px;}
header .header .menu ul li:hover .sub-menu li a{color: #58595B;padding: 15px 10px;font-size: 18px;}
header .header .menu ul li:hover .sub-menu li a:hover{color: #fff;}
header .header .menu ul li.active a {font-weight: 700;}
header .header .header-right .header-right-container {height: auto;}
header .header .header-right .header-right-container .header-top-menu {height: 30px;}
header .header .header-right .header-right-container .header-menu {height: 70px;}
header .header .header-right .header-right-container .header-top-menu .header-top-menu-container ul li {list-style: none;float: left;position: relative;}
header .header .header-right .header-right-container .header-top-menu .header-top-menu-container ul {padding: 0;float: right;border-bottom: 1px solid #0066b2;padding-bottom: 5px;margin-bottom: 0;}
header .header .header-right .header-right-container .header-top-menu .header-top-menu-container ul li:nth-child(n+2):before {content: "";position: absolute;width: 2px;height: 11px;background: #0066b2;left: -15px;top: 7px;font-weight: 500;}
header .header .header-right .header-right-container .header-top-menu .header-top-menu-container ul li:nth-child(n+2) {margin-left: 30px;}
header .header .header-right .header-right-container .header-top-menu .header-top-menu-container ul li a {color: #0066b2;font-weight: 500;}
header .header .menu ul li a:after {content: "";height: 0;width: 100%;background: #ff0100;position: absolute;bottom: 50%;transition: all 0.1s;margin-bottom: -35px;left: 0;}
header .header .menu ul li:hover a:after {height: 2px;}
header .header .menu-contianer:before, header .header .menu-container:after {content: "";display: table;clear: both;}
header .header .menu ul li.active a {color: #0066b2;}
header .header .menu ul li.active a:after {height: 1px;width: 100%;}
header .header-area .main-menu {height: 60px;background-color: #008BC2;}
header .header-area .main-menu .main-menu-area {height: 100%;padding: 0;}
header .header-area .main-menu .main-menu-area nav {width: 100%;float: none;height: 100%;}
header .header-area .main-menu .main-menu-area nav ul {/* width: 100%; *//* float: none; */height: 100%;}
header .header-area .main-menu .main-menu-area nav ul li {height: 60px;}
header .header-area .main-menu .main-menu-area nav ul li a {height: 100%;line-height: 60px;padding: 0;font-size: 19px;color: #fff;}
header .header-area .main-menu .main-menu-area nav ul li a:after {background-color: #fff;}
header .header .header-right .header-right-container .header-lang ul li {list-style: none;float: left;}
header .header .header-right .header-right-container .header-menu nav.menu ul li {height: 70px;}
header .header .header-right .header-right-container .header-lang ul li a {height: 100%;line-height: 40px;text-align: center;width: 100%;display: inline-block;color: #008bc2;}
header .header .header-right .header-right-container .header-lang ul li:first-child:after {content: "/";position: absolute;font-size: 20px;color: #008bc2;font-family: 'Branding', sans-serif!important;font-weight: 400;top: 4px;right: -5px;}
header .header .header-right .header-right-container .header-lang .header-lang-area {height: 40px;width: 100px;margin-left: auto;margin-right: 0;}
header .header .header-right .header-right-container .header-lang .header-lang-area ul {height: 100%;margin-bottom: 0;width: 100%;padding: 0;}
header .header .header-right .header-right-container .header-lang .header-lang-area ul li {width: 50%;height: 100%;position: relative;}
.fixed-social {height: 40px;position: fixed;left: 2%;top: 50%;width: 40px;z-index: 999999;}
.fixed-social a {display: inline-block;height: 25px;width: 25px;line-height: 25px;text-align: center;color: #fff;background-color: #000;margin-bottom: 10px;font-size: 14px;z-index: 9999999;}
header .header .header-left .logo a {display: inline-block;width: 100%;height: 100%;text-align: center;display: flex;align-items: center;/*justify-content: end;*/}
header .header .header-left .logo a img {width: 250px;height: auto;}

/* Header */

/*  Home */
.sections .slider {height: 600px;}
.sections .slider .swiper-slide {height: 600px;}
.sections .slider .swiper-slide .slide-custom-container {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.sections .slider .swiper-slide a {display: inline-block;text-align: center;}
.sections .slider .swiper-slide a img {max-width: 100%;height: auto;}
.video-section {height: 700px;padding: 100px 0;}
.video-section .video-section-area {height: 100%;}
.sections.section-two {background-color: #efefef;}
.video-section .video-section-area .swiper-slide {height: 500px;background-position: center;background-size: cover;background-repeat: no-repeat;}
.video-section .video-section-area .swiper-slide .video-slide a {display: inline-block;width: 100%;height: 100%;position: relative;}
.video-section .video-section-area .swiper-slide .video-slide {height: 100%;width: 100%;}
.video-section .video-section-area .swiper-slide .video-slide a:before {content: "";position: absolute;width: 100%;height: 100%;background-color: black;opacity: .2;left: 0;top: 0;}
.video-section .video-section-area .swiper-slide .video-slide a:after {color: #ff0100;position: absolute;content: "\f144";text-align: center;width: 60px;height: 60px;left: 50%;margin-left: -30px;top: 50%;margin-top: -30px;line-height: 60px;font-family: 'Font Awesome 5 Free';font-weight: bold;font-size: 50px;background-color: rgb(255 255 255);border-radius: 30px;transition: all .3s;}
.video-section .video-section-area .swiper-slide .video-slide a:hover:after {transform: scale(1.1);}
.sections {width: 100%;}
img {max-width: 100%;}
.sections.section-three {background-color: #ec1d23;}
.steps .steps-bottom {padding: 70px 0 20px;}
.steps .steps-bottom .step-area .step-count {color: #cc0e14;font-size: 51px;font-weight: 900;}
.steps .steps-bottom .step-area h2 {font-size: 25px;font-weight: 500;color: #fff;}
.steps .steps-bottom .step-area p {color: #fff;font-size: 14px;line-height: 16px;font-weight: 200;}
.steps .steps-bottom .step-area  {padding-right: 10%;}
.right-phone {position: fixed;top: 50%;right: 0;z-index: 999999;width: 85px;}
.right-phone a {color: #fff;font-size: 34px;font-weight: 800;display: inline-block;line-height: 30px;text-decoration: none;padding: 0;}
.right-phone a small {font-size: 16px;font-weight: 200;line-height: 10px;}
.right-phone:hover {}
.steps .steps-bottom .step {margin-bottom: 50px;}
.right-phone a:hover { color: #fff; text-decoration: none; }
.sections.section-four .contact-area {padding: 180px 0;}
.sections.section-four .contact-area h2 {font-size: 40px;line-height: 45px;text-align: center; padding: 80px 0 0;color: red;margin-bottom: 0;}
.sections.section-four .contact-area h2 small {font-size: 35px;font-weight: 300;color: #000;}
.sections.section-four .contact-area h2 b {font-size: 45px;font-weight: 800;}
.sections.section-four .contact-area .box-area p {margin-bottom: 0;font-size: 18px;font-weight: 700;line-height: 20px;}
.sections.section-five .rights {min-height: 630px;background-position: center;background-size: cover;background-repeat: no-repeat;background-color: #e31a20;padding: 75px 0;color: #fff;}
.sections.section-five .rights h2 {font-size: 30px;font-weight: 400;padding-bottom: 30px;margin-bottom: 0;}
.sections.section-five .rights h2 b {font-weight: 800;font-size: 40px;}
.sections.section-five .rights p {margin: 0;padding-bottom: 40px;}
.sections.section-six .yalniz-degilsin {padding: 150px 0 50px;background-color: #fff;}
.sections.section-six .yalniz-degilsin h2 {font-size: 35px;text-align: center;padding-bottom: 50px;}
.sections.section-six .yalniz-degilsin h2 small {font-size: 20px;font-weight: 400;}
.sections.section-six .yalniz-degilsin h2 b {font-size: 42px;font-weight: 800;}
.text1 {font-family: Authenia;}
.sections.section-six .yalniz-degilsin h2 .text1 {font-size: 100px;color: #ec1d23;margin-top: -40px;display: inline-block;}
.sections.section-six .yalniz-degilsin .card .card-title {font-size: 30px;font-weight: 800;}
.sections.section-six .yalniz-degilsin .card .card-body {padding-left: 0;padding-right: 40px;}
.sections.section-six .yalniz-degilsin .card {border: 0;min-height: 550px;}
.sections.section-six .yalniz-degilsin .card .card-body .card-text {font-size: 14px;line-height: 18px;}
.sections.section-six .yalniz-degilsin .yalniz-degilsin-post .card {padding-left: 15px;padding-right: 15px;}
.sections.section-three .steps .step-top-img img { width: 100%; }
.video-section .swiper-pagination {text-align: center;width: 100%;padding-top: 15px;}
.video-section .video-section-area {position: relative;}
.video-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: red;}
.video-section .swiper-pagination .swiper-pagination-bullet {background-color: #000;margin: 0 5px;width: 9px;height: 9px;}
.exit-content {position: fixed;top: 80px;right: 0;z-index: 9999;}
.exit-content .exit1-wrap { margin-bottom: 0; width: 80px; position: absolute; right: 0px; text-align: center; background-color: #ed1b25; font-weight: 800; line-height: 14px; padding: 10px; font-size: 13px; height: 80px; color: #fff; cursor: pointer; }
.exit-content .exit1-wrap i {font-size: 30px;}
.exit-content .exit1-wrap:hover {box-shadow: -2px 2px 10px -3px black;}
.exit-content .exit-notification {position: absolute;top: 100px;right: 0px;width: 300px;background-color: red;}
.exit-content .exit-notification p {margin-bottom: 0;padding: 7px 10px;color: #fff;font-size: 14px;font-weight: 500;}
.exit-content.notification-closed .exit-notification { right: -500px;}
.exit-content .exit-notification p b {font-weight: 800;}
.exit-content .exit-notification p.notification-success {background-color: #bf1a21;text-align: center;cursor: pointer;font-weight: 700;}
.yalniz-degilsin .yalniz-degilsin-area {
    position: relative;
}

.yalniz-degilsin .yalniz-degilsin-area .swiper-button-next {
    right: -25px;
}

.yalniz-degilsin .yalniz-degilsin-area .swiper-button-prev {
    left: -25px;
}
/* Home */

/* Page */

/* Page */


/* Footer */
footer .footer-bottom {background-color: #ed1b25;}
footer {background-color: #ffffff;border-top: 2px solid #bcbcbc;}
footer .footer-top {height: 280px;position: relative;top: -140px;}
footer .footer-center .footer-col-area ul {list-style: none;padding: 0;margin-bottom: 0;}
footer .footer-center .footer-center-area {padding: 80px 0 80px;}
footer .footer-center .footer-col-area ul li a {color: #000;font-size: 12px;line-height: 14px;font-weight: 400;}
footer .footer-center .footer-col-area ul li {margin: 0;line-height: 22px;}
footer .footer-center .footer-col-area ul.footer-menu a {color: #ec1d23;font-size: 14px;font-weight: 600;line-height: 16px;}
footer .footer-center .footer-col-area ul.footer-menu li {line-height: 34px;}
.footer-col-area .footer-phone {text-align: right;font-size: 24px;font-weight: 200;}
.footer-col-area .footer-phone b {font-size: 50px;font-weight: 700;color: red;line-height: 45px;}
footer .footer-col-area .footer-social-logo {text-align: center;height: 100%;display: flex;align-items: center;justify-content: center;}
footer .footer-col-area .footer-social-logo a {border-radius: 10px;color: #fff;background-color: #000;display: inline-block;width: 30px;height: 30px;margin-right: 5px;line-height: 30px;text-align: center;}
footer .footer-col-area {height: 100%;}
.right-phone a.phone-mobile {
    display: none;
}
.exit-content .exit-notification p.notification-success:hover { background-color: #94151a; }
.yalniz-degilsin .yalniz-degilsin-scroll {overflow-x: scroll;}
/* Footer */

/**/
.footer-col-area .footer-mail {text-align: right;}
.footer-col-area .footer-mail a {color: #252525;margin-left: 5px;}
/**/
footer .footer-col-area.footer-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}
header .header .header-left .logo {width: 50%;float: left;height: 100%;}
header .header .header-left .kadin-kollari-logo {width: 50%;float: right;height: 100%;}
header .header .header-left .kadin-kollari-logo .area img {max-width: 100%;max-height: 100%;height: 80px;}
header .header .header-left .kadin-kollari-logo .area {height: 100%;text-align: right;display: flex;align-items: center;justify-content: flex-end;width: 100%;}
.baro-wrapper {
    border-top: 2px solid #bcbcbc;
}