/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u,
i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table,
caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details,
embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby,
section, summary,time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: 100;
    font: inherit;
    vertical-align: baseline;
}

@font-face {
    font-family: 'Sylfaen';
    font-style: normal;
    font-weight: normal;
    src: local('!*a='), url('../fonts/sylfaen.ttf') format('truetype');
}
body{
    font-family: 'Sylfaen';
    padding: 0; margin: 0 auto;
    height: auto;
    position: relative;
    background: url(../images/body_fon.png) 0px 0px repeat;
    z-index: 100;
}
a{
    font: 24px/24px 'Sylfaen', Arial,san sarif;
    letter-spacing: 0px;
    color:#fff;
    text-decoration: none;
    cursor :pointer;
}
p, li{
    font: 14px/21px 'Sylfaen', Arial, Tahoma, san sarif;
    color: #414141;
}
.container {
    _outline:1px solid #ff0000;
}

/* main */
.main_wrap {
    padding: 0;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 100;
    background:	url(../images/main_wrap.png) 0px center no-repeat;
    background-size: 100%;
}
.main_wrap .container{
    _background:	url(../images/main_wrap.png) 0px center no-repeat;
    _background-size: auto;
    z-index: 100;
}
.main {
    padding: 25% 0 0;
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 900px;
    background:	url(../images/main.png) center 18% no-repeat;
    z-index: 100;
    color: #fff
}
.main_1 {
    padding: 0 48px 0 0;
    text-align: right;
    background:	url(../images/main_1.png) right 30% no-repeat;
}
.main_11 {
    margin: 5px 32px -25px 0px;
    font-size: 52px;
}
.main_12 {
    font-size: 30px;
}
.main_14 {
    font-size: 24px;
    margin: 30px 22px 40px;
    line-height: 29px;
}
.main_15 {
    cursor: pointer;
    font-size: 20px;
    border: 1px solid #868686;
    width: 270px;
    float: right;
    margin-right: 21px;
    padding: 12px 0px;
    text-align: center;
    color: #868686;
    background-color: rgba(0,0,0,0.3)
}
.main_15:hover {
    background-color: rgba(0,0,0,0.9);
    color: #fff;
}


.main_2 {
    padding: 14px 250px 0 64px;
}
.main_21 {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 29px;
}

/* main end*/

/* Форма */
.forma_wrap {
    display: none;
    border: 1px solid rgba(255,255,255,0.5);
    margin: 22px auto;
    width: 760px;
    _height: 340px;
    padding: 20px 39px;
    position: relative;
    background-color: rgba(0,0,0,0.3);
}
.forma_wrap .forma_close {
    width: 31px;
    height: 27px;
    position: absolute;
    right: 15px;
    top: 15px;
    background:	url(../images/forma_close.png) 0 0 no-repeat;
}
.forma_wrap .forma_close:hover {
    background:	url(../images/forma_close_hover.png) 0 0 no-repeat;
}
.forma_wrap .forma_tile {
    font-size: 30px;
    text-align: center;
    margin: 13px 0 41px;
}
.forma_wrap form {
    display: grid;
    grid-template-columns: 40% 54.5%;
    grid-template-rows: 52px 52px 52px;
    grid-column-gap: 37px;
    grid-row-gap: 18px;
}
.forma_wrap form input,
.forma_wrap form textarea{
    background-color: transparent;
    border: 1px solid rgba(255,255,255,0.5);
    padding: 0 0 5px 25px;
    color: rgba(255,255,255,0.5);
    font-size: 20px;
}
.forma_wrap form input[name="Name"] {
    grid-column: 1;
    grid-row: 1/2;
}
.forma_wrap form input[name="Email"] {
    grid-column: 1;
    grid-row: 2/3;
}
.forma_wrap form input[type='submit'] {
    grid-column: 1;
    grid-row: 3/4;
    padding: 0 0 5px 0;
    background-color: rgba(128,77,48,0.5);
}
.forma_wrap form input[type='submit']:hover {
    background-color: rgba(128,77,48,0.9);
    color: #fff;
}
.forma_wrap form textarea{
    grid-column: 2;
    grid-row: 1/3;
    overflow: hidden;
    padding-top: 9px;
}
input[type=text]::-webkit-input-placeholder {color: rgba(255,255,255,0.5);}
input[type=text]::-moz-input-placeholder {color: rgba(255,255,255,0.5);}
input[type=text]::-o-input-placeholder {color: rgba(255,255,255,0.5);}

textarea::-webkit-input-placeholder {color: rgba(255,255,255,0.5);}
textarea::-moz-input-placeholder {color: rgba(255,255,255,0.5);}
textarea::-o-input-placeholder {color: rgba(255,255,255,0.5);}

.forma_wrap form .capcha{
    background:	url(../images/capcha.png) 0 0 no-repeat;
}
/* Форма end*/

/* Сообщение end*/
.message_wrap {
    display: none;
    border: 1px solid rgba(255,255,255,0.5);
    margin: 22px auto;
    width: 522px;
    height: 244px;
    padding: 32px 100px;
    position: relative;
    background-color: rgba(0,0,0,0.3);    
}
.message_wrap .message {
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 37px;
    margin-bottom: 43px;
}
.message_wrap .message_ok  {
    margin: 0 auto;
    cursor: pointer;
    font-size: 20px;
    border: 1px solid #868686;
    width: 107px;
    padding: 4px 0px;
    text-align: center;
    color: #868686;
    background-color: rgba(0,0,0,0.3)
}
.message_wrap .message_ok:hover {
    background-color: rgba(0,0,0,0.9);
    color: #fff;
}
/* Сообщение end*/

/* Иконки соцсетей */
.main_3 {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100%;
    margin-top: 22px;
    display: none;
}
.main_3 .main_31 {
    margin-right: 25px;
    width: 34px;
    height: 34px;
    background:	url(../images/main_31.png) 0 0 no-repeat;
}
.main_3 .main_31:hover {
    background:	url(../images/main_31_hover.png) 0 0 no-repeat;
}
.main_3 .main_32{
    width: 34px;
    height: 34px;
    background:	url(../images/main_32.png) 0 0 no-repeat;
}
.main_3 .main_32:hover {
    background:	url(../images/main_32_hover.png) 0 0 no-repeat;
}
/* Иконки соцсетей end*/

/* фон исходника*/
.fon{
    width: 1440px; height: 1000px;
    position: absolute;
    left: 150px; top: 0px;
    background:	url(../jpg/Перемена_Главная_soc.png) 0px top no-repeat;
    opacity: .6;
    z-index:0;
}
#recaptcha1 {
    transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform: scale(0.85, 0.7);
    -moz-transform: scale(0.85, 0.7);
    _-webkit-transform: scale(0.85, 0.7);
    -o-transform: scale(0.85, 0.7);
}
.clearfix:after {
    content:"";
    clear:both;
    display:block;
}
.clear{
    clear:both;
}

/* 1170px */
@media (max-width: 1439px){
.main_wrap {
    background:	url(../images/main_wrap.png) 0px center no-repeat;
    background-size: auto;
}    
.main {
    background: url(../images/main.png) center 5% no-repeat;
}
.main_1, .main_2 {
   margin-top: 50px;
}
.main_2 {
    padding: 14px 120px 0 64px;
}
}

/* 970px */
@media (max-width: 1200px){
.forma_wrap {
    margin: 70px auto;
}
}

/* 750px */
@media (max-width: 991px){
.main {
    background: url(../images/main.png) center 2% no-repeat;
}
.main_1{
    padding: 0 0 40px 0;
    margin-top: 60px;
    text-align: left;
    background: url(../images/main_11.png) center bottom no-repeat;
}
.main_15 {
    float: none;
    margin: 0 auto;
}
.main_2 {
    margin-top: 5px;
    padding: 14px 120px 0 0;
}
.forma_wrap {
    margin: 100px auto;
    width: 100%;
}
}

/* 100% */
@media (max-width: 767px){
.main_wrap .container {
    background: url(../images/main_wrap.png) 0px center no-repeat;
    background-size: auto 100%;
    z-index: 100;
}
.main {
    padding: 188px 0 0;
}
    .main_2 {
    padding: 14px 0 0;
}
}
@media (max-width: 600px){
.forma_wrap form {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 52px 52px 100px 52px 52px;
    grid-column-gap: 37px;
    grid-row-gap: 18px;
}
    .forma_wrap form input[name="Name"] {
    grid-column: 1;
    grid-row: 1/2;
}
.forma_wrap form input[name="Email"] {
    grid-column: 1;
    grid-row: 2/3;
}
.forma_wrap form input[type='submit'] {
    grid-column: 1;
    grid-row: 5/6;
    padding: 0 0 5px 0;
}
.forma_wrap form textarea{
    grid-column: 1;
    grid-row: 3/4;
    overflow: hidden;
    padding-top: 9px;
}
.forma_wrap form .capcha{
    grid-column: 1;
    grid-row: 4/5;
}
}
@media (max-width: 500px){
.main {
    background: url(../images/main.png) center 3% no-repeat;
    background-size: 45%;
}
.message_wrap {
    width: 100%;
    height: auto;
    padding: 20px 10px;
}
}
@media (max-width: 400px){
.main {
    background: url(../images/main.png) center 5% no-repeat;
    background-size: 50%;
}
}
@media (max-width: 350px){
.main_11 {
    margin: -50px auto -10px 0px;
    font-size: 46px;
    text-align: center;
}
}