.box-left{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
.box-center{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}
.box-right{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
}.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Oranienbaum';
    margin: 0!important;
    color: #111111;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal!important;
}
h1{
    font-size: 60px;
    line-height: 74px;
    margin:80px 0 30px 0!important;
    width: 100%;
    position: relative;
    text-align: left;
    color: #fff;


}
h1 span{
    display: block;
    color: #d58049;
}
h2, .h2{
    font-size: 60px;
    line-height: 74px;
    margin-bottom:100px!important;
    position: relative;
    max-width: 1000px;
    margin-left: auto!important;
    margin-right: auto!important;

}
h2:before{
    background: url("../img/point4.png") no-repeat center center;
    width:15px;
    height:15px;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 25px;
}
h2:after{
    background: url("../img/point4.png") no-repeat center center;
    width:15px;
    height:15px;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 25px;
}
h2 span{
    color: #d58049;
}
h3, .h3{
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 60px!important;
    position: relative;
    color: #111111;
    text-align: left;

}


.input{
    background-color: rgb(255, 255, 255);
    box-shadow: inset 2.457px 1.721px 7px 0px rgba(0, 0, 0, 0.15);
    max-width: 319px;
    height: 60px;
border-radius:  30px;
    background-color:#fff;

    border: none;
    width: 100%;
    font-size: 14px;
    color: #333333;
text-align: center;
    margin-bottom: 15px;


}
::-webkit-input-placeholder {color: #9a928b; }
::-ms-input-placeholder {color: #9a928b; }
::-ms-input-placeholder {color: #9a928b; }
::placeholder {color: #9a928b; }

.b{
    font-family: 'Fregat-Bold';
}

.btn {
    background-image: -moz-linear-gradient( 90deg, rgb(172,116,80) 0%, rgb(241,167,119) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(172,116,80) 0%, rgb(241,167,119) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(172,116,80) 0%, rgb(241,167,119) 100%);
   /* box-shadow:0 1px 5px #d5a080, 0 5px 0 #a6714e, 0 10px 12px #000, 0 5px 40px #eda474;
*/
    box-shadow:0 1px 5px #d5a080, 0 5px 0 #a6714e, 0 30px 12px -22px rgb(0,0,0,0.5), 0 5px 40px #eda474;
    max-width: 448px;
    height: 76px;
    border: none;
border-radius: 38px;
    width: 100%;
    color: #fff!important;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Fregat-Bold';
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    position: relative;
    text-decoration: none!important;

    font-size: 16px;
    line-height: 16px;
    padding-top: 3px;
    display: flex!important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-shadow: 0 1px 1px #b17753;
    position: relative;
    letter-spacing: 2px;

}
.btn:hover{
    color: #fff;
    text-decoration: none;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.btn-order{
font-size: 16px!important;
    line-height: 16px!important;
    max-width: 319px;
    height: 59px;
    position: relative;
}
.btn-order:before{
    background: url("../img/btn-left.png") no-repeat top center;
    width: 43px;
    height: 59px;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}
.btn-big1{
    text-align: left: !important;
    justify-content: flex-start;
    max-width: 450px;
    height: 75px;
    border-radius: 60px;
    padding-left: 50px;
}
.btn-big1:before{
    display: none;
}
.btn-big1:after {
    background: url("../img/paper.png") no-repeat;
    width: 131px;
    height: 92px;
    display: block;
    content: '';
    position: absolute;
    right: 15px;
    bottom: calc(50% - 40px);

}


.btn-call{
    background-image: -moz-linear-gradient( 90deg, rgb(139,127,101) 0%, rgb(163,150,122) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(139,127,101) 0%, rgb(163,150,122) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(139,127,101) 0%, rgb(163,150,122) 100%);
    box-shadow:0 1px 0 #a29477, 0 3px 0 #827559, 0 5px 12px #000;
   width: 161px;
    height: 31px;
    font-size: 10px;
    text-align: center;
    font-family: 'Fregat-Bold';
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    position: relative;
    text-decoration: none!important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
    padding-left:25px;



}
.btn-call img{
    max-width: 15px;
    margin-right: 10px;
}
.left-p, .right-p{
    border-radius: 50%;
    background-color: rgb(174, 171, 161);
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;



}
.left-p:after {
    background: url(../img/l-point.png) no-repeat top center;
    width:12px;
    height: 20px;
    position: absolute;
    left: 13px;
    top: 11px;
    display: block;

    content: '';

}
.right-p:after {
    background: url(../img/r-point.png) no-repeat top center;
    width: 12px;
    height: 20px;
    position: absolute;
    left: 16px;
    top: 11px;
    display: block;
    content: '';

}
/*.left-p:hover, .right-p:hover {

    border: 1px solid #ef6e3a;


}
.left-p:hover:after {
    background: url(../img/l-point-hover.png) no-repeat top center;



}
.right-p:hover:after {
    background: url(../img/r-point-hover.png) no-repeat top center;


}*/
.text-sm{
    font-size: 12px;
    line-height: 16px;
    color: #9a928b;
    position: relative;
    margin: 20px auto 0 auto;
    text-align: center;

}
.text-sm a{
    font-size: 12px;
    line-height: 16px;
    color: #9a928b;
    position: relative;
    margin: 20px auto 0 auto;
    text-align: center;

}
.forms .text-sm a{
    font-size: 12px;
    line-height: 16px;
    color: #9a928b;
    position: relative;
    margin: 20px auto 0 auto;
    text-align: center;

}

.social{
    border-radius: 50%;
    background-color: rgb(16, 16, 16);
    width: 28px;
    height: 28px;
   display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.social img{
    width:100%;
    max-width: 15px;
}

.main{
    padding: 50px 0px 80px 0px;
    background: url("../img/main.jpg") no-repeat top center;
    color: #e0dad3;
    font-size: 18px;
    background-size: cover;

}

.main .top{
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.main .top .logo-box{
    color: #c4b6ad;
    font-size: 12px;
    line-height: 18px;
    max-width: 450px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.main .top .logo-box img{
    margin-right: 60px;
    width: 100%;
    max-width: 200px;
    display: block;
    margin-top: -25px;

}
.main .top .logo-box .logo-text{
    width: 175px;

}



.main .top .phone-box{
    color: #fff;
    font-size: 28px;
    font-family: 'Oranienbaum';
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
}
.main .top .phone-box .social{
    margin-right: 10px;
}
.main .top .phone-box .phone{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}
.main .text{
    max-width: 450px;
    width: 100%;
}

.main .btn{
    margin-top: 55px;
}
.main .bottom{
     font-family: 'Fregat-Bold';
     text-decoration: underline;
     flex-direction: row;
     align-items: flex-start;
     justify-content: space-between;
    line-height: 22px;
    margin-top:70px;
 }
.main .bottom .text-box{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 25%;
}
.main .bottom img{
    margin-left: -40px;
}
.main .bottom .text{
    margin-left: -20px;
}
.main .container {
    position: relative;
}
.main .navbar-sm{
    position: absolute;
    left:-60px;
    top: 5px;
}
.main .navbar-sm img{
    max-width: 40px;
    width: 100%;
}
.top-sm{
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    width: 100px;
    position: absolute;
    right: 0;
    top:-20px;
}
.top-sm .call-sm{
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #9d9075;
    border-radius: 50%;
    margin-left: 10px;

}
.top-sm .call-sm img{
    width: 100%;
    max-width: 40px;
}
.top-sm .social{
    margin-bottom: 3px;
}
.about{
    color: #6d6356;
    font-size:24px ;
    line-height: 30px;
    padding: 120px 0 120px 0;
    background: url("../img/about-div.jpg") no-repeat top right;
    position: relative;

}
.about .img-onion{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 777px;
}
.about span{
    color: #d58049;
    font-family: 'Fregat-Bold';
}
.about .text-box{
    max-width: 520px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 50px;
}
.about .text-box .text-small{
    color: #6d6356;
    font-size: 16px;
    width: 30%;
}
.about .text-box .text-middle{
    width: 70%;
}
.about .subtitle{
    font-size: 37px;
    color: #343434;
    line-height: 41px;
    margin-bottom: 110px;
}
.about .h2{
    font-size: 100px;
    line-height: 100px;
    color: #d58049;
    text-align: left;
    margin-bottom: 20px!important;
}
.about .img-sm{
    max-width: 80px;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 20px;
}
.about .text{
    max-width: 450px;
    width: 100%;

}
.about .img{
    box-shadow: 0 50px 50px #b9b2a9;
    border-radius: 5px;
    position: relative;
    z-index: 100;
    width: 100%;
    max-width: 449px;
}
.about .img2{
    margin-top: 70px;
}
.about .box-right2{
    padding-left: 50px;

}
.about .counts-box{
    margin-top: -120px;
}
.about .counts{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: #6d6356;
    font-size: 16px;
    line-height: 18px;
    max-width: 500px;
    width: 100%;
    margin-bottom: 50px;
}
.about .counts .count{
    font-size: 100px;
    line-height: 100px;
    color: #d58049;
    font-family: 'Oranienbaum';
}
.about .counts .count2{
    color: #aeaba1;
}


.map_plus{

    background: url("../img/map_plus.jpg") no-repeat top right;
padding-bottom: 120px;
    background-size: cover;

}

.map h2 span{
    display: block;
}
.map img{
    display: block;
    margin: -30px auto 0 auto;
    width: 100%;
    max-width: 1432px;
}
.map .btn{
    margin: -100px auto 0  auto;
}

.plus{
    padding: 120px 0 0 0;
    color: #e0dad3;
    font-size: 24px;
    line-height: 36px;
}
.plus h2{
    color: #fff;
}
.plus .container{
    max-width: 1440px!important;
}

.plus .text-box{

    width: 100%;
    position: relative;
    padding-left:90px;


}

.plus .text-box1{
    max-width: 585px;
    padding-right: 41px;

}
.plus .text-box2, .plus .text-box2-sm{
    max-width: 450px;
    margin-top: 60px;


}
.plus .text-box:before{
    background: url("../img/i1.png") no-repeat top center;
    width: 125px;
    height: 122px;
    content: '';
    display: block;
    position: absolute;
    left: -40px;
    bottom: 0;
}
.plus .img{
    width: 100%;
    max-width: 676px;
    border-radius: 6px;
    box-shadow:-16px 16px 0 #93866c;
    margin-top: 60px;
}
.plus .img2{
    width: 100%;
    max-width: 525px;

    border-radius: 6px;
    box-shadow:16px -16px 0 #d58049;
}

 .str{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 170px;
    color: #92866c;
    font-size: 32px;
    font-family: 'Oranienbaum';
    margin: 60px auto 0 auto;
}
.str-text{
    color: #92866c;
    font-size: 32px;
    font-family: 'Oranienbaum';

}

.why{

    background: url("../img/why.jpg") no-repeat top right;
    background-size: cover;
    padding: 120px 0;
    color: #6d6356;
    font-size: 16px;
    line-height: 20px;


}
.why h2{max-width: 746px;
margin-bottom: 125px!important;}
.why .blocks{
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;


    overflow: hidden;


}
.why .text-box{
    max-width: 319px;
    height: 442px;
    background-color: #fff;
    border-radius: 6px;
    padding: 36px 0;
    box-shadow: 0 10px 40px -20px rgb(0,0,0,0.4);
    text-align: center;
    margin-bottom: 70px;
    margin-left: 30px;
    position: relative;
}
.why .text-box .title{

    font-size: 21px;
    color: rgb(213, 128, 73);
    font-family: 'Fregat-Bold';
    line-height:31px;
    text-align: center;
    margin-bottom: 20px;
padding: 0 40px;


}
.why .text-box .text{


    padding: 0 30px;


}
.why .text-box1:before{
    background: url("../img/list.png") no-repeat top center;
    width: 97px;
    height: 309px;
    position: absolute;
    left:-97px;
    top: 128px;
    content: '';
}
.why .slider-big{
    padding-left: 19%;
}
.next{
    position: relative;
    padding-right: 32px;
}
.next:after{
    position: absolute;
    background: url("../img/next.png") no-repeat top center;
    width: 22px;
    height: 8px;
    content: '';
    top: 6px;
    right: 0
}


.finance{
    padding: 120px 0;
    background: url("../img/finance.jpg") no-repeat bottom center;
    background-size: cover;
}
.finance h2{max-width: 786px;
   }
.finance .percent{
    color: #6d6356;
    font-size: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:center;
    margin-top: 30px;
}
.finance .btn{
    margin: 30px auto 0 auto;
}
.finance .percent .count{
    color: #d58049;
    font-size: 70px;
    font-family: 'Oranienbaum';
    margin-left: 30px;
}

.finance .text-box{
    width: 100%;
    max-width: 400px;
    background: transparent;
    height: 160px;
    border-radius: 6px;
    border: 1px solid #ddd9d4;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    color: #343434;
    font-size: 32px;
    font-family: 'Oranienbaum';
    margin-bottom: 40px;
}
.finance .text-box:hover{
    background-color: #fff;

}
.finance .text-box .title{
    color: #6d6356;
    font-size: 16px;
    font-family: 'Fregat';
    margin-bottom: 17px;
    margin-top: -5px;
}
.finance .text-box img{
    margin-right: 25px;
}

.franchise{
    padding: 120px 0 240px 0;
    background: url("../img/franchise.jpg") no-repeat bottom center;
    background-size: cover;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
.franchise h2{max-width: 786px;
}
.franchise .text{
    color: #aeaba1;
    font-size: 14px;
    margin-bottom: 10px;
    position: relative;
    z-index: 100;
}
.franchise .text span{
    color: #fff;

}
.franchise .text-box{
    border-radius: 6px;
    background-color: rgb(50, 50, 50);
    /*box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.6), 13px 13px 0 #cf7d48;*/
    box-shadow:3px 1px 3px 0px rgba(0, 0, 0, 0.6), 13px 13px 0 #cfcac3;

    max-width: 400px;
    width: 100%;
    height: 650px;
    position: relative;


}
.franchise .text-box:hover{
    box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.6), 13px 13px 0 #cf7d48;
}
.franchise .text-box2{
    box-shadow:3px 1px 3px 0px rgba(0, 0, 0, 0.6), 13px 13px 0 #92856b;



}
.franchise .text-box2:hover{
    box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.6), 13px 13px 0 #cf7d48;



}
.franchise .text-box3{
    box-shadow:3px 1px 3px 0px rgba(0, 0, 0, 0.6), 13px 13px 0 #cfcac3;
}
.franchise .text-box3:hover{
    box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.6), 13px 13px 0 #cf7d48;
}
.franchise ul{
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 100;
}
.franchise ul li{
    padding-left: 30px;
    position: relative;
    margin-bottom: 20px;
}
.franchise ul li:before{
    background: url("../img/point.png") no-repeat top center;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
}
.franchise .title{
    width: 100%;
    height: 134px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #3d3d3d;
    color: #fff;
    font-size: 27px;
    line-height: 35px;
    border-radius: 6px;
    margin-bottom: 30px;
}
.franchise .price{
    color: #aeaba1;
    font-size: 24px;
    font-family: 'Oranienbaum';
}
.franchise ul, .franchise .text{
    padding-left: 65px;
    padding-right: 60px;
}
.franchise .count{
    color: #3c3c3c;
    font-size: 200px;
    font-family: 'Oranienbaum';
    position: absolute;
    bottom: 0;
    right: 20px;
    overflow: hidden;
    line-height: 200px;
    height: 103px;
}
.franchise h2{
    color: #fff;
}

.forms{
    border-radius: 6px;
    background: rgb(239, 236, 229) url("../img/form.jpg") no-repeat left bottom;
    max-width: 1280px;
    width: 100%;
    padding: 130px 60px 60px 130px;
    color: #6d6356;
    font-size: 21px;
    line-height: 32px;
    margin: -120px auto 0 auto;
    position: relative;
    box-shadow: 0 2px 10px rgb(0,0,0,0.1);



}
.forms:after{
    background-color: #ece8e0;
    max-width: 1200px;
    width: calc(100% - 80px);
    height: 22px;
    margin: 0px auto 0 auto;
    border-radius: 0 0 6px 6px;
    content: '';
    display: block;
    position: absolute;
    bottom: -22px;
    left: 40px;
    z-index: -1;


}
.forms h2{
    margin-bottom: 30px!important;
    text-align: left;
    max-width: 100%;
}
.forms h2:after, .forms h2:before{
    display: none;
}
.forms a{
    font-size: 21px;
    font-family: 'Fregat-Bold';
    text-decoration: none;
    margin-left: 105px;
}
.forms .text-box{

    width: 100%;
    position: relative;
    padding-left:55px;
    max-width: 350px;
    margin-bottom: 30px;
    margin-left: 50px;

}
.forms .text-box:before{
    background: url("../img/point2.png") no-repeat top center;
    width: 41px;
    height: 41px;
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: -5px;
}
.input-div{
    border: 1px solid #d4d1c9;
    width: 100%;
    max-width: 393px;
    padding: 50px 30px;
    border-radius: 6px;
}
.input-div .btn-order{
margin: 10px auto 0 auto;
}

.plan{
    color: #6d6356;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Fregat-Bold';
    padding: 94px 0 220px 0;
    background: url("../img/plan.jpg") no-repeat top left;
    margin-top: 26px;
}
.plan .plan-in{
    width: 1112px;
    margin: 0 auto;
    background: url("../img/plan-in.png") no-repeat top center;
    height: 491px;
    text-align: center;
}
.plan h2{
    max-width: 1010px;
    margin-left: auto!important;
    margin-right: auto!important;
}
.plan img{
    margin:-4px auto 20px auto;
    display: block;
}
.plan .text-box{
    max-width: 205px;
    width: 100%;
    height: 100px;
    margin: 0 auto 59px auto;
}

.plan .logo{
    max-width: 100px;
    width: 100%;
}
.plan .title{
    text-decoration: underline;
}
.footer{
    background-color: #efece5;
    padding: 50px 0 30px 0;
}
.footer .top{
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}
.footer .logo-box{
    color: #c4b6ad;
    font-size: 12px;
    line-height: 18px;
    max-width: 450px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.footer .logo-box img{
    margin-right: 60px;
    width: 100%;
    max-width: 200px;
    display: block;
    margin-top: -25px;

}
.footer .logo-box .logo-text{
    width: 175px;

}



.footer .phone-box{
    color: #19191b;
    font-size: 28px;
    font-family: 'Oranienbaum';
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
}
.footer .phone-box .social{
    margin-right: 10px;
}
.footer .phone-box .phone{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}
.footer .call, .footer .call2{
    color: #d58049;
    text-transform: uppercase;
    text-decoration: underline;
    font-family: 'Fregat-Bold';
    font-size: 10px;
    display: block;
    margin-top: 15px;
}


.footer .call-sm{
    width: 35px;
    height: 35px;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #9d9075;
    border-radius: 50%;


}
.footer .call-sm img{
    width: 100%;
    max-width: 20px;
}



@media screen and (max-width: 1600px) {
    .plan {


        background-position: -19% 100%;

    }
    h3{
        max-width: 500px;
    }
    .about .img-onion {
       max-width: 650px;
    }
}

@media screen and (max-width: 1480px) {
    .main .navbar-sm {
        position: absolute;
        left: 0px;
        top: -30px;
    }
}
@media screen and (max-width: 1200px) {
    .about {

        background-position: 85% 0%;

    }
    .about .text-box .text-small {
        width: 20%;
    }
    .about .img-onion {
        max-width: 484px;
    }
    .finance .text-box img {
        margin-right: 0px;
    }
    .forms{
        width: 95%;
    }
    .franchise .text-box {

        height: 687px;
    }
    .footer .logo-box {
        width: 24%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    .footer .logo-box .logo-text {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .footer .logo-box img {

      margin-left: auto;
        margin-right: auto;
    }
    .plan .plan-in {
        width: 100%;
    }
    .plan{
        background: none;
    }
    .why .slider-big{
        padding-left: 0;
    }
}

.about .img-onion-sm, .pepper, .plus .text-box2-sm, .about .counts2, .about .counts3, .footer .social-sm, .footer .call2  {
    display: none;
}

@media screen and (max-width: 1000px) {
    .top-sm{
        display: flex;
    }
    .main .navbar-sm{
        top: 0;
    }
    .main .top .phone-box, .main .top .logo-box .logo-text, .about .img2, .about .img-onion,  .why .box-none, .plus .text-box2 {
        display: none;
    }
    .main .top .logo-box {

        max-width: 100%;
    }
    .main .top .logo-box img{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    h1, .main  .text{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .main .btn{
        margin-left: auto;
        margin-right: auto;
    }
    .main .bottom .text-box{
        width: 50%;
    }
    .main .bottom .text-box .text{
        text-align: left;
    }
    .main .bottom .text-box .text br{
        display: none;
    }
    .about{
        padding-bottom: 60px;
    }
    .about .text-box .text-small {
        width: 30%;
    }
    .about .box-right{
        justify-content: flex-start;
    }
    .about .counts-box {
        margin-top: 60px;
    }
    .about .text-box, .about .text{
        max-width: 100%;
    }
    h3 {
        max-width: 100%;
        text-align: center;
    }
    .about .counts{
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .about .img-onion-sm {
        max-width: 100%;
        position: relative;
        display: block;
        margin-left: -50px;
        margin-top: 30px;
    }
    .map_plus {
        background-position: 75% 0;
        background-size: cover;
    }
    .pepper{
        display: block;
        margin: 0 auto 30px auto;
        width: 100%;
        max-width: 565px;
    }
    .map .btn {
        margin: -48px auto 0 auto;
    }
    .plus h2 span{
        display: block;
    }
    .plus .box-right{
        justify-content: center;
    }
    .plus .text-box1 {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .plus .text-box2-sm{
        display: block;
    }
    .plus .img, .plus .img2{

             display: block;
             margin-left: auto;
             margin-right: auto;
         }
    .plus .img2{
        margin-top: 60px;
    }

.why .btn{
    display: none;
}
    .finance .btn {
        margin: 60px auto 0 auto;
    }
    .franchise .text-box{
        height: 650px;
        margin: 0 auto 0px auto;
    }
    .forms {
        width: 100%;
    }
    .forms h2{
        text-align: center;
    }
    .forms .text-box {

        margin-left: auto;
        margin-right: auto;
    }
    .forms a {

        margin: 0 auto 60px auto;
        display: block;
        text-align: center;
    }
    .plan{
        padding-bottom: 80px;
    }
    .plan .plan-in{
        background: none;
        height: auto;
        max-width: 300px;
        margin: 0 auto;

    }
    .plan .plan-in{
        text-align: left;
    }
    .plan .text-box{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 300px;
        margin: 0px 0 0px 0px;
        height: auto;
        border-left: 1px dotted #000;
        padding: 0 0 40px 0;

    }
    .plan .text-box2{

        border-left: none;
        margin-top: -5px;
        margin-left: 1px;


    }
    .plan .text-box img{
        margin: 0px 20px 0 -5px;
    }
    .plan .box-center{
        display: block;
    }
    .plan .logo{
        margin-bottom: 20px!important;
    }
}
@media screen and (max-width: 760px) {
    h1 {
        font-size: 57px;
        line-height: 71px;
    }
    .btn-big1 {
        font-size: 13px;}

    .btn-big1:after {

        right: -11px;
        bottom: calc(50% - 40px);
    }
    .main{
        padding-bottom: 50px;
    }
    .main .text span{
        display: block;
    }
    .main .bottom {
       font-size: 16px;
        line-height: 22px;
        margin-top: 40px;
    }
    .main .bottom .text {
        margin-left: -32px;
    }
    .about .h2 {
        font-size: 50px;
        line-height: 50px;

    }
    .about{
        padding-top: 70px;
        font-size: 18px;
        line-height: 22px;
        background: url("../img/about-div-sm.jpg") no-repeat top center;
    }
    .about .subtitle {
        font-size: 27px;
        line-height: 31px;
        margin-bottom: 50px;
    }
    .about .text-box{
        margin-bottom: 30px;
    }
    .about .img-onion-sm{
        margin-left: -15px;
    }
    .about .counts-box {
        margin-top: 30px;
    }
    .about .box-right2 {
        padding-top: 50px;
        flex-direction: row;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        padding-left: 0;
    }
.about .img {
    box-shadow: 0 25px 25px #b9b2a9;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.about .img-sm {
    max-width: 60px;

    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 20px;
}
    h3, .h3 {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 40px!important;

    }
    .about .counts .count {
        font-size: 80px;
        line-height: 80px;
    }
    .about .counts {
      display: none;
    }
    .about .counts2, .about .counts3{
       display: flex;
    }

    .about .counts2{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        color: #6d6356;
        font-size: 16px;
        line-height: 18px;
        max-width: 270px;
        width: 100%;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;

    }
    .about .counts2 .counts-text{
        text-align: center;
    }
    .about .counts2 .count{
        font-size: 50px;
        line-height: 50px;
        color: #d58049;
        font-family: 'Oranienbaum';
        text-align: center;
    }
    .about .counts3{
        color: #6d6356;
        font-size: 16px;
        line-height: 18px;
        margin-left: auto;
        margin-right: auto;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .about .counts3 .count{
        font-size: 50px;
        line-height: 50px;

        font-family: 'Oranienbaum';
        color: #aeaba1;
    }
    h2, .h2 {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 40px!important;}
    h2:before, h2:after{
        top: 7px;
    }
.pepper {

margin-top: -30px}
    .map{
        padding-left: 15px;
        padding-right: 15px;
    }
    .map img {

        margin: 0px auto 0 auto;}
    .map .btn {
        margin: 0px auto 0 auto;
    }
    .btn{
        letter-spacing: 1px;
    }
    .plus {
        padding: 70px 0 0 0;

        font-size: 16px;
        line-height: 25px;
    }
    .plus .text-box {

        padding-left: 70px;
    }
    .map_plus{
        padding-bottom: 70px;
        background: url(" ../img/map_plus-sm.jpg") no-repeat top center;
    }
.str {
margin-top: 30px;
}
    .why{
        padding: 70px 0px;
    }
    .why h2 {
        margin-bottom: 40px!important;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 250px;
    }
.why h2 span {
    display: block;
}
    .why .text-box{
        margin-left: auto;
        margin-right: auto;
    }
    .next{
        margin-top: -21px;
    }
    .finance {
        padding: 70px 0;
    }
.finance h2 {
    max-width: 276px;
}
    .finance h2 span{
        display: block;
    }
    .finance .text-box{
        margin-bottom: 20px;
        height: 130px;
        font-size: 27px;
    }
    .franchise {
        padding:70px 0 70px 0;
    }
    .franchise h2 span{
        display: block;
    }
    .franchise .text-box {
        height: auto;
        padding-bottom: 30px;
    }
    .forms {
        padding:40px 29px 100px 29px;
        background: rgb(239, 236, 229) url(../img/form-sm.jpg) no-repeat center bottom;
        font-size: 16px;
        line-height: 27px;
        margin: 0px auto 0 auto;

    }

    .forms a {
        margin: 0 auto 30px auto;

    }
    .input-div {

        padding: 30px 30px;

    }
.plan{
    padding: 70px 15px 40px 15px;
}
.plan h2{
    max-width: 320px;
}
    .footer .top{
        flex-direction: column;
    }
    .footer .logo-box {
        width: 100%;
        padding-bottom: 20px;
    }
    .footer .logo-box {
       padding-left: 40px;
        padding-right: 40px;
    }
    .footer .logo-box .logo-text{
        padding-left: 40px;
        padding-right: 40px;
    }
    .footer .call, .footer .phone-box .social, .footer .btn-call{
        display: none;
    }

    .footer .phone-box{
        margin-left: auto;
        margin-right: auto;
        margin-bottom:0px;
    }
    .footer .social-sm{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 65px;
        margin: 10px auto 0 auto;
    }
    .footer .phone-box .phone {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        margin-top: 5px;
    }
    .footer .call-sm{
        display: flex;
        margin-right: 15px;
    }
    .footer .call2{
        display: block;
        margin: 0 auto;
    }
    .footer .social2{
        display: flex!important;
        width: 35px;
        height: 35px;
    }
    .finance .box-right, .finance .box-center{
        display: block;
    }
    .finance .text-box{
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 470px){
    .plus .img2{
        max-width: 300px;
    }
    .top-sm .call-sm{
   width: 30px;
        height: 30px;
}
    .top-sm .call-sm img {
        max-width: 16px;
    }
    .top-sm{
        top: -38px;
        width: 88px;
    }
.main .navbar-sm{
    top: -24px;
    left: 15px;
}
}


@media screen and (max-width: 370px) {
    .main .top .logo-box img{
        margin-top: 0px;
    }
    h1 {
        font-size: 47px;
        line-height: 55px;
        margin: 31px 0 15px 0!important;
    }
    .btn-big1:after{
        display: none;
    }
    .btn-big1{
        padding: 0;
        text-align: center;
        justify-content: center;
    }
    .main .bottom {
        font-size: 14px;
        line-height: 20px;

    }
    .btn{
        font-size: 14px;
        line-height: 14px;
    }
}

.menu{
    background-color: #e0dad3;
    width: 100%;
    max-width: 400px;
    padding: 20px;
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    bottom: 0;
}
.container_menu{ width: 240px; margin: 0 auto;}
.menu .phone{
    display: block;
    position: absolute;
    bottom: 30px;
}
.menu a{
   display: block;
}
.menu.active{ display: block;}

.menu .logo{
    display: block;
    margin: 0 20px 0 0 ;
    width: 100%;
    max-width: 200px;
}
.menu .close {
    position: absolute;
    z-index: 10;
    margin: -5px 15px 0 0;
    right: 0;
}
.menu .logo-text{
    font-size: 14px;
    line-height: 17px;
    color: #6d6356;
    max-width: 200px;
    margin: 20px 0;
    text-align: center;

}

.menu a{
    color: #6d6356;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    font-family: 'Fregat-Bold';
    margin-bottom: 15px;
}

.menu .phone{
    font-family: 'Oranienbaum';
    font-size: 34px;
    color: #6d6356;
    margin: 10px 0 26px 0;
    display: block;
}

@media screen and (max-width: 760px) {
    .menu{
        text-align: center;
    }
    .menu .logo-text, .menu .logo{
        margin-left: auto;
        margin-right: auto;
    }
    .main .bottom .text-box {
        flex-direction: column;
        align-items: center;
        justify-content: center;

}
    .main .bottom .text, .main .bottom .text-box .text {
        margin-left: 0;
        text-align: center;
        margin-top: -27px;
    }
    .main .bottom .text-box img{
        display: block;
        margin: -20px auto 0 auto;
    }
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse{
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}