section.main-form{

}

section.main-form .main-form-wrapper{
    background-color: #ffdd55;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 45px;
}

.main-form-left{
    flex: 0 0 50%;
    max-width: 50%;
    width: 100%;
}

.main-form-left img{
    max-width: 100%;
}

.main-form-right{
    flex: 0 0 50%;
    max-width: 50%;
    width: 100%;
}

.main-form-right .inner{
    padding: 60px;
}

.main-form-right .inner h1{
    text-transform: uppercase;
    color: #33353f;
    font-size: 28px;
    margin-bottom: 20px;
}

.main-form-right .inner .info{
    color: #33353f;
    font-size: 17px;
    margin-bottom: 25px;
    text-align: justify;
}


.main-form-right .inner .multiform-body .multiform-wrap.custom-form{
    max-width: inherit;
    border: 0;
    padding: 0;
    box-shadow: none;
    background: transparent;
}

.main-form-right .inner .multiform-body .multiform-wrap.custom-form .multiform-form-description,
.main-form-right .inner .multiform-body .multiform-wrap.custom-form .multiform-header{
    display: none;
}

.main-form-right .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields{
    padding: 0;
    display: flex;
    flex-direction: column;
}

.main-form-right .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .multiform-gap-field{
    padding: 0;
    margin: 0;
    margin-bottom: 17px;
}

.main-form-right .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .multiform-gap-field .multiform-gap-value input[type="text"],
.main-form-right .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .multiform-gap-field .multiform-gap-value input[type="tel"]{
    width: 100%;
    padding: 15px;
    border: 1px #cbcbcb solid;
    border-radius: 2px;
}

.main-form-right .inner .multiform-body .multiform-wrap.custom-form .multiform-submit{
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

.main-form-right .inner .multiform-body .multiform-wrap.custom-form .multiform-submit .mf-button{
    background-color: #f84c48;
    border: 0;
    border-radius: 3px;
    padding: 0;
    width: auto;
    height: auto;
    font-size: 18px;
    color: #fff;
    padding: 10px 15px;
    font-family: 'Roboto-Regular', serif;
    transition: opacity .3s ease;
    opacity: 1;
}

.main-form-right .inner .multiform-body .multiform-wrap.custom-form .multiform-submit .mf-button:hover{
    opacity: .9;
}

.main-form-right .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-checkbox{
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    position: relative;
}

.main-form-right .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-checkbox .multiform-gap-value{
    display: flex;
    align-items: flex-end;
}

.main-form-right .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-checkbox .multiform-gap-value .multiform-gap-option{
    margin: 0;
}

.main-form-right .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-checkbox .multiform-gap-value .multiform-gap-option label{
    margin: 0;
}

.main-form-right .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-checkbox .multiform-gap-value .multiform-gap-description{
    margin: 0;
}



section.main-features{

}

section.main-features .header{
    color: #2f354b;
    font-size: 28px;
    text-align: center;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: bold;
}

section.main-features .main-features-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.main-features-item{
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    width: 100%;
    padding: 0 15px;
    position: relative;
}

.main-features-item:nth-child(1):after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 2px;
    height: 100%;
    background-color: #f2f2f2;
}

.main-features-item:nth-child(2):after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 2px;
    height: 100%;
    background-color: #f2f2f2;
}

.main-features-item:nth-child(1):before{
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    height: 2px;
    background-color: #f2f2f2;
}

.main-features-item:nth-child(2):before{
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    height: 2px;
    background-color: #f2f2f2;
}


.main-features-item:nth-child(3):before{
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    height: 2px;
    background-color: #f2f2f2;
}

.main-features-item-block{
    position: relative;
    padding: 25px;
}

.main-features-image{
    position: relative;
    margin-bottom: 10px;
}

.main-features-image img{
    max-width: 100%;
}

.main-features-image span{
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 35px;
    color: #2f354b;
    padding: 3px 13px;
    background-color: #ffdd53;
}

.main-features-name{
    font-size: 22px;
    font-weight: bold;
    color: #413d4b;
    line-height: 28px;
    margin-bottom: 10px;
}

.main-features-desc{
    font-size: 18px;
    color: rgba(51, 51, 51, .75);
}


section.main-colors{
    margin-top: 25px;
}

section.main-colors .main-colors-wrapper{

}

section.main-colors .main-colors-wrapper .header{
    color: #2f354b;
    font-size: 28px;
    text-align: center;
    margin-bottom: 35px;
    text-transform: uppercase;
    font-weight: bold;
}

section.main-colors .main-colors-wrapper .header span{
    display: block;
    margin-top: 10px;
    font-size: 18px;
    color: rgba(51, 51, 51, .75);
    font-weight: normal;
    text-transform: none;
}

section.main-colors .main-colors-wrapper .inner{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.main-colors-item{
    flex: 0 0 25%;
    max-width: 25%;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
}

.main-colors-item img{
    max-width: 100%;
}

section.middle-form{
    margin-top: 45px;
}

section.middle-form .middle-from-wrapper .header{
    color: #2f354b;
    font-size: 28px;
    text-align: center;
    margin-bottom: 35px;
    text-transform: uppercase;
    font-weight: bold;
}

section.middle-form .middle-from-wrapper .header span{
    display: block;
    margin-top: 10px;
    font-size: 18px;
    color: rgba(51, 51, 51, .75);
    font-weight: normal;
    text-transform: none;
}

section.middle-form .middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form.inline-form{

}

.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form{
    max-width: inherit;
    border: 0;
    padding: 0;
    box-shadow: none;
    background: transparent;
    position: relative;
}

.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-form-description,
.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-header{
    display: none;
}

.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0;
}

.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-input,
.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-phone
{
    flex: 33.3333%;
    max-width: 33.3333%;
    width: 100%;
    padding: 0 10px;
}

.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-checkbox{
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding: 0 10px;
    position: relative;
    margin-top: 15px;
}

.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .multiform-gap-value{
    padding: 0
}

.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-checkbox .multiform-gap-value{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
}

.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-checkbox .multiform-gap-value .multiform-gap-option{
    margin: 0;
}

.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-checkbox .multiform-gap-value .multiform-gap-option label{
    margin: 0;
}

.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-checkbox .multiform-gap-value .multiform-gap-description{
    margin: 0;
}


.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .multiform-gap-field .multiform-gap-value input[type="text"],
.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .multiform-gap-field .multiform-gap-value input[type="tel"]{
    width: 100%;
    padding: 15px;
    border: 1px #cbcbcb solid;
    border-radius: 2px;
    font-size: 18px;
    color: rgba(51, 51, 51, .75);
}

.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-submit{
    padding: 0;
    width: 365px;
    position: absolute;
    top: 0;
    right: 0;
}

.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-submit .mf-button{
    background-color: #f84c48;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.22) 100%);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.22) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.22) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#38000000',GradientType=0 );
    border: 0;
    border-radius: 3px;
    padding: 0;
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #fff;
    padding: 16px 0;
    font-family: 'Roboto-Regular', serif;
    transition: opacity .3s ease;
    opacity: 1;
}

.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-submit .mf-button:hover{
    opacity: .9;
}


section.how-works{
    margin-top: 55px;
}

section.how-works .how-works-wrapper .header{
    color: #2f354b;
    font-size: 28px;
    text-align: center;
    margin-bottom: 35px;
    text-transform: uppercase;
    font-weight: bold;
}

section.how-works .how-works-wrapper .inner{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.how-works-item{
    padding: 0 45px;
    position: relative;
    flex: 0 0 25%;
    max-width: 25%;
    width: 100%;
    margin-bottom: 25px;
}

.how-works-item:nth-child(1):after{
    content: "";
    position: absolute;
    top: 34px;
    right: -67px;
    background: url("../oval-image/how-works/arrow_top.jpg") no-repeat;
    width: 128px;
    height: 34px;
}

.how-works-item:nth-child(2):after{
    content: "";
    position: absolute;
    top: 123px;
    right: -67px;
    background: url("../oval-image/how-works/arrow_bottom.jpg") no-repeat;
    width: 130px;
    height: 33px;
}

.how-works-item:nth-child(3):after{
    content: "";
    position: absolute;
    top: 34px;
    right: -67px;
    background: url("../oval-image/how-works/arrow_top.jpg") no-repeat;
    width: 128px;
    height: 34px;
}

.how-works-icon{
    margin-bottom: 15px;
    text-align: center;
    height: 195px;
    line-height: 195px;
}

.how-works-icon img{
    max-width: 100%;
}

.how-works-step{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #394b50;
}

.how-works-info{
    margin-top: 7px;
    font-size: 16px;
    color: #7b7b7b;
    text-align: center; 
}

.how-works-button{
    display: flex;
    justify-content: center;
}

.how-works-button{
    margin-top: 45px;
}

.how-works-button .multiform-popup-link{
    background-color: #f84c48;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.22) 100%);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.22) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.22) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#38000000',GradientType=0 );
    border: 0;
    border-radius: 3px;
    padding: 0;
    width: auto;
    height: auto;
    font-size: 18px;
    color: #fff;
    padding: 10px 15px;
    font-family: 'Roboto-Regular', serif;
    transition: opacity .3s ease;
    opacity: 1;
}

.how-works-button .multiform-popup-link:hover{
    opacity: .9;
    text-decoration: none;
}

section.main-gallery{
    margin-top: 45px;
    padding: 45px 0;
}

section.main-gallery .main-gallery-wrapper{

}

section.main-gallery .main-gallery-wrapper .header{
    color: #2f354b;
    font-size: 28px;
    text-align: center;
    margin-bottom: 35px;
    text-transform: uppercase;
    font-weight: bold;
}

section.main-gallery .main-gallery-wrapper .header span{
    display: block;
    margin-top: 10px;
    font-size: 18px;
    color: rgba(51, 51, 51, .75);
    font-weight: normal;
    text-transform: none;
}

section.main-gallery .main-gallery-wrapper .inner{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.main-gallery-item{
    flex: 0 0 25%;
    max-width: 25%;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
}

.main-gallery-item img{
    max-width: 100%;
}

section.our-guarantee{
    margin-bottom: 45px;
    padding-bottom: 45px;
}

section.our-guarantee .our-guarantee-wrapper{

}

section.our-guarantee .our-guarantee-wrapper .header{
    color: #2f354b;
    font-size: 28px;
    text-align: center;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: bold;
}

section.our-guarantee .our-guarantee-wrapper .inner{
    display: flex;
    flex-wrap: wrap;
    margin: 0 15px;
}

.our-guarantee-item{
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
    text-align: center;
}

.our-guarantee-icon{
    margin-bottom: 25px;
}

.our-guarantee-name{
    font-size: 20px;
    color: #413d4b;
    font-weight: bold;
    margin-bottom: 10px;
}

.our-guarantee-info{
    font-size: 18px;
    color: rgba(51, 51, 51, .75);
}

.our-guarantee-info span{
    color: #ff0000;
}

.multiform-body .custom-form .errormsg{
    display: none!important;
}

.multiform-body .custom-form .multiform-gap-fields .multiform-errorfld{
    display: none!important;
}


/*modal form*/

.fancybox-content  .multiform-body .multiform-wrap.custom-form{
    max-width: inherit;
    border: 0;
    padding: 0;
    box-shadow: none;
    background: transparent;
}

.fancybox-content  .multiform-body .multiform-wrap.custom-form .multiform-form-description,
.fancybox-content  .multiform-body .multiform-wrap.custom-form .multiform-header{
    display: none;
}

.fancybox-content  .multiform-body .multiform-wrap.custom-form .multiform-gap-fields{
    padding: 0;
    display: flex;
    flex-direction: column;
}

.fancybox-content  .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .multiform-gap-field{
    padding: 0;
    margin: 0;
    margin-bottom: 17px;
}

.fancybox-content  .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .multiform-gap-field .multiform-gap-value input[type="text"],
.fancybox-content  .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .multiform-gap-field .multiform-gap-value input[type="tel"]{
    width: 100%;
    padding: 15px;
    border: 1px #cbcbcb solid;
    border-radius: 2px;
}

.fancybox-content  .multiform-body .multiform-wrap.custom-form .multiform-submit{
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

.fancybox-content  .multiform-body .multiform-wrap.custom-form .multiform-submit .mf-button{
    background-color: #f84c48;
    border: 0;
    border-radius: 3px;
    padding: 0;
    width: auto;
    height: auto;
    font-size: 18px;
    color: #fff;
    padding: 10px 15px;
    font-family: 'Roboto-Regular', serif;
    transition: opacity .3s ease;
    opacity: 1;
}

.fancybox-content  .multiform-body .multiform-wrap.custom-form .multiform-submit .mf-button:hover{
    opacity: .9;
}





/*RESPONSIVE DESIGN*/

@media only screen and (max-width : 1200px) {
    .main-form-right .inner .info{
        font-size: 15px;
    }
    .main-features-name{
        font-size: 20px;
    }
    .main-features-desc{
        font-size: 16px;
    }
    .our-guarantee-name{
        font-size: 18px;
    }
    .our-guarantee-info{
        font-size: 16px;
    }
}

@media only screen and (max-width : 992px) {
    .main-form-left{
        display: none;
    }
    .main-form-right{
        flex: 0 0 100%;
        max-width: 100%
    }
    .middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields{
        justify-content: center;
    }
    .middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-checkbox .multiform-gap-value{
        justify-content: center;
    }
    .middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-submit{
        margin: 25px auto 0;
        position: relative;
    }
    .main-features-item:nth-child(1)::before, .main-features-item:nth-child(1)::after, .main-features-item:nth-child(2)::before, .main-features-item:nth-child(2)::after, .main-features-item:nth-child(3)::before{
        display: none;
    }
    .main-colors-item{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .main-gallery-item{
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media only screen and (max-width : 768px) {
    .how-works-item{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .how-works-item:nth-child(2)::after{
        display: none;
    }
    .how-works-item:nth-child(3)::after{
        background: url("../oval-image/how-works/arrow_bottom.jpg") no-repeat;
        top: 50%;
    }
}

@media only screen and (max-width : 576px) {

    .main-features-item{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .our-guarantee-item{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
}

@media only screen and (max-width : 420px) {
    .main-form-right .inner{
        padding: 20px
    }
    .main-form-right .inner h1{
        font-size: 20px;
    }
    .main-features-item{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .main-colors-item{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields{
        margin: 0;
    }
    .middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-input, .middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-phone{
        padding: 0;
    }
    .middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-checkbox .multiform-gap-value{
        flex-wrap: nowrap;
    }
    .default-theme .multiform-gap-value .prefix, .default-theme .multiform-attachment-text.before, .default-theme .multiform-gap-value .suffix, .default-theme .multiform-attachment-text.after{
        font-size: 13px;
    }
    .middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-submit{
        width: auto;
    }
    .how-works-icon{
        height: auto;
        line-height: inherit;
    }
    .how-works-item{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .how-works-item:nth-child(1)::after, .how-works-item:nth-child(3)::after{
        display: none;
    }
    .main-gallery-item{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields{
        flex-direction: column;
    }
    .middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-input, .middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields .type-phone{
        flex: 0 0 100%;
        max-width: 100%;
    }
    section.our-guarantee{
        margin-bottom: 0;
        padding-bottom: 0;
    }
}	

/*END*/
.middle-from-wrapper .inner .multiform-body .multiform-wrap.custom-form .multiform-gap-fields p{
    display: flex;
    justify-content: center;
}