body {
    margin: 0;
    padding: 0px;
    font-family: Arial;
    background: url("../images/bg.png");
}

::-webkit-input-placeholder {
    color: #FFFFFF;
    opacity: 1;
    font-size: 25px;
    font-weight: normal;
    font-family: Arial;
}

:-moz-placeholder { /* Firefox 18- */
    color: #FFFFFF;
    opacity: 1;
    font-size: 25px;
    font-weight: normal;
    font-family: Arial;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #FFFFFF;
    opacity: 1;
    font-size: 25px;
    font-weight: normal;
    font-family: Arial;
}

:-ms-input-placeholder {
    color: #FFFFFF;
    opacity: 1;
    font-size: 25px;
    font-weight: normal;
    font-family: Arial;
}

section {
    width: 100%;
    max-width: 977px;
    margin: 0 auto;
    margin-top: -119px;
}

img { max-width: 100%; }
header {
    width: 100%;
    max-width: 1267px;
    background: url("../images/header.png") no-repeat;
    background-size: 100% auto;
    text-align: center;
    height: 299px;
    margin: 0 auto;
}

header img {
    margin-top: 25px;
}

section .form {
    width: 368px;
    height: 371px;
    background: #00c1f3;
    text-align: center;
    float: left;
    border-radius: 15px;
}

section .form input {
    width: 85%;
    height: 54px;
    margin-top: 20px;
    background: transparent;
    border: 3px solid #02428e;
    border-radius: 15px;
    padding-right: 10px;
    /*margin-right: -10px;*/
    font-size: 25px;
    color: #FFF;
}

section .form .textForm {
    margin-top: 25px;
    margin-bottom: 12px;
    color: #FFF;
    font-weight: bold;
    font-size: 30px;
}

section .form button {
    width: 90%;
    height: 58px;
    background: #f2d211;
    cursor: pointer;
    color: #02428e;
     font-weight: bold;
    font-size: 33px;
    border: 0px;
    border-radius: 15px;
    margin-top: 23px;
}

section .right {
    float: right;
    height: 808px;
    width: 100%;
    max-width: 606px;
}

section .right .block {
    width: 279px;
    height: 321px;
    float: right;
    margin-right: 10px;
    margin-top: 12px;
}

footer {
    width: 100%;
    height: 90px;
    background: #FFF;
    float: right;

}

footer .rightLogo { float: right; margin-top: 30px;}
footer .logo { float: left; margin-top: -97px; margin-left: 47px;}
section .right .blockMobile { display: none; }
footer .text2 { margin-top: -28px; float: right; position: relative; margin-right: 15px;}
footer .dataPro { position: absolute; float: left; left: 25px; margin-top: -257px; }

section .form .tx { margin-top: 50px;}
@media screen and (max-width: 977px) {
    section .right .block { width: 200px; height: 230px; }
    section .right .block img { width: 200px; height: 230px;}
    section .right { width: 440px;     margin-top: -30px; margin-right: 30px;}
    header img { width: 437px;}

}


@media screen and (max-width: 840px) {
    body {
        background: url("../images/bgMobile.png");
    }
    header {
        background: url("../images/headerMobile.png") no-repeat;
        height: 366px;
        background-size: 100% auto;
    }

    section .form { width: 90%; margin: 0 auto; float: none; }
    section { margin-top: -229px;}
    section .right { width: 100%; text-align: center; height: auto; max-width:100%; margin-right: 0px; margin-top: 58px; }
    section .right .block { display: none; }
    section .right .blockMobile { display: block;}
    footer { margin-top: 125px;}
    header img { max-width: 90%;}
    footer .logo img { width: 200px; }
    footer .logo { margin-top: -87px;}
    footer .rightLogo img { width: 300px;}
    footer .rightLogo {
        position: absolute;}
    section .form .textForm { float: right; width: 100%; text-align: center;}


}

@media screen and (max-width: 500px) {
    /*footer .rightLogo img { width: 250px;}*/
    footer .dataPro { margin-top: -504px;}
    footer .text2 img { width: 130px;}
}

@media screen and (max-width: 420px) {
    footer .logo { margin-left: 1px;     margin-top: -76px;}
    footer .logo { width: 170px;}
    footer .rightLogo img { width: 250px;}
    section .form button { font-size: 27px; }
}