@import url('fontello/css/fontello.css');
html{font-size: 16px}
/* font-family: 'DM Serif Display', serif; */

body {
    font-family: 'Montserrat', sans-serif;
    color: #3a3a39;
    overflow-x: hidden;
    font-weight: 400;
    line-height: 1.2;
    font-size: 16px;
    background-color: #fff;
}

a {  text-decoration: none !important;  }

section{padding: 2rem 0;}

ul{padding: 0; margin: 0;}
#totop{position: fixed; right: 30px; bottom: 30px; width: 40px; height: 40px; background-color: #61729e; border-radius: 3px; padding: 9px; color: #fff }
h2.title{font-size: 2.5rem; font-weight: 700; letter-spacing: 3px;  color: #363636; text-transform: uppercase; font-family: 'DM Serif Display', serif;  margin-bottom: 3rem;  position: relative; text-align: center;   padding: 15px 0 25px 0;  }
h2.title:before{content: ""; width: 240px; height: 5px; background-color: #e8c48e; position: absolute; left: 50%; margin-left: -120px; bottom: -5px;}
h2.title.white{color: #fff;}
.header .logo img{  transition: all .2s ease-in-out .2s}
.lang{text-align: right; width: 100%}
.lang a{color: #000; font-weight: 700;}
.lang a.activ{color: #f9540c}
.header{ padding: .9rem 0 .9rem 0; background: #fff;   transition: all .2s ease-in-out .2s}
.header .phone,.header .email{width: 100%; margin-bottom: 3px;}
.header .phone a{font-size: 2.375rem; color: #000; font-weight: 600; transition: all .2s ease-in-out .2s; font-family: 'DM Serif Display', serif;}
.header .email a{font-size: 1rem; color: #000; font-weight: 400;}
.header .slogan{ text-align: center;  transition: all .2s ease-in-out .2s }
.header .slogan h1{font-size: 1.875rem; color: #000;font-family: 'DM Serif Display', serif; margin-bottom: 0; }
.header .slogan h2{font-size: 1.875rem; color: #000; font-weight: 300; margin-bottom: 0 }
.social a{font-size: 20px; color: #3a3a39; transition: all .2s ease-in-out .2s}

.header.mini{position: fixed; width: 100%; transition: all .2s ease-in-out .2s }
.header.mini .logo img{height: 70px;}
.header.mini .slogan{font-size: 1.2rem;}
.header.mini .phone a{font-size: 2.375rem; }
.header.mini .social a{font-size: 16px; color: #3a3a39; width: 30px; height: 20px;}

.sc1{background: url('../images/sc1.jpg') no-repeat center; background-size: cover; position: relative; z-index: 1; margin-top: 130px}

.cta{ padding-bottom: 1rem; margin-top: 90px;  position: relative; z-index: 9}
.cta ul{margin: 0; padding: 0; list-style: none}
.cta ul li{font-size: 28px; color: #fff; margin-bottom: 10px; font-weight: 300}

.sc2 p{font-size: 18px; color: #363636; font-weight: 300; position: relative; padding-left: 15px; margin-bottom: 4px;}
.sc2 p:before{content: ""; width: 5px; height: 5px; border-radius: 50%;background-color: #e8c48e; position: absolute; left: 0; top: 8px;}
.sc2 p b{font-weight: 700;}

.sc3{background-color: #505050; }
.sc3 .item{text-align: center; margin-bottom: 30px; }
.sc3 .item p{font-size: 18px; color: #fff; padding-top: 15px; font-weight: 500}

.sc4{background: url(../images/sc4.jpg) no-repeat center top; background-size: cover; margin-top: -150px; padding-top: 150px;}
.sc4 .h1{font-size: 40px; color: #e8c48e; text-transform: uppercase; font-family: 'DM Serif Display', serif; font-weight: 700; letter-spacing: 2px;}
.sc4 .p{font-size: 21px; color: #fff;}
.term{font-size: .8rem; color: #fff;}

.sc5 .text{background-color: #e8c48e; padding: 20px 50px 20px 50px; font-size: 18px; font-weight: 500; position: relative}
.sc5 .text:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 30px 0;
    border-color: transparent #e8c48e transparent transparent;
    content: "";
    position: absolute;
    left: -30px; top: 50px;

}
.sc5 .text .nume{ font-size: 36px; color: #363636; padding-bottom: 10px; letter-spacing: 2px; margin-bottom: 10px;font-family: 'DM Serif Display', serif; font-weight: 700;}
.sc5 .text .nume span{border-bottom: 2px solid #363636; display: inline-block; padding-bottom: 10px; }
.sc5 .item img{width: auto; border-radius: 50%; border: 2px solid #e8c48e}
.owl-carousel .owl-nav{}
.owl-theme .owl-nav span{}
.owl-theme .owl-nav .owl-prev{background: url(../images/left.png); width: 43px; height: 68px;}
.owl-theme .owl-nav .owl-next{background: url(../images/right.png); width: 43px; height: 68px;}

.owl-theme .owl-dots .owl-dot{border: none; background-color: transparent; margin: 0; padding: 0}

.sc6{background: url(../images/sc5.jpg) no-repeat; background-size: cover;}
.sc6 p{position: relative; padding-left: 80px; font-size: 25px; color: #fff; margin-bottom: 25px;}
.sc6 p:before{content: ""; background: url(../images/check.png) no-repeat; width: 42px; height: 38px; position: absolute; left: 0; top: 0px;}

.sc7 .item{text-align: center; margin-bottom: 30px;}
.sc7 p{font-size: 27px; padding-top: 15px;}

.sc8{background-color: #363636; padding-bottom: 0;}
.sc8 h5{color: #fff; font-weight: 300; text-transform: uppercase}
.sc8 h1{font-family: 'DM Serif Display', serif; font-weight: 700; letter-spacing: 2px; color: #fff; font-size: 40px; text-transform: uppercase}
 .line{height: 5px; width: 240px; background-color: #e8c48e; margin-right: auto; margin-bottom: 35px;}
.sc8 .box{margin-top: 100px;}
.sc8 li{font-size: 25px; font-weight: 300; color: #fff; margin-bottom: 20px;}

.sc10{background: url(../images/sc9.jpg) no-repeat center; background-size: cover; }
.sc10 h3{color: #fff; font-family: 'DM Serif Display', serif; font-size: 40px; margin-top: 77px;}
.price-old{font-size: 48px; color: #e8c48e; text-decoration: line-through; margin-bottom: 20px;}
.price{font-size: 150px; color: #fff; border: 2px solid #e8c48e; display: inline-block; padding: 30px 30px; font-family: 'DM Serif Display', serif;}


.success{ margin-top: 100px;  }
.btn-custtom{
    background-color: #fcb243;
    box-shadow: 0 3px 8px rgba(252,178,67,0.3);
    text-align: center;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.1;
    color: #363636;
    border-radius: 0;
    position: relative;
    z-index: 2;
}
.btn-custtom:hover{ color: #363636; background-color: #ef9c20}
.btn-custtom:active{ box-shadow: none}
.btn-lg{padding: 25px 30px 25px 30px; font-size: 18px; font-weight: 800}
.btn-lg2{padding: 25px 80px 25px 80px;  font-size: 1rem;}

.btn-warning.active{background-color: #ef9c20!important; border-color: #ef9c20!important; box-shadow: none; color: #fff!important;}
.btn-warning{background-color: #363636!important; border-color: #363636!important; color: #fff!important;}
.formular{padding: 60px 20px 20px 20px;  margin: 1rem auto 0 auto;    }
.formular form{max-width: 320px; margin: 0 auto}

.ftitle{font-size: 30px; color: #fff; text-align: center; margin-bottom: 30px; font-weight: 700; font-family: 'DM Serif Display', serif;}
.formular label{font-size: 16px; margin-bottom: 3px;}
.formular .form-control{background-color: #fff;  font-size: 18px; font-style: italic; text-align: center;  border: 2px solid #a1a1a1;  height: 40px; border-radius: 0px; color: #000; padding-left: 20px; }
select.form-control:not([size]):not([multiple]){height: 50px;}
.formular .form-group{margin-bottom: 25px;}
.formular .form-control.error{border-color: #ec3072}
.formular  .btn-custtom{padding: 25px 60px 25px 60px;  }
.formular  .btn-custtom:hover{}
.inde{font-weight: 700; font-size: 2rem;}

label.error{color: #ec3072; font-size: 12px; }
::placeholder { /* Firefox, Chrome, Opera */
    color: blue;
}
.social-a{}
.social{text-align: right; width: 100%}
.social>a{display: inline-block; margin: 0 0px; width: 45px; height: 32px; border-radius: 4px; padding-top: 0px; font-size: 30px;}
.social .fb:hover{ color: #3c5b99;}
.social .in:hover{color: #c52d90;}
.social .yt:hover{color: #cc0000;}
.social .ho:hover{color: #cd338d;}

.success_bg{ background-color: #505050; padding: 8rem 0 5rem 0; }
.success_bg .text{  font-size: 1.5rem; color: #fff; padding-bottom: 5rem;}
.success_bg .text a{color: #fff;}
.formular .btn-custtom{}
.success{background-color: rgba(255,255,255,0.7)}
.text-black{color: #000;}
@media (max-width: 1600px) {
    .cta h1{font-size: 2.5rem;}
}
@media (max-width: 1350px) {
    .cta h1{font-size: 2.3rem;}
    .sc4 .name{font-size: 3rem}
    .logo-t{width: 150px;}
}

@media (max-width: 1200px) {
    .cta h1{font-size: 2.0rem;}
    .sc4 .name{font-size: 3rem}
}
@media (max-width: 992px) {
    .cta h1{font-size: 1.5rem;}
    .sc5 .lista > div{width: 33%}
    .sc3 .image::before{display: none}

}
@media (max-width: 768px) {
    html{font-size: 14px;}

    section{padding: 40px 0}
    h2.title{font-size: 2rem;}
    .header .slogan{font-size: 1.3rem; padding-top: 5px;}
     .header.mini .slogan{font-size: 1.3rem; padding-top: 0px;}
    .header .slogan h2{font-size: 1.3rem;}
    .header .logo img{height: 60px;}
    .cta ul li{font-size: 18px;}
    .sc4 .h1{font-size: 30px;}
    .sc5 .item{
        text-align: center;}
    .sc5 .item img{margin: 0 auto 20px auto}
    .owl-theme{padding: 0 10px;}
    .sc5 .text{padding: 10px;}
    .sc6 p{font-size: 20px;}
    .sc8 .box{margin-top: 30px;}
    .price{font-size: 70px;}
    .cta{margin-top: 0;}
    .sc5 .text:before{display: none}

}
@media (max-width: 576px) {
    .header .phone a{font-size: 2rem}
    .header.mini .slogan{display: none}
}