/*    FONTS    */
@font-face {
    font-family: Proxima Nova;
    font-weight: 400;
    src: url(fonts/ProximaNova-Light.ttf);
}

@font-face {
    font-family: Montserrat;
    font-weight: 700;
    src: url(fonts/Montserrat-Bold.ttf);
}

@font-face {
    font-family: Montserrat;
    font-weight: 600;
    src: url(fonts/Montserrat-SemiBold.ttf);
}

@font-face {
    font-family: Montserrat;
    font-weight: 500;
    src: url(fonts/Montserrat-Medium.ttf);
}

@font-face {
    font-family: Montserrat;
    font-weight: 400;
    src: url(fonts/Montserrat-Regular.ttf);
}


h1{
    color: #FFF;
    text-transform: uppercase;
    font-family: Montserrat;
    font-size: 35px;
    margin: 0px;
}


/*    GLOBAL    */

tr, td {
    border: 1px solid #000;
    padding: 10px;
  }
  td img{
      width: 100%;
  }
  table {
    display: block;
    width: 100%;
    overflow: auto;
  }

.title-devider{
    width: 70px;
    height: 2px;
    background: red;
    margin: 10px auto 0px;
}

.devider{
    width: 100%;
    height: 2px;
    background: #7070707c;
    margin: 40px 0px;
}

.title{
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    margin: 0px;
font-family: Montserrat;
font-weight: 600;
}

.title-div .title{
    text-align: center;
}

.title span{
    color: #DD241D;
}

.title span span{
    color: #465B7F;
}

a:hover{
    color: rgba(255, 255, 255, 0.685);
}

/*    BUTTONS    */
button, a{
    outline: none !important;
    cursor: pointer;
}


/*    BODY    */



/*    MAIN    */
.main-page #main{
    padding: 15px 0px;
    height: 100vh;
}

#main{
    padding: 30px;
    min-height: 100vh;
}

.main-page .main-blog{
    background: url("../img/main-bg.jpg") no-repeat center;
    background-size: cover;
    height: calc(100vh - 30px);
    position: relative;
    display: grid;
}

.mnogo-page .main-blog{
    background: url("../img/mnogo-bg.jpg") no-repeat center;
    background-size: cover;
    min-height: 100vh;
    position: relative;
    display: grid;
}
.main-blog::after {

    content: "";
    width: 100%;
    height: 100%;
    background:#0000008f;
    display: block;
    position: absolute;

}

.malo-page .main-blog{
    background: url("../img/malo-bg.jpg") no-repeat center;
    background-size: cover;
    min-height: 100vh;
    position: relative;
    display: grid;
}

.main-info{
    padding: 50px 100px;
    z-index: 1;
}

h1 span{
    font-weight: 700;
}

.logo{
    margin-bottom: 40px;
    width: 270px;
}

.main-category{
    display: grid;
    grid-template-columns: 6fr 1fr 6fr;
    z-index: 1;
}

.category-title{
    color: #FFF;
    text-transform: uppercase;
    font-size: 25px;
    padding-bottom: 20px;
    font-weight: 600;
}

.category-left .category-title{
    text-align: right;
}

.category.category-left {
    display: grid;
    justify-items: end;
}

.category.category-left a{
    display: grid;
    justify-items: end;

}

.category.category-right {
    display: grid;
    justify-items: start;
}

.category-btn{
    background: red;
    padding: 10px 20px 10px;
    border: none;
    color: #FFF;
    text-transform: uppercase;
    width: 150px;
    text-align: center;
    opacity: 0;
    transition: all 0.2s linear;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 14px;
    height: 40px;
}

.category {
    border: 4px solid #FFFFFF4D;
    transition: all 0.2s linear;
}

.category a{
    padding: 60px 30px 20px;
    width: 100%;
}

.category:hover{
    background: #00000047;
}

.category:hover .category-btn{
    opacity: 1;
}

header{
    background: #FFF;
    padding: 20px 0px;
    display: grid;
    grid-template-columns: 3fr 13fr 3fr;
    border-bottom: 1px solid #000;
    align-items: center;
    transition: all 0.2s linear;
width: 100%;
z-index: 1;
}

.fixed-top {
	position: fixed;
    top: 0;
    transition: all 0.2s linear;
    z-index: 20;
    padding: 20px 80px;
    bottom: none
}

.logo-div img{
    width: 150px;
}

.menu-div {
    display: grid;
    justify-content: center;
}

.menu-div ul{
    margin: 0px;
}


.menu-div li{
    list-style-type: none;
    display: inline-block;
padding: 0px 20px;
text-transform: uppercase;
}

.menu-div li a{
    color: #000;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
}

.menu-phone{
    text-align: right;
    margin: 0px;
}

.menu-phone a{
    color: #000;
    padding-left: 10px;
}

.main-info-div {
    display: grid;
    grid-template-columns: 6fr 2fr;
    align-items: end;
}

.main-info-div img{
    margin-bottom: 8px;
	width: 250px;
}





/*    ABOUT    */
.about-div{
    background: url("../img/about-bg.png") no-repeat center;
    background-size: cover;
    display: grid;
    grid-template-columns: 6fr 6fr;
    padding: 30px 80px 0px;
    margin: 30px 0px 0px;
}

.about-text{
    padding-bottom: 20px;
}

.about-text p{
    color: #FFF;
    font-family: Proxima Nova;
    font-weight: 600;
	font-size: 19px;
}

.about-img{
    margin-top: 0px;
    position: relative;
}

.about-img img{
    width: 100%;
    position: absolute;
bottom: 0px;
	height: 100%;
}




/*    YAPON    */
#yapon {
    padding: 50px 0px 0px;
}
#yapon p {
    padding-top: 10px;
}

.yapon-button {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    background: 
#465B7F;
padding: 12px 30px;
color:
    #FFF;
    text-align: center;
    width: 100%;
    display: block;
    transition: all 0.2s linear;
}

.yapon-button:hover{
    background: #dd241d;
    color: #FFF;
}


/*    ADVANTAGE    */

#advantage{
    padding: 60px 0px 0px;
    position: relative;
    overflow: hidden;
}

#advantage:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../img/ad-bg.png") no-repeat center;;
    background-size: cover;
    top: 0px;
    right: -30%;
}

.advantage-div {
    padding: 0px 60px;
}

.advantage-row{
    display: grid;
    grid-template-columns: 6fr 6fr;
    margin-top: 50px;
}

.advantage-col {
    padding-bottom: 60px;
}

.advantage-col:first-child{
    border-right: 3px solid #CCC;
    padding-right: 30px;
}

.advantage-col:last-child{
    padding-left: 30px;
}

.advantage-info {
    width: 100%;
}

.advantage-img img{
    width: 70px;
}

.advantage-item {
    display: grid;
    grid-template-columns: 4fr 7fr;
    align-items: center;
    justify-items: center;
    margin-bottom: 20px;
}

.advantage-desc {
    font-size: 16px;
    color: #787878;
}

.advantage-title {
    font-size: 24px;
    text-transform: uppercase;
    color: red;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: Montserrat;
font-weight: 700;
}


.main-page #sec-advantage{
    background: url("../img/ad2-bg.png") no-repeat center;;
    background-size: cover;
}

.mnogo-page #sec-advantage{
    background: url("../img/ad2-bg.png") no-repeat center;;
    background-size: cover;
}

.malo-page #sec-advantage{
    background: url("../img/ad3-bg.png") no-repeat center;;
    background-size: cover;
}

.sec-advantage-div {
    padding: 0px 60px 40px;
}

.sec-advantage-row{
    display: grid;
    grid-template-columns: 6fr 6fr;
}

.sec-advantage-col {
    padding: 30px 0px 0px;
}

.sec-advantage-col:first-child{
    border-right: 3px solid #CCC;
    padding-right: 30px;
}

.sec-advantage-col:last-child{
    padding-left: 30px;
}

.sec-advantage-img p{
    font-size: 14px;
    color: #FFF;
    font-family: Montserrat;
    font-weight: 500;
}

.sec-advantage-item {
    display: grid;
    grid-template-columns: 4fr 7fr;
    align-items: baseline;
    margin-top: 20px;
}
.sec-advantage-img {
    display: grid;
    justify-items: center;
	position:relative;
}

.sec-advantage-desc {
    font-size: 14px;
    color:
    #FFF;
    line-height: 16px;
}

.sec-advantage-title {
    font-size: 20px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: Montserrat;
}




/*    SERTIFICATE    */
#sertificate{
    padding: 60px 0px 0px;
}

.sertificate-div{
    padding: 0px 60px;
}

.sertificate-imgs{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 30px;
}
.sertificate-imgs img {
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 10px #0000002e;
}

.sertificate-img-div {
    padding: 10px;
}




/*    THIRD ADVANTAGE    */
#thr-advantage{
    padding: 60px 0px 60px;
}

.thr-advantage-div{
    padding: 0px 60px;
}

.thr-advantage-row{
    display: grid;
    grid-template-columns: 6fr 6fr 6fr;
    box-shadow: 0px 0px 20px #0000002e;
    margin-top: 30px;
}

.thr-advantage-col {
    position: relative;
    display: block;
    overflow: hidden;
}

.thr-advantage-col:hover .thr-advantage-bg {
    width: 100%;
}

.thr-advantage-item {
    display: grid;
    grid-template-columns: 3fr 7fr;
    align-items: baseline;
    justify-items: center;
    margin: 30px 0px;
    z-index: 11;
    padding: 0px 20px;
    position: relative;
}

.thr-advantage-img img{
    width: 70px;
}

.thr-advantage-title p{
    margin: 0px;
    font-family: Proxima Nova;
    font-weight: 600;
}

.thr-advantage-title span{
    text-transform: uppercase;
}

.thr-advantage-bg {
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    z-index: 2;
    background: rgba(70, 91, 127, 0.123);
    top: 0px;
    left: 0px;
    transition: all 0.2s linear;
}

.thr-advantage-number {
    font-family: Montserrat;
    font-size: 54px;
    font-weight: 700;
    color: 
    #0000001f;
    position: absolute;
    bottom: -30px;
    right: 40%;
}




/*    PROJECTS    */
#projects{
    padding: 60px 0px 60px;
}

.projects-div{
    padding: 0px 60px;
}

.project-div{
    margin: 25px 0px;
    width: 100%;
height: 200px;
}

.project{
    width: 90%;
    height: auto;
    position: relative;
    display: block;
    margin: 5%;
}

.project:hover::after{
    opacity: 1;
}

.project:hover .project-title{
    opacity: 1;
    top: 0px;
}

.project::after{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: #DD241DC4;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: all 0.2s linear;
}

.project img{
    object-fit: cover;
    width: 100%;
height: inherit;
position: relative;
height: 200px !important;
}

.project-title {
    position: absolute;
    top: 40px;
    padding: 40px 30px;
    color: #FFF;
    font-family: Proxima Nova;
    font-size: 14px;
    line-height: 21px;
    z-index: 3;
    font-weight: 600;
    opacity: 0;
    transition: all 0.2s ease;
    transition-delay: 0.2s;
}

.slick-prev.slick-arrow {
    position: absolute;
    cursor: pointer;
    top: 43%;
    height: 50px;
    width: 50px;
    border: none;
    left: -60px;
    background: url("../img/arrow-p.svg") no-repeat center;
    outline: none;
}

.slick-next.slick-arrow{
    position: absolute;
    cursor: pointer;
    top: 43%;
    height: 50px;
    width: 50px;
    border: none;
    right: -60px;
    outline: none;
    background: url("../img/arrow.svg") no-repeat center;
}



/*    CTA    */
.mnogo-page #cta{
    padding: 60px 0px 60px;
    background: url("../img/cta-bg.png") no-repeat center;;
    background-size: cover;
}

.main-page #cta{
    padding: 60px 0px 60px;
    background: url("../img/cta-bg.png") no-repeat center;;
    background-size: cover;
}

.malo-page #cta{
    padding: 60px 0px 60px;
    background: url("../img/cta2-bg.png") no-repeat center;;
    background-size: cover;
}

.cta-div{
    padding: 0px 60px;
    display: grid;
justify-content: center;
}

.cta-title{
    font-family: Montserrat;
    font-weight: 600;
    font-size: 28px;
    color: #FFF;
    text-align: center;
}

.cta-form {
    width: 400px;
}

.cta-form input {
    width: 400px;
    border: none;
    background: 
    #FFF;
    padding: 15px 30px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 20px;
}

.cta-form button {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    background: #465B7F;
    padding: 15px 30px;
    color: #FFF;
    width: 300px;
    box-shadow: 0px 3px 24px #465B7F;
}

.cta-form form {
    display: grid;
    justify-items: center;
}



/*    PARTNERS    */
#partners{
    padding: 0px 0px 20px;
}

.partners-div{
    padding: 0px 60px;
}

.partner-div {
    margin-top: 30px;
}

.partner img {
    display: block;
    width: 100%;
    padding: 0px 20px;
}




/*    FOOTER    */
footer{
    background: url("../img/footer-bg.png") no-repeat center;;
    background-size: cover;
}

.footer-div{

    padding: 60px 30px 10px;
}

.footer-inner{
    display: grid;
    grid-template-columns: 6fr 6fr 6fr;
}

.footer-col{
    display: grid;
    grid-template-columns: 6fr 6fr;
}

.footer-desc{
    font-family: Montserrat;
    font-size: 10px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.459);
}

.footer-ul{
    margin: 0px;
    padding: 0px;
}

.footer-col2 {
    padding-left: 20px;
}

.footer-ul li a{
    color: 
    #FFF;
    font-family: Montserrat;
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
    transition: all 0.2s linear;
}

.footer-ul li{
    list-style-type: none;
    color: 
    #FFF;
    font-family: Montserrat;
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
    transition: all 0.2s linear;
}

.footer-ul li:hover{
    color: #DD241D;
}
.footer-ul li a:hover{
    color: #DD241D;
}

.footer-ul2 li a{
    color: rgba(255, 255, 255, 0.658);
}

.social-div {
    display: grid;
    grid-template-columns: 6fr 6fr 6fr;
}

.social {
    background:#FFF;
    margin: 10px;
    padding: 7px 13px 10px;
    border: none;
    border-radius: 50px;
    transition: all 0.2s linear;
    cursor: pointer;
}

.social:hover{
    background:#DD241D;
}
.social img{
    width: 16px;
    height: 13px;
    object-fit: contain;
    object-position: top;
}

.factum {
    padding-top: 40px;
}

.factum p {
    text-align: center;
    color: 
    #FFF;
    font-size: 13px;
}

.factum p a{
    color: 
    #FFF;
}



/*    MOBILE MENU    */

.mobile-menu {
    min-height: 70px;
    position: fixed;
    z-index: 66;
    top: 0px;
    left: 0px;
    width: 100%;
    display: none;
    transition: all 0.3s ease;
    background: #223350
}

.mobile-menu.bg-op {
    background: #223350;
}

.mobile-menu.bg-bl {
    background: #223350;
    top: 0px;
}

.mobile-menu-div {
    display: grid;
    grid-template-columns: 4fr 2fr;
    align-items: center;
    z-index: 140;
}

.mobile-toggler {
    background: #FFFFFF1C;
    width: 100%;
    height: 70px;
    position: relative;
}

.mobile-logo {
    width: 100%;
    height: 40px;
    display: grid;
    align-items: center;
}

.mobile-logo img {
    width: 70%;
    margin: 0px 15%;
    height: auto;
}

.mobile-toggler-div {
    width: 30px;
    height: 20px;
    margin: 25px auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
}

.toggle {
    width: 25px;
    height: 2px;
    background: #FFF;
    transition: all 0.2s linear;
    opacity: 1;
}

.toggle1 {
    position: absolute;
    bottom: 14.5px;
    right: 2.5px;
}

.toggle2 {
    position: absolute;
    bottom: 8.5px;
    right: 2.5px;
}

.toggle3 {
    position: absolute;
    bottom: 2.5px;
    right: 2.5px;
}

.mobile-toggler.active .toggle2 {
    opacity: 0;
}

.mobile-toggler.active .toggle1 {
    width: 25px;
    transform: rotate(45deg);
    position: absolute;
    top: 7px;
}

.mobile-toggler.active .toggle3 {
    width: 25px;
    transform: rotate(-45deg);
    position: absolute;
    top: 7px;
    right: 2px;
}

.mobile-menu-list {
    position: fixed;
    background: #223350;
    width: 100%;
    height: 100%;
    z-index: 122;
    display: block;
    transform: translate(0px, 1000px);
    transition: all 0.6s ease;
}

.mobile-menu-list.active {
    transform: translate(0px, 0px);
}

.menu-list-div {
    padding: 0px;
    z-index: 122;
}

.menu-list-div ul {
    padding: 0px;
}

.menu-list-div ul li {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    list-style-type: none;
    padding: 20px 0px;
    border-bottom: 1px solid #FFF;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}

.menu-list-div ul li a {
    color: #FFF !important;
    font-family: Montserrat;
}

.menu-list-div ul li a.contact {
    color: #FFF !important;
}

















/*    MNOGO PAGE    */
.main-category-desc{
    display: grid;
    grid-template-columns: 6fr 1fr 6fr;
    margin-bottom: 30px;
    z-index: 1;
}

.mnogo-page .category-right-desc-div{
background: rgba(70, 91, 127, 0.445);
width: 100%;
padding: 100px 30px 30px;
}
.mnogo-page .category-right-desc-div-two {
    background: 
    #DD241D78;
    width: 100%;
    padding: 15px 30px 0px;
}

.category-subtitle-two{
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}

.mnogo-page .category-subtitle{
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    padding-top: 40px;
    margin: 0px;
}

.mnogo-page .category-number::after{
    content: "до";
    color:
    #FFF;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0px 50px;
    font-weight: 700;
    position: absolute;
    top: 0px;
    left: -30px;
}

.mnogo-page .category-number::before{
    content: "баллов";
    color:
    #FFF;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0px 50px;
    font-weight: 700;
    position: absolute;
    bottom: 0px;
    left: 0px;
}


.mnogo-page .category-number-two::after{
    content: "м";
    color:
    #FFF;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0px 50px;
    font-weight: 700;
    position: absolute;
    top: 0px;
    right: -20px;
}

.mnogo-page .category-number-two::before{
    content: "ВЫСОТНОСТЬ ПРИМЕНЕНИЯ";
    color:
    #FFF;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0px 50px;
    font-weight: 700;
    position: absolute;
    bottom: -23px;
    left: 0px;
}

.category-left-desc .category-title-desc{
    text-align: right;
}

.mnogo-page .category-desc.category-left-desc {
    display: grid;
    justify-items: start;
    padding: 30px 100px 30px;
}

.category-desc.category-right-desc {
    display: grid;
    justify-items: start;
}

.category-number, .category-number-two{
    color: #FFF;
    text-transform: uppercase;
    font-size: 35px;
    padding: 0px 50px;
    font-weight: 700;
    position: relative;
    height: 70px;
}

.category-left-desc-div {
    display: grid;
    grid-template-columns: 3fr 3fr;
}





/*    PRODUCT    */
#product{
    padding: 20px 0px 0px;
}
.ceradir {
    display: grid;
    grid-template-columns: 5fr 5fr;
}

.ceradir-one{
    padding-right: 20px;
    border-right: 2px solid red;
}

.ceradir-two{
    padding-left: 20px;
}
.products-div{
    padding: 0px 60px;
}

.product-div {
    margin-top: 40px;
}

.product-banner{
    min-height: 100px;
position: relative;
display: flex;
align-items: baseline;
}

.product-banner img{
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.product-info-title{
    font-family: Montserrat;
    font-size: 30px;
    color: #000;
    font-weight: 700;
}

.product-title{
    font-family: Montserrat;
    font-size: 24px;
    color:
    #000;
    font-weight: 700;
    padding-left: 10px;
}

.product-number {
    color: 
    #000;
    font-size: 50px;
    font-weight: 700;
}

.product-devider{
    width: 200px;
    height: 4px;
    background:
    #dd241d;
    position: absolute;
    bottom: 20px;
    left: 0px;
}

.product-slider, .product-nav {
    margin-top: 0px;
}

.product-desc{
    color: #000;
    font-family: Proxima Nova;
    font-size: 18px;
}

.product-gallery img {
    display: block;
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.product-gallery .slick-track, .product-gallery .slick-list, .product-gallery .slick-slider {
    height: 100%;
}

.product-nav .product-nav-img {
    display: block;
    position: relative;
    margin: 0px 5px;
    min-height: 100px;
}


.product-nav .slick-slide img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
}

.product-nav .slick-next.slick-arrow, .product-nav .slick-prev.slick-arrow {
    position: absolute;
    cursor: pointer;
    top: 40px;
    height: 20px;
    width: 13px;
    border: none;
    outline: none;
}

.product-nav .slick-prev.slick-arrow {
    left: -40px;
    background: url("../img/product-arrow-p.png") no-repeat center;
}

.product-nav .slick-next.slick-arrow{
    right: -40px;
    background: url("../img/product-arrow-n.png") no-repeat center;
}

.product-nav{
    position: relative;
    margin-top: 40px;
}

.product-nav::before,.product-nav::after{
    content: "";
    width: 200px;
    height: 100px;
    display: block;
    position: absolute;
    background: rgb(255,255,255);
    z-index: 1;
    top: 0px;
    pointer-events: none;
}

.product-nav::before{
    left: 0px;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.product-nav::after{
    right: 0px;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}




/*    PARAMETRES    */
#parametres{
    padding: 0px 0px 60px;
}

.parametres-div{
    padding: 0px 60px;
}

.parametres-inner{
    background: #465B7F;
    padding: 40px;
    display: grid;
    grid-template-columns: 10fr 7fr;
    margin-top: 40px;
}

.parametre-title, .parametre-number span{
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
}

.parametre-div {
    padding: 10px 20px 0px;
}

.parametre-div:first-child{
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

.parametre-div:last-child{
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
    margin-left: -0.5px;
margin-top: -0.5px;
}

.parametre-number{
    color: #FFF;
    font-family: Montserrat;
    font-size: 25px;
    font-weight: 600;
}

.parametres-image{
    position: relative;
}

.parametres-info {
    display: grid;
    grid-template-columns: 4fr 6fr;
}

.parametres-image img{
    position: absolute;
bottom: -40px;
    right: -60px;
}

.parametres-inner-two{
    background: #F1F1F1;
    padding: 20px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 60px;
}

.parametres-inner-two img{
    padding: 0px 80px;
width: 100%;
}







/*    TECHNOLOGY    */
#techs{
    padding: 60px 0px 60px;
}

.techs-div{
    padding: 0px 60px;
}

.tech-title{
    color: #000;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    opacity: 0.65;
    line-height: 30px;
}

.tech-div{
    margin-top: 40px;
    position: relative;
}

.tech-img{
    width: 100%;
}

.tech-number{
    color: #DD241D;
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 600;
    position: absolute;
    left: -40px;
    top: 0px;
    line-height: 35px;
}

.tech-button {
    width: 100%;
    border: 2px solid 
    #dd241d;
    padding: 10px 20px;
}

.tech-button a{
    color: #dd241d;
}

.tech-button a:hover{
    color: #000;
}

.tech-book-button{
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    background:
    #465B7F;
    padding: 12px 30px;
    color:#FFF;
    text-align: center;
    width: 100%;
    display: block;
}

.tech-book-button-div{
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.tech-book-button::after {
    content: "";
    width: 20px;
    height: 24px;
    display: block;
    position: absolute;
    top: 10px;
    right: 30px;
    background: url("../img/books/login.svg") no-repeat center;
    background-size: contain;
}

.tech-book-desc {
    position: relative;
}

.tech-book-desc p{
    font-family: Montserrat;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color:
    #707070;
}

.tech-book-img {
    padding: 0px 10px;
}

.tech-book-img img{
    width: 100%;
}

.tech-book-div {
    display: grid;
    grid-template-columns: 5fr 7fr;
}









/*    MALO PAGE    */
.malo-page .category-right-desc-div{
background: rgba(221, 35, 29, 0.473);
width: 100%;
padding: 100px 30px 30px;
}

.malo-page .category-desc.category-left-desc {
    display: grid;
    justify-items: start;
    padding: 30px 30px 30px 100px;
}

.malo-page .category-right-desc-div-two {
    background:rgba(70, 91, 127, 0.466);
    width: 100%;
    padding: 15px 30px 0px;
}

.malo-page .category-number::after{
    content: "до";
    color:
    #FFF;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    top: 0px;
    left: 0px;
}

.malo-page .category-number::before{
    content: "м высоты";
    color:
    #FFF;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.malo-page .category-number-two::before{
    content: "ФАКТУРНЫХ ЦВЕТОВЫХ РЕШЕНИЙ";
    color:
    #FFF;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    bottom: -23px;
    left: 0px;
    width: 180px;
}

.malo-page .category-subtitle{
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    margin: 0px;
}

.malo-page .category-number-two-div {
    margin-left: 40px;
}

.malo-page .category-number, .malo-page .category-number-two {
    padding: 0px;
}

.malo-page .category-number{
    padding: 0px 0px 0px 30px;
}




/*    TECHNOLOGY    */
#techs-two{
    padding: 60px 0px 60px;
}

.techs-two-div{
    padding: 0px 60px;
}

.techs-two-img{
    width: 100%;
}

.techs-two-inner{
    margin-top: 40px;
}


/*     CallBack     */

.bazz-widget::-webkit-input-placeholder {
    color: #FFF!important;
    font-style: normal!important
}

.bazz-widget:-moz-placeholder {
    color: #FFF!important;
    opacity: 1;
    font-style: normal!important
}

.bazz-widget::-moz-placeholder {
    color: #FFF!important;
    opacity: 1;
    font-style: normal!important
}

.bazz-widget:-ms-input-placeholder {
    color: #FFF!important;
    font-style: normal!important
}

.bazz-widget:placeholder-shown {
    color: #FFF!important;
    font-style: normal!important
}

.bazz-widget {
    box-sizing: border-box;
    position: fixed!important;
    font-family: helvetica, sans-serif!important;
    width: 65px;
    height: 65px;
    border-radius: 35px;
    transition: width .5s;
    background-color: #ffb400;
    text-align: right;
    line-height: 1;
    z-index: 9997
    
}

.bazz-widget * {
    box-sizing: border-box
}

.bazz-widget.opened {
    width: 500px
}

.bazz-widget-close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -10px;
    left: -10px;
    display: none;
    cursor: pointer;
    border-radius: 50%;
    border: 3px solid #FFF;
    background: url(../img/bazz-close-button.png) no-repeat center center;
    background-color: #ffb400;
    background-size: 22px;
    font-size: 0;
    z-index: 9998
}

.bazz-widget.opened .bazz-widget-close {
    display: block
}

.bazz-widget-form {
    display: none;
    width: 100%;
    text-align: center;
    overflow: hidden;
    height: 65px;
    transition: margin .3s ease-in-out;
    position: relative
}

.bazz-widget-form label {
    display: inline-block;
    width: 32%;
    color: #FFF;
    text-align: left;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 400;
    margin: 0!important
}

.bazz-widget-form label .bazz_time {
    position: static
}

.bazz-widget-form label.countdown {
    width: 25%;
    margin-left: 2%
}

.bazz-widget-form input {
    display: inline-block!important;
    width: 32%!important;
    text-align: left;
    vertical-align: middle!important;
    height: 30px!important;
    border-radius: 20px!important;
    padding: 0!important;
    color: #FFF!important;
    font-family: helvetica, sans-serif!important;
    font-size: 16px!important;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none;
    margin: 0!important
}

.bazz-widget-form input[type="tel"] {
    background: transparent!important;
    border: 1px solid #FFF;
    padding-left: 6px!important;
    padding-right: 6px!important
}

.bazz-widget-form input[type="tel"]:focus,
.bazz-widget-form input[type="text"]:focus {
    border-color: #FFF
}

.bazz-widget-form-submit {
    width: 25%;
    margin-left: 2%;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    font-family: helvetica, sans-serif!important;
    font-size: 16px;
    border-radius: 20px;
    height: 30px;
    color: #FFF!important;
    display: inline-block;
    text-decoration: none!important;
    vertical-align: middle;
    line-height: 28px;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    position: static
}

.bazz-widget-form input[hidden] {
    display: none!important
}

.bazz-widget .bazz-widget-button {
    width: 65px;
    height: 65px;
    border: none;
    text-align: center;
    border-radius: 35px;
    position: relative;
    padding: 0;
    cursor: pointer;
    z-index: 2
}

.bazz-widget i {
    font-style: normal;
    font-family: helvetica, sans-serif!important;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -ms-transition: -moz-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.bazz-widget.opened .bazz-widget-button,
.bazz-widget.opened .bazz-widget-inner-circle,
.bazz-widget.opened .bazz-widget-inner-border {
    display: none
}

.bazz-widget i:first-child {
    background: url(../img/trubka.png) no-repeat center center
}

.bazz-widget i:last-child {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    color: #FFF;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    word-wrap: break-word;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bazz-widget-inner-circle {
    width: 65px;
    height: 65px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 100px;
    opacity: .3;
    z-index: 1;
    transition: all 1s ease-in-out
}

.bazz-widget-inner-border {
    width: 65px;
    height: 65px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 200px;
    border-width: 1px;
    border-style: solid;
    z-index: 1;
    opacity: 1
}

.bazz-widget-your-name {
    color: #FFF!important;
    text-decoration: none!important;
    border-bottom: 1px dashed #fff;
    line-height: 1.2;
    height: auto;
    width: auto;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    position: static
}

.bazz-widget-form-top,
.bazz-widget-form-bottom {
    width: 100%;
    height: 65px;
    padding-top: 12px;
    transition: margin .3s ease-in-out;
    position: relative
}

.bazz-widget-form-top.overflow {
    margin-top: -65px
}

.bazz-widget-form-bottom label {
    width: 45%;
    vertical-align: middle
}

.bazz-widget-form-bottom input {
    width: 40%;
    vertical-align: middle;
    padding: 0 6px!important;
    background: transparent!important;
    border: 1px solid #FFF
}

.bazz-widget-name-close {
    width: 34px;
    height: 34px;
    display: inline-block;
    background: url(img/ok.png) no-repeat center center #ffb400;
    background-size: 24px;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    margin-left: 10px;
    vertical-align: middle;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    position: static
}

.bazz-widget-form-info {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 9px;
    text-align: center;
    width: 100%;
    line-height: 1;
    padding-bottom: 2px;
    color: #666!important
}

.bazz-widget {
    bottom: 68px;
    right: 75px;
    left: auto !important;
}

.bazz-widget,
.bazz-widget-close,
.bazz-widget-form-submit,
.bazz-widget-button,
.bazz-widget-name-close,
.bazz-widget-inner-circle {
    background-color: #00aff2;
}

.bazz-widget-inner-border,
.bazz-widget-form-submit,
.bazz-widget-name-close {
    border-color: #00aff2;
}



#sklad {
    padding: 30px 0px 60px;
}


/*    THANKS    */

.thanks-button{
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    background:
    #465B7F;
    padding: 12px 30px;
    color:#FFF;
    text-align: center;
    width: 100%;
    display: block;
}

.thanks-button-div{
    width: 280px;
    margin: auto;
}

.thanks-title{
    font-family: Montserrat;
    text-align: center;
font-size: 80px;
line-height: 80px;
}

.thanks-desc{
    font-family: Montserrat;
    text-align: center;
font-size: 20px;
font-weight: 600;
}

.thanks-div {
    padding: 60px 60px;
}

.thanks-devider {
    width: 500px;
    height: 4px;
    background: 
    #465B7F;
    margin: auto;
    margin-bottom: 40px;
    position: relative;
}

.thanks-devider::before{
    content: "";
    display: block;
    position: absolute;
    width: 300px;
    height: 4px;
    background:
    #DD241D;
    margin: auto;
    top: 15px;
    left: calc(50% - 150px);
}


.wrapper-1 {
    position: fixed;
    bottom: 0px;
    right: 0px;
    transform: translate(-30%, -20%);
    display: none;
    height: 50px;
    z-index: 100;
   }  
   
   .pulse {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    background: #0ABAFF;
    border-radius: 50%;
    transition: .5s;
    cursor:pointer;
   } 
   
   .phone-w {
    position: absolute;
    font-size: 33px;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 40px;
    opacity: 1;
    animation: phone 3.9s ease-in-out  infinite;
   } 
   .phone-w img{
    width: 100%;
   } 
   
   .phone-w i {
    transition: .5s ease-in-out;
   } 
   
   .pulse:hover i{
    transition: .5s ease-in-out;
    transform: scale(0);
    opacity: 0;
   }  
   
   .pulse:hover {
    background: #0E683E;
   }  
   
   .text-1 {
    position: absolute;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-weight: 700;
    top: 23px;
    font-size: 1.1rem;
    transform: scaleX(-1);
    transition: .5s ease-in-out;
    opacity: 0;
   } 
   
   .pulse:hover .text-1 {
     transform: scaleX(1);
     transition: .5s ease-in-out;
     opacity: 1;
   }
   
   .pulse:before,
   .pulse:after {
    content: '';
    position: absolute;
    border: 1px solid #0E683E;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: pulse 3.8s linear infinite;
   } 
   
   .pulse:after {
    animation-delay: .5s;
   }    
   
   @keyframes pulse {
    0% {
     transform: scale(0.5);
     opacity: 0;
    }
    50% {
     opacity: 1;
    }
    100% {
     transform: scale(1.2);
     opacity: 0;
    }
   }   
   
   @keyframes phone {
    0%, 100% {
     transform: rotate(-20deg);
    }
    50% {
     transform: rotate(21deg);
    }
   }  
   
   
   @media all and (max-width: 767px) {
    .wrapper-1 {
        position: fixed;
        bottom: 0px;
        right: 0px;
        transform: translate(-30%, -20%);
        display: block;
        height: 50px;
     }  
  }