/* montserrat-regular - cyrillic-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
    url('../fonts/montserrat-v14-cyrillic-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/montserrat-v14-cyrillic-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
html{
    box-sizing: border-box;
}
*, *:before, *:after{
    box-sizing: inherit;
}

body{
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 16px;
    line-height: 1.2;
    font-weight: normal;
    color: #000000;
}
.wrapper{
    max-width: 576px;
    margin: 0 auto;
}
/*.header{
    background: #ff9b5f;
}*/

/* header style start */

a.header_logo-link{
    width: 144px;
    height: 54.86px;
    left: 33px;
    top: 27px;
}
p.header_item{
    max-width: 202px;
    color: #f2ede3;
    font-size: 12px;
    margin-bottom: 12px;
}

.header_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    background: #003060;
    width: 576px;
    height: 109px;

}
/* header style end */

/* intro style start */
.intro{

    height: 1200px;
    max-width: 576px;
    margin: 0 auto;

}
.buttom_form_info{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
}
.main_nav {
    display: flex;
    flex-wrap: wrap;

    justify-content: space-around;
    width: 510px;
margin-left: 33px;
  top: 129px;


}
.main_nav-next{
    display: flex;
    flex-wrap: wrap;

    text-align: center;
}
.main_list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;


}
.main_item{
    width: 100px;
    height: 42px;
    margin-left: 3px;
    margin-right: 2px;
    margin-top: 43px;
    display: flex;
    align-items: center;

    text-align: center;
}
.main_line{
    width: 1px;
    height: 42px;
    margin-left: 3px;
    margin-right: 2px;
    margin-top: 43px;
    display: flex;
    align-items: center;

    text-align: center;
}
.main_link{

    display: flex;

    text-transform: uppercase;
    color: #333333;
    text-decoration: none;
}
.main_link:hover, .main_link:focus, .main_link:active{
    opacity: .75;
}
.buttom-form_sub_2{
    width: 170px;
    height: 45px;

    background-size: 20px;

;
    margin-top: 43px;
    background: #FF0000;
    box-shadow: 0px 0px 7.61532px rgba(0, 0, 0, 0.09);
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}
.main_cash{
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 20px;
   margin-top: 50px;
    margin-left: 25px;
    margin-right: 25px;
    align-items: center;

    color: #404447;

}
.main_item-cash{
    margin-bottom: 22px;
}
.canvas {
    width: 510px;
    height: 227px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
    margin-left: 33px;
    text-align: center;
    align-items: center;
    margin-right: auto;
    border-width: 1px;
    border-style: solid;
    color: #E0E0E0;
}
div.circle{
    font-size: 24px;
    color: #000000;
}
.circles-text{
    font-size: 30px;
}
.main_nav-next{
    margin-left: 33px;
    color: #E0E0E0;

}
.main_item-next{
    border-width: 1px;
    border-style: solid;
    margin-top: 5px;
    align-items: center;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 510px;
    height: 77px;
    left: 33px;
}
.main_link-next{

    margin-left: 53px;
    margin-right: 53px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    width: 510px;
    /* Gray 1 */

    flex-wrap: wrap;
    align-content: center;
    color: #333333;
    text-decoration: none;
}
.main_link-next:hover, .main_link-next:focus, .main_link-next:active{
    opacity: .75;
}
.main_pay{
margin-top: 30px;
    margin-left: 30px;

    display: flex;

    font-style: normal;
    font-weight: 600;
    font-size: 16.8863px;
    line-height: 21px;

    color: #404447;
}
.input_buttom{
    margin-left: 50px;
}

/* intro style end */

/* futter style start */
.futter_1{
    margin-top: 45px;
    margin-left: 145px;
    margin-right: 53px;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height */

    display: flex;
    align-items: center;
    text-align: center;

    /* Разворачивающиеся окна */

    color: #000E1C;
}
.futter_2{
    margin-top: 25px;
    margin-left: 105px;
    margin-right: 53px;
    font-size: 16px;
    line-height: 20px;

    display: flex;
    align-items: center;
    text-align: center;



    color: #000E1C;
}

.futter_wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;

    height: 109px;
}
.futter_logo-link{
    margin-right: 10px;
}
