/*------------------ General settings ------------------*/
*{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: sans-serif;
}

h1,h2,h3,h4,h5,h6,p{
    margin: 0;
    padding: 0;
}

textarea{
	resize: none;
}

a{
    outline: none;
}

.row:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.row { display: inline-block; }
/* start commented backslash hack \*/
* html .row { height: 1%; }
.row { display: block; }
/* close commented backslash hack */

html,body{
    margin: 0;
    padding: 0;
}

body{
    overflow: hidden;
}

.wrapp{
    position: relative;
}

.content{
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
}

.content_block{
    padding: 50px 0;
}

/*__________________*************************************__________________*/

._float-left{float: left;}
._float-right{float: right;}

.p_text_osn{padding-top: 10px;font-size: 20px;color: #3d3d3d;}

.bl_txt_oglav{width: 100%;text-align: center;}
.h_text_oglav{display: inline;position: relative;font-size: 30px;}

._txt_oglav_bef_af1:before{
    position: absolute;
    content: '';
    width: 120px;
    height: 2px;
    top: 15px;
    left: 100%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    background-color: #000;
}

._txt_oglav_bef_af1:after{
    position: absolute;
    content: '';
    width: 120px;
    height: 2px;
    top: 15px;
    right: 100%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #000;
}

._txt_oglav_bef_af2:before{
    position: absolute;
    content: '';
    width: 120px;
    height: 2px;
    top: 15px;
    left: 100%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    background-color: #fff;
}

._txt_oglav_bef_af2:after{
    position: absolute;
    content: '';
    width: 120px;
    height: 2px;
    top: 15px;
    right: 100%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #fff;
}
/*__________________*************************************__________________*/

/*************___________ CLASSES  ___________*************/

._txt_center{text-align: center;}

._txt_uppercase{text-transform: uppercase;}

._margin_bottom1{margin-bottom: 10px;}
._margin_bottom2{margin-bottom: 40px;}

._font_weight1{font-weight: 600};
/*************___________  CLASSES END ___________*************/

/* fonts */

.fonts_sans-serif{font-family: sans-serif;}/*fonts*/

/* fonts END */

/*bg_fone */

.bg_fone-1{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9);}/*bg_fon1*/
.bg_fone-2{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8);}/*bg_fon2*/
.bg_fone-3{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);}/*bg_fon3*/
.bg_fone-4{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6);}/*bg_fon4*/
.bg_fone-5{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}/*bg_fon5*/

/*bg_fone END */

/* span color */

.sp_color1{color: #eb4540;}
.sp_color2{color: #ffffff;}
.sp_color3{color: #000000;}
.sp_color4{color: #bebebe;}

/* span color END */

.button_up{
    display: none;
    position: fixed;
    width: 50px;
    height: 50px;
    right: 20px;
    bottom: 90px;
    border-radius: 50%;
    background-image: url('../img/up-1.svg');
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    cursor: pointer;
    z-index: 10;
}

.button_up:hover{
    -webkit-box-shadow: 0 0 10px 2px #ea1f1f, inset 0 0 15px 5px #ea1f1f;
            box-shadow: 0 0 10px 2px #ea1f1f, inset 0 0 15px 5px #ea1f1f;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
/*------------------ General settings END ------------------*/


/*---------------------- POPAP FORM ----------------------*/

.popap_form{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.93);
    z-index: 999;
}

.popap_close{
    width: 110px;
    height: 40px;
    color: #fff;
    margin: 20px 0 0 20px;
    text-align: center;
    line-height: 80px;
    cursor: pointer;
    -webkit-transform: translateX(200%);
        -ms-transform: translateX(200%);
            transform: translateX(200%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

._add_popap_close{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.img_close,
.txt_close{
    float: left;
}

.img_close{
    width: 40px;
    height: 40px;
}

.img_close img{
    display: block;
    width: 100%;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

._add_close_img{
    -webkit-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
            transform: rotate(-360deg);
}

.txt_close{
    position: relative;
    width: 70px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    color: #b9b9b9;
    text-transform: uppercase;
}

.popap_close:hover .img_close img{
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
}

.form_login_center1{
    position: absolute;
    width: 350px;
    height: 260px;
    padding: 25px 25px 25px 25px;
    background-color: rgba(0, 0, 0, 0.08);
    border: 1px solid #ea1f1f;
    border-radius: 20px;
    top: 50%;
    left: 50%;
    margin-left: -175px;
    margin-top: -130px;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

._add_popap_form{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.inp_text1,
.inp_email1,
.inp_tel1{
    width: 100%;
    height: 40px;
    font-size: 17px;
    padding: 0 10px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    background-color: rgba(57, 57, 57, 0.71);
    outline: none;
    color: #fff;
}

.inp_text1:focus,
.inp_email1:focus,
.inp_tel1:focus{
    border: 1px solid #ea1f1f;
    -webkit-box-shadow: 0 0 10px 1px #ea1f1f, inset 0 0 10px 1px #ea1f1f;
            box-shadow: 0 0 10px 1px #ea1f1f, inset 0 0 10px 1px #ea1f1f;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
/* сдвиг placeholder-а вправо при фокусе*/
.inp_text1::-webkit-input-placeholder       {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_text1::-moz-placeholder                {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_text1:-moz-placeholder                 {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_text1:-ms-input-placeholder            {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_text1:focus::-webkit-input-placeholder {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_text1:focus::-moz-placeholder          {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_text1:focus:-moz-placeholder           {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_text1:focus:-ms-input-placeholder      {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}

/* сдвиг placeholder-а вправо при фокусе*/
.inp_email1::-webkit-input-placeholder       {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_email1::-moz-placeholder                {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_email1:-moz-placeholder                 {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_email1:-ms-input-placeholder            {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_email1:focus::-webkit-input-placeholder {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_email1:focus::-moz-placeholder          {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_email1:focus:-moz-placeholder           {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_email1:focus:-ms-input-placeholder      {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}

/* сдвиг placeholder-а вправо при фокусе*/
.inp_tel1::-webkit-input-placeholder       {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_tel1::-moz-placeholder                {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_tel1:-moz-placeholder                 {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_tel1:-ms-input-placeholder            {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_tel1:focus::-webkit-input-placeholder {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_tel1:focus::-moz-placeholder          {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_tel1:focus:-moz-placeholder           {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_tel1:focus:-ms-input-placeholder      {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}

.inp_submit1{
    display: block;
    width: 100%;
    height: 40px;
    font-size: 17px;
    background-color: #ea1f1f;
    border: none;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.inp_submit1:hover{
    background-color: rgba(167, 13, 13, 0.81);
}
/*---------------------- POPAP FORM END ----------------------*/


/*---------------------- popup_year ----------------------*/
.popup_year{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #191919;
    z-index: 999;
}
.popup_year-wrapp{
    position: absolute;
    width: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.popup_year-wrapp{
    color: #fff;
}
.popup_year-title{
    padding: 20px;
    text-align: center;
    background: #ea1f1f;
}
.popup_year-wrapp h3{
    margin: 15px 0;
    text-align: center;
}
/*---------------------- popup_year END ----------------------*/



/*____________________________________ *** PAGE index.html *** ____________________________________*/

/*------------------ header ------------------*/

header{
    position: relative;
    width: 100%;
    min-height: 500px;
    height: 100vh;
}

.header1{
    background-image: url('../img/header-2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.header2{
    background-image: url('../img/footer_fone1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.header3{
    background-image: url('../img/footer_fone2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.header4{
    background-image: url('../img/header4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.header__wrapp{
    height: 100vh;
    display: flex;
    align-items: center;
}

.header__container{
    width: 100%;
}

.header__title{
    font-size: 4vw;
    color: #fff;
    text-align: center;
}

.button{
    width: 100%;
    padding-bottom: 20px;
}

.next{
    position: absolute;
    width: 50px;
    height: 50px;
    cursor: pointer;
    -webkit-transform: translateX(-50%) rotate(90deg);
        -ms-transform: translateX(-50%) rotate(90deg);
            transform: translateX(-50%) rotate(90deg);
    bottom: 40px;
    left: 50%;
    border-radius: 50%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.next:hover{
    -webkit-box-shadow: 0 0 15px 2px #ea1f1f, inset 0 0 7px 5px #ea1f1f;
            box-shadow: 0 0 15px 2px #ea1f1f, inset 0 0 7px 5px #ea1f1f;
}

.next img{
    width: 100%;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}


/*------------------ header END ------------------*/




/*------------------ nav ------------------*/
.nav{
    position: absolute;
    width: 100%;
    background-color: rgba(8, 11, 15, 0.58);
    top: 0;
    left: 0;
    z-index: 2;
}

.bl_img{
    height: 80px;
}

.burger_menu{
    display: none;
    float: right;
    width: 50px;
    height: 50px;
    margin-top: 15px;
    margin-right: 5px;
}

.burger_menu img{
    
    width: 100%;
}

.inner-menu{
    padding: 15px;
}

.inner-menu_mobile{
    display: none;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    padding: 15px;
    z-index: 966;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

._add_inner-menu_mobile{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.close_inner-menu_mobile{
    display: none;
    width: 100%;
    height: 30px;
    margin-right: 0;
}

.close_block-inner-menu_mobile{
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
}

.close_block-inner-menu_mobile img{
    width: 100%;
}

.bl_img{
    float: left;
    width: 165px;
}

.bl_img a > img{
    width: 100%;
}

.menu_list{
    float: right;
    min-height: 50px;
}

.nav_a,
.nav_a_pay{
    float: left;
    display: block;
    margin-left: 30px;
    line-height: 50px;
    font-size: 20px;
    text-decoration: none;
    color: #a8a8a8;
    outline: none;
}

.nav_a{
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.nav_a:hover{
    color: #e3e3e3;
}
.nav_a.active{
    color: #e3e3e3;
}

.nav_a:before{
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    bottom: 5px;
    left: 0;
    background-color: #A93C39;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.nav_a:after{
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    bottom: 5px;
    right: 0;
    background-color: #A93C39;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.nav_a:hover::before,
.nav_a:hover::after{
    width: 50%;
}
.nav_a.active:before,
.nav_a.active:after{
    width: 50%;
}


.nav_a_pay{
    display: inline-block;
    position: relative;
    margin-left: 50px;
    padding: 0 15px;
    background-color: rgba(169, 60, 57, 0.27);
    text-transform: uppercase;
    color: #eb5652;
    z-index: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.nav_a_pay:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: #A93C39;
    z-index: -1;
    -webkit-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
}

.nav_a_pay:after{
    position: absolute;
    content: '';
    width: 99%;
    height: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid #A93C39;
    border-right: 1px solid #A93C39;
    -webkit-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
}

.nav_a_pay:hover::before{
    height: 100%;
    opacity: 1;
    -webkit-transition-delay: .3s;
         -o-transition-delay: .3s;
            transition-delay: .3s;
}

.nav_a_pay:hover::after{
    height: 100%;
}

.nav_a_pay:hover{
    color: #ffc8c8;
    -webkit-transition-delay: .7s;
         -o-transition-delay: .7s;
            transition-delay: .7s;
}

/*------------------ nav END ------------------*/


/*------------------ section ------------------*/
section{
    width: 100%;
}

.section_bg_fone1{
    position: relative;
    overflow-x: hidden;
    background-image: url('../img/bg_dla_raznux_vozrastov.JPG');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* SECTION 2 */
.circle-wrapp{
    display: flex;
    flex-wrap: wrap;
}

.circle_block-wrapp + .circle_block-wrapp{
    margin-left: 30px;
}
.circle_block{
    position: relative;
    width: 150px;
    height: 150px;
    text-align: center;
    background-color: rgba(196, 196, 196, 0.34);
    -webkit-box-shadow: 0 0 10px 5px rgba(124, 124, 124, 0.34);
            box-shadow: 0 0 10px 5px rgba(124, 124, 124, 0.34);
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.circle_block:hover{
    background-color: rgba(28, 28, 28, 0.87);
    -webkit-box-shadow: 0 0 10px 5px rgba(28, 28, 28, 0.87);
            box-shadow: 0 0 10px 5px rgba(28, 28, 28, 0.87);
    color: #fff;
}

.circle_block-wrapp:last-child{
    /* margin-right: 0; */
}

.circle_block:hover::before {
    content: '';
    position: absolute;
    border: 1px solid #ea1f1f;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    -webkit-animation: pulse 1.8s linear infinite;
            animation: pulse 1.8s linear infinite;
}

.circle_block:hover::after {
    content: '';
    position: absolute;
    border: 1px solid #ea1f1f;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    -webkit-animation: pulse 1.8s linear infinite;
            animation: pulse 1.8s linear infinite;
    -webkit-animation-delay: .5s;
            animation-delay: .5s;
    opacity: 0;
}

.text_all_block-pr{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.circle_block-desc{
    display: none;
}

@-webkit-keyframes pulse {
 0% {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
 }
 50% {
  opacity: 1;
 }
 100% {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  opacity: 0;
 }
}
@keyframes pulse {
 0% {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
 }
 50% {
  opacity: 1;
 }
 100% {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  opacity: 0;
 }
}

.circle_block h3{
    margin-top: 45px;
    margin-bottom: 7px;
}

.inner_wrapp1{
    width: 870px;
    margin: auto;
}

.info{
    color: #919191;
    font-size: 12px;
    margin-top: 5px;
}

.circle_push1,
.circle_push2,
.circle_push3,
.circle_push4,
.circle_push5{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(25, 25, 25);
    z-index: 3;
    cursor: pointer;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

._add_circle{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.h_circle{
    width: 100%;
    min-height: 50px;
    opacity: 0;
    margin-bottom: 15px;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

._add_h_circle{
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.h_circl_bl1,
.h_circl_bl2{
    float: left;
    min-height: 50px;
    line-height: 50px;
    border-bottom: 2px solid #ea1f1f;
    color: #fff;
}

.h_circl_bl1{
    width: 20%;
    min-height: 50px;
    text-align: center;
    background-color: #ea1f1f;
}

.h_circl_bl2{
    width: 80%;
    min-height: 50px;
    padding-left: 15px;
    background-color: #434343;
}

.p_circle_block{
    width: 100%;
    min-height: 100px;
    background-color: #434343;
    opacity: 0;
    color: #fff;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
    padding: 20px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

._add_p_circle_block{
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
/* animate click circle block */

/* animate click circle block end */

/* SECTION 2 END */

/* SECTION 3 */

.section_bg_fone3{
    background-image: url('../img/img_about_us1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bl_img_txt{
    width: 80%;
    min-height: 183px;
    margin-top: 30px;
    margin:30px auto;
    background: #ededed;
    border-bottom: 1px solid #ea1f1f;
    -webkit-box-shadow: 0 0 15px -4px #d3d3d3;
            box-shadow: 0 0 15px -4px #d3d3d3;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.bl_img_txt_option1{border-radius: 20px;}
.bl_img_txt_option2{border-radius: 0; padding: 30px;}

.bl_img_txt:hover{
    -webkit-box-shadow: 0 0 15px -4px #a5a5a5;
            box-shadow: 0 0 15px -4px #a5a5a5;
}

.bl_img_txt:first-child{
    margin-top: 0;
}

.inner_bl_img{
    /*---- float: left; ----*/
}
.bl_img_option1{width: 25%;}
.bl_img_option2{width: 50%;}


.inner_bl_img img{
    display: block;
    width: 100%;
}
.bl_img_option1 img{border-radius: 20px;}
.bl_img_option2 img{border-radius: 0;}


.bl_txt{
    /*---- float: left; ----*/
}
.bl_txt_option1{width: 75%;padding: 30px 10px 10px 30px;}
.bl_txt_option2{width: 50%;padding: 0}
/* SECTION 3 END */

/*_________________________***********************************_________________________*/
._padding-left{padding-left: 15px;}
._padding-right{padding-right: 15px;}
/*_________________________***********************************_________________________*/

/* SECTION 4 */

.section_bg_fone2{
    background-image: url('../img/bg_fone.JPG');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.inner_all{
    width: 100%;
    margin-bottom: 30px;
}

.inner_wrapp2{
    display: flex;
    justify-content: space-between;
}

.inner_all_block{
    /* float: left; */
    width: 216px;
    min-height: 100px;
    margin-left: 30px;
    text-align: center;
}

.inner_all_block:first-child{
    margin-left: 0;
}

.img_all_block1{
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: url('../img/sprite.png') -224px;
}

.img_all_block2{
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: url('../img/sprite.png') -307px -4px;
}

.img_all_block3{
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: url('../img/sprite.png') -146px;
}

.img_all_block4{
    width: 70px;
    height: 80px;
    margin: 0 auto;
    background: url('../img/sprite.png') -80px;
}

.img_all_block5{
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: url('../img/sprite.png') -2px;
}

.text_all_block h4{
    color: #fff;
    margin-bottom: 5px;
}

.inner_button{
    position: relative;
    width: 200px;
    height: 50px;
    color: #fff;
    border: 1px solid #fff;
    margin: 0 auto;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 50px;
    text-align: center;
    z-index: 1;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
    overflow: hidden;
}

.inner_button:hover{
    color: #000;
}

.inner_button:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background: rgba(255, 255, 255, 0.37);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: -1;
}

.inner_button:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: -1;
}

.inner_button:hover::before{
    left: 0;
}

.inner_button:hover::after{
    left: 0;
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
}

/* SECTION 4 END */


/* SECTION 5 */

.bl_slider{
    width: 85%;
    min-height: 200px;
    margin: 0 auto;
    margin-top: 30px;
}

.sl_block{
    position: absolute;
    width: 75px;
    height: 75px;
    background: #fff;
    top: 20px;
    left: 50%;
    border-right: 3px solid #eb4540;
    border-bottom: 3px solid #eb4540;
    -webkit-transform: translate(-50%) rotate(45deg);
        -ms-transform: translate(-50%) rotate(45deg);
            transform: translate(-50%) rotate(45deg);
}

.sl_block img{
    width: 100%;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

/***************************************** SLIDER *****************************************/
.sl_slide{
    position: relative;
    height: 350px;
    margin: 0 130px;
    outline: none;
    background-color: #ededed;
    -webkit-box-shadow: 0 0 50px 2px #6f6f6f;
            box-shadow: 0 0 50px 2px #6f6f6f;
}

.sl_slide:hover .sl_block img{
    -webkit-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
            transform: rotate(315deg);
}

.sl__text{
    position: absolute;
    width: 100%;
    top: 50%;
    padding: 20px;
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
    color: #fff;
}

.sl__zag{
    text-transform: uppercase;
    margin-bottom: 10px;
}

.sl__desc{
    color: #000;
}

.sl__zag, .sl__desc{
    text-align: center;
}

.slick-prev, .slick-next{
    z-index: 1001;
    width: 32px;
    height: 32px;
}

.slick-prev:before, .slick-next:before{
    font-size: 50px;
}

.slick-prev,
.slick-next{
    top: 170px;
}

.slick-prev{
    left: 25px;
}

.slick-next{
    right: 25px;
}

/* dots */
.slick-dots{
    position: relative;
    /*width: 500px;*/
    text-align: center;
    padding-left: 5px;
    padding-top: 20px;
}

.slick-dots li{
    width: 90px;
    height: 4px;
}

.slick-dots li button{
    width: 100%;
}

.slick-dots li button:before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #B71C1C;
    transition: .3s;
}

/*.slick-dots li.slick-active button{
}*/

.slick-dots li.slick-active button:before{
    width: 100%;
    height: 4px;
    opacity: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

/***************************************** SLIDER END *****************************************/


/* SECTION 5 END */


/*------------------ section END ------------------*/






/*------------------ footer ------------------*/
footer{
    width: 100%;
    min-height: 200px;
    background: #393939;
    background-image: url('../img/footer_fone/foot_fon-1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.inner_footer{
    width: 100%;
    min-height: 200px;
    border-bottom: 2px solid #ea1f1f;
}

.inner__foot1_form,
.inner__foot1_txt{
    min-height: 100px;
}

.inner__foot1_form{
}

/*--------------------- form ---------------------*/


.form_login_center2{
    width: 80%;
    height: 155px;
    padding: 25px 25px 25px 25px;
    background-color: rgba(0, 0, 0, 0.63);
    border: 1px solid #ea1f1f;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: 25px;
}

.form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.inp_text2,
.inp_email2,
.inp_tel2{
    width: 32%;
    height: 40px;
    font-size: 17px;
    padding: 0 10px;
    margin-bottom: 25px;
    border: 1px solid transparent;
    background-color: rgba(57, 57, 57, 0.57);
    outline: none;
    color: #fff;
}

.inp_text2:focus,
.inp_email2:focus,
.inp_tel2:focus{
    border: 1px solid #ea1f1f;
    -webkit-box-shadow: 0 0 10px 1px #ea1f1f, inset 0 0 10px 1px #ea1f1f;
            box-shadow: 0 0 10px 1px #ea1f1f, inset 0 0 10px 1px #ea1f1f;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
/* сдвиг placeholder-а вправо при фокусе*/
.inp_text2::-webkit-input-placeholder       {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_text2::-moz-placeholder                {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_text2:-moz-placeholder                 {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_text2:-ms-input-placeholder            {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_text2:focus::-webkit-input-placeholder {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_text2:focus::-moz-placeholder          {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_text2:focus:-moz-placeholder           {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_text2:focus:-ms-input-placeholder      {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}

/* сдвиг placeholder-а вправо при фокусе*/
.inp_email2::-webkit-input-placeholder       {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_email2::-moz-placeholder                {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_email2:-moz-placeholder                 {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_email2:-ms-input-placeholder            {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_email2:focus::-webkit-input-placeholder {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_email2:focus::-moz-placeholder          {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_email2:focus:-moz-placeholder           {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_email2:focus:-ms-input-placeholder      {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}

/* сдвиг placeholder-а вправо при фокусе*/
.inp_tel2::-webkit-input-placeholder       {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_tel2::-moz-placeholder                {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_tel2:-moz-placeholder                 {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_tel2:-ms-input-placeholder            {text-indent: 0px;   -webkit-transition: text-indent 0.3s ease;   -o-transition: text-indent 0.3s ease;   transition: text-indent 0.3s ease;}
.inp_tel2:focus::-webkit-input-placeholder {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_tel2:focus::-moz-placeholder          {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_tel2:focus:-moz-placeholder           {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}
.inp_tel2:focus:-ms-input-placeholder      {text-indent: 500px; -webkit-transition: text-indent 0.3s ease; -o-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease;}

.inp_submit2{
    display: block;
    width: 300px;
    height: 40px;
    font-size: 17px;
    background-color: #ea1f1f;
    border: none;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.inp_submit2:hover{
    background-color: rgba(167, 13, 13, 0.81);
}

/*--------------------- form END ---------------------*/

.inner_footer2{
    width: 100%;
    min-height: 82px;
    background-color: rgba(0, 0, 0, 0.9);
}

.inner__foot_txt,
.inner__foot_logo,
.inner__foot_mesend{
    float: left;
    height: 82px;
}

.inner__foot_logo{
    width: 20%;
}

.foot_logo_img{
    width: 160px;
}

.foot_logo_img img{
    width: 100%;
}

.inner__foot_txt{
    width: 60%;
    text-align: center;
}

.inner__foot_txt p{
    line-height: 82px;
    color: #ea1f1f;
    font-size: 20px;
}

.inner__foot_mesend{
    width: 20%;
}

.img-foot{
    float: right;
}

.img-foot img{
    width: 40px;
    margin-top: 20px;
    border-radius: 50%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.img-foot img:hover{
    -webkit-box-shadow: 0 0 10px 4px #ea1f1f;
            box-shadow: 0 0 10px 4px #ea1f1f;
}

/*------------------ footer END ------------------*/

/*____________________________________ *** PAGE index.html END *** ____________________________________*/


/*____________________________________ *** PAGE about_us.html *** ____________________________________*/

/* SECTION 2*/

.inner_wrapp3{
    width: 100%;
    margin: 0 auto;
}
.inner_wrapp3 .row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.inner_wrapp3 .row:after{
    display: none;
}

.inner_all_block2{
    min-width: 250px;
    width: 350px;
    min-height: 216px;
    padding: 10px;
    text-align: center;
}

.img_all_block1-1,
.img_all_block1-2,
.img_all_block1-3,
.img_all_block1-4,
.img_all_block1-5,
.img_all_block1-6{
    width: 75px;
    height: 100px;
    margin: 0 auto;
}

.img_all_block1-1{
    width: 100px;
    background: url(../img/sprite2.png) -70px;
    background-repeat: no-repeat;
}

.img_all_block1-2{
    background: url(../img/sprite2.png) -230px;
    background-repeat: no-repeat;
}

.img_all_block1-3{
    background: url(../img/sprite2.png) -607px;
    background-repeat: no-repeat;
}

.img_all_block1-4{
    background: url(../img/sprite2.png) -450px;
    background-repeat: no-repeat;
}

.img_all_block1-5{
    background: url(../img/sprite2.png) -525px 20px;
    background-repeat: no-repeat;
}

.img_all_block1-6{
    background: url(../img/sprite2.png) -300px;
    background-repeat: no-repeat;
}

/* SECTION 2 END */

/* SECTION 3 */

.big_bl{
    width: 100%;
    min-height: 150px;
    margin-bottom: 20px;
    background: #ac1313;
    padding: 30px;
    -webkit-transform:skewX(10deg);
        -ms-transform:skewX(10deg);
            transform:skewX(10deg);
    -webkit-box-shadow: 0 0 20px -4px #ac1313;
            box-shadow: 0 0 20px -4px #ac1313;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.big_bl:hover{
    -webkit-box-shadow: 0 0 20px 1px #670b0b;
            box-shadow: 0 0 20px 1px #670b0b;
}

.big_bl-img,
.big_bl-txt{
    float: left;
    -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
            transform: skewX(-10deg);
}

.big_bl-txt h2{
    color: #fff;
    margin-bottom: 10px;
}

.big_bl-txt p{
    color: #e0e0e0;
}

.big_bl-img{
    width: 30%;
}

.big_bl-img img{
    width: 100%;
}

.big_bl-txt{
    width: 70%;
    padding-left: 30px;
}

.bl_company{
    width: 1050px;
    min-height: 150px;
    margin: 0 auto;
}


.inner-bl_company{
    float: left;
    width: 350px;
    min-height: 212px;
    padding: 20px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.inner-bl_company:hover{
    -webkit-box-shadow: 0 0 18px -6px rgba(118, 118, 118, 0.92);
            box-shadow: 0 0 18px -6px rgba(118, 118, 118, 0.92);
}


.inn-img1{
    width: 238px;
    background: url('../img/sprite3.png') -515px;
    background-repeat: no-repeat;
}

.inn-img2{
    width: 290px;
    background: url('../img/sprite3.png') -233px;
    background-repeat: no-repeat;
}

.inn-img3{
    width: 190px;
    background: url('../img/sprite3.png') 0 10px;
    background-repeat: no-repeat;
}

.inn-img1,
.inn-img2,
.inn-img3{
    height: 100px;
    margin: 0 auto;
}

.inn-txt{
    width: 100%;
    text-align: center;
}

/* SECTION 3 END */

/*____________________________________ *** PAGE about_us.html END *** ____________________________________*/



/*____________________________________ *** PAGE contacts.html *** ____________________________________*/


/* HEADER */
.header_h1{
    margin-bottom: 10px;
}
.header_h1 span{
    color: #fff;
}

.header_h4{
    margin-bottom: 40px;
}

.button_write_to_us{
    position: relative;
    width: 200px;
    height: 50px;
    margin: 0 auto;
    margin-top: 40px;
    color: #fff;
    line-height: 50px;
    border: 1px solid rgba(136, 136, 136, 0.89);
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 1;
}

.button_write_to_us:hover{
    color: #000;
    -webkit-transition-delay: .4s;
         -o-transition-delay: .4s;
            transition-delay: .4s;
}

.button_write_to_us:before{
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    top: -1px;
    left: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: -1;
}

.button_write_to_us:hover::before{
    width: 100%;
}

.button_write_to_us:after{
    position: absolute;
    content: '';
    width: 0;
    height: 105%;
    top: -1px;
    right: 0;
    background: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: -1;
}

.button_write_to_us:hover::after{
    width: 100%;
    -webkit-transition-delay: .4s;
         -o-transition-delay: .4s;
            transition-delay: .4s;
}

.popap_form2{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.93);
    z-index: 999;
}

.form_login_center3{
    position: absolute;
    width: 350px;
    height: 410px;
    padding: 25px 25px 25px 25px;
    background-color: rgba(0, 0, 0, 0.08);
    border: 1px solid #ea1f1f;
    border-radius: 20px;
    top: 50%;
    left: 50%;
    margin-left: -175px;
    margin-top: -205px;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

._add_popap_form2{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.message_txt{
    width: 100%;
    color: #fff;
    font-size: 27px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ea1f1f;
}

.textarea1{
    width: 100%;
    height: 100px;
    font-size: 17px;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    background-color: rgba(57, 57, 57, 0.71);
    outline: none;
    color: #fff;
    margin-bottom: 15px;
}

.textarea1:focus{
    border: 1px solid #ea1f1f;
    -webkit-box-shadow: 0 0 10px 1px #ea1f1f, inset 0 0 10px 1px #ea1f1f;
            box-shadow: 0 0 10px 1px #ea1f1f, inset 0 0 10px 1px #ea1f1f;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

/* Изменение прозрачности placeholder-а при фокусе*/
.textarea1::-webkit-input-placeholder       {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.textarea1::-moz-placeholder                {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.textarea1:-moz-placeholder                 {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.textarea1:-ms-input-placeholder            {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.textarea1:focus::-webkit-input-placeholder {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.textarea1:focus::-moz-placeholder          {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.textarea1:focus:-moz-placeholder           {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.textarea1:focus:-ms-input-placeholder      {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}

/* HEADER END */

/* SECTION 1 */

.form_login_center4{
    float: left;
    width: 60%;
    min-height: 100px;
    padding: 0 50px;
    background: #fff;
}

.gr_in-1{
    padding: 25px;
    background: #eaeaea;
    background: #272727;
    border-radius: 20px;
}

.message_txt2{
    width: 100%;
    color: #fff;
    font-size: 27px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ea1f1f;
}

.ms_txt_p{
    margin-top: 10px;
    font-size: 20px;
}

.inp_text3,
.inp_email3,
.textarea2{
    width: 100%;
    height: 40px;
    font-size: 17px;
    padding: 0 10px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    background-color: rgb(255, 255, 255);
    outline: none;
    color: #000;
}

.textarea2{
    height: 170px;
    padding: 10px;
}

.inp_text3,
.inp_email3{
    float: left;
    width: 49%;
}

.inp_text3{
    margin-right: 2%;
}

.inp_text3:focus,
.inp_email3:focus,
.textarea2:focus{
    border: 1px solid #ea1f1f;
    -webkit-box-shadow: 0 0 10px 1px #ea1f1f, inset 0 0 10px 1px #ea1f1f;
            box-shadow: 0 0 10px 1px #ea1f1f, inset 0 0 10px 1px #ea1f1f;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

/* Изменение прозрачности placeholder-а при фокусе*/
.inp_text3::-webkit-input-placeholder       {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.inp_text3::-moz-placeholder                {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.inp_text3:-moz-placeholder                 {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.inp_text3:-ms-input-placeholder            {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.inp_text3:focus::-webkit-input-placeholder {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.inp_text3:focus::-moz-placeholder          {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.inp_text3:focus:-moz-placeholder           {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.inp_text3:focus:-ms-input-placeholder      {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}

/* Изменение прозрачности placeholder-а при фокусе*/
.inp_email3::-webkit-input-placeholder       {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.inp_email3::-moz-placeholder                {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.inp_email3:-moz-placeholder                 {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.inp_email3:-ms-input-placeholder            {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.inp_email3:focus::-webkit-input-placeholder {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.inp_email3:focus::-moz-placeholder          {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.inp_email3:focus:-moz-placeholder           {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.inp_email3:focus:-ms-input-placeholder      {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}

/* Изменение прозрачности placeholder-а при фокусе*/
.textarea2::-webkit-input-placeholder       {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.textarea2::-moz-placeholder                {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.textarea2:-moz-placeholder                 {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.textarea2:-ms-input-placeholder            {opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.textarea2:focus::-webkit-input-placeholder {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.textarea2:focus::-moz-placeholder          {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.textarea2:focus:-moz-placeholder           {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.textarea2:focus:-ms-input-placeholder      {opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}

.inp_submit3{
    display: block;
    width: 270px;
    height: 40px;
    font-size: 17px;
    background-color: #ea1f1f;
    border: none;
    color: #fff;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.inp_submit3:hover{
    background-color: rgba(167, 13, 13, 0.81);
}

.contacts_info{
    float: left;
    width: 40%;
    padding: 0 25px;
    min-height: 100px;
}

.contacts_info_block{
    padding: 25px;
    text-align: center;
    line-height: 40px
}
.contacts_info_block a{
    color: #000;
    transition: .3s;
}
.contacts_info_block a:hover{
    color: #ea1f1f;
    text-decoration: none;
}

.contacts_info_block:first-child{
    padding-top: 0;
}

.contacts_info_block:nth-child(2){
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.contacts_info_block p{
    font-size: 18px;
}
/* SECTION 1 END */

/*____________________________________ *** PAGE contacts.html *** ____________________________________*/

/*____________________________________ *** PAGE programs.html *** ____________________________________*/

/* SECTION 1 */

.programs{
    width: 1080px;
    min-height: 100px;
    margin: auto;
    margin-top: 30px;
}
.programs .row{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.programs .row:after{
    display: none;
}

.inner_programs{
    position: relative;
    width: 200px;
    min-height: 100px;
    margin-right: 20px;
    overflow: hidden;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}

.inner_programs:hover{
    -webkit-box-shadow: 0 0 20px -3px rgba(145, 36, 36, 0.71);
            box-shadow: 0 0 20px -3px rgba(145, 36, 36, 0.71);
}

.inner_programs:last-child{
    margin-right: 0;
}

.inner_programs img{
    display: block;
    width: 100%;
}

._programs_txt{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(145, 36, 36, 0.71);
    text-align: center;
    padding: 15px 10px; 
    top: 78%;
    left: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.inner_programs:hover ._programs_txt{
    top: 0;
}

._programs_txt h2{
    display: inline-block;
    padding: 5px 20px;
    font-size: 25px;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.img_programs{
    width: 30px;
    height: 30px;
    margin: auto;
}

.img_programs img{
    width: 100%;
}

.marg_prog_p{
    margin: 30px 0 10px 0;
}

._programs_txt p{
    color: #fff;
}

.button_block{
    position: absolute;
    width: 100%;
    bottom: 50px;
    left: 0;
}

.button_openForm{
    position: relative;
    width: 135px;
    height: 40px;
    margin: auto;
    color: #fff;
    border: 1px solid #fff;
    -webkit-transform: skewX(15deg);
        -ms-transform: skewX(15deg);
            transform: skewX(15deg);
    line-height: 39px;
    font-size: 18px;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    overflow: hidden;
    z-index: 1;
}

.button_openForm:hover{
    color: #000;
}

.button_openForm:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: -1;
}

.button_openForm:hover::before{
    left: 0;
}

.button_openForm:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    right: -100%;
    background: rgba(255, 255, 255, 0.43);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: -1;
}

.button_openForm:hover::after{
    right: 0;
}

.scew{
    display: block;
    -webkit-transform: skewX(-15deg);
        -ms-transform: skewX(-15deg);
            transform: skewX(-15deg);
}

/*******************************************/

/* SECTION 1 END */

/*____________________________________ *** PAGE programs END.html *** ____________________________________*/