@font-face {
    font-family:HelveticaThin;
    src: url(../fonts/helvetica/helv3thin.ttf);
}
@font-face {
    font-family:HelveticaLight;
    src: url(../fonts/helvetica/helv4light.ttf);
}
@font-face {
    font-family:Helvetica;
    src: url(../fonts/helvetica/helv5normal.ttf);
}
@font-face {
    font-family:HelveticaBold;
    src: url(../fonts/helvetica/helv7bold.ttf);
}

body{
    background-color: #EBF7FC;
    font-family:Helvetica;
}
h1 {
    font-size: 60px;
    margin-top: 30px;
    margin-bottom: 38px;
    font-family: Helvetica;
    text-align: left;
    font-weight: 100;
}
h2 {
    font-size: 30px;
    font-family: HelveticaBold;
    margin-bottom: 25px;
    margin-top: 27px;
}
p{
    font-size: 16px;
    color: #505064;
    margin: 0;
    font-weight: normal;
    line-height: 28px;
}
.wrap > .container {
    padding: 15px 15px 20px;
}
.header-title{
    font-size: 60px;
    margin-bottom:38px;
    font-family:HelveticaThin;
}
.color-blue{
    color: #03A9F4;
    font-family:Helvetica;
}
.header-desktop-img{
    margin-left: 5.5%;
}
.header-desktop-img img,
.header-mobile-img img{
    margin: 0 auto;
}
.header-mobile-img{
    display: none;
}
.main-header {
    margin-bottom: 40px;
    color: #505064;
}
.main-header h2{
    font-size: 30px;
    font-family:HelveticaBold;
    margin-bottom: 25px;
    margin-top: 27px;

}
.main-header p{
    font-size: 20px;
    margin-bottom: 25px;
}
.btn-request,
.btn-api{
    width: 250px;
    height: 60px;
    font-size: 24px;
}
.btn-api a,.btn-request a{
    color: white;
    text-decoration: none;
}

.btn-request{
    float: right;
    color: #fff;
    background: #22B1F2;
    border-width: 1px;
    border-color: rgb(66, 165, 245);
    border-style: solid;
    border-radius: 6px;
    background-image: -moz-linear-gradient( 90deg, rgb(3,155,229) 0%, rgb(41,182,246) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(3,155,229) 0%, rgb(41,182,246) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(3,155,229) 0%, rgb(41,182,246) 100%);
    box-shadow: inset 0px 2px 1.96px 0.04px rgba(255, 255, 255, 0.25);

}
.btn-request:hover{
    color:white;
    background:  #22B1F2;
    /*    background-image: -webkit-linear-gradient( 90deg,  rgb(8, 164, 240) 0%, rgb(31, 169, 232) 100%);*/
    /*    background-image: -ms-linear-gradient( 90deg,  rgb(8, 164, 240) 0%, rgb(31, 169, 232)  100%);*/
}
.btn-api{
    background: #36364E;
    border-width: 1px;
    border-color: rgb(52, 52, 77);
    border-style: solid;
    border-radius: 6px;
    background-color: rgb(54, 54, 78);
    box-shadow: inset 0px 2px 1.96px 0.04px rgba(255, 255, 255, 0.25);
}
.btn-api:hover{
    color:white;
    background: #4d4065;
}

.block-title{
    font-size: 30px;
    font-family:HelveticaBold;
    margin-bottom: 20px;
    color:#505064;
}
.features{
    margin-bottom: 40px;
}
.features-block{
    font-size: 16px;
    margin-bottom: 20px;
}
.features-wrap{
    display: table-cell;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction:row ;
    -o-flex-direction:row ;
    flex-direction:row ;
    flex-wrap: wrap;
}
.sub-title{
    font-size: 22px;
    font-family:HelveticaBold;
}

.bullet{
    float: left;
    top: 8px;
    font-size: 12px;
    color:  #22B1F2;
}
.features-info{
    margin-left: 15px;
}
.contact-us p{
    font-size: 20px;
    color:#505064;
    margin: 0;
}

.contact-us form .form-group img{
    position: relative;
    top: -5px;
}

.alert-success {
    color: #6bad4c;
    background-color: #f1f7ee;
    box-shadow: 0px 10px 24px 6px rgba(54, 54, 78, 0.1);
    border-color: #f1f7ee;
}

.alert-error {
    color: #de3531;
    background-color: #ffe9e9;
    box-shadow: 0px 10px 24px 6px rgba(54, 54, 78, 0.1);
    border-color: #ffe9e9;
}


.contact-us-header{
    margin-bottom: 20px;
}

/*form*/
form {
    padding: 50px;
    background: white;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 24px 6px rgba(54, 54, 78, 0.1);
}
.message{
    margin-bottom: 30px;
}
textarea{
    resize: vertical;
    min-height: 110px;
}
.form-block{
    width: 47%;
    float: left;
    margin-bottom: 30px;
}
.form-block:nth-child(odd){
    float: right;
}
label{
    font-family:Helvetica;
    font-weight: normal;
    color: #36364e;
}
form div.required label.control-label:after {
    content:" * ";
}
.button{
    float: right;
    margin-bottom: 0;
}
.button .btn.disabled,
.button .btn[disabled],
.button fieldset[disabled] .btn{
    cursor: pointer;

    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    opacity: 1;
}
form button{
    width: 130px;
    height: 40px;
    font-size: 16px !important;
    color: #fff;
    /*    background: #22B1F2;*/
    color: #fff;
    border-width: 1px;
    border-color: rgb(66, 165, 245);
    border-style: solid;
    border-radius: 6px;
    /*    background:linear-gradient( 90deg, rgb(3,155,229) 0%, rgb(41,182,246) 100%);*/
    background-image: -moz-linear-gradient( 90deg, rgb(3,155,229) 0%, rgb(41,182,246) 100%) !important;
    background-image: -webkit-linear-gradient( 90deg, rgb(3,155,229) 0%, rgb(41,182,246) 100%) !important;
    background-image: -ms-linear-gradient( 90deg, rgb(3,155,229) 0%, rgb(41,182,246) 100%) !important;
    box-shadow: inset 0px 2px 1.96px 0.04px rgba(255, 255, 255, 0.25);
}
form button:hover{
    color:white;
    background: #217296;
    background-image:linear-gradient( 90deg, rgb(41,182,246) 0%, rgb(3,155,229) 100%) !important;
    background-image: -moz-linear-gradient( 90deg, rgb(41,182,246) 0%, rgb(3,155,229) 100%) !important;
    background-image: -webkit-linear-gradient( 90deg, rgb(41,182,246) 0%, rgb(3,155,229) 100%) !important;
    background-image: -ms-linear-gradient( 90deg, rgb(41,182,246) 0%, rgb(3,155,229) 100%) !important;
}
.btn.focus, .btn:focus, .btn:hover{
    color: #fff;
}
.form-control {
    border-color:#E0E0E0;
    box-shadow: none;
}

/*
.has-success .control-label{
    color: #03A9F4;
}
.has-success .form-control,
.has-success .form-control:focus{
    border-color: #03A9F4;
    box-shadow:none;
}
*/
.has-error .form-control,
.has-error .form-control:focus{
    border-color: #F44336;
    box-shadow:none;
}
.has-error .control-label{
    color: #F44336;
}
/*
.form-control:focus{
    box-shadow: none;
     border-color:#cecece;
}
*/
footer{
    margin: 50px 0;
}

#submit_block{
    clear:both;
    /*    margin-top: 35px;*/
}
.alert_style{
    border: 1px solid #f44336 !important;
}

footer a{
    color:#333;
}
footer a:hover,
footer a:focus,
footer a:active{
    text-decoration: none;
}

div #form-message{
    color:#F44336;
}
#form-message #success_page {
    color:rgb(66, 165, 245);
    text-align: center;
    font-size: 20px;

}

@media (max-width:768px){
    .header-desktop-img{
        display: none;
    }
    .header-mobile-img{
        display:block;
    }
    .block-title{
        font-size: 24px;
    }
    .main-header{
        margin-bottom: 60px;
    }
    .main-header-btn{
        margin: 0 auto;
        text-align: center;
    }
    .main-header h2{
        font-size: 24px;
    }
    .main-header p{
        font-size: 16px;
    }
    .btn-request{
        margin-bottom: 30px;
    }
    .btn-api,
    .btn-request{
        float: none;
    }
    .features{
        /*        margin-bottom: 10px;*/
    }
    .features-wrap{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .features-block{
        padding: 0;
        margin-bottom: 10px;
    }
    .sub-title{
        font-size: 18px;
    }
    .contact-us p{
        font-size: 16px;
    }
    form{
        padding: 25px;
        border-radius: 0;
    }
    .form-block{
        width: 100%;
    }
    .button{
        float: none;
        text-align: center;
    }
    .contact-us-header+div{
        padding: 0;
        margin: 0 -15px;
    }
    div #form-message{
        text-align: center;
        margin-bottom: 20px;
    }

}