/* Стили для затемнения фона */
    .popup-overlay {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: rgba(27, 27, 26, 0.7);
      z-index: 100;
    }
 
    /* Основные стили для всплывающего окна */
    .popWindow{
    display: none;
    background-color: #fff;
    border: 3px solid #0066b2;
    color: #fff;
    width: 90%;
    max-width: 960px;
    padding: 40px 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -520px;
    margin-top: -225px;
    text-align: center;
    box-shadow: 0 0 30px rgba(18, 17, 12, 0.5);
    height: 400px;
    }


.popWindow .man-bg {
    background: url(../img/man-bg.png) 0 0 no-repeat;
    height: 470px;
    position: absolute;
    width: 600px;
    z-index: 1;
    margin-left: -35px;
    margin-top: -30px;
    }

    /* Стили для адаптивности всплывающего окна */
    @media only screen and (max-width : 800px) {
      .popWindow {
        margin-left: -45%;
      }
    }
    /* Кнопка закрыть всплывающее окно */
    .close-btn {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 40px;
      line-height: 20px;
      cursor: pointer;
      color: #999;
      padding: 10px;
    }
    /* Просто текст */
    .subscribe_window .subcsribe-text {
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
    color: #005ea4;
    margin: 0 0 30px;
    position: relative;
    padding: 0 50px;
    z-index: 10;
    font-family: 'fedra_book';
    margin-left: 240px;
    }



 .subscribe_window .subcsribe-call {
       font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #464545;
    margin: 0 0 30px;
    position: relative;
    padding: 0 50px;
    z-index: 10;
    font-family: 'fedra_normal';
    margin-left: 240px;
    }



 /* Просто текст */
    .subscribe_window .subcsribe-text span {
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #565555;
    position: relative;
    z-index: 10;
    font-family: 'fedra_book';
    }


    /* Текст */
    .subscribe_window .req-fields {
      color: #676767;
      text-align: left;
    }
    /* Стили формы */
    .subscribe-form {
      width: 100%;
      max-width: 300px;
      margin: 0 auto;
      margin-left: 470px;
    }
    .subscribe-form div {
      position: relative;
    }
    .subscribe-form input {
      border: 1px solid #0062ab;
    width: 100%;
    font-family: 'fedra_light';
    font-size: 26px;
    line-height: 32px;
    padding: 5px 20px;
    margin-bottom: 20px;
    outline: none;
    background: #ffffff;
    color: #000;
    border-radius: 4px;
    margin-left: -20px;
    }
    .btnn {
      box-shadow: none;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-family: 'fedra_book';
    color: #fff;
    background: #0066b2;
    background: -moz-linear-gradient(top, #0066b2 0%, #005ca0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0066b2), color-stop(100%,#005ca0));
    background: -webkit-linear-gradient(top, #0066b2 0%,#005ca0 100%);
    background: -o-linear-gradient(top, #0066b2 0%,#005ca0 100%);
    background: -ms-linear-gradient(top, #0066b2 0%,#005ca0 100%);
    background: linear-gradient(to bottom, #0066b2 0%,#005ca0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066b2', endColorstr='#005ca0',GradientType=0 );
    }

.btn:hover {
	cursor: pointer;
	background: #037eda;
	background: -moz-linear-gradient(top,  #037eda 0%, #036dbc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#037eda), color-stop(100%,#036dbc));
	background: -webkit-linear-gradient(top,  #037eda 0%,#036dbc 100%);
	background: -o-linear-gradient(top,  #037eda 0%,#036dbc 100%);
	background: -ms-linear-gradient(top,  #037eda 0%,#036dbc 100%);
	background: linear-gradient(to bottom,  #037eda 0%,#036dbc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037eda', endColorstr='#036dbc',GradientType=0 );
}

.btn:active {
	background: #005ca0;
	background: -moz-linear-gradient(top,  #005ca0 0%, #0065b0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005ca0), color-stop(100%,#0065b0));
	background: -webkit-linear-gradient(top,  #005ca0 0%,#0065b0 100%);
	background: -o-linear-gradient(top,  #005ca0 0%,#0065b0 100%);
	background: -ms-linear-gradient(top,  #005ca0 0%,#0065b0 100%);
	background: linear-gradient(to bottom,  #005ca0 0%,#0065b0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ca0', endColorstr='#0065b0',GradientType=0 );
}



    .btnn:hover, .btnn:focus {
      background-color: #ffba00;
      color: #fff;
      text-decoration: none;
    }
    .subscribe-form .btnn {
          font-size: 24px;
    line-height: 34px;
    border: none;
    width: 340px;
    padding: 10px;
    font-weight: 700;
    text-align: center;
    outline: none;
    border-radius: 4px;
    height: 50px;
margin-left: -20px;
    }
    .subscribe-form .btnn:hover {
      background-color: #e6a700;
    }
    .subscribe-form .btnn i {
      font-size: 28px;
      margin-right: 7px;
    }
    .subscribe-form label {
      color: #716f6f;
    position: absolute;
    top: 12px;
    left: 5px;
    -webkit-transition: 0.28s;
    transition: 0.28s;
    font-family: 'fedra_light';
    }
    .subscribe-form label span {
      color: #ffba00;
    }
    .subscribe-form input:focus + label {
      left: -62px;
      font-size: 12px;
    }
    .subscribe-form input:invalid {
      box-shadow: none;
    }
    .subscribe-form input:valid {
      border: 1px solid #005da2;
    }
    .subscribe-form input:valid + label {
      left: -116px;
    font-size: 14px;
    }
    .subscribe-form input:invalid:not(:focus):not(:placeholder-shown) {
      border: 1px solid #d3362a;
    }
    .subscribe-form input:invalid:not(:focus):not(:placeholder-shown) + label {
      left: -62px;
      font-size: 12px;
    }
    @media only screen and (max-width : 480px) {
      .subscribe_window{
        top: 5%;
        margin-top: 0;
      }
      .subscribe_window .subcsribe-text{
        padding: 0;
      }
      .subscribe-form input:focus + label{
        left: 20px;
        top: -18px;
      }
      .subscribe-form input:valid + label{
        left: 20px;
        top: -18px;
      }
      .subscribe-form input:invalid:not(:focus):not(:placeholder-shown) + label{
        left: 20px;
        top: -18px;
      }
    }
 
    /* Стили для текста внутри благодарственного окна после успешной отправки */
    .thank_you_window .thank_you_title {
      font-family: "Titillium Web", sans-serif;
      color: #000;
      font-size: 32px;
      line-height: 50px;
      font-weight: 700;
      margin-bottom: 10px;
    }
    .thank_you_window .thank_you_body {
      font-family: "Titillium Web", sans-serif;
      color: #525151;
      font-size: 24px;
      font-weight: 400;
    }