@charset "UTF-8";

html, body {margin: 0; padding: 0; height: 100%;}

body {padding-top: 60px; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden;-webkit-text-size-adjust: 100%;}
* { margin: 0; padding: 0; box-sizing: border-box; outline: none; }
*:after {box-sizing: border-box;}
.clearfix:after {content: " "; visibility: hidden; display: block; height: 0; clear: both;}
h1,h2,h3,h4,h5,h6{font-family: 'Oswald', sans-serif;}
img{max-width: 100%;}

.testimotials-wrapper .container {
    overflow: hidden;
}



header{position: fixed; height: 60px; z-index: 999; background: #fff; top: 0px; left: 0px; width: 100%; border-bottom: 1px solid #F00517;}
header .logo img{height: 59px; width: auto;}
header .menu ul{float: right; margin-bottom: 0px;}
header .menu ul li{display: inline-block; padding-left: 10px; padding-right: 10px; line-height: 60px;}
header .menu ul li a{color: #F00517; display: block; font-weight: 600; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 20px;}
.swiper-button-next:after, .swiper-button-prev:after{color: #F00517; font-size: 20px;}
.swiper-pagination-bullet{width: 20px; height: 20px; border: 2px solid #fff;}
.swiper-pagination-bullet-active{background: #F00517;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 50px;}


.about-us {
    padding-top: 80px;
    padding-bottom: 80px;
}

.about-us h1{font-size: 40px; line-height: 52px; margin-bottom: 30px;}
.about-us .subtitle{font-weight: 600; font-size: 24px;line-height: 32px;}
.about-us p{font-size: 16px; line-height: 24px;}
.about-us .first-step{padding-bottom: 100px; position: relative;}
.about-us .first-step:after{content: ""; position: absolute;
    left: 0px; bottom: 50px; width: 100%; background: #F00517; height: 5px;}

.about-us .second-step .number{text-align: center; font-family: 'Oswald', sans-serif; color: #F00517; font-size: 32px; line-height: 42px; margin-bottom: 20px;}
.about-us .second-step .small-text{font-size: 20px; line-height: 32px; font-weight: 600; text-align: center;}
.partner-wrapper {display:none};
.partner-wrapper{background-image: url("/img/rest1.png"); background-size: cover; background-position: center; background-repeat: no-repeat;}
.partner-wrapper .partner-box{padding-right: 0px; padding-left: 0px;}
.partner-wrapper .row{margin: 0px;}
.partner-wrapper .partner-box{position: relative;}
.partner-wrapper .partner-box:after{width: 100%; height: 100%; content: ""; opacity: 0.8; background: #9d0201; opacity: 0.6; left: 0px; top:0px; position: absolute; z-index: 2;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.partner-wrapper .partner-box .data-partner{position: absolute; width: 100%; height: 100%; z-index: 3; left: 0px;top: 0px; opacity: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.partner-wrapper .partner-box img{width: 100%; max-width: auto;}

.partner-wrapper .partner-box.width:hover:after{width: 0px;}
.partner-wrapper .partner-box.height:hover:after{height: 0px;}
.partner-wrapper .partner-box:hover .data-partner{opacity: 1;}
.partner-wrapper .partner-box{background: transparent; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.partner-wrapper .partner-box:hover{background: #fff;}
.partner-wrapper .data-partner .icon-facebook2{position: absolute; font-size: 40px; left: 0px; right: 0px; bottom: 30px; margin: auto; text-align: center;}

.swiper-testimotials .swiper-wrapper{height: auto;}
.testimotials-wrapper{padding-top:80px; padding-bottom: 120px; background-image: url("/img/people.png"); background-size: cover; background-repeat: no-repeat; background-position: center;}
.testimotials-wrapper .title{font-family: 'Oswald', sans-serif; font-size: 40px; text-align: center; line-height: 52px; margin-bottom: 80px; color: #fff;}
.text-testimotial{font-style: italic; text-align: center; color: #fff;}
.author{text-align: center; color: #000; font-weight: 600; color: #fff; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 20px;}

.form-control:not(.checkbox) label {
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 16px;
}
.form-control{color: #fff;}

.form-control:not(.checkbox) {
    margin-bottom: 19px;
}
.form-control{
    height: auto;
    border: 0px;
    border-radius: 0px;
    padding: 0px;
    background: none;
    transition: none;
}

.form-control .error {
    display: none;
}
.form-control.error .error {display: block}
.form-control .error {
    position: absolute;
    font-size: 10px;
    right: 50px;
    display: none;
}
.form-control.checkbox {
    font-size: 13px;
}
.form-control a{font-weight: 500; color: #fff;}
a:hover{text-decoration: none;}

.form-control.checkbox {margin-top: 30px;margin-bottom: 20px;}
.form-control.checkbox label{padding-left: 10px; position: relative; top: -1px;}

.form-control:not(.checkbox) input[type=email], .form-control:not(.checkbox) input[type=text] {border: 0 solid #b9b9b9;border-radius: 25px;width: 100%;background: #fff;height: 40px;line-height: 40px;font-size: 16px;color: #000;padding-left: 20px;padding-right: 20px;font-size: 13px;}
#ajax-form.active{display: block}
#ajax-form{display: none;}
.success-step{display: none}
.success-step.active{display: block}
#contact{padding-top: 80px; padding-bottom: 80px;}
#contact .right-contact{background: #9d0201; padding: 50px; color: #fff;}
#contact .left-contact h3{font-size: 40px; line-height: 50px; margin-bottom: 30px; text-transform: uppercase;}
#contact .right-contact .title, #contact .left-contact .title{font-size: 24px; line-height: 32px; text-transform: uppercase; margin-bottom: 20px; font-weight: 600;}
#contact .left-contact ul li{list-style: none; font-size: 20px; line-height: 30px; margin-bottom: 20px;}
#contact .left-contact ul li span{font-size: 30px; color: #9d0201; top: 7px; display: inline-block; position: relative; margin-right: 20px;}
#contact .left-contact ul li a{color: #000; font-weight: 500;}
.socials-wrapper .social-box{height: 200px; text-align: center; font-size: 50px; line-height: 200px; border-right: 1px solid #fff;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; position: relative;}
.socials-wrapper .social-box:before{content: ''; width: 0%; height: 100%; background: #fff; position: absolute; left: 0px; top:0px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.socials-wrapper .social-box:first-child{border-left: 1px solid #fff;}
.socials-wrapper{background: #9d0201;}
.socials-wrapper .social-box a{display: block; text-decoration: none; position: relative; z-index: 2;}
.socials-wrapper .social-box span{display: block; width: 100%; height: 100%; line-height: 200px; color: #fff;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.socials-wrapper .social-box:hover::before{width: 100%;}
.socials-wrapper .social-box:hover span{color: #9d0201;-webkit-transform: scale(1.05);-moz-transform: scale(1.10);-ms-transform: scale(1.10);-o-transform: scale(1.10);transform: scale(1.10);}
footer{background: #9d0201; color: #fff; padding-top: 80px; padding-bottom: 80px;}
footer .left-color{position: relative; padding-right: 10px; z-index: 2; background: #9d0201;}
footer .line-element span.line, footer .line-element a{color: #fff; font-weight: 500; float: right; background: #9d0201; z-index: 2; position: relative; padding-left: 10px;}
footer .line-element p{position: relative}
footer .line-element p:after{width: 90%; height: 2px;z-index: 0; content: ''; position: absolute; background: #fff; left: 0px; right: 0px; margin: auto; top:10px; opacity: 0.5}
.btn-primary{min-width: 150px; background: #fff; color: #F00517; text-transform: uppercase; font-family: 'Oswald', sans-serif; letter-spacing: 1.2px; font-weight: 600; border: 2px solid #F00517;}
.btn-primary:hover{background: #F00517; color: #fff; border-color: #F00517;}

@media only screen and (min-width: 999px) {
    .partner-wrapper .partner-box{-ms-flex: 0 0 20%%;
    flex: 20%;
    max-width: 20%;}
}

@media only screen and (max-width: 999px) {
    .partner-wrapper .partner-box .data-partner {display: block; opacity: 1;}
}

@media only screen and (max-width: 769px) {
 .menu{display: none;}

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{display: none;}
    .about-us h1{font-size: 32px; margin-bottom: 0px;}
    .about-us{padding-top: 40px; padding-bottom: 40px;}
    .about-us .subtitle{font-size: 16px; line-height: 24px;}
    .about-us p{font-size: 14px; line-height: 20px;}
    .about-us .first-step:after{width: 50%; margin: auto; right: 0px;}
    div#our-marks .col-md-6:first-child{margin-bottom: 30px;}
    #contact{padding-bottom: 0px;}
    #contact .left-contact{margin-bottom: 40px;}
    #contact .right-contact{padding-left: 15px; padding-right: 15px;}
    .socials-wrapper .social-box:first-child, .socials-wrapper .social-box:nth-child(2){border-bottom: 1px solid #fff; border-left: 0px;}
    .socials-wrapper .social-box:nth-child(4), .socials-wrapper .social-box:nth-child(2){border-right: 0px;}
    footer .col-md-4{margin-bottom: 30px;}
    .form-control.checkbox label {pgrupatwfm.pladding-left: 10px;position: relative;top: -2px;width: calc(100% - 13px);float: right;}
}

.collapsible {
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

 .collapsible:hover {
  background-color: white;
}

.content{
  padding: 0 18px;
  display: none;
  overflow: hidden;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5);
    color: #F00517;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    justify-content: end;
}
}
.bg-light {
    background-color: #fff!important;
    border-bottom: 1px solid #F00517;
}
.navbar-light .navbar-toggler {
    border-color: #F00517;
}