@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&subset=latin-ext');
body {
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    overflow-x: hidden;
    font-weight: 400;
    line-height: 1.2;
    font-size: 16px;
    background-color: #dfe0e2;
}

a {  text-decoration: none !important;  }

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

h2.title{font-size: 40px; line-height: 1.3; padding-bottom: 10px;  font-weight: 700; color: #000; margin-bottom: 40px; position: relative; display: inline-block; border-bottom: solid 5px #E2C576 }

.header{ padding: 30px 0 30px 0;}
.header .phone, .header .email{width: 100%;}
.header .phone a{font-size: 22px; color: #000000; font-weight: 700;}
.header .email a{font-size: 18px; color: #000000; font-weight: 600;}
.header .slogan{font-size: 18px; font-weight: 500; color: #000000; text-align: center}

.cta{}
.cta h1{font-size: 32px; font-weight: 500; color: #000; margin-bottom: 50px;}
.cta h3{font-size: 50px; font-weight: 800;}
.cta h3 a{color: #E2C576}
.sc1{background: url(../images/sc1.jpg?v=2) no-repeat center top;}
.sc2{ background-size: cover;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url(../images/sc2.jpg?v=2);
}
.sc2 .title{margin-bottom: 80px;}
.sc2 .noi{font-size: 20px; font-style: italic; font-weight: 500;}
.sc2 .item{text-align: center; margin-bottom: 80px; position: relative}
.sc2 .item .p{font-weight: 500;  font-size: 20px;}
.sc2 .item .num{color: #DEB955; font-weight: 700; font-size: 64px;}


.sc3{}
.sc3 h2.title{margin-bottom: 100px;}
.sc3 .item{ display: flex; margin: 0 15px;}
.sc3 .item figure{}
.sc3 .item .text{ display: flex; flex-direction: column; justify-content: space-between}
.sc3 .item .text .p{font-size: 16px; font-weight: 500;}
.sc3 .item .title{font-weight: 700; font-size: 16px; margin-bottom: 15px;}

.btn-warning{
    background: linear-gradient(180deg, #F26804 0%, rgba(242, 104, 4, 0.7) 100%);
    border-radius: 10px;
    color: #fff; font-weight: 700;
    border: none;
}
.sc4{ background: #d9d9d9; }
.sc4 .item{font-size: 16px; font-weight: 500; color: #000; text-align: center; max-width: 180px; }

.sc7{background-color: #fff;}
.sc7 .item{text-align: center;}
.sc7 .item img{width: auto; display: inline-block; max-width: 100%;}
.cta-2 .h5{color: #fff}
.cta-2 .h5 span{color: #E2C576}

.box-video{padding: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.4); background-color: #fff;}


.sc9{background: url(../images/sc9.jpg?v=2) no-repeat center top; padding: 80px 0 0 0;}
.consultatie{font-size: 30px; color: #fff; line-height: 1.5}
.comp-f{font-size: 30px; margin-bottom: 60px; color: #E2C576; font-weight: 700; text-transform: uppercase; display: flex; justify-content: space-between; align-items: center; max-width: 465px}

footer.header{background-color: transparent; padding: 40px 0 40px 0; }
footer.header .slogan{color: #fff;}
footer.header .phone a{color: #fff;}
footer.header .email a{color: #fff;}

.success{ margin-top: 100px;}
.btn-custtom{background-color: #ff7900; font-weight: 700; font-size: 14px; color: #000; border-radius: 0;}
.btn-custtom:hover{background-color: #ef7100; color: #000;}
.btn-lg{padding: 10px 50px}

.formular{padding: 50px 45px 45px 45px; border-radius:0; margin-bottom: 25px;  background-color: #fff }
.ftitle{font-size: 34px; color: #000; text-align: center; text-transform: uppercase; margin-bottom: 10px; font-weight: 700}
.formular label{font-size: 16px; margin-bottom: 3px;}
.formular .form-control{background-color: transparent; font-size: 14px;  border: 1px solid rgba(0,0,0,0.4); height: 50px; border-radius: 5px; color: #aaa9a9; text-align: left}
.formular .form-group{margin-bottom: 15px;}
.formular .form-control.error{border-color: #ec3072}
label.error{color: #ec3072; font-size: 12px; }
.formular .btn-custtom{ padding: 13px 50px; font-size: 14px; font-weight: 700;}
.success{background-color: rgba(255,255,255,0.7)}

select.form-control option{color: #000;}


@media (max-width: 1600px) {

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

}

@media (max-width: 1200px) {
.sc1{background-size: 1560px}
}
@media (max-width: 992px) {
    .header .slogan{font-size: 15px;}
    .header .phone a{font-size: 18px;}
    .header .email a{font-size: 14px;}
    .cta h1{font-size: 30px;}
    .cta h3{font-size: 36px;}
}
@media (max-width: 768px) {
    html{font-size: 14px;}
    .header .slogan{margin-bottom: 20px;}
    .header .phone a{font-size: 20px;}
    .header .email a{font-size: 14px;}
    .header{padding-top: 30px;}
    .cta{margin-top: 0; margin-bottom: 30px; text-align: center}
    .cta h1{font-size: 22px; text-align: center}
    h2.title{font-size: 26px;}
    .sc3 .item img{height: 110px;}
    .sc3 .item .text .p{font-size: 14px;}
    .sc3 .item .title{font-size: 14px; margin-bottom: 6px;}
    .btn-lg{padding: 5px 30px; font-size: 14px;}
    section{padding: 50px 0}
    .sc2 .item .num{font-size: 40px;}
    .sc7 .item img{height: 45px;}
    .consultatie{font-size: 23px;}
    .comp-f{font-size: 26px;}
    .comp-f img{height: 36px;
        transform: rotate(90deg);}
    .cta-2{margin-bottom: 30px;}
    .sc9{background-size: cover}
    .sc4  .img img{height: 100px;}

    .sc4 .item{background-color: #D9BD72; max-width: 230px; margin: 0 auto; padding: 15px;position: relative;}
    .sc4 .item:before {
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 35px 115px 0 115px;
        border-color: #D9BD72 transparent transparent transparent;
        transform: rotate(0deg);
        position: absolute;
        bottom: -35px; left: 0;
        right: 0;
        content: '';
        display: block;
    }
    .it4:last-child .item:before{display: none}


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

}