html{
    height: 100%;
    width: 100%;
}
body{
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    color: #000000;
    font-size: 14px;
    line-height: normal;
    background: #ffffff;
    position: relative;
    width: 100%;
    min-height: 100%;
    min-width: 320px;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}

.left{
    float: left;
}
.right{
    float: right;
}
.clear{
    clear: both;
    visibility: hidden;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

h1, h2, h3, h4, h5, h6{
    margin: 0 0 20px 0;
    font-family: 'Roboto', sans-serif;
}
h2{
    font-family: 'Roboto', sans-serif;
    font-size: 40px;
    line-height: 46px;
    font-weight: 600;
    color: #e1524b;
    text-transform: uppercase;
}
h2 span {
    display: block;
    padding: 5px 0 0 0;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    color: #777777;
    text-transform: none;
}
p {
    margin: 0 0 20px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
    color: #7f8c8c;
}
img{
    display: block;
    max-width: 100%;
}

/*== buttons
---------------------------------*/
button{
    margin:0;
    padding:0;
    border:none;
    background:none;
    cursor:pointer;
    overflow:visible;
    width:auto;
}
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
.button{
    display: block;
    margin: 0px 0 10px 0;
    color: #010101;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    background: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: 0.5s;
    width: 87px;
    height: 33px;
    border: 2px solid black;
    border-radius: 5px;
}
.button:active,
.button:hover,
.button:focus{
    text-decoration: none;
    background: #363138;
    color: #ffffff;
    border-color: #363138;
}


/*== inputs
---------------------------------*/
.input-text::-webkit-input-placeholder{color:#646464;}
.input-text:-moz-placeholder{color:#646464;}
.input-text,
textarea{
    display: block;
    margin: 0;
    padding: 5px 10px 5px 10px;
    height: 38px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color:#333333;
    resize: none;
    outline: none;
    border: 1px solid #cacaca;
}
.b-input-text{
    font-family: 'Roboto', sans-serif;
    width: 278px;
    height: 30px;
    border:1px solid #c5c5c5;
    background: #efefef;
    padding: 0 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: inset 0 5px 5px rgba(2, 4, 0, 0.03), inset 0 0 0 1px rgba(176, 175, 175, 0.6);
}
.b-input-text{
    outline: none;  
}
textarea{
    height:80px;
}
.input-text:focus,
textarea:focus {
    border: 1px solid #76c7c0;
    -webkit-box-shadow: 0 0 5px 2px rgba(118, 199, 192, 0.6);
    -moz-box-shadow:    0 0 5px 2px rgba(118, 199, 192, 0.6);
    box-shadow:         0 0 5px 2px rgba(118, 199, 192, 0.6);
}
#container{
    position:relative;
}
/* End Total css ====*/

/* -------------- page index -------------- */

/* ---- b-header ---- */
.b-header{
    
}
.b-header-top{
    background: #fecb16;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.b-header-top .row > div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.b-header-top__menu{
    padding: 0;
    margin: 0;
}
.b-header-top__menu li{
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 30px 0 0;
}
.b-header-top__menu li:last-child{
    margin: 0;
}
.b-header-top__menu li a{
    color: #0e0e0e;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;    
}

.b-social{

}
.b-social ul{
    padding: 0;
    margin: 0;
}
.b-social ul li{
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 7px 0 0;
}
.b-social ul li:last-child{
    margin: 0;
}
.b-social ul li a{

}


.b-header-content{
    padding: 11px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.b-header-content .row > div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.b-header-buttons{
    display: flex;
    justify-content: space-between;
    width: 542px;
}
.b-header-button{
    background: #fecb16;
    width: 278px;
    height: 60px;
    border-radius: 30px;
    color: #262626;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    padding: 0 0 0 90px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    z-index: 2;
    outline: none;

}
.calculator{
	text-decoration: none!Important;
	padding-top: 7px;
}
.calculator:hover{
	color: #262626;
}
.b-header-button:before{
    position: absolute;
    top: 9px;
    left: 26px;
    content: "";
    background: url(../images/calc-ico.png);
    width: 34px;
    height: 40px;
}
.b-header-button:after{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 75px;
    height: 100%;
    background-color: #202022;
    box-shadow: 1px 0 0 white;
    border-radius: 30px 0 0 30px;
    z-index: -1;
}

.btn-callback{
    width: 248px;
}
.btn-callback:before{
    background: url(../images/sms-ico.png);
    width: 44px;
    height: 39px;
    top: 11px;
    left: 20px;    
}


.b-header-contacnts{
    margin: 20px 0 0 0;
}
.b-phone{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.b-phone__ico{
    background: url(../images/phone-ico.png);
    width: 54px;
    height: 54px;
    margin: 0 17px 0 0;
}
.b-phone__text{

}
.b-phone__text a{
    color: #0e0e0e;
    font-size: 27px;
    font-weight: 400;
    line-height: 34px;
    display: block;
    text-decoration: none;
}
.b-mail{
    color: #8e8e8e;
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
    text-align: right;
    display: block;
}


.b-menu{
    background: url(../images/menu-bg.jpg);
    position: relative;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.b-menu-wrapper{
    position: relative;
}
.b-menu-wrapper:before{
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    background: url(../images/white-line.jpg);
    width: 360px;
    height: 8px;
}
.b-menu-wrapper:after{
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    background: url(../images/white-line.jpg);
    width: 360px;
    height: 8px;
}
.b-menu:before{
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    background: url(../images/b-menu-top.jpg);
    width: 100%;
    height: 8px;
}
.b-menu:after{
    position: absolute;
    bottom: 5px;
    left: 0;
    content: "";
    background: url(../images/b-menu-top.jpg);
    width: 100%;
    height: 8px;
}
.b-menu ul{
    padding: 0;
    margin: 0;
}
.b-menu ul > li{
    list-style: none;
    display: inline-block;
}
.b-menu ul > li > a{
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 43px 10px 43px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}
.b-menu ul > li:first-child a:before{
    display: none;
}
.b-menu ul > li.active > a{
    color: #fecb16;
}
.b-menu ul > li > a:after{
    position: absolute;
    top: 3px;
    left: 0;
    content: "";
    width: 100%;
    height: 94%;
    background-image: -webkit-linear-gradient(bottom, transparent 0%, #202022 100%);
    background-image: -o-linear-gradient(bottom, transparent 0%, #202022 100%);
    background-image: linear-gradient(to top, transparent 0%, #202022 100%);
    opacity: 0;
    z-index: 1;
}
.b-menu ul > li > a img{
    margin: 0 auto 7px;
    position: relative;
    z-index: 2;
}
.b-menu ul > li > a:before{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -23px;
    content: "";
    height: 46px;
    width: 1px;
    background: url(../images/menu-line.jpg);
}
.b-menu ul > li > a:hover:after{
    opacity: 1;

}

.b-menu ul .drop{
    position: relative;
}
.b-menu ul .drop:before{
    position: absolute;
    bottom: 21px;
    left: 66%;
    content: "";
    background: url(../images/droparrow.png);
    width: 10px;
    height: 7px;
}
.b-dropdown{
    display: none;
    justify-content: space-between;
    position: absolute;
    right: 0;
    top: 100%;
    width: 890px;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 11px rgba(25, 25, 25, 0.28);
    z-index: 10;
    padding: 48px 40px 55px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.b-dropdown:after {
    bottom: 100%;
    right: 50px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 15px;
    margin-left: -15px;
}
.b-dropdown-item{
    max-width: 185px;
}
.b-dropdown-item span{
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    color: #262626;
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 15px 0;
}
.b-dropdown-item ul{
    padding: 0;
    margin: 0;
}
.b-dropdown-item ul li{
    list-style: none;
    display: block;
}
.b-dropdown-item ul li a{
    color: #262626;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    text-decoration: none;
    text-align: left;
    padding: 0;
    text-transform: capitalize;
}
.b-dropdown-item ul li a:hover{
    text-decoration: underline;
}
.b-dropdown-item ul li a:before{
    display: none;
}
.b-dropdown-item ul li a:after{
    display: none;
}

.b-menu ul .drop.active .b-dropdown{
    display: flex;
}
.b-dropdown.active{
    display: flex;  
}



/* -------- b-aside ------- */
.b-aside{
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.b-aside-block{
    position: relative;
}
.b-aside-block:after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    background-image: -webkit-linear-gradient(bottom, white 0%, transparent 100%);
    background-image: -o-linear-gradient(bottom, white 0%, transparent 100%);
    background-image: linear-gradient(to top, white 0%, transparent 100%);
    height: 90px;
    width: 100%;
}
.b-aside-wrapper{
    padding: 0 0 0 5px;
}

.b-aside-content{
    height: 1120px;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    overflow: scroll;
    position: relative;    
}
.b-aside-content::-webkit-scrollbar { width: 0; }


.b-aside-item{
    margin: 0 0 50px 0;
}
.b-aside-item:last-child{
    margin: 0;
}
.b-aside-item__title{
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    line-height: 21px;    
    display: block;
    padding: 0 0 18px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.b-aside-item__text{
    padding: 23px  0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0;
}
.b-aside-item__text.first a{
    font-weight: 500;
}

.b-aside-item__text a{
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
    text-decoration: none;
}
.b-aside-item__text a:hover .b-aside-item__date{
    text-decoration: none;
}
.b-aside-item__text .b-aside-item__date{
    color: #b5b5b5;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 0 15px;
    text-decoration: none;
}

.btn-more{
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    padding: 0 0 30px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/btn-more-arrow.jpg) center center no-repeat;
    display: block;
    margin: auto;
    transition: 0.7s;
    display: block;
    text-align: center;
    position: relative;
    z-index: 3;
    text-decoration: none;
}
.btn-more:hover{
    color: #000000;
    text-decoration: none;
}
.btn-more.active{
    opacity: 0;
    transition: 0.7s;
}
.b-aside-block.active:after{
    display: none;
}
/* -------- b-main ------- */
.b-main, .calc_field{
    margin: 30px 0 50px 0;
}
.b-main-content{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.b-main-item{
    width: 270px;
    margin: 0 0 18px 0;
    position: relative;
    background: #f8f8f8;
}
.b-main-item a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.b-main-item__img{
    position: relative;
    transition: 0.5s;
    overflow: hidden;
}
.b-main-item__img img{
    width: 100%;
        -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.b-main-item__hover{
    width: 65px;
    height: 65px;
    background: url(../images/hover-img.png) center center no-repeat rgba(254, 203, 22, 0.8);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32.5px 0 0 -32.5px;
    opacity: 0;
    transition: 0.7s;
}
.b-main-item__text{
    text-align: center;
    padding: 15px 34px 10px 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.b-main-item__text span{
    color: #262626;
    font-size: 17px;
    font-weight: 500;
    line-height: 21px;
    text-transform: uppercase;
    display: block;
    margin: 0 0 5px 0;
}
.b-main-item__text p{
    color: #adadad;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    margin: 0;
    word-wrap: break-word;
}

.b-main-item:hover .b-main-item__img img{
    -webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);  
}
.b-main-item:hover .b-main-item__hover{
    opacity: 1;
    transition: 0.7s;
}


.b-main-text{
    margin: 60px 0 0 0;
}
.b-main-text__title{
    text-align: center;
    padding: 0 0 35px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.b-main-text__title:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -45px;
    content: "";
    width: 90px;
    height: 2px;
    background: #ffb800;
}
.b-main-text__title span{
    color: #262626;
    font-size: 30px;
    font-weight: 400;
    line-height: 18px;   
}
.b-main-text p{
    color: #757575;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin: 20px 0 0 0;
}


/* -------- b-form ------- */
.b-form{
    background: url(../images/form-bg.jpg) center top no-repeat;
    background-size: cover;
    padding: 40px 0 55px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.b-form-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 0 15px 0;
    position: relative;
    margin: 0 0 33px 0;
}
.b-form-title:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -45px;
    content: "";
    width: 90px;
    height: 2px;
    background: #fecb16;
}
.b-form-title__ico{
    background: url(../images/b-form-title__ico.png);
    width: 82px;
    height: 81px;
    margin: 0 0 15px 0;
}
.b-form-title h1{
    font-size: 30px;
    font-weight: 400;
    line-height: 33px;
    color: #fefefe;
    margin: 0;
}
.b-form-title h1 b{
    color: #fecb16;    
}

.b-form-wrapper{

}
.b-form-wrapper form{
    display: flex;
    justify-content: space-between;
}
.b-form-input{
    width: 350px;
    height: 56px;
    background: #fefefe;
    border-radius: 28px;
    color: #808080;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    text-align: center;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none;
}
.b-form-input::-webkit-input-placeholder{
    color: #808080;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
}
.b-form-input:-moz-placeholder{
    color: #808080;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
}
.b-form-button{
    width: 350px;
    height: 56px;
    background: #fecb16;
    border-radius: 28px;
    color: #262626;
    font-size: 18px;
    font-weight: 500;
    line-height: 19px;
    border: none;
    outline: none;
}


/* -------- b-advantages ------- */
.b-advantages{
    background: #f8f8f8;
    padding: 48px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.b-advantages:before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: url(../images/advantag-img.png);
    width: 450px;
    height: 344px;
}
.b-advantages-title{
    text-align: center;
    margin: 0 0 22px 0;
}
h2{
    color: #262626;
    font-size: 36px;
    font-weight: 400;
    line-height: 38px;
    text-transform: capitalize;
    position: relative;
    padding: 0 0 13px 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.b-advantages-title h2:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -45px;
    content: "";
    width: 90px;
    height: 2px;
    background: #fecb16;    
}

.b-advantages-item{
    padding: 0 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.b-advantages-item__img{
    margin: 0 0 30px 0;
}
.b-advantages-item__img img{
    margin: auto;
}
.b-advantages-item__title{
    text-align: center;
    margin: 0 0 15px 0;
}
.b-advantages-item__title span{
    color: #262626;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    text-transform: uppercase;
    border-bottom: 2px solid #ddd;
    padding: 0 0 4px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}
.b-advantages-item p{
    color: #adadad;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;   
    margin: 0;
    text-align: center;
}


/* -------- b-materials ------- */
.b-materials{
    padding: 40px 0 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.b-materials:after{
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    background: url(../images/b-materials-img.png);
    width: 466px;
    height: 578px;
}
.b-material-title{
    text-align: center;
    padding: 0 0 16px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.b-material-title:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -45px;
    content: "";
    width: 90px;
    height: 2px;
    background: #fecb16;    
}
.b-material-title h3{
    color: #262626;
    font-size: 30px;
    font-weight: 400;
    line-height: 34px;
    margin: 0;
}
.b-material-title span{
    color: #adadad;
    font-size: 20px;
    font-weight: 300;
    line-height: 33px;   
}

.b-materials-content{
    margin: 40px 0 0 0;
}
.b-materials-item{
    margin: 0 0 46px 0;
}
.b-materials-item span{
    color: #262626;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    position: relative;
    padding: 0 0 6px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0 0 20px 0;
}
.b-materials-item span:after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    background: #ffb800;
    width: 30px;
    height: 2px;
}
.b-materials-item ul{
    padding: 0;
    margin: 0;
}
.b-materials-item ul li{
    list-style: none;
}
.b-materials-item ul li a{
    color: #adadad;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    text-decoration: none;
}



/* -------- b-footer ------- */
.b-footer{
    position: relative;
}
.b-footer .b-phone__text a{
    color: #ffffff;
}
.b-footer .b-phone__ico{
    background: url(../images/footer-phone.png);
}
.b-footer .btn-callback{
    padding: 0;
    text-align: center;
}
.b-footer .btn-callback:before{
    display: none;
}
.b-footer .btn-callback:after{
    display: none;
}
.b-footer-top{
    background: url(../images/menu-bg.jpg);
    padding: 33px 0 42px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.b-footer-top .row > div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.b-footer-menu{

}
.b-footer-menu ul{
    padding: 0;
    margin: 0;
}
.b-footer-menu ul li{
    list-style: none;
    display: inline-block;
    margin: 0 33px 0 0;
}
.b-footer-menu ul li:last-child{
    margin: 0;
}
.b-footer-menu ul li a{
    color: #aaa;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;    
}
.b-footer-copyright{
    background: #161616;
    text-align: center;
    padding: 19px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px -6px 10px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px -6px 10px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px -6px 10px 0px rgba(0, 0, 0, 0.75);
}
.b-footer-copyright span{
    color: #888;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
}



.modalform .modal-dialog{
    max-width: 540px;
    background: url(../images/modal-bg.png) center top no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0 100px 0;
}
.modal-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 14px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0 0 25px 0;
}
.modal-title:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -45px;
    content: "";
    width: 90px;
    height: 2px;
    background: #fecb16;
}
.modal-title__ico{
    background: url(../images/modal-ico.png);
    width: 91px;
    height: 81px;
    margin: 0 0 18px 0;
}
.modal-title span{
    font-size: 30px;
    font-weight: 400;
    line-height: 34px;
    color: #fefefe;
}
.modal-title span b{
    color: #fecb16;  
}

.modalform .modal-dialog input{
    display: block;
}

.modal-input{
    width: 350px;
    height: 56px;
    background: #fefefe;
    border-radius: 28px;
    color: #808080;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    text-align: center;
    border: none;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    outline: none;
}

.modal-input::-webkit-input-placeholder{
    color: #808080;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
}
.modal-input:-moz-placeholder{
    color: #808080;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
}

.modal-button{
    width: 350px;
    height: 56px;
    background-color: #fecb16;
    border-radius: 28px;   
    color: #262626;
    font-size: 18px;
    font-weight: 500;
    line-height: 19px; 
    border: none;
    margin: 20px 0 0 0;
    outline: none;
}

.up-scroll{
    cursor: pointer;
    opacity: 0;
    transition: 0.5s;
    position: fixed;
    bottom: 160px;
    right: 170px;
    width: 85px;
    height: 85px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAABVCAYAAAA49ahaAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsSAAALEgHS3X78AAAK20lEQVR42u2de2xb1R3HP/f62k5iOw+/SkNL0pa29JHS0roLZaNAgfEoFd20CjqhaX+swKQhJrE/JmCAxvYHQ9ofSAj4g2kTg6nTANHHKI+Wx7o1dUPbUAKlTdNHmlA779h52Nf37o9znaRtHrbjVxp/JUuRfe+593xy7jm/c8853yORB9L8XhewFKgBFgPzgdmAGygFbIAJGAB6R30CwCngOPAl0Cj7Ah25zo+Ui4tqfm8FsBq4xfgsBxxj3NNE96eP8Xcf8BXwCbAPqJd9ga5s5y9rUDW/1wbcBmwBbgW8gGx80nkfOqAZnyCwF9gO7JV9gXA28ppxqJrfWwVsBX6KeKwtpB/keIoDjiCqib8Db8q+wJlMXjRjGdP83muBXyBKZiWgIGDmShqgAq3AP4HXZF/gZCYulHaomt/rAR4GfgbMRZTMnNTd40hHlNxzwF+BV2VfIJjOC6Qts5rfawLuB36DaHiKyW3JnPSWEdHEMeBPwLuyLxBLR8Jpgar5vZXA74BNiAbIlBtOKSmGCM3eA34v+wLnp5rglKFqfu8G4FlgFVCSjjRzIB3oBw4Dz8q+wMdTSSxlAJrfKwOPAo8B8wBzrsmkQVGgGXgJeFn2BbRUEkkJqub3WoAngZ8DV5PfdWfS2QPOA38B/iD7ApFkE0gaqub32oHngQcAD1cW0OFsIjoO/wCekn2BUDInJwVV83sdwJ8RrXwFVybQ4ewCXcC7wK9lX6Av0RMThmJ0M18ANgPOZM6dppKNfG4GXjDyn/CJk8polH4L/AhRQqdjC5+KJCO/PwaeNDhMqkRL26OIHpKbmQM0LglwAQ8ZHCbVpFA1v/d2RNhUmcjxV6hkI/+PaX7vHZMdPGGp0/zeOYgW8HuIFyIzXSpQBzwg+wIt4x00bskz6o+ngZUUgMalIHg8PVH9OtHjvBG4D9H1LGhEJQguG8c7YEyoxnDHE4jgfqY1TJNJQnB5wuB0mcYrqY9QeOwnUrwaeGSsHy8rhZrfuwB4HzH0MVNb+0SkIYZo7r50BGEsaA8j3tgXgE4sGcFp21g/DEvze+cBP0EMgRQ0uSzAFoPbsC4tjVsRQW6hcUpMEmLSx9bRXw5DNV4YPEihcUpWCvDg6Bcuo0vqrRQap1QkI7jdNvqLuLZQqEtTlQXBDzCgGkHsBgqlNFXJwG3xzkAcYi153Htqaivmwy+cnGwtzvWtjKd4L6sWRqD+kDwspZoOjWdsvP0fD9s/8/LOfg/fnLOh61NPOwOSERyHW/qbyTOoakzi6Ck7uw66OXrKTnjQRFfIjBqTua8WllaFkfPruZIRHFGMuU8LyaNHfygqc+hbB7sOumk8a2MwIv7foQETh044iMYk1FiQmnlhTHLeFFsJWKj5vR4FWEIevd4LD5r439dl7D7o4mRrMRFVpmrWIFdVRDgXtNLaYeVwkwM1JqHG2lm5oA/FlDdgS4AlCmJKeF6oO6Tw+bFy3q93ceZCETFNYtGcfu5e08GCygEamu3sOeTkXLCIhmY7qiYR1STWXNuLWckbsDUKYo59zh/9YLeFvUcr+OhwBec7rEgS1FSHuGdtB6uv7cNRouIqjWI26fz7kIvT3xXx1WkbsZhETJXwLe7Fak5plk46JQGLFaA613fS0m7lo8NO9h2tINBtwWzSWLkgxL1r26mZF6bEKmY4uhxRbq7pwqxo7D7opqmtmMazJagxD9GYxI1Leiiy5BxstYKYC5UzNbUWs6fexf7GMjp6zZRYY6xZ1Me9a9u5bm7/ZaWvwq7y/aU9mE06Ow+6+balhOMtJaiaBzUmsW5ZDzZrWqaZpqqrTc9ssz0JlGf7ypoOjWdt7Khz89+vy+gKmSktUblpWQ+bagVQyzj1pNWi4S2PUFoSoytkJthjpqvPzIVuC1ZF5ypnBKs5J3WsBKgKI0ttsqaxYlBXaZSbl3dz5+oOrvEOTRoqOYpjrF3ci2LSUercHDtto/m7Yt474CYak1hf002ZTc0FWIeCWPiVNQ1FZepPONhZNxKDznYOcev1XWxY1UWlcwgpwWbTVhRjzcI+zIqOSdZpaLZz5kIROw64UWMSt6zoxumIZhtqiUIWp5KHB00c+KaUXXVuTraWEFElqmYNcseqTtav6MJTljyAYmuMlfNFrKqYdI402WlpL2JnnZuoKrNhZSfuFNKdgiwKYjGBPdNX6g4r7D9Wzi6/iEE1XcSgd63p4MYlPVTYU39UiywaK6pDKCYNxaRTf8JBW6eV3X4Xakzi9lWdzKpIeu5uqoooiKWHGYUa7LHwSUM5ew65aO2wIEmwvDrEvWs7WL2wF0fx1Ftri1lj2TVhFBkUk47/eCkXuiy8f8hJNCZx5w2dVLqGsgG1Pw51dqaucN6IQT8+UkGwR8Sg188PsbG2nRXVIYqt6YsrzYrOdXPDwyW27ptSgj0WPqh3ElUl7lrTyVzPYKah9pme2WZ7iAwN9p1qK2a338XHR5xGDKrhW9zL5puC1FSHMxKoyzJUOFSuckYYiJgIdFvoCSu0dVoZisp4yiKUT6GqmUQ60GR6ZpttE7Ao3VCDPRbe2e/hkwYnPf0KpSUq65b2sHldkEVz+jPaV5clqLCpzHZGGIpKo8Ba6B8y4SmN4nRkDGy9ApzORMrnO6w0nrXTN2DC6Yjyg+Xd3OPrYK5nCDkLr+tkWadq1gD3r2vHbNL59Fg5XX1mPj9WjgQ8eMt3eMozEhWcVhAGBDppLqkuR4RlVSHK7VGWV4XZsFK0wInGoOmQLMEc9yCbbmzHrOjsO1pBe6+ZxrM2WjqKMgFVB44rCEeHtGuuZ4j71wUJD5q42jWEPQ0tfCqSJKh0DbGxtp1ia4yGZjuVrgju0oyFWF9Kxpv/U2QhVs21QgMmWtqt2IpizPVkJLwKAfMlAM3v/QIxNTDn71WnsXTgiOwL3BAf7PsMMTWwoNSlITgOj6DuoQB1qtIQHIehHkCsxcybgZ5pJh3B7wAYUA2bob0USmuq0hBuQl1w8QSK7QhvkYKSVwRhdgNcDHUvIrQqlNbkFJ/7P+xmMQzVMMJ6C7GqraDEpQJvjTYSu3T+1JtAG4UGK1HpCF5vjf7yIqiyL9BMoW5NRhFgu+wLnBr95Vgz/V5FGGEV6taJpSE4vXbpD5dBlX2BJuB1ICtmg9NYYeD1saztxpuT+gpwhEKjNZ5UBJ9XxvpxTKhGEPsihV7WWIr3nl4cz5t1otnTO4EdCGexgkbUj+Cyc7wDCs4UyWlqzhQAxonPUehpwUjP6bmJgEICiydkX+BDhPddKzMXrGbk/yWDx4RKdEXKy8DfgHZmXsOlAx3AGwaHSZWYeZVwZ/wj8DbCqm2mgNWN/P4LeD5Rl8qC198E2SXTXn8ARsKPIx6FIFduHRt3pXwDeDwZoFDwTx0ze2TbP3X4ysLs6pfArxDr3a+EOFZFhE3Zd/odLcML8FnEvIHp7kl9BOFJ/dFUEkuXe/oc4Cmmt3v6DoR7essU00u7z/9mhM//MqaPz/9XCJ//d/LK5/+iOy3sSJHRvVMWMrJ3ymzyZ++UNkb2TjmRiQtlY5efeQhrpq3kdpefZsTA5pvGWFzGlM39qOwIm6YtCLuhuJ19tvaj2pestXyqyuXOabXAncB6hDNG3MhhKjun9QMngE+BD4ADV/TOaRNJ83vdXLzH3zzEihk3UIYAbkZsw9EP9CDemLUiHutvgQbEHn/tuc7P/wG6K75EGcDyBgAAAABJRU5ErkJggg==');    
}
.up-scroll.active{
    opacity: 1;
    transition: 0.5s;    
}

.mobile-menu{
    display: none;
    margin: 20px 0 20px 0;
}
.menu-icon{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 16px;
    cursor: pointer;
}
.mobile-menu b{
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    color: #dba80f;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0 0 10px;
}
.menu-icon .b-menu__line {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    background: #dba80f;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 0.35s, transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}
.menu-icon .b-menu__line_1 {
    top: 0;
}
.menu-icon .b-menu__line_2 {
    top: 6px;
}
.menu-icon .b-menu__line_3 {
    top: 12px;
}
.menu-icon.active .b-menu__line {
    background: #dba80f;
}
.menu-icon.active .b-menu__line_1 {
    -webkit-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
    top: 1px;
}
.menu-icon.active .b-menu__line_2 {
    opacity: 0;
}
.menu-icon.active .b-menu__line_3 {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
    top: 16px;
}

.btn-close{
    background:  url(../images/btn-delete.png) center center no-repeat;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: absolute;
    top: 10px;
    right: 10px;
    outline: none;
}



/* -------- page inner ------- */
.b-inner-content{

}
.b-inner-title{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #f8f8f8;
    padding: 14px 0 14px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 27px 0;
}
.b-inner-title__ico{
    width: 53px;
    height: 67px;
    background: url(../images/b-inner-title__ico.png); 
    margin: 0 13px 0 0;   
}
.b-inner-title span{
    color: #262626;
    font-size: 30px;
    font-weight: 400;
    line-height: 32px;    
}
.b-title{
    text-align: center;
}
.b-title span{
    color: #262626;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    padding: 0 0 18px 0;
    display: inline-block;
}
.b-title span:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -45px;
    content: "";
    width: 90px;
    height: 2px;
    background: #ffb800;
}

.b-inner-wrapper__content{
    margin: 27px 0 0 0;
}
.b-inner-wrapper__content .b-title{
    margin: 0 0 27px 0;
}
.b-inner-text{
    margin: 0 0 30px 0;
}
.b-inner-text p{
    color: #505050;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin: 0;
    text-align: justify;
}
.b-inner-img{

}
.b-inner-img img{
    width: 100%;
}

.b-inner-list{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 30px 0;
}
.b-inner-list ul{
    padding: 0 0 0 23px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 0 80px;
}
.b-inner-list ul:first-child{
    margin: 0;
}
.b-inner-list ul li{
    list-style: none;
    display: block;
    color: #505050;
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    position: relative;
}
.b-inner-list ul li a{
    list-style: none;
    display: block;
    color: #505050;
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    position: relative;
}
.b-inner-list ul li:before{
    position: absolute;
    top: 50%;
    left: -25px;
    margin: -3.5px 0 0 0;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #fecb16;
}

.b-video-block{
    margin: 60px 0 0 0;
}
.b-video-block__wrapper{
    background: url(../images/b-video-block__bg.png) center top;
    width: 849px;
    height: 467px;
    margin: 33px auto 0;
    display: flex;
    justify-content: center;
    padding: 32px 3px 0 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.b-inner-table{

}
.b-inner-table table{
    width: 100%;
}
.b-inner-table table thead tr{

}
.b-inner-table table thead td{
    background: #fecb16;
    color: #505050;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    padding: 19px 0 19px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 2px solid #ffffff;
    text-align: center;
}
.b-inner-table table thead td:first-child{
    padding: 0 0 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 663px;
    border: none;
    text-align: left;
}

.b-inner-table table tbody td{
    color: #505050;
    font-size: 16px;
    line-height: 31px;
    padding: 9px 0 9px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 2px solid #ffffff;
    text-align: center;
}
.b-inner-table table tbody td:first-child{
    padding: 0 0 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    text-align: left;
}
.b-inner-table table tbody td span{
    color: #fe9916;
}
.b-inner-table table tbody tr:nth-child(even) td{
    background: #f8f8f8;
}

.b-contanct{
    margin: 55px 0 55px 0;
}
.b-contanct .b-title{
    margin: 0 0 38px 0;
}
.b-map{
    position: relative;
}
.b-contanct-content{
    width: 292px;
    background: rgba(0, 0, 0, 0.7);
    padding: 20px 0 16px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 100;
}
.b-contanct-content b{
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    display: block;
}
.b-contanct-content span{
    color: #ffffff;
    font-weight: 400;
    font-size: 22px;
    line-height: 29px;
    display: block;
}
.b-contanct-content a{
    color: #ffffff;
    font-size: 14px;
    line-height: 25px;
    text-decoration: underline;
}

.b-inner-list__two{
    display: block;
}
.b-inner-list__two .b-title{
    margin: 0 0 30px 0;
}
.b-inner-list__two ul{
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.b-inner-list__two ul li{
    width: 229px;
}
.b-inner-list__content{
    display: flex;
    justify-content: space-between;
}
.h_field{display:none}

#overlay, #overlay_error, #overlay_success {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.55;
  z-index: 16000;
  background-color: #000;
  transition: opacity ease 0.3s;  
  z-index: 9999;	
}
#wait {
	position: fixed;
    top: 30%;
	text-align: center;
    width: 100%;
    color: #fff;
	z-index: 9999;	
}
.error_top_text {
    position: fixed;
    display: block;
    top: 50px;
    right: 50px;
    z-index: 104400;
    display: block;
    font-size: 20px!Important;
    padding: 10px;
    box-shadow: 6px 6px 13px -3px #000;
	background-color:#fc5136;
	border-radius:0px;
}	
.badge_shake {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.top_padding{margin-top:8px}
legend {
    border: 0px;
    width: inherit;
    padding: 10px;
    margin-bottom: 0px;
    color: #1b1b1b;
}
fieldset {
    border: 2px solid #fecb16;
    padding:30px;
    border-radius: 5px;
    margin-bottom: 10px;
    border-radius: 0px;
}
.calculator h3{
    margin-bottom: 10px;
}
.calculator .form-group {
    margin-bottom: 10px;
}
.calculator,  .row_calc {
    margin-bottom: 30px;
}
.row_calc label{
    padding-left: 0px;
    padding-right: 20px;
    padding-top: 5px;
}
.calculator .fa {
    color: #fecb16;
}
.calculator label {
    padding-left: 0px;
	padding-right: 20px;
}
.divider {
    border-top: 1px solid #fecb16;
	padding-right: 20px;
}
.row_calc .fa {
    color:#fecb16;
}