.form-wrap{
    background-image:url(../img/bg-ebook.jpg);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    color:#fff;
    padding:55px 0 39px;
    -js-display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media (max-width:1023px){
    .form-wrap{
        position:relative
    }
}
.form-wrap__flexbox{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -js-display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.form-wrap__flexbox--contact-page{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    height:auto
}
@media screen and (max-width:1023px){
    .form-wrap__flexbox--contact-page{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.form-wrap__left{
    -webkit-box-flex:1;
    -ms-flex:1 1 10%;
    flex:1 1 10%
}
.form-wrap__right{
    -webkit-box-flex:4;
    -ms-flex:4;
    flex:4
}
@media screen and (min-width:768px){
    .form-wrap__right{
        min-height:161px
    }
}
@media screen and (max-width:1023px){
    .form-wrap__right{
        -webkit-box-flex:3;
        -ms-flex:3;
        flex:3
    }
}
.form-wrap__title{
    text-transform:uppercase;
    position:relative;
    color:#0072f6;
    font-weight:600;
    font-size:30px;
    line-height:40px
}
@media (max-width:767px){
    .form-wrap__title{
        font-size:30px;
        line-height:39px;
        margin-bottom:40px;
        padding-right:40px
    }
}
.form-wrap__title:before{
    content:"";
    position:absolute;
    left:0;
    bottom:-68px;
    width:37px;
    height:50px
}
@media (max-width:767px){
    .form-wrap__title:before{
        top:10px;
        right:0;
        left:auto
    }
}
.form-wrap__lead{
    font-size:18px;
    font-weight:300;
    line-height:20px;
    margin-top:10px;
    width:100%
}
.form-wrap--nobg{
    background:none;
    color:#000;
    padding:0;
    width:80%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.form-wrap--nobg:nth-child(2n){
    margin-top:70px
}
.form-wrap__title--home{
    color:#000;
    font-size:26px;
    line-height:1;
    margin:0;
    text-transform:none
}
@media screen and (max-width:767px){
    .form-wrap__title--home{
        font-size:24px
    }
}
.form-wrap__title--home:before{
    display:none
}
.form-wrap--contact{
    padding:70px 0
}
@media screen and (max-width:767px){
    .form-wrap--contact{
        padding:50px 0
    }
}
.form-wrap__title--contact{
    font-size:30px;
    line-height:40px;
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    margin-bottom:50px
}
.form-wrap__title--contact span{
    color:#0072f6
}
@media screen and (max-width:767px){
    .form-wrap__title--contact{
        font-size:24px;
        line-height:30px;
        margin-bottom:35px;
        padding:0
    }
}
.form-wrap__title--contact:before{
    display:none
}
.form-wrap__title--contact-page{
    color:#000;
    font-size:22px;
    font-weight:900;
    text-transform:uppercase;
    line-height:30px;
    width:294px
}
.form-wrap__title--contact-page:before{
    display:none
}
@media screen and (max-width:1023px){
    .form-wrap__title--contact-page{
        margin-bottom:50px;
        width:100%
    }
}
.form-wrap--contact-page{
    background-image:none;
    padding:70px 0
}
@media screen and (max-width:767px){
    .form-wrap--contact-page{
        padding:50px 0
    }
}
.form{
    margin:20px 0 0;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    width:100%;
    -js-display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media screen and (max-width:767px){
    .form{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.form__title{
    font-size:30px;
    line-height:40px;
    font-weight:600
}
.form__lead{
    font-size:12px;
    line-height:18px;
    color:#bababa;
    margin-top:20px
}
@media screen and (max-width:1023px){
    .form__lead{
        margin-top:6px;
        font-size:10px
    }
}
.form__submit{
    background-color:#0072f6;
    position:relative;
    border:none;
    color:#fff;
    font-weight:300;
    font-size:12px;
    line-height:45px;
    letter-spacing:1.2px;
    padding:0;
    text-transform:uppercase;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    min-height:45px;
    width:100%
}
.form__submit:hover{
    background-color:#0062d3
}
.form__submit:active{
    -webkit-transform:scale(.97);
    transform:scale(.97)
}
.form__submit--contact{
    margin:0 auto;
    max-width:500px;
    width:100%
}
.form__submit--contact-page{
    max-width:385px
}
.form__valid-fill{
    color:#fff;
    font-size:14px;
    text-align:right;
    width:100%
}
.form__valid-fill--black{
    color:#000
}
.form__checkbox-label{
    display:inline-block;
    position:relative;
    font-size:14px;
    line-height:20px;
    font-weight:600;
    padding-left:30px;
    color:#fff;
    outline:0;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out
}
.form__checkbox-label:after,.form__checkbox-label:before{
    background-color:#fff;
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:17px;
    width:17px;
    -webkit-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out
}
.form__checkbox-label:after{
    content:"";
    color:rgba(0,0,0,.87);
    opacity:0;
    width:9px;
    height:5px;
    background:transparent;
    top:3px;
    left:3px;
    border:3px solid #333;
    border-top:none;
    border-right:none;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.form__checkbox-label--black{
    color:#000
}
.form__checkbox{
    cursor:pointer;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    outline:0;
    z-index:-1;
    width:17px;
    height:17px
}
.form__checkbox:checked~label:after{
    opacity:1
}
.form__select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:#fff;
    border-radius:0;
    border:none;
    cursor:pointer;
    height:45px;
    width:100%;
    padding-left:17px
}
.form__appearance:before{
    content:"";
    background-size:cover;
    pointer-events:none;
    position:absolute;
    right:15px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:20px;
    height:20px
}
.form__textarea{
    border:none;
    border-radius:0;
    min-height:120px;
    padding:17px 35px 0 17px;
    width:100%;
    resize:none
}
.form__footer{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-bottom:25px;
    height:30px
}
.form__box,.form__footer{
    -js-display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.form__box{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media screen and (max-width:767px){
    .form__box{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.form__box .form-group{
    width:calc(50% - 15px)
}
.form__box .form-group:nth-child(odd){
    margin-right:15px
}
@media screen and (max-width:767px){
    .form__box .form-group{
        width:100%
    }
}
.form__box--contact-page{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.form__box--contact-page .form-group{
    width:100%;
    margin-right:0
}
.form__box--contact-page .form-group:nth-child(odd){
    margin-right:0
}
.form-group{
    color:#000;
    position:relative;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    overflow:hidden;
    -webkit-transition:color .1s ease;
    transition:color .1s ease
}
.form-group:after{
    content:"";
    position:absolute;
    -webkit-transform:translate(150%,-50%);
    transform:translate(150%,-50%);
    -webkit-transition:-webkit-transform .1s ease;
    transition:-webkit-transform .1s ease;
    transition:transform .1s ease;
    transition:transform .1s ease,-webkit-transform .1s ease;
    right:15px;
    top:50%
}
.form-group input[type=text]{
    border:none;
    border-radius:0;
    height:45px;
    line-height:45px;
    vertical-align:middle;
    padding:0 35px 0 20px;
    width:100%
}
.form-group input[type=file]{
    width:.1px;
    height:.1px;
    opacity:0;
    overflow:hidden;
    position:absolute;
    z-index:-1
}
.form-group input[type=file]+label{
    background-color:#fff;
    cursor:pointer;
    display:block;
    height:45px;
    line-height:45px;
    padding:0 35px 0 50px;
    width:100%
}
.form-group input[type=file]+label:before{
    content:"";
    position:absolute;
    width:20px;
    height:17px;
    top:50%;
    left:20px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.form-group.has-error{
    color:#e74c3c
}
.form-group.has-error:before{
    display:none
}
.form-group.has-error:after{
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    height:17px;
    width:20px
}
.form-group.has-success:not(.js-emptyFiles){
    color:#26ad5f
}
.form-group.has-success:not(.js-emptyFiles):before{
    display:none
}
.form-group.has-success:not(.js-emptyFiles):after{
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    height:12px;
    width:16px
}
.form-group--inline{
    margin-right:10px
}
.flex-1{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}
@media screen and (max-width:767px){
    .flex-1{
        margin-right:0
    }
}
.flex-2{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
@media screen and (max-width:1023px){
    .flex-2{
        margin-right:0
    }
}
@media screen and (max-width:767px){
    .flex-2{
        margin-top:15px
    }
}
.flex-3{
    -webkit-box-ordinal-group:4;
    -ms-flex-order:3;
    order:3;
    margin-right:0
}
@media screen and (max-width:1023px){
    .flex-3{
        -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
        order:4;
        margin-top:10px
    }
}
@media screen and (max-width:767px){
    .flex-3{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3;
        margin-top:15px
    }
}
.flex-4{
    -webkit-box-ordinal-group:5;
    -ms-flex-order:4;
    order:4;
    -ms-flex-negative:0;
    flex-shrink:0
}
@media screen and (max-width:1023px){
    .flex-4{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3;
        width:calc(50% + 5px);
        padding-right:10px
    }
    .flex-4 br{
        display:none
    }
}
@media screen and (max-width:767px){
    .flex-4{
        -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
        order:4;
        width:100%;
        padding:0
    }
}
.js-thx{
    color:#000;
    display:none;
    font-size:18px;
    padding:15px 0;
    width:100%
}
.js-delay{
    display:block
}
.thx--contact-page{
    max-width:600px;
    margin:0 auto;
    text-align:center;
    width:100%
}
@media screen and (max-width:1023px){
    .form--home{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        width:100%
    }
}
.form--home .form-group{
    margin:15px 0 0
}
@media screen and (max-width:1023px){
    .form--home .form-group{
        margin:15px 0 0
    }
}
.form--contact{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:0 auto;
    max-width:800px;
    width:100%;
    display:none
}
.form--contact .form-group{
    margin-bottom:15px;
    margin-right:0
}
.form--contact .no-validation-icon{
    margin-bottom:0;
    width:100%
}
.form--contact .no-validation-icon:after{
    display:none
}
.form--contact-page{
    max-width:600px;
    margin:0
}
.form-spinner{
    margin:0 auto;
    width:50px;
    height:40px;
    text-align:center;
    font-size:10px;
    opacity:0;
    -webkit-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out
}
.form-spinner>div{
    background-color:#0072f6;
    height:100%;
    width:6px;
    display:inline-block;
    -webkit-animation:form-spinner 1.2s infinite ease-in-out;
    animation:form-spinner 1.2s infinite ease-in-out
}
.form-spinner.js-show{
    opacity:1
}
.form-spinner .rect2{
    -webkit-animation-delay:-1.1s;
    animation-delay:-1.1s
}
.form-spinner .rect3{
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
.form-spinner .rect4{
    -webkit-animation-delay:-.9s;
    animation-delay:-.9s
}
.form-spinner .rect5{
    -webkit-animation-delay:-.8s;
    animation-delay:-.8s
}
@-webkit-keyframes form-spinner{
    0%,40%,to{
        -webkit-transform:scaleY(.4);
        transform:scaleY(.4)
    }
    20%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1)
    }
}
@keyframes form-spinner{
    0%,40%,to{
        -webkit-transform:scaleY(.4);
        transform:scaleY(.4)
    }
    20%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1)
    }
}


.form-group.innerpage input[type=text] {
    padding: 0 0px 0 20px;
}
.form-group.innerpage{
    padding: 0px;
}
.form-group.submitinner{
        padding: 0px;
}