@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
body {
    font-family: 'Oswald', serif;
    color: #000;
    overflow-x: hidden;
    font-weight: 400;
    line-height: 1;
}

a {  text-decoration: none !important;  }

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

h1, .h1{font-size: 36px; font-weight: 400; margin-bottom: 10px; margin-top: 10px;}
h2, .h2{font-size: 30px; font-weight: 400; margin-bottom: 10px; margin-top: 10px;}
h3, .h3{font-size: 24px; font-weight: 400; margin-bottom: 10px; margin-top: 10px}
h4, .h4{font-size: 20px; font-weight: 400; margin-bottom: 10px; margin-top: 10px}
h5, .h5{font-size: 18px; font-weight: 400; margin-bottom: 10px; margin-top: 10px}
h6, .h6{font-size: 16px; font-weight: 400; margin-bottom: 10px; margin-top: 10px}


.pr{position: relative}

.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-24{font-size: 24px;}

h2.title{font-size: 36px; line-height: 1.2em; color: #fff;   font-weight: 700; text-transform: uppercase; padding-left: 40px; position: relative}
.section-title{background-color: #000; padding: 50px 0;}
h2.title:before{content: ""; position: absolute; width: 15px; left: -0px; top: 0; bottom: 0;
    background: #e49712;
    background: -moz-linear-gradient(45deg, #e49712 0%, #fefa00 48%, #f1bd24 100%);
    background: -webkit-linear-gradient(45deg, #e49712 0%,#fefa00 48%,#f1bd24 100%);
    background: linear-gradient(45deg, #e49712 0%,#fefa00 48%,#f1bd24 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e49712', endColorstr='#f1bd24',GradientType=1 );
}

.header{ padding: 15px 0; background-color: #000; }
.logo{ display: inline-block}
.phone-top{}
.phone-top a{font-size: 30px;  line-height: 1.1em; color: #fff; font-weight: 700;}
.mail-top{}
.mail-top a{font-size: 24px;  line-height: 1.1em; color: #fff; font-weight: 200;}
.slogan{text-align: center; font-size: 30px; color: #fff; font-weight: 200}

.sc1{ background: url(../images/sc1.jpg) no-repeat center; background-size: cover; padding: 8% 0;}
.box{background-color: #000; padding: 35px 30px; max-width: 460px;}
.box-form{ }
.box-form .h3{color: #fff;  font-size: 44px;  margin-bottom: 15px; font-weight: 600; line-height: 1.2em; position: relative}
.box-form .h3:before{content: ""; position: absolute; width: 15px; left: -35px; top: 0; bottom: 0;
    background: #e49712;
    background: -moz-linear-gradient(45deg, #e49712 0%, #fefa00 48%, #f1bd24 100%);
    background: -webkit-linear-gradient(45deg, #e49712 0%,#fefa00 48%,#f1bd24 100%);
    background: linear-gradient(45deg, #e49712 0%,#fefa00 48%,#f1bd24 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e49712', endColorstr='#f1bd24',GradientType=1 );
}

.sc2{}
.sc2 .item{text-align: center; margin-bottom: 20px; }
.sc2 .item p{color: #000; font-size: 24px; line-height: 1.2em; text-align: center}
.sc2 .item .ic{margin-bottom: 15px;}

.sc3{padding-bottom: 0; background: url(../images/sc3.jpg) no-repeat center;}
.sc3 h2.title{color: #000;}
.sc3 p{font-size: 30px; font-weight: 200; line-height: 1.2em; margin-bottom: 30px;}

.sc4 .item .ic{position: relative; padding: 30px 0; width: 130px; margin:  0 auto 30px auto; text-align: center}
.sc4 .item .ic:before, .sc4 .item .ic:after{
    content: ""; position: absolute; right: 0; left: 0; top: 0; height: 3px;
    background: #e49712;
    background: -moz-linear-gradient(45deg, #e49712 0%, #fefa00 48%, #f1bd24 100%);
    background: -webkit-linear-gradient(45deg, #e49712 0%,#fefa00 48%,#f1bd24 100%);
    background: linear-gradient(45deg, #e49712 0%,#fefa00 48%,#f1bd24 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e49712', endColorstr='#f1bd24',GradientType=1 );
}
.sc4 .item .ic:after{bottom: 0; top: auto;}
.sc4 .item p{font-size: 24px; line-height: 1.2em; text-align: center; font-weight: 300;}

.sc5{background: url(../images/sc5.jpg) no-repeat center; background-size: cover;}
.sc5 h2.title{color: #000;}
.sc5 p{font-size: 30px; line-height: 1.2em; font-weight: 500; color: #000; position: relative; padding-left: 40px; background: url(../images/li.png) no-repeat 0 5px; margin-bottom: 25px;}

.sc6{background-color: #000;}
.sc6 .num{font-size: 72px; text-align: center;  color: #eae20e; font-family: "Abril Fatface" ; border-bottom: 1px solid #363636 ; padding-bottom: 25px; margin-bottom: 25px;}
.sc6 p{font-size: 30px; color: #fff; line-height: 1.2em; font-weight: 300; text-align: center;}
.sc6 h2.title{margin-bottom: 100px;}

.sc7 h2.title{color: #000; margin-bottom: 100px;}
.sc7 .ic{text-align: center; margin-bottom: 25px;}
.sc7 .item{text-align: center}
.sc7 .item p{font-size: 30px; line-height: 1.2em; font-weight: 300;}
.sc7 .btn{font-size: 36px; text-transform: uppercase; padding-left: 50px; padding-right: 50px; box-shadow: 15px 15px 15px rgba(0,0,0,0.2)}

.sc8{background: url(../images/sc7.png) ; }
.sc8 h2.title{color: #000;}

.sc8 .img{position: relative}
.sc8 .img:before{content: ""; position: absolute; right: 0; top: 19%; background: url(../images/gili.png) no-repeat; width: 46px; height: 30px;}
.sc8 .img img{border-radius: 50%}
.sc8 .name{font-size: 30px; color: #000; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; line-height: 1.2em;}
.sc8 .func{font-size: 24px; color: #000; font-weight: 400;}
.sc8 .text{font-size: 24px; font-weight: 200; font-style: italic; line-height: 1.2em;}

.owl-nav{text-align: center; padding-top: 30px;}
.owl-nav>div{display: inline-block; width: 32px; height: 32px; border: 1px solid #b7b7b7; margin: 15px; font-size: 0px; text-indent: 999px; overflow: hidden;}
.owl-prev{background: url(../images/owl-c.png) no-repeat 0 0;}
.owl-prev:hover{background: url(../images/owl-c.png) no-repeat 0 -30px #b7b7b7;}
.owl-next{background: url(../images/owl-c2.png) no-repeat 0 0; }
.owl-next:hover{background: url(../images/owl-c2.png) no-repeat 0 -30px #b7b7b7;}


footer.header{background-color: #252525; padding: 15px 0 70px 0;}

.success{font-size: 22px; line-height: 1.2em; background-color: rgba(255,255,255,0.8); padding: 25px; font-weight: 300;}




.formular{padding:  50px 25px; background-color: #000;}
.formular .title{font-size: 36px; color: #fff; text-align: center; font-weight: 700; line-height: 1.2em; margin-bottom: 50px; text-transform: uppercase;}
.formular .form-control{background-color: transparent; border: 2px solid #fff; height: 46px; border-radius: 0; color: #fff;}
.formular .form-group{margin-bottom: 10px; margin-left:10px; margin-right: 10px; }
.formular .form-control.error{border-color: #ec3072}
label.error{color: #ec3072; font-size: 12px; }

.btn-form{
    background: #e49712;
    background: -moz-linear-gradient(45deg, #e49712 0%, #fefa00 48%, #f1bd24 100%);
    background: -webkit-linear-gradient(45deg, #e49712 0%,#fefa00 48%,#f1bd24 100%);
    background: linear-gradient(45deg, #e49712 0%,#fefa00 48%,#f1bd24 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e49712', endColorstr='#f1bd24',GradientType=1 );
    border: none; border-radius: 6px; letter-spacing: 2px;  padding: 12px 15px; text-transform: uppercase; font-size: 24px; line-height: 1em; color: #000; font-weight: 700; cursor: pointer }
.btn-form:hover{background-color: #a40110; color: #fff;}

.formular .btn-form{font-size: 40px;}
.btn-form.btn-lg{padding: 10px 40px;}

.btn-comp{font-size: 36px; color: #fff; background: url(../images/btn-comp.png) no-repeat right transparent; padding-right: 60px; margin-right: -70px;}

.sispune p{color: #fff; text-align: center}


@media (max-width: 1200px) {

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

}
@media (max-width: 768px) {
    .cta-1 span{padding: 5px; line-height: 1.8em; font-weight: 700;}
    .cta-2{font-size: 28px; line-height: 1.6em;}
    .cta-2 span{font-size: 34px;}
    .cta-2 span b{font-size: 40px; display: block}
    .box-form .h3{font-size: 17px;}
    h2.title{font-size: 26px; line-height: 1.4em;}
    section{padding: 40px 0;}
    .sc2 .item{margin: 40px 0;}
    .sc4 .item{margin: 40px 0;}
    .sc5 .text{padding: 0 10px;}
    .sc5 .text li{padding-left: 30px;}
    .sc5 .text li{font-size: 20px;}
    .sc5 .text li b{font-size: 22px;}
    .sc6 .item .ic::before{transform: rotate(90deg);}
    .sc7 .text{font-size: 20px;}
    .sc7 .text p{padding-top: 5px;}
    .sc8 .item img{margin-bottom: 20px;}
    .sc8 .item .text{font-size: 18px;}
    .cta-3{font-size: 28px; }
    .cta-3 span{font-size: 38px;}
    .cta-3 span b{font-size: 40px; display: block}
    .cta-3 .comp{font-size: 18px; padding: 15px 15px; margin-bottom: 40px; line-height: 1em;}
    .formular{padding: 25px 15px;}
    .formular .title{font-size: 30px; margin-bottom: 35px;}
    footer .slogan{font-size: 24px; margin-bottom: 20px;}

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

}