@font-face {
    font-family: 'Archivo';
    font-weight: 400;
    src: url('fonts/Archivo-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Archivo';
    font-weight: 600;
    src: url('fonts/Archivo-SemiBold.ttf')  format('truetype');
}
@font-face {
    font-family: 'Archivo';
    font-weight: 700;
    src: url('fonts/Archivo-Bold.ttf')  format('truetype');
}
@font-face {
    font-family: 'Barlow';
    font-weight: 900;
    src: url('fonts/BarlowSemiCondensed-ExtraBold.ttf')  format('truetype');
}
@font-face {
    font-family: 'Barlow';
    font-weight: 700;
    src: url('fonts/BarlowSemiCondensed-Bold.ttf')  format('truetype');
}
body {
    font-family: 'Archivo', sans-serif;
    color: #000000;
    overflow-x: hidden;
    font-weight: 400;
    line-height: 1;
}

a {  text-decoration: none !important;  }

section{padding: 40px 0}
ul{padding: 0; margin: 0;}
.m1320{max-width: 1320px; margin: 0 auto}


h2.title{font-size: 40px; font-weight: 700; line-height: 1.2em; color: #000000; margin-bottom: 40px; position: relative; font-family: Barlow; }

.header{ padding-top: 10px; padding-bottom: 10px; }
.slogan{color: #000; line-height: 1.1em;  font-size: 26px; font-weight: 600; text-align: center; margin: 30px 0; }

.logo{margin-top: 25px; display: block; margin-bottom: 25px;}
.logo img{max-width: 170px;}
.phone-right { margin-top: 30px;}
.phone-right .phone{margin-bottom: 5px;}
.phone-right .phone a{font-size: 30px;  line-height: 1em; color: #000000; font-weight: 700; display: block;  }
.phone-right .mail a{font-size: 17px; line-height: 1.1em; color: #000000; font-weight: 600; display: block;   }

.cta{font-size: 50px; line-height: 1.2em;  color: #231f20; font-weight: 600; padding: 20px; text-align: center; margin-bottom: 30%; font-family: Barlow;   }
.success{color: #fff; line-height: 1.2em; background-color: rgba(0,0,0,0.6); padding: 20px; margin-bottom: 90px; box-shadow: 0 30px 60px rgba(0,27,67,0.2)}

.sc1{background: url(../images/sc1.jpg) no-repeat center bottom; background-color: #ebe5e9;  padding-top: 0; padding-bottom: 60px;}

.carousel-box{padding: 0 80px;}
.item-curs h3{color: #e8212c; font-size: 26px; font-family: Barlow; font-weight: 700; margin-bottom: 2rem}
.item-curs p{font-size: 20px;position: relative; line-height: 1.4em; margin-bottom: .9rem}
.item-curs p:before{content: ""; position: absolute; width: 8px; height: 8px; background-color: #e8212c; left: -15px; top: 12px; border-radius: 50%}
.carousel-control-next, .carousel-control-prev{  width: 80px;  }
.carousel-indicators{position: relative; padding-top: 3rem; justify-content: space-between; margin-right: 0; margin-left: 0;}
.carousel-indicators .active{background-color: transparent}
.carousel-indicators:before{content: ""; left: 10%; right: 10%; top: 3.55rem; height: 2px; background-color: #000; position: absolute;}
.carousel-indicators li{width: 20%; height: auto; text-indent: 0px; padding-top: 50px; text-align: center; font-size: 20px; line-height: 1.2em; font-weight: 600; background-color: transparent}
.carousel-indicators li:before{background-color: #000; border-radius: 50%; width: 20px; height: 20px; top: 0; left: 50%; margin-left: -10px;}
.carousel-indicators li.active{color: #e8212c}
.carousel-indicators li.active:before{background-color: #e8212c}

.sc3 .text{font-size: 26px; line-height: 1.3em; position: relative; padding-left: 140px; padding-top: 10px; padding-bottom: 10px;}
.sc3 .text:before{width: 120px; position: absolute; left: 0; top: 0; bottom: 0; background-color: #f9f9f9; content: "";}
.sc3 .text:after{width: 2000px; position: absolute; right: 100%; top: 0; bottom: 0; background-color: #e8212c; content: "";}
.sc3 .text p{margin-bottom: 2rem; position: relative;}
.sc3 .text p:before{position: absolute; left: -97px; content: ""; width: 37px; height: 37px; background: url(../images/check.png) no-repeat;}

.sc4 p{font-size: 20px; line-height: 1.2em;}
.sc5{background: url(../images/sc5.jpg) no-repeat center top;}
.sc5 p{font-size: 26px; color: #fff; margin-bottom: 2rem; line-height: 1.3em;}
.sc5 h2.title{color: #fff;}

.sc6{padding: 80px 0}
.sc6 .num{font-size: 48px; font-family: Barlow; font-weight: 900; color: #f13a45; margin-bottom: 15px;}
.sc6 .p{font-size: 20px;}

.sc7{background-color: #f6f6f6; }
.sc7 .img{margin-bottom: 15px; position: relative}
.sc7 .img.line:before{width: 73px; height: 29px; background: url(../images/line.png) no-repeat; content: ""; position: absolute; right: -36px; top: 50%}
.sc7 p{font-size: 27px; line-height: 1.2em;}

.sc8 .text{font-size: 26px; line-height: 1.2em;}
.sc8 .itemr{margin-top: 5%}
.sc8 .itemr h4{font-size: 26px; font-weight: 700; }

.owl-dots {display: flex; justify-content: center}
.owl-dots .owl-dot{margin: 0 5px;}
.owl-dots .owl-dot span{width: 17px; height: 17px; background-color: #9e9e9e; border-radius: 50%; display: block;}
.owl-dots .owl-dot.active span{width: 17px; height: 17px; background-color: #f13a45;}

.sc9{background: url(../images/sc9.jpg) no-repeat center bottom; background-color: #ebe5e9; padding: 80px 0; }
.cta-2{font-size: 54px; font-weight: 900; line-height: 1.2em; margin-bottom: 283px; text-align: center; font-family: Barlow;}
.cta-2 br{display: none}

.comp{ font-size: 30px; font-weight: 900; font-family: Barlow;  color: #fff; display: inline-block; position: relative; padding: 12px; padding-right: 70px; margin-right: 0px;  text-align: right; text-shadow: 0 0 2px rgba(0,0,0,1)}
.comp:before{content: ""; background: url(../images/comp-ic.png) no-repeat; width: 59px; height: 37px; right: 0px; top: 50%; margin-top: -16px; position: absolute;}

.map{height: 700px;}

footer{background-color: #fff}
.success{margin-bottom: 500px;}
.sispune{text-align: center;}
.sispune p{color: #fff;}

.formular{padding: 40px 20px;  background-color: rgba(255,255,255,0.7); }
.formular .title{font-size: 42px; color: #000; text-align: center; text-transform: uppercase; margin-bottom: 40px; font-weight: 700}
.formular label{font-size: 23px; margin-bottom: 3px;}
.formular .form-control{background-color: transparent; border: 3px solid #f13a45; height: 50px; border-radius: 2px; color: #000;}
.formular .form-group{margin-bottom: 30px;}
.formular .form-control::-webkit-input-placeholder {color:#fff;}
.formular .form-control::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
.formular .form-control:-moz-placeholder           {color:#fff;}/* Firefox 18- */
.formular .form-control:-ms-input-placeholder      {color:#fff;}
.formular .form-control.error{border-color: #ec3072}
label.error{color: #ec3072; font-size: 12px; }

.btn-comp{border: none; background: #ef3641;
    background: -moz-linear-gradient(top, #ef3641 0%, #ea2732 50%, #e8212c 100%);
    background: -webkit-linear-gradient(top, #ef3641 0%,#ea2732 50%,#e8212c 100%);
    background: linear-gradient(to bottom, #ef3641 0%,#ea2732 50%,#e8212c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3641', endColorstr='#e8212c',GradientType=0 );
    color: #fff;  padding: 10px 30px; font-size: 24px;  border-radius: 40px; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); font-weight: 400; line-height: 1.2em;}
.btn-comp:hover{color: #fff;
    background: #d72b35;
    background: -moz-radial-gradient(center, ellipse cover, #d72b35 0%, #d0222d 50%, #bc1821 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #d72b35 0%,#d0222d 50%,#bc1821 100%);
    background: radial-gradient(ellipse at center, #d72b35 0%,#d0222d 50%,#bc1821 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d72b35', endColorstr='#bc1821',GradientType=1 );
}
.btn-lg{ padding: 15px 30px; font-size: 30px;}
.btn-box{width: 350px; margin: 0 auto;}



.container{}

@media (max-width: 1600px) {

}
@media (max-width: 1350px) {

}

@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    .logo img{max-width: 100%}
    .phone-right .phone a{font-size: 25px;}
    .phone-right .mail a{font-size: 10px;}
    .slogan{font-size: 22px; margin-top: 0; margin-bottom: 0;}
    .cta{font-size: 33px; margin-bottom: 15px; line-height: 1em; margin-bottom: 90px;}
    .btn-lg{font-size: 22px; padding:  10px 20px}
    .sc1{margin-bottom: 40px; padding-bottom: 0px; background-size: 500px;}
    h2.title{font-size: 28px;}
    .carousel-box{padding: 0}
    .carousel-indicators{display: none}
    .carousel-control-next, .carousel-control-prev{position: relative}
    .carousel-control-prev{float: left}
    .carousel-control-next{float: right}
    .item-curs p{font-size: 18px; line-height: 1.2em; margin-bottom: .5rem}
    .sc3 .text{padding-left: 40px; }
    .sc3 .text p::before{left: -38px; width: 25px; height: 25px; background-size: 25px;}
    .sc3 .text{font-size: 18px;}
    .sc3 .text p{margin-bottom: 1rem;}
    .sc5 p{font-size: 20px; margin-bottom: 1rem}
    .sc7 .img.line::before{display: none}
    .sc8 .text{font-size: 22px;}
    .cta-2{font-size: 42px; margin-bottom: 20px;}
    .comp{padding-right: 0; padding-bottom: 75px; text-align: center}
    .comp:before{right: 50%; margin: -30px; bottom: 0; transform: rotate(90deg); top: auto; bottom: 50px;}

}
@media (max-width: 576px) {
    .sc1{margin-bottom: 40px; padding-bottom: 0px; background-size: 100%;}
}