﻿/* font-family: "RobotoRegular"; */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face {
    font-family: "RobotoRegular";
    src: url("../fonts/RobotoRegular/RobotoRegular.eot");
    src: url("../fonts/RobotoRegular/RobotoRegular-1.eot") format("embedded-opentype"),
    url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
    url("../fonts/RobotoRegular/RobotoRegular.bin") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "RobotoLight"; */
@font-face {
    font-family: "RobotoLight";
    src: url("../fonts/RobotoLight/RobotoLight.eot");
    src: url("../fonts/RobotoLight/RobotoLight-1.eot") format("embedded-opentype"),
    url("../fonts/RobotoLight/RobotoLight.woff") format("woff"),
    url("../fonts/RobotoLight/RobotoLight.bin") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "RobotoMedium"; */
@font-face {
    font-family: "RobotoMedium";
    src: url("../fonts/RobotoMedium/RobotoMedium.eot");
    src: url("../fonts/RobotoMedium/RobotoMedium-1.eot") format("embedded-opentype"),
    url("../fonts/RobotoMedium/RobotoMedium.woff") format("woff"),
    url("../fonts/RobotoMedium/RobotoMedium.bin") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "RobotoBold"; */
@font-face {
    font-family: "RobotoBold";
    src: url("../fonts/RobotoBold/RobotoBold.eot");
    src: url("../fonts/RobotoBold/RobotoBold-1.eot") format("embedded-opentype"),
    url("../fonts/RobotoBold/RobotoBold.woff") format("woff"),
    url("../fonts/RobotoBold/RobotoBold.bin") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "futuralight";
    src: url("../fonts/futuralight/futuralight.eot");
    src: url("../fonts/futuralight/futuralight-1.eot") format("embedded-opentype"),
    url("../fonts/futuralight/futuralight.bin") format("truetype");
}

@font-face {
    font-family: "bip";
    src: url("../fonts/bip/bip_regular.eot");
    src: url("../fonts/bip/bip_regular-1.eot") format("embedded-opentype"),
    url("../fonts/bip/bip_regular.woff") format("woff"),
    url("../fonts/bip/bip_regular.bin") format("truetype");
}

.clear {
    clear: both;
}

img {
    max-width: 100%;
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: none !important;
}

a:hover {
    text-decoration: none;
}

html, body {
    padding: 0;
    margin: 0;
    min-height: 100%;
    font-family: "RobotoRegular";
    font-size: 16px;
/*    scroll-behavior: smooth;
    overflow-y: scroll;
    -webkit-overflow-scrolling: auto;*/
    /*height: 100%;*/
}

header {
    width: 100%;
    min-height: 100%;
    background: url('../img/tiger.png') no-repeat center top;
    background-size: cover;
    background-position: center 60% !important;
}

.header_catalog {
    width: 100%;
    min-height: 100%;
    background: url('../img/catalog-background.png') no-repeat center top;
    background-size: cover;
    background-position: 0px;
}

.header_404 {
    width: 100%;
    min-height: 100%;
    background: url('../img/head404.png') no-repeat center top;
    background-size: cover;
    background-position: 0px;
}

.container1 {
    max-width: 1200px;
    margin: 0px auto;
    position: relative;
}

#about {
    width: 100%;
    min-height: 100%;
    background: url('../img/about_bg.png') no-repeat center top;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 100%;
}

#logo {
    width: 149px;
    height: 149px;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    margin: 0px auto;
    -webkit-box-shadow: 1px 2px 9px 1px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 1px 2px 9px 1px rgba(0, 0, 0, 0.38);
    box-shadow: 1px 2px 9px 1px rgba(0, 0, 0, 0.38);
    left: 50%;
    margin-left: -74.5px;
    z-index: 5;
}

#logo a {
    display: block;
    width: 100%;
    height: 100%;
}

#logo img {
    width: 73px;
    height: 95px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -36.5px;
    margin-top: -47.5px;
}

.left_menu {
    float: left;
    width: auto;
    height: 149px;
    line-height: 105px;
}

.menu {
    float: left;
    /*text-transform: lowercase;*/
    color: #fff;
    font-family: "futuralight";
    font-size: 18px;
}

.menu img {
    margin-right: 9px;
    margin-top: -1px;
}

.menu:hover {
    color: #fff;
}

form.search {
    width: 126px;
    height: 20px;
    float: left;
    margin-left: 27px;
}

form.search input[type="text"] {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff;
    background: url('../img/search.png') no-repeat 0px;
    padding-left: 17px;
    font-family: "futuralight";
    color: #fff;
    font-size: 16px;
}

ul.submenu {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 27px;
}

ul.submenu li {
    float: left;
    margin-left: 10px;
}

ul.submenu li:first-child {
    margin-left: 0px;
}

ul.submenu li a {
    color: #fff;
    font: 18px "futuralight";
}

ul.submenu li a:hover {
    border-bottom: 1px dashed #fff;
}

.left_menu_black ul.submenu li a:hover {
    border: none;
}

.another_color_left ul.submenu li a:hover, .fp-viewing-4thpage .left_menu_black ul.submenu li a:hover {
    border-bottom: none;
}

.right_menu {
    float: right;
    width: auto;
    height: 149px;
    line-height: 105px;
}

.right_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.how_to_get {
    /* margin-top: -76px; 
		min-width:175px;*/
		text-align:right;
		float:left;
}

.mob_number a, .how_to_get a {
    font-family: "futuralight";
    font-size: 18px;
    color: #fff;
    text-shadow: 1px 1.732px 2px rgb(32, 32, 32);
}

.mob_number a img, .how_to_get a img {
    margin-right: 8px;
}

.how_to_get a span {
    border-bottom: 1px dashed #fff;
}

.how_to_get a:hover span {
    border-bottom: none;
}

.video {
    width: 920px;
    height: 460px;
    border: 1px solid #bbb5a6;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -230px;
    margin-left: -460px;
    z-index: 12;
}

.look_video {
    width: 100%;
    height: 100%;
    position: relative;
}

.close_videeo {
    background: url('../img/close_video.png') no-repeat;
    width: 18px;
    height: 18px;
    right: 0;
    top: 0;
    position: absolute;
    margin-top: -28px;
    margin-right: -28px;
    cursor: pointer;
    z-index: 10;
}

.close_videeo:hover {
    opacity: 0.5;
}

.click_look_video {
    width: 100%;
    height: 100%;
    position: absolute;
}

.click_look_video iframe {
    position: absolute;
    display: none;
}

.video_play {
    background: url("../img/playvideo.png") center center no-repeat;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -60px;
    opacity: 0.8;
    border: 6px solid #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -moz-border-radius: 120px 120px 120px 120px;
    -webkit-border-radius: 120px 120px 120px 120px;
    border-radius: 120px 120px 120px 120px;
    background-position: 36px 25px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer;
}

.video_play:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-box-shadow: 0px 0px 25px rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 0px 0px 25px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 0px 25px rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.2);
}

.video_div_opacity {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    z-index: -3;
}

.look_video img {
    width: 383px;
    height: 317px;
    position: relative;
    top: 50%;
    margin-top: -158.5px;
    margin-left: 5px;
}

.to_bot {
    width: 49px;
    height: 78px;
    background: url('../img/to-bot.png') no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -24.5px;
    bottom: 0;
    margin-bottom: 20px;
}

#about .col-md-6 {
    padding: 0;
}

.feldman_photo {
    width: 100%;
    height: 100%;
}

.feldman_photo img {
    width: 100%;
    height: 100%;
    max-height: 100%;
}

.fixed_menu {
    max-width: 1200px;
    width: 100%;
    z-index: 10;
    color: #fff;
}

.left_menu_black {
    position: absolute;
    z-index: 1;
    top: 40px;
}

.right_menu_black {
    position: absolute;
    z-index: 1;
    top: 40px;
    right: 0;
}

.left_menu_black a {
    color: #fff;
}

.another_color_left a, .fp-viewing-4thpage .left_menu_black a, .fp-viewing-lastPage .left_menu_black a {
    color: #231f20;
}

.left_menu_black .menu {
    background: url('../img/menu.png') no-repeat;
    padding-left: 32px;
    background-position-y: 1px;
}

.another_color_left .menu, .fp-viewing-4thpage .left_menu_black .menu, .fp-viewing-lastPage .left_menu_black .menu {
    background: url('../img/menu_black.png') no-repeat;
    padding-left: 32px;
    background-position-y: 1px;
    font-weight: bold;
}

.another_color_left a:hover, .fp-viewing-4thpage .left_menu_black a:hover, .fp-viewing-lastPage .left_menu_black a:hover {
    color: #231f20 !important;
}

.left_menu_black a:hover {
    color: #fff;
}

.left_menu_black ul.submenu li a {
    color: #fff;
    border-bottom: 1px dashed #fff;
}

.another_color_left ul.submenu li a, .fp-viewing-4thpage .left_menu_black ul.submenu li a, .fp-viewing-lastPage .left_menu_black ul.submenu li a {
    color: #231f20;
    font-weight: bold;
    border-bottom: 1px dashed #000;
}

.left_menu_black form.search input[type="text"] {
    color: #fff;
    border-bottom: 1px solid #fff;
    background: url('../img/search.png') no-repeat 0px;
    font-weight: bold;
}

.another_color_left form.search input[type="text"], .fp-viewing-4thpage .left_menu_black form.search input[type="text"], .fp-viewing-lastPage .left_menu_black form.search input[type="text"] {
    color: #231f20;
    border-bottom: 1px solid #231f20;
    background: url('../img/search_black.png') no-repeat 0px;
    font-weight: bold;
}

.right_menu_black .mob_number a {
    background: url('../img/phone.png') no-repeat;
    background-position-y: 6px;
    padding-left: 20px;
}

.another_color_right .mob_number a, .fp-viewing-4thpage .right_menu_black .mob_number a, .fp-viewing-lastPage .right_menu_black .mob_number a {
    background: url('../img/phone_black.png') no-repeat;
    background-position-y: 6px;
    padding-left: 20px;
}

.right_menu_black .mob_number a, .right_menu_black .how_to_get a {
    color: #fff;
}

.right_menu_black .how_to_get a {
    background: url('../img/bus.png') no-repeat;
    padding-left: 26px;
    background-position-y: 3px;
}

.another_color_right .how_to_get a, .fp-viewing-4thpage .right_menu_black .how_to_get a, .fp-viewing-lastPage .right_menu_black .how_to_get a {
    background: url('../img/bus_black.png') no-repeat;
    padding-left: 20px;
    background-position-y: 3px;
}

.another_color_right .mob_number a, .another_color_right .how_to_get a, .fp-viewing-4thpage .right_menu_black .mob_number a, .fp-viewing-4thpage .right_menu_black .how_to_get a, .fp-viewing-lastPage .right_menu_black .mob_number a, .fp-viewing-lastPage .right_menu_black .how_to_get a {
    color: #231f20;
    font-weight: bold;
}

.right_menu_black .how_to_get a span {
    border-bottom: 1px dashed #fff;
    /*padding-left: 6px;*/
}

.another_color_right .how_to_get a span, .fp-viewing-4thpage .right_menu_black .how_to_get a span, .fp-viewing-lastPage .right_menu_black .how_to_get a span {
    border-bottom: 1px dashed #231f20;
}

.right_menu_black .how_to_get a:hover span {
    border: none;
}

.about_ecopark {
    padding-top: 75px;
    padding-left: 63px;
    padding-right: 63px;
    width: 100%;
    height: 100%;
    color: #374054;
    line-height: 1.6;
}

.about_ecopark h3 {
    font-family: "RobotoBold";
    font-size: 18px;
    color: #374054;
    text-transform: uppercase;
    margin-top: 0;
}

.about_ecopark .desc {
    width: 292px;
    font-family: "RobotoBold";
    font-size: 16px;
    text-align: justify;
    color: #374054;
    padding: 47px 0px;
}

.right_menu_black .mob_number a, .right_menu_black .how_to_get a {
    text-shadow: none;
}

.about_ecopark p {
    font-family: "RobotoBold";
    margin-bottom: 0;
    line-height: 1.625;
}

.to_bot_black {
    background: url('../img/to-bot_black.png') no-repeat;
    width: 32px;
    height: 69px;
    position: absolute;
    left: 50%;
    margin-left: -17px;
    bottom: 0;
    margin-bottom: 20px;
}

#development {
    width: 100%;
    min-height: 100%;
    background: url(../img/development_bg.png) repeat-y center top #fff;
    position: relative;
    overflow: hidden;
    height: 100%;
    background-size: cover;
    background-position-y: 36px;
}

.container1 .col-md-6 {
    padding: 0;
    position: relative;
}

.development_title {
    font-size: 18px;
    color: #374054;
    font-family: "RobotoBold";
    text-transform: uppercase;
    text-align: center;
    padding-top: 75px;
}

.tabs__content {
    display: none;
}

.tabs__content.active {
    display: block;
    margin-top: 20px;
}

ul.years {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    margin-top: 60px;
}

ul.years li {
    float: left;
    cursor: pointer;
    background: #00739f;
    padding: 4.084% 3.86666%;
    color: #fff;
    font-size: 14px;
    font-family: "RobotoBold";
}

ul.years li:first-child {
    /*padding-left: 10%;*/
}

ul.years li:last-child {
    /*padding-right: 10%;*/
}

ul.years li.active, ul.years li:hover {
    background: url('../img/year_bg.png') no-repeat;
    background-size: cover;
}

.tabs___content {
    margin-top: 20px;
}

.tabs_content_left {
    width: auto;
    float: left;
}

.tabs_content_right {
    width: 54.1666%;
    float: right;
    padding-right: 38px;
}

.tabs_content_right_title {
    padding-top: 70px;
    padding-bottom: 30px;
    font-family: "RobotoBold";
    font-size: 14px;
    color: #374054;
}

.airball {
    background: url('../img/airball.png') no-repeat center top;
    width: 191px;
    height: 103px;
    position: relative;
    z-index: 1;
}

ul.tabs_content_menu {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: -3px;
}

ul.tabs_content_menu li {
    width: 191px;
    background: lightgrey;
    margin-top: 9px;
    text-align: center;
    padding: 10px 0;
}

ul.tabs_content_menu li:first-child {
    margin-top: 0;
}

ul.tabs_content_menu li a {
    display: block;
    color: #fff;
    font-family: "RobotoBold";
    font-size: 18px;
    outline: none;
}

ul.tabs_content_menu li:nth-child(1) {
    background: #3a6b58;
}

ul.tabs_content_menu li:nth-child(2) {
    background: #ee6c27;
}

ul.tabs_content_menu li:nth-child(3) {
    background: #52ba97;
}

ul.tabs_content_menu li:nth-child(4) {
    background: #921a43;
}

ul.tabs_content_menu li:nth-child(5) {
    background: #eec700;
}

ul.tabs_content_menu li:nth-child(6) {
    background: #ee6c27;
    height: 57px;
    line-height: 17px;
    padding-top: 10px;
}

ul.tabs_content_menu li:nth-child(1):hover, ul.tabs_content_menu li:nth-child(1).active, ul.tabs_content_menu li:nth-child(2):hover, ul.tabs_content_menu li:nth-child(2).active, ul.tabs_content_menu li:nth-child(3):hover, ul.tabs_content_menu li:nth-child(3).active, ul.tabs_content_menu li:nth-child(4):hover, ul.tabs_content_menu li:nth-child(4).active, ul.tabs_content_menu li:nth-child(5):hover, ul.tabs_content_menu li:nth-child(5).active {
    width: 225px;
    margin-left: -17px;
    padding: 12px 0;
}

ul.tabs_content_menu li:nth-child(1):hover, ul.tabs_content_menu li:nth-child(1).active {
    background: url('../img/button_hover_1.png') no-repeat;
    background-size: cover;
}

ul.tabs_content_menu li:nth-child(2):hover, ul.tabs_content_menu li:nth-child(2).active {
    background: url('../img/button_hover_6.png') no-repeat;
    background-size: cover;
}

ul.tabs_content_menu li:nth-child(3):hover, ul.tabs_content_menu li:nth-child(3).active {
    background: url('../img/button_hover_3.png') no-repeat;
    background-size: cover;
}

ul.tabs_content_menu li:nth-child(4):hover, ul.tabs_content_menu li:nth-child(4).active {
    background: url('../img/button_hover_4.png') no-repeat;
    background-size: cover;
}

ul.tabs_content_menu li:nth-child(5):hover, ul.tabs_content_menu li:nth-child(5).active {
    background: url('../img/button_hover_5.png') no-repeat;
    background-size: cover;
}

ul.tabs_content_menu li:nth-child(6):hover, ul.tabs_content_menu li:nth-child(6).active {
    width: 225px;
    height: 59px;
    padding-top: 11px;
    margin-left: -17px;
    background: url('../img/button_hover_6.png') no-repeat;
    background-size: cover;
}

.tree {
    display: block;
    margin: 0px auto;
    margin-top: 60px;
}

#services {
    width: 100%;
    min-height: 100%;
    background: url(../img/services_bg.png) no-repeat center top;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 100%;
    margin-top: -3px;
}

.border_solid {
    width: 100%;
    height: 1px;
    background: #c9c9c9;
    margin-top: 3px;
    position: relative;
    z-index: 1;
}

.services {
    width: 100%;
    height: 77px;
    margin-bottom: 23px;
}

.services img {
    width: 77px;
    height: 77px;
    float: left;
}

.services_title, .services_desc {
    margin-left: 97px;
}

.services_title {
    font-family: "RobotoMedium";
    font-size: 16px;
    color: #444f66;
    padding-top: 13px;
}

.services_desc {
    font-size: 14px;
    color: #444f66;
    padding-top: 3px;
    text-transform: lowercase;
    font-family: "RobotoRegular";
    line-height: 1.2;
}

.dev_title_mb {
    margin-bottom: 50px;
}

.look_all_services {
    position: relative;
    margin: 0px auto;
    display: block;
    margin-top: 37px;
    margin-bottom: 50px;
    width: 315px;
    height: 55px;
    border: none;
    background: url('../img/button_bg.png') no-repeat;
    background-size: cover;
    font-family: "RobotoMedium";
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    outline: none;
    padding-left: 15px;
    opacity: 0.81;
}

.look_all_services.look_all_project {
    margin-bottom: 0;
}

div.look_all_services_catalog {
    position: relative;
    margin: 0px auto;
    display: block;
    width: 315px;
    height: 55px;
    line-height: 55px;
    background: url('../img/button_bg.png') no-repeat;
    background-size: cover;
    font-family: "RobotoMedium";
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding-left: 30px;
    opacity: 0.81;
    margin-top: 34px;
    margin-bottom: 60px;
}

div.look_all_services_catalog:hover, .look_all_services:hover {
    opacity: 1;
    transition: .6s;
}

.services_open {
    margin-bottom: 30px;
}

.open_all_services {
    background: url('../img/open_all_services.png') no-repeat;
    width: 24px;
    height: 24px;
    float: right;
    margin-right: 28px;
    margin-top: -2px;
}

.open_all_services_catalog {
    background: url('../img/open_all_services.png') no-repeat;
    width: 24px;
    height: 24px;
    float: right;
    margin-right: 28px;
    margin-top: 16px;
}

#rules {
    width: 100%;
    min-height: 100%;
    background: url(../img/rules-bg.png) no-repeat center top;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 100%;
}

#rules .col-md-4 {
    padding: 0;
}

.rules_left, .rules_center {
    padding-top: 60px;
    color: #374054;
    font-family: "RobotoRegular";
}

.rules_left {
    font-family: "RobotoBold";
    font-size: 16px;
    padding-right: 137px;
    text-align: left;
}

.rules_left p {
    margin-bottom: 35px;
}

.rules_right {
    padding-top: 117px;
    color: #374054;
    font-family: "RobotoRegular";
}

.rules_center span {
    text-decoration: underline;
}

.rules_center {
    padding-right: 72px;
}

.rules_center p {
    margin: 0 0 6px;
    line-height: 1.6;
}

.rules_center_desc {
    padding-top: 60px;
    margin-bottom: 35px;
}

.rules_center_title {
    margin-bottom: 35px;
}

.rules_right p {
    margin: 0 0 6px;
    line-height: 1.6;
}

.bold_text_rules_right {
    font-family: "RobotoBold";
    padding-top: 138px;
}

#how_to_get {
    position: relative;
    width: 100%;
    height: auto;
    background: url('../img/howtoget_bg.png') no-repeat;
    background-size: cover;
    display: flex;
}

.hov_to_get_footer {
    width: 100%;
    height: 19px;
    background: url('../img/bg-map.png') no-repeat;
    background-size: cover;
    margin-bottom: -19px;
    position: relative;
    z-index: 5;
    display: none;
}

.how_to_get_title {
    padding-top: 70px;
    color: #fff;
    text-align: center;
    font-family: "RobotoBold";
    text-transform: uppercase;
    margin-bottom: 60px;
    font-size: 18px;
}

.how_to_get_left {
    font-family: "RobotoMedium";
    color: #fff;
    text-align: center;
}

.how_to_get_left p {
    font-family: "RobotoRegular";
    text-transform: uppercase;
    padding-bottom: 10px;
}

.how_to_get_right {
    color: #fff;
}

.how_to_get_title_2 {
    text-transform: uppercase;
    margin-top: 55px;
    color: #fff;
    text-align: center;
    font-family: "RobotoMedium";
    text-decoration: underline;
    margin-bottom: 55px;
}

.route1_title {
    width: 100%;
    height: 85px;
    background: rgba(0, 21, 55, .5);
}

.route2_title {
    width: 100%;
    height: 85px;
    background: rgba(0, 85, 10, .5);
}

.route3_title {
    width: 100%;
    height: 85px;
    background: rgba(199, 5, 5, .5);
}

.route4_title {
    width: 100%;
    height: 85px;
    background: rgba(30, 196, 204, .5);
}

.route1_title, .route2_title, .route3_title, .route4_title {
    color: #fff;
    text-transform: uppercase;
}

.route1_direction1 {
    width: 47%;
    float: left;
    text-align: right;
    padding-top: 12px;
    padding-right: 20px;
    font-size: 14px;
}

.route1_direction4 {
    width: 47%;
    float: left;
    text-align: right;
    padding-top: 14px;
    padding-right: 20px;
    font-size: 14px;
}

.route1_direction3 {
    width: 47%;
    float: left;
    text-align: right;
    padding-top: 22px;
    padding-right: 20px;
    font-size: 14px;
}

.route1_title img, .route2_title img, .route3_title img, .route4_title img {
    float: left;
    position: relative;
    top: 50%;
    margin-top: -16px;
}

.route1_direction2 {
    width: 30%;
    float: left;
    font-size: 14px;
    padding-top: 22px;
    padding-left: 20px;
}

.route1_title2 {
    width: 100%;
    height: 70px;
    background: #b2cbc7;
    line-height: 70px;
    text-align: center;
    text-transform: lowercase;
    font-size: 18px;
}

.cell_left, .cell_right {
    width: 50%;
    height: 30px;
    line-height: 30px;
    background: #fff;
    float: left;
    text-align: center;
    font-size: 14px;
}

.cell_left {
    background: rgba(255, 255, 255, 0.6);
}

.cell_right {
    background: rgba(255, 255, 255, 0.8);
}

.how_to_get_button {
    width: 100%;
    height: 107px;
    margin-top: 59px;
    background: rgba(255, 255, 255, 0.5);
    position: relative;
    line-height: 107px;
    text-align: center;
    margin-bottom: 78px;
}

.how_to_get_button:hover {
    background: rgba(255, 255, 255, 0.3);
}

.how_to_get_button a {
    display: block;
    height: 100%;
    font-family: "RobotoMedium";
    text-decoration: none;
    color: #000;
}

.how_to_get_button:hover a {
    color: #fff;
}

.how_to_get_button img {
    margin-right: 20px;
}

#map {
    width: 100%;
    height: 421px;
    display: none;
}

#map iframe {
    margin-top: 19px;
}

footer {
    width: 100%;
    max-height: 460px;
    height: 100%;
    padding-top: 62px;
    padding-bottom: 55px;
    background: url(../img/footer_background.png);
    position: relative;
    z-index: 1;
    background-size: cover;
}

.footer_menu {
    float: left;
    width: 15.8333%;
}

.footer_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer_menu ul li {
    line-height: 1.5;
}

.footer_menu ul li a {
    color: #fff;
    font-family: "futuralight";
    font-size: 18px;
}

.footer_menu ul li a:hover {
    border-bottom: 1px solid #bddfd6;
}

.footer_how_to_get {
    width: 18.5%;
    height: auto;
    float: left;
}

.click_open_map img {
    margin-right: 12px;
}

.click_open_map {
    color: #fff;
    font-family: "futuralight";
    font-size: 18px;
    cursor: pointer;
}

.click_open_map span {
    border-bottom: 1px solid #bddfd6;
    padding-bottom: 1px;
}

.click_open_map:hover span {
    border: none;
}

.footer_number {
    margin-top: 30px;
    margin-bottom: 40px;
    color: #fff;
    font-family: "futuralight";
    font-size: 18px;
}

.footer_number a {
    color: #fff;
}

.footer_number p {
    margin-top: 4px;
    margin-bottom: 7px;
}

.footer_social {
    margin-left: -13px;
}

#social {
    width: 65.6667%;
    float: left;
}

.footer_social_vk, .footer_social_fb, .footer_social_insta {
    float: left;
    width: 33.33%;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font: 26px "futuralight";
    color: #fff;
    box-sizing: border-box;
}

.footer_social_vk img, .footer_social_fb img, .footer_social_insta img {
    margin-top: -8px;
    margin-right: 16px;
}

.footer_social_vk_title {
    margin-bottom: 18px;
}

#dev {
    margin-top: 30px;
    text-align: center;
    font: 14px "futuralight";
    color: #fff;
}

#dev a {
    color: #fff;
    border-bottom: 1px dashed #fff;
    padding-bottom: 2px;
}

#dev a:hover {
    border: none;
}

.open_menu {
    max-width: 400px;
    position: relative;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
}

#languadge {
    float: left;
    margin-top: 18px;
    margin-left: 16px;
    font: 14px "RobotoRegular";
    color: #f7bf00;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #f5f5f5;
    padding: 13.5px;
    border-radius: 50%;
    position: absolute;
}

#languadge:hover {
    -webkit-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    transition: .6s;
}

.close_menu {
    width: 49px;
    height: 49px;
    float: right;
    background: url('../img/close_menu.png') no-repeat;
    margin-top: 18px;
    margin-right: 16px;
    cursor: pointer;
    position: absolute;
    right: 0;
}

.close_menu:hover {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    transition: .6s;
}

.menu_logotype {
    display: block;
    margin: 0px auto;
    /*padding-top: 30px;*/
}

.open_menu_hr {
    width: 75%;
    height: 1px;
    border-top: 1px dashed #cccccc;
    margin: 0px auto;
    margin-top: 20px;
}

.open_menu_bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url('../img/menu_background.png') no-repeat;
    background-size: cover;
    z-index: 130;
    display: none;
}

ul.omm {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-left: 25px;
}

ul.omm li {
    /*width: 246px;*/
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-left: 30px;
}

ul.omm li a {
    display: block;
    color: #005e73;
    font-size: 23px;
}

ul.omm li a:hover {
    background: url('../img/href_menu_hover.png') no-repeat;
    background-size: cover;
    margin-left: -34px;
    padding-left: 34px;
    width: 100%;
    background-position-x: -34px;
    color: #fff;
    background-position-y: -10px;
}

#social ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu_bot_soc {
    display: block;
    margin: 0px auto;
    width: auto;
    position: relative;
    width: 200px;
}

#menu_social_vk, #menu_social_fb, #menu_social_insta {
    width: 49px;
    height: 49px;
    float: left;
}

#menu_social_vk {
    background: url('../img/vk.png') no-repeat;
}

#menu_social_fb {
    background: url('../img/fb.png') no-repeat;
    margin-left: 20px;
}

#menu_social_insta {
    background: url('../img/insta.png') no-repeat;
    margin-left: 20px;
}

#menu_social_vk:hover {
    background: url('../img/vk_hover.png') no-repeat;
}

#menu_social_fb:hover {
    background: url('../img/fb_hover.png') no-repeat;
    margin-left: 20px;
}

#menu_social_insta:hover {
    background: url('../img/insta_hover.png') no-repeat;
    margin-left: 20px;
}

.copy_menu {
    position: absolute;
    bottom: 0;
    text-align: center;
    margin-bottom: 20px;
    font-size: 10px;
    color: #888888;
    left: 50%;
    margin-left: -66.26px;
}

.copy_menu a {
    border-bottom: 1px dashed #888888;
    color: #888888;
    padding-bottom: 2px;
}

.copy_menu a:hover {
    border: none;
}

.catalog_title {
    font: 36px "bip";
    text-align: center;
    color: #fff;
}

.catalog_title p {
    font-size: 60px;
    text-transform: uppercase;
    margin-top: -17px;
}

.catalog_animal_title {
    position: absolute;
    width: 275px;
    height: 80px;
    left: 50%;
    top: 50%;
    margin-left: -137.5px;
    margin-top: -40px;
}

#catalog_content {
    width: 100%;
    background: url(../img/catalog-content-bg.png) no-repeat #fff;
    background-size: cover;
    position: relative;
    height: auto;
    padding-top: 60px;
}

#catalog_content1 {
    width: 100%;
    background: url('../img/card_bg.png') no-repeat;
    background-size: cover;
    position: relative;
    height: auto;
    padding-top: 60px;
    padding-bottom: 120px;
}

.catalog_category {
    width: 100%;
    height: auto;
    padding-top: 37px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 20px;
    background: rgba(255, 255, 255, 0.5);
}

.catalog_gallery {
    width: 720px;
    margin: 0px auto;
    height: auto;
    padding-top: 37px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 20px;
    background: rgba(255, 255, 255, 0.5);
}

.catalog_category_title {
    text-align: center;
    text-transform: uppercase;
    font: 18px "RobotoBold";
    color: #444f66;
    margin-bottom: 40px;
}

.icon_title_category {
    height: 47px;
    width: 100%;
    margin-bottom: 14px;
    float: left;
}

.icon_title_category a {
    display: block;
    width: auto;
    height: 100%;
    position: relative;
}

.icon_title_category img {
    float: left;
    position: relative;
    z-index: 1;
}

.icon_title_category a div {
    padding-left: 21px;
    float: left;
    font: 16px "RobotoRegular";
    color: #444f66;
    width: auto;
    height: 47px;
    line-height: 47px;
    padding-right: 21px;
    position: relative;
    z-index: 1;
}

.icon_title_category a:hover div {
    color: #fff;
}

.cat_width {
    width: 33.33333333%;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
}

.breadcrumbs {
    margin-top: 30px;
}

.breadcrumbs.projects_bread {
    margin-top: 60px;
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumbs.projects_bread ul li, .breadcrumbs.projects_bread ul li a {
    color: #002d2f;
    font: 14px "RobotoRegular";
}

.breadcrumbs ul li, .breadcrumbs ul li a {
    float: left;
    font: 14px "RobotoRegular";
    color: #868d93;
}

.breadcrumbs ul li a:hover {
    text-decoration: underline;
}

.breadcrumbs.projects_bread ul li a:hover {
    text-decoration: underline;
}

.breadcrumbs ul li:after {
    content: ">";
    padding-left: 4px;
    padding-right: 4px;
}

.breadcrumbs ul li:last-child:after {
    content: " ";
}

.category_catalog_title {
    width: 279px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    margin: 0px auto;
    margin-top: 30px;
    color: #fff;
    text-transform: uppercase;
    font-family: "RobotoBold";
    font-size: 18px;
}

.shell_card_title {
    width: 108px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    margin: 0px auto;
    margin-top: 30px;
    color: #fff;
    font-family: "RobotoRegular";
    font-size: 16px;
}

.category_news_block {
    position: relative;
    height: auto;
    margin-top: 42px;
    width: calc(100% + 30px);
    margin-left: -30px;
}

.news_col {
    width: 33.33%;
    float: left;
    padding-left: 30px;
    height: 315px;
    margin-bottom: 26px;
    position: relative;
}

.news_col img {
    width: 100%;
    height: 100%;
}

.news_col_hover {
    width: calc(100% - 30px);
    height: 100%;
    position: absolute;
    top: 0;
    display: none;
}

.news_col_hover img {
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 25px;
}

.news_col_hover_title {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
    font: 18px "RobotoBold";
    margin-top: 20px;
}

.news_col_hover_rm {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 28px;
    color: #fff;
    text-transform: lowercase;
    font: 14px "RobotoBold";
}

.news_col_hover_rm img {
    display: inline-block;
    margin-top: 0;
    margin-left: 6px;
}

img.images_hover_category {
    width: 100%;
    height: 47px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 0;
    opacity: .9;
}

.card_2_news {
    width: 100%;
    position: relative;
    height: auto;
}

.card_2_news tr td:nth-child(1) {
    width: 62.6333%;
    position: relative;
}

.card_2_news tr td:nth-child(2) {
    width: 37.16666%;
    background-color: #fff;
}

.card_2_news tr td {
    padding: 60px;
}

.card_1 {
    width: 100%;
    height: 501px;
}

.card_height {
    height: 503px;
}

.card_slider {
    width: 62.8333%;
    float: left;
    margin-top: 60px;
    height: 100%;
}

.card_slider ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.card_slider ul li img {
    width: 100%;
    height: 501px;
}

.card_desc1 {
    width: 37.16666%;
    height: 100%;
    float: left;
    margin-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    opacity: .9;
}

.card_desc1 img {
    display: block;
    margin: 0px auto;
    margin-top: 52px;
}

.card_desc1_title {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font: 18px "RobotoBold";
    padding-top: 40px;
}

.card_desc1 table {
    margin-top: 40px;
}

.card_desc1 table tr td {
    color: #fff;
    height: 30px;
}

.card_desc1 table tr td:nth-child(1) {
    width: 50%;
}

.card_desc1 table tr td:nth-child(2) {
    font: 16px "RobotoBold";
}

.card_2 {
    width: 100%;
    min-height: 570px;
    position: relative;
    height: auto;
    background: #fff;
}

.card_2_desc, .card_2_food {
    float: left;
    height: 100%;
}

.card_2_desc {
    width: 62.8333%;
    background-size: cover;
    left: 0;
    padding: 60px;
    position: relative;
}

.card_2_background {
    background: url(../img/card_2_desc.png) no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
}

.card_2_food {
    width: 37.16666%;
    right: 0;
    height: 100%;
    padding: 60px;
    position: relative;
}

.card_2_food_background {

}

.card_2_desc_title {
    text-transform: uppercase;
    font: 18px "RobotoBold";
    margin-bottom: 33px;
    color: #181300;
    position: relative;
    z-index: 1;
}

.card_2_desc_description {
    font: 14px "RobotoRegular";
    color: #181300;
    line-height: 2;
    position: relative;
    z-index: 1;
}

.card_2_desc_title2 {
    margin-top: 70px;
}

.card_3 {
    width: 100%;
    height: 300px;
    position: relative;
    background: #fff;
}

.card_3_left {
    float: left;
    width: 62.8333%;
    height: 100%;
}

.card_3_right {
    float: left;
    width: 37.16666%;
    height: 100%;
}

.card_3_right img {
    width: 100%;
    height: 100%;
}

.look_another_animal {
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-transform: uppercase;
    background: url('../img/look_another_animal.png') no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
    margin-bottom: 60px;
}

ul.card_3_slider {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 70%;
}

ul.card_3_slider li img {
    height: 127px;
}

ul.card_3_slider li {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 5px;
}


.slider_hover_bg {
    background: url('../img/card3_hover.png') center center;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    position: absolute;
}

ul.card_3_slider li a:hover .slider_hover_bg {
    display: block;
}

.catalog_animal_title_text {
    text-align: center;
    font: 72px "bip";
    padding-top: 30%;
    color: #fff;
    position: relative;
    z-index: 0;
}

.gallery_title_text {
    text-align: center;
    font: 36px "bip";
    padding-top: 30%;
    color: #fff;
    position: absolute;
    right: 0;
    z-index: 0;
}

.gallery_title_text p {
    margin: 0;
    text-transform: uppercase;
    font-size: 55px;
    color: #0f5a6d;
}

.volont_text {
    text-align: center;
    font: 60px "bip";
    padding-top: 30%;
    color: #fff;
    position: relative;
    z-index: 0;
}

.charityText {
    text-align: left;
    font: 36px "bip";
    padding-top: 30%;
    color: #fff;
    position: relative;
    z-index: 0;
    text-transform: uppercase;
}

.charityText img {
    position: absolute;
    left: 0;
    z-index: -1;
    margin-top: -70px;
    margin-left: 116px;
}

.catalog_animal_title_text2, .catalog_animal_title_text3 {
    text-align: center;
    font: 48px "bip";
    padding-top: 14vmin;
    color: #fff;
    position: absolute;
    z-index: 0;
}

.lastTitle {
    font: 48px "bip";
    padding-top: 35vmin;
    color: #fff;
    line-height: 1;
    text-shadow: 3px 3px 16px rgba(150, 150, 150, 1);
    text-align: center;
}

.lastTitle p {
    margin: 0;
}

.catalog_animal_title_text2 {
    padding-top: 40vmin;
}

.catalog_animal_title_text4 {
    text-align: center;
    font: 72px "bip";
    padding-top: 40%;
    color: #fff;
    z-index: 1;
    line-height: 1;
}

.catalog_animal_title_text4 img {
    position: absolute;
    margin-top: -169px;
    margin-left: -111px;
}

.catalog_animal_title_text p {
    font-size: 68px;
    margin: 0 0 0;
    margin-top: -20px;
}

.catalog_animal_title_text img {
    position: absolute;
    margin-left: -46px;
    margin-top: -104px;
    z-index: -1;
}

.volont_text img {
    position: absolute;
    margin-left: -174px;
    margin-top: 32px;
    z-index: -1;
}

.catalog_animal_title_text2 img {
    position: absolute;
    margin-left: -174px;
    margin-top: 32px;
    z-index: -1;
}

.catalog_animal_title_text3 span {
    color: #ff462a;
}

.catalog_animal_title_text3 img {
    position: absolute;
    margin-left: -132px;
    margin-top: 43px;
    z-index: -1;
}

.header_center_reab {
    width: 100%;
    min-height: 100%;
    background: url(../img/center_reab_bg1.png) no-repeat 0;
    background-size: cover;
}

.header_contacts {
    width: 100%;
    min-height: 100%;
    background: url(../img/contacts_bg.png) no-repeat center top;
    background-size: cover;
    background-position: 0px;
}

.header_partners {
    width: 100%;
    min-height: 100%;
    background: url(../img/header_partners.png) no-repeat center top;
    background-size: cover;
    background-position: 0px;
}

#catalog_content2 {
    width: 100%;
    background: url(../img/catalog_content2.png) no-repeat #fff;
    background-size: cover;
    position: relative;
    height: auto;
    padding-top: 60px;
}


#people-park-bg {
    width: 100%;
    background-size: cover;
    position: relative;
    height: auto;
    padding-top: 60px;
}

#partners_content {
    width: 100%;
    background: url(../img/partners_bg.png) no-repeat #fff;
    background-size: cover;
    position: relative;
    height: auto;
    padding-top: 60px;
}

.center_reab_bg {
    padding-top: 30px;
    padding-bottom: 60px;
}

.center_reab_bg p {
    font-family: "RobotoBold";
    font-size: 18px;
    color: #444f66;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.newStyle p {
    font: 16px "RobotoRegular";
    color: #002d2f;
    text-transform: none;
    margin: 0;
    text-align: left;
}

.cntrReabTtl {
    font-family: "RobotoBold";
    font-size: 18px;
    color: #444f66;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.center_reab_bg table {
    margin-top: -60px;
}

.center_reab_bg table tr td:nth-child(1) {
    width: 31.8333%;
    padding-right: 50px;
    text-transform: uppercase;
    color: #444f66;
    font-family: "RobotoMedium";
    font-size: 16px;
    vertical-align: top;
}

.center_reab_bg table tr td:nth-child(2) {
    width: 68.1666%;
    padding-right: 50px;
    font-family: "RobotoRegular";
    font-size: 16px;
    color: #002d2f;
}

.container1288 {
    width: 1288px;
    margin: 0px auto;
    background: rgba(255, 255, 255, 0.5);
}

.center_reab_bg table tr td:nth-child(1), .center_reab_bg table tr td:nth-child(2) {
    padding-top: 60px;
}

.tabs-in-tabs-content {
    display: none;
}

.tabs-in-tabs-content.active {
    display: block;
}

.center-reab_slider {
    margin-top: 60px;
}

.center-reab_slider ul li img {
    width: 382px;
    height: 317px;
    display: block;
    margin: 0px auto;
    -o-object-fit: cover;
       object-fit: cover;
}

.table_reab {
    margin-top: 70px;
    padding-left: 15px;
    padding-right: 15px;
}

.table_reab tr td {
    width: 33.33%;
    vertical-align: top;
    padding-left: 8px;
    padding-right: 20px;

}

.table_reab tr td:nth-child(1) {
    text-transform: uppercase;
    font-family: "RobotoMedium";
    font-size: 16px;
    color: #444f66;
}

.table_reab tr td:nth-child(2), .table_reab tr td:nth-child(3) {
    font-family: "RobotoRegular";
    font-size: 16px;
    color: #002d2f;
    line-height: 1.6;
}

.contmargintop {
    margin-top: 60px;
}

.center_reab_footer_title {
    text-transform: uppercase;
    font-family: "RobotoMedium";
    font-size: 18px;
    color: #444f66;
    text-align: center;
    padding-top: 30px;
}

.center_reab_footer {
    margin-top: 50px;
    width: 100%;
}

.center_reab_footer tr td {
    width: 33.33%;
    font-family: "RobotoMedium";
    font-size: 16px;
    color: #444f66;
    vertical-align: top;
    padding-bottom: 30px;
}

.center_reab_footer tr td:nth-child(1) {
    padding-right: 30px;
}

.center_reab_footer tr:nth-child(1) td:nth-child(2) {
    font-size: 24px;
}

.center_reab_footer tr:nth-child(1) td:nth-child(3) {
    font-family: "bip";
    font-size: 43px;
    color: #37a798;
    line-height: 1;
}

.center_reab_footer tr:nth-child(2) td:nth-child(2) {
    font-size: 24px;
}

.center_reab_footer tr:nth-child(2) td:nth-child(2) span, .center_reab_footer tr:nth-child(2) td:nth-child(3) span {
    font-size: 16px;
    display: block;
    padding-top: 20px;
}

.center_reab_footer tr:nth-child(2) td:nth-child(3) {
    font-size: 24px;
}

.project_header {
    width: 100%;
    height: auto;
    background: url('../img/project_bg.png') no-repeat;
    background-size: cover;
    position: relative;
    z-index: -2px;
    padding-bottom: 50px;
}

.project_hover_title {
    padding-top: 250px;
    text-align: center;
    font-family: "bip";
    font-size: 60px;
    color: #fff;
    position: relative;
    z-index: 0;
    margin-bottom: 90px;
}

.project_hover_title p {
    margin: 0px;
    text-transform: uppercase;
}

.project_hover_title img {
    position: absolute;
    margin-left: -119px;
    z-index: 0;
}

.slider_pb {
    margin-top: 30px;
    width: 100%;
    height: 757px;
    overflow: hidden;
}

.projects_block {
    position: relative;
    width: 100%;
    height: 756px;
}

.projects_block_content {
    width: 33.33%;
    height: 250px;
    float: left;
    border-right: 7px solid;
    border-color: transparent;
    border-bottom: 7px solid;
    border-color: transparent;
}

.projects_block_content a {
    display: block;
    height: 100%;
}

.projects_block_content a img {
    width: 100%;
    height: 100%;
}

.plate {
    display: inline-block;
    width: 32.8%;
    height: 249px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat !important;		
}

.plate.lol {
    background-size: initial;
}

.plate a {
    display: block;
    width: 100%;
    height: 100%;
}

.plate_hover {
    position: absolute;
    /*background: url(../img/plate_hover.png) no-repeat;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.projects_block:hover .plate_hover {
    background: transparent;
}

.projects_block:hover .plate_title, .projects_block:hover .plate_readmore {
    display: none;
}

.plate_hover:hover {
    background: url(../img/plate_hover.png) no-repeat !important;
}

.plate_hover:hover .plate_title, .plate_hover:hover .plate_readmore {
    display: block !important;
}

.plate_title {
    text-align: center;
    color: #fff;
    font: 20px "RobotoBold";
    text-transform: uppercase;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 70px;
    position: absolute;
    z-index: 10;
    width: 100%;
}

.plate_title p {
    margin: 0;
}

.plate_readmore {
    text-align: center;
    color: #fff;
    padding-top: 20px;
    font-family: "RobotoBold";
    font-size: 14px;
    text-transform: lowercase;
}

.plate_readmore img {
    margin-left: 13px;
}

.partners_desc {
    width: 50%;
    float: left;
    font-family: "RobotoRegular";
    font-size: 16px;
    color: #002d2f;
    margin-top: 30px;
    padding-bottom: 47px;
    padding-right: 10px;
}

.partner {
    width: 23%;
    float: left;
    margin: 30px 1% 0 1%;
}

.partner_img {
    width: 100%;
    height: 262px;
    -webkit-box-shadow: 3px 3px 13px -2px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 3px 3px 13px -2px rgba(0, 0, 0, 0.38);
    box-shadow: 3px 3px 13px -2px rgba(0, 0, 0, 0.38);
}

.partner a:hover .partner_img {
    -webkit-box-shadow: 3px 3px 13px -6px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 3px 3px 13px -6px rgba(0, 0, 0, 0.38);
    box-shadow: 3px 3px 13px -6px rgba(0, 0, 0, 0.38);
}

.partner p {
    text-align: center;
    text-transform: uppercase;
    margin: 30px 0 30px 0;
    font-family: "RobotoBold";
    font-size: 16px;
    color: #444f66;
    line-height: 1.7;
}

.table_volont {
    margin-top: 47px;
    width: 100%;
}

.table_volont tr td {
    width: 100%;
    font-family: "RobotoRegular";
    font-size: 18px;
    color: #002d2f;
    line-height: 1.7;
}

.table_volont tr {
    vertical-align: top;
}

.table_volont tr td:nth-child(1) {
    width: 18.0833%;
    padding-right: 20px;
    text-transform: uppercase;
    font-family: "RobotoMedium";
}

.table_volont tr td:nth-child(2) {
    width: 28.1666%;
}

.table_volont tr td:nth-child(3) {
    width: auto;
    padding-left: 50px;
}

.table_volont tr:nth-child(2) td, .table_volont tr:nth-child(3) td {
    padding-top: 60px;
}

.table_volont tr:nth-child(3) td {
    padding-bottom: 60px;
}

.table_volont tr:nth-child(3) td:nth-child(2) {
    font-family: "RobotoBold";
    font-size: 18px;
    color: #000;
}

.table_volont tr:nth-child(3) td:nth-child(3) {
    font-size: 30px;
    font-family: "bip";
    color: #036c7f;
    text-align: center;
}

.table_volont p {
    margin: 0;
}

.jobs_text {

    width: 291px;
    height: 264px;
    position: absolute;
    margin-top: calc(50% - 264px);
}

.jobs_content {
    width: 50%;
    float: left;
    margin: 60px 0 0 0;
    padding: 0 50px 0 0;
}

.jobs_content p {
    margin: 45px 0;
}

.jobs_content span {
    font-family: "RobotoBold";
    font-size: 18px;
    color: #000;
}

.jobs_content ol {
    margin: 0;
    padding: 0 0 0 15px;
}

.jobs_content ol li {
    line-height: 2;
}

.content550 {
    width: 550px;
    height: auto;
    margin: 0px auto;
}

.plants_bg {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.plants_description {
    width: 100%;
    height: auto;
    float: left;
    font-family: "RobotoRegular";
    font-size: 14px;
    line-height: 1.8;
    padding-top: 110px;
    padding-bottom: 68px;
    padding-left: 60px;
    padding-right: 20px;
    color: #181300;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-gap: 3em;
}

.plants_description span {
    font-family: "RobotoBold";
    font-size: 14px;
}

p.phtp {
    margin: 0;
    padding: 0;
    margin-left: 223px;
    margin-top: -15px;
}

.news_title {
    margin-left: 9px !important;
    margin-top: 22px;
}

.news_ecoparc {
    margin-top: 30px;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, .5);
    height: 477px;
    border-radius: 7px;
    padding: 30px 25px;
    position: relative;
}

.cont_calc {
    width: 1200px;
}

.news_image {
    width: 100%;
    height: 206px;
    position: relative;
}

.news_image img {
    width: 100%;
    height: 100%;
}

.news_ecopark_title, .news_ecopark_title a {
    font-family: "RobotoRegular";
    font-size: 14px;
    color: #212121;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 20px;
    text-align: center;
    text-decoration: none;
}

.news_ecoparc p {
    font-size: 14px;
    color: #212121;
    margin: 0;
    font-family: "RobotoLight";
}

.news_date, .news_rm {
    position: absolute;
    bottom: 30px;
}

.news_date {
    left: 25px;
    color: #212121;
    font-family: "RobotoLight";
    font-size: 14px;
}

.news_rm {
    right: 25px;
}

.news_rm a {
    font-family: "RobotoLight";
    font-size: 14px;
    text-decoration: underline;
    color: #212121;
}

.news_rm a:hover {
    text-decoration: none;
}

.news_cat {
    position: absolute;
    background: #ff5273;
    bottom: 0;
    left: 0;
    width: 85px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.news_cat:hover {
    opacity: .9;
}

.news_cat a {
    display: block;
    font-family: "RobotoMedium";
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}

#languadge ul li {
    display: none;
}

#languadge ul li:first-child {
    display: block;
}

#languadge ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#languadge ul li a {
    font-size: 14px;
    color: #f7bf00;
    text-decoration: none;
}

.modal_div {
    width: 728px;
    height: auto;
    background: transparent;
    position: fixed;
    top: 45%;
    left: 50%;
    margin-top: -352px;
    margin-left: -364px;
    display: none;
    opacity: 0;
    z-index: 55;
}

.modal_div .modal_close {
    width: 15px;
    height: 15px;
    position: absolute;
    top: -26px;
    right: -25px;
    cursor: pointer;
    display: block;
    background: url('../img/close_popup.png') no-repeat;
}

#overlay {
    z-index: 3;
    position: fixed;
    background-color: #000;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none;
}

.popup_content {
    width: 100%;
    height: auto;
    background: url('../img/popup_bg.png') no-repeat;
    background-size: cover;
    margin-top: -5px;
    padding: 20px;
    font-family: "RobotoLight";
    font-size: 14px;
    color: #fff;
}

.popup_content_title {
    text-transform: uppercase;
    margin-top: 25px;
    text-align: center;
    font-family: "RobotoMedium";
    padding-bottom: 10px;
}

.popup_slider ul li img {
    width: 108px;
    height: 99px;
    border: 2px solid #e9eaeb;
}

.ic_title_cat {
    width: 100%;
    height: 47px;
    position: relative;
    margin-bottom: 14px;
}

.ic_title_bg {
    height: 47px;
    width: 47px;
}

.ic_title_cat a {
    width: 100%;
    height: 100%;
    display: block;
}

.ic_title_cat:hover .ic_title_bg, .active .ic_title_cat .ic_title_bg{
    width: 100%;
}

.ic_title_icon {
    width: 47px;
    height: 47px;
}

.ic_title_cat p {
    position: absolute;
    top: 0;
    height: 47px;
    line-height: 45px;
    left: 67px;
    font-size: 16px;
    color: #444f66;
    text-decoration: none;
    margin: 0;
}

.ic_title_cat:hover p, .active .ic_title_cat p{
    color: #fff;
}

/* */

.img_block {
    float: left;
    width: 33.33%;
    height: 245px;
    padding: 4px;
    position: relative;
}

.img_block_content {
    margin-top: 28px;
}

.img_block_first_img {
    width: 100%;
    height: 100%;
    background: lightblue;
}

.img_block img {
    width: 100%;
    height: 100%;
}

.image_1, .image_2, .image_3, .image_4, .image_5, .image_6, .image_7, .image_8, .image_9 {
    display: none;
}

.no_hover {
    position: absolute;
    width: 98%;
    height: 97%;
    top: 4px;
    left: 4px;
    right: 0px;
    bottom: 0px;
    background: url('../img/plate_hover.png') no-repeat;
    padding-left: 60px;
    padding-right: 60px;
    display: block;
    z-index: 1;
}

.plate_readmore img {
    width: 24px;
    height: 24px;
}

.img_block_content:hover .no_hover {
    display: none;
}

.img_block:hover .no_hover {
    display: block;
}

.sub_img {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.main_image {
    display: block;
}

.ctlg-ttl {
    margin-top: 20px;
    display: inline-block;
    text-align: center;
    width: auto;
    background: url(../img/icon/animals_bg.png) no-repeat;
    background-size: cover;
    font-family: "RobotoBold";
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 15px 20px;
}

.tr_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
}

.footer_soc_title {
    width: 100%;
    height: 59px;
    background: rgba(255, 255, 255, 0.5);
    position: relative;
    color: #000000;
    line-height: 55px;
    z-index: 1;
}

.footer_soc_title_right {
    height: 100%;
    width: 82px;
    background: rgba(255, 255, 255, 0.5);
    float: left;
}

.footer_soc_title span {
    font-family: "RobotoBold";
    font-size: 12px;
    color: #002337;
}

.fotr_soc_rght_bg {
    background: url(../img/logo_soc.png) no-repeat center center;
    width: 98%;
    height: 89%;
    background-size: contain;
}

.footer_social_vk .wcommunity_header {
    display: none !important;
}

.footerNewBg {
    background: url(../img/footer_arrow_bg.png);
    margin-left: -78px;
    background-position: 78px 0;
    width: calc(100% + 78px);
    background-size: cover;
    /* margin-top: -40px; */
}

.sub_img {
    width: 100%;
    height: 100%;
}

.carousel-inner {
    position: relative !important;
    width: 355px !important;
    overflow: hidden !important;
    margin: 0px auto;
}

.carousel-control.right, .carousel-control.left {
    background: transparent;
}

.socialFooterBg {
    width: 100%;
    height: auto;
    position: relative;
    padding-left: 17px;
    padding-right: 17px;
    padding-bottom: 15px;
    background: rgba(255, 255, 255, 0.5);
    margin-top: -59px;
    padding-top: 74px;
    box-sizing: border-box;
}

.userCount {
    font-family: "RobotoRegular";
    font-size: 11px;
    color: #002337;
    text-align: left;
    padding-left: 6px;
}

.socialFooterBg img {
    margin-top: 15px;
    margin-right: 0;
    padding-left: 3px;
    padding-right: 3px;
    max-width: 40px;
}

.footerSocButton {
    width: 100%;
    height: 54px;
    line-height: 54px;
    border-top: 1px solid #80afad;
}

.footerSocButton a {
    display: block;
    font-family: "RobotoMedium";
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.footerSocButton a:hover {
	color: #fff;
}

.footerSocButton img {
    margin-top: -3px;
    margin-left: 17px;
    margin-right: 0;
		vertical-align:middle;
}

.footerSocButton:hover {
    opacity: .9;
}

.footerSocialText {
    text-align: center;
    font-family: "bip";
    color: #fff;
    font-size: 36px;
    width: auto;
    line-height: 1.1;
    position: absolute;
    bottom: 40px;
    padding-left: 30px;
    letter-spacing: 2px;
    text-shadow: 1px 1px 10px #000000;
}

.plantDescTitle {
    margin-top: -50px;
    margin-bottom: 18px;
    text-transform: uppercase;
    color: #181300;
    font-size: 18px;
    font-family: "RobotoBold";
}

.cardDescNew {
    height: calc(100% - 2px);
}

.carousel-inner .active.left {
    left: -33%;
}

.carousel-inner .next {
    left: 33%;
}

.carousel-inner .prev {
    left: -33%;
}

.carousel-control.left, .carousel-control.right {
    background-image: none !important;
}

.sliderNewWidth {
    width: 112px;
    height: 104px;
    float: left;
    margin-left: 4px;
    position: relative;
}

.sliderNewWidth img {
    width: 100%;
    height: 100%;
    border: 1px solid #e9eaeb;
    box-sizing: border-box;
}

.bgItemHover {
    background: url(../img/card3_hover.png) no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 112px;
    height: 108px;
    background-size: cover;
    position: absolute;
    display: none;
}

.sliderNewWidth:hover .bgItemHover {
    display: block;
}

.glyphicon-chevron-left:before {
    content: "\e079";
    opacity: 0;
}

.glyphicon-chevron-right:before {
    content: "\e079";
    opacity: 0;
}

.newArrowLeft {
    width: 24px;
    height: 24px;
    background: url("../img/arrow_circle_left.png") no-repeat;
}

.newArrowRight {
    width: 24px;
    height: 24px;
    background: url("../img/arrow_circle.png") no-repeat;
}

.padding_btn_btn {
    padding-bottom: 60px;
}

.lookAllServicesCatalog {
    margin-bottom: 0;
}

#lookNextProject {
    position: relative;
    margin: 0px auto;
    display: block;
    margin-top: 37px;
    margin-bottom: 0px;
    width: 315px;
    height: 55px;
    border: none;
    background: url('../img/button_bg.png') no-repeat;
    background-size: cover;
    font-family: "RobotoMedium";
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    outline: none;
    padding-left: 15px;
    opacity: 0.81;
}

#lookNextProject:hover {
    opacity: 1;
}

.postContent {
    width: 100%;
    height: auto;
    background: rgba(255, 255, 255, .35);
    padding: 30px;
    margin-top: 30px;
}

.postMainImg {
    float: left;
    height: 512px;
    width: 67.1%;
}

.postMainImg img {
    width: 100%;
    height: 100%;
}

.postRightImg {
    display: inline-block;
    width: 30%;
    height: 240px;
    margin-left: 1.6%;
}

.postRightImg img {
    width: 100%;
    height: 100%;
}

.posttext {
    width: 100%;
    height: auto;
    background: #fff;
    padding: 60px;
}

.postRightImg {
    float: right;
}

.postRightImg1 {
    position: relative;
    top: 32px;
}

.postTitle {
    text-transform: uppercase;
    font-family: "RobotoBold";
    font-size: 18px;
    color: #181300;
    padding-bottom: 30px;
}

.posttext_content {
    width: 100%;
  /*  -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-gap: 3em;*/
    display: grid;
    grid-template-columns: 1fr 500px;
    grid-gap: 20px;
    font-size: 14px;
    color: #181300;
}

.fancybox-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    height: 32px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-close {
    background-image: url('../img/fancyClose.png') no-repeat;
    opacity: .7;
}

.fancybox-close:hover {
    opacity: 1;
}

.charity {
    /* position: absolute;
    right: 215px; */
		float:left;
		padding:0 30px;
    display: block;
    color: #fff;
    font: 18px "futuralight";
}

.charity a {
    color: #fff;
    border-bottom: 1px dashed #fff;
}

.charity a:hover {
    color: #fff;
    border-color: transparent;
}

.another_color_right .charity {
    color: #000;
    font-weight: bold;
}

.another_color_left a.charityMenuText {
    color: #000;
    border-bottom: 1px dashed #000;
    font-weight: bold;
}

.another_color_left a.charityMenuText:hover {
    border: none;
}

.postContent .bx-wrapper {
    margin: 0;
}

.postContent .bx-wrapper .bx-prev {
    left: -44px;
    background: url(../img/prevBlack.png) no-repeat;
}

.postContent .bx-wrapper .bx-next {
    right: -44px;
    background: url(../img/slider_right_black.png) no-repeat;
}

.fancybox-nav span {
    width: 24px;
    height: 24px;
    margin-top: -12px;
}

.fancybox-prev span, .fancybox-next span {
    opacity: .7;
}

.fancybox-prev span {
    background: url(../img/slider_left_black.png) no-repeat 0 0;
    left: 10px;
}

.fancybox-next span {
    right: 10px;
    background: url(../img/slider_right_black.png) no-repeat 0 0;
}

.fancybox-prev span:hover, .fancybox-next span:hover {
    opacity: 1;
}

.postContent .bx-wrapper .bx-controls-direction a {
    z-index: 1;
}

.tableCharity tr td {
    font-size: 16px;
}

.tableCharity tr td:nth-child(2) {
    width: 34.1666%;
}

.charityButton {
    width: 67%;
    background: #08a01a;
    height: 86px;
    margin: 0 auto;
    line-height: 86px;
    text-align: center;
    border-radius: 10px;
}

.charityButton a {
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    font: 18px "RobotoBold";
    color: #fff;
    line-height: 86px;
}

.charityButton:hover {
    background: #077714;
}

.charityFooter {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .5;
}

.news_col_1_hover {
    position: absolute;
    top: 0;
    left: 30px;
    width: calc(100% - 30px);
    height: 100%;
    background: url("../img/eye.png") no-repeat center center rgba(0, 0, 0, .35);
    display: none;
}

.news_col_1:hover .news_col_1_hover {
    display: block;
}

.fphoto_mob {
    display: none;
}

.charityButton:hover a {
    color: #fff;
}

.pagination {
    display: block !important;
    padding-left: 0 !important;
    margin: 20px auto !important;
    border-radius: 4px !important;
    text-align: center;
}

.pagination span {
    display: inline-block;
    width: 52px;
    height: 52px;
    line-height: 52px;
}

.pagination span.gap {
    color: #fff;
}

.pagination span.gap:hover {
    background: transparent;
}

.pagination span a {
    display: block;
    font-size: 18px;
    color: #fff;
}

.pagination span:hover, .pagination span.current {
    background: url('../img/pegibg.png') no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.pagination span:hover a, .pagination span.current a {
    font: 24px "RobotoBold";
    color: #fff;
    line-height: 52px;
}

.pagination .prev img, .pagination .next img {
    margin-top: -3px;
}

.routeTitle {
    width: 100%;
    height: 85px;
    background: rgba(0, 21, 55, .5);
    display: table;
    padding: 0 10px;
}

.routeTitle p {
    display: table-cell;
    margin: 0;
    text-align: center;
    width: 33%;
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
}

.routeTitle p:nth-child(1) {
    text-align: right;
}

.routeTitle p:nth-child(2) {
    width: 20%;
}

.routeTitle p:nth-child(3) {
    text-align: left;
}

.newztitle {
    color: #fff;
    font: 60px "bip";
    text-transform: uppercase;
    text-align: center;
    padding-top: 26vmin;
    position: relative;
    text-shadow: 1px 1px 11px rgba(150, 150, 150, 1);
}

.newztitle img {
    position: absolute;
    margin-top: -46px;
    margin-left: -55px;
}

.c_Phone {
    font-size: 24px;
    padding: 0 0 15px;
}

.director {
    font: 16px "RobotoRegular";
    padding-bottom: 25px;
}

.contacts_title_new {
    font: 48px "bip";
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding-top: 21vmin;
    letter-spacing: 2px;
}

.charitySlider {
    margin-left: 2px;
}

.charitySlider .partner {
    width: calc(100% - 12px);
}

.charitySlider .bx-wrapper .bx-prev {
    left: -45px;
    background: url(../img/slider_left_black.png) no-repeat;
    top: 37%;
}

.charitySlider .bx-wrapper .bx-next {
    right: -40px;
    background: url(../img/slider_right_black.png) no-repeat;
    top: 37%;
}

.charityMenuText {
    float: left;
    margin-left: 27px;
    border-bottom: 1px dashed #fff;
    font: 18px "futuralight";
}

.charityMenuText:hover {
    border: none;
}

.newArrowz {
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.newArrowTop, .newArrowDown {
    width: 55px;
    height: 55px;
    margin: 0 10px;
    display: inline-block;
    cursor: pointer;
    background: url("../img/newArrows.png") no-repeat 0 0;
    vertical-align: top;
}

.newArrowTop img, .newArrowDown img {
    padding-top: 15px;
}

.newArrowTop:hover, .newArrowDown:hover {
    background-position: 0 -55px;
}

.charityPartners {
    margin: 0 auto;
    display: none;
}

.arrowToTop {
    width: 32px;
    height: 69px;
    background: url(../img/top.png) no-repeat;
    position: fixed;
    cursor: pointer;
    bottom: 30px;
    right: 2%;
    display: none;
}

.eyeeco {
    /* position: absolute !important;
    left: -105% !important;
    top: 2px; */
		position:relative;
		float:left;
}

.eyeBg {
    position: absolute;
    min-width: 221px;
		white-space:nowrap;
    height: 46px;
    background: url('../eco/img/eyebg.png') 50% 0 no-repeat;
    margin-left: -101px;
    margin-top: 7px;
    text-align: center;
    font: 14px "RobotoLight";
    color: #fff;
    display: none;
		padding: 18px 10px 0;
    box-sizing: border-box;
		background-size:cover;
}

.eyeeco:hover .eyeBg {
    display: block;
}

.saveNatureText {
	padding: 50px 0 180px 0;
}

.snLeft {
	width: 50%;
	float: left;
	padding-right: 40px;
}

.snRight {
	width: 50%;
	float: left;
	padding-left: 40px;
}

.nature_bg {
	background: url('../img/nature_bg.png') no-repeat;
	width: 928px;
	height: 236px;
	position: absolute;
	bottom: 0;
	left: -47px;
}

.nature_about_proj {
	float: left;
	width: 47%;
}

.nature_img {
	float: right;
}

.nature_about_proj, .nature_img {
	margin-bottom: 50px;
	margin-top: 28px;
}

.titleNature1, .titleNature2 {
	font: 48px "bip";
	color: #fff;
	text-align: center;
	text-shadow: 2px 2px 16px rgba(150, 150, 150, 1);
}

.titleNature1 {
	float: left;
	padding-top: 40vmin;
}

.titleNature2 {
	float: right;
	padding-top: 65vmin;
}

.treeHover {
	background: url('../img/tree.png') no-repeat;
	width: 465px;
	height: 545px;
	position: relative;
}

.treeHover1 {
	background: url('../img/hover1.png') no-repeat;
	width: 253px;
	height: 165px;
	position: absolute;
    left: 86px;
    top: -15px;
    display: none;
}

.treeHover2 {
	background: url('../img/hover2.png') no-repeat;
	width: 289px;
	height: 189px;
	position: absolute;
    left: 92px;
    top: 109px;
    display: none;
}

.treeHover3 {
	background: url('../img/hover3.png') no-repeat;
	width: 192px;
	height: 177px;
	position: absolute;
    left: -9px;
    top: 186px;
    display: none;
}

.treeHover4 {
	background: url('../img/hover4.png') no-repeat;
	width: 181px;
	height: 185px;
	position: absolute;
    right: 21px;
    top: 178px;
    display: none;
}

.treeHover5 {
	background: url('../img/hover5.png') no-repeat;
	width: 215px;
	height: 165px;
	position: absolute;
    left: -18px;
    top: 48px;
    display: none;
}

.saveNature {
    background: url('../img/flag.png') no-repeat;
    width: 125px;
    height: 136px;
    position: absolute;
    left: 50%;
    top: 23.7%;
    z-index: 10;
    text-align: center;
    font: 14px "futuralight";
    color: #fff;
    padding-top: 13px;
    padding-left: 5px;
}

.saveNature:hover {
    color: #fff;
    text-decoration: underline !important;
}

.error404 {
    text-align: center;
    font: 125px "bip";
    color: #fff;
    padding-top: 30vmin;
}

.text404 {
    text-align: center;
    font: 30px "bip";
    color: #fff;
    margin-top: 50px;
}

a.href404 {
    color: #fff;
    text-align: center;
    text-decoration: underline;
    font-size: 24px;
    display: block;
    margin-top: 50px;
}

a.href404:hover {
    text-decoration: none;
}

.mobileTabsContent {
    padding: 0 100px;
    position: relative;
    display: none;
}

.mobileTabsContent ul {
    margin: 10px 0;
    padding: 0;
    list-style: none;
}

.slick-prev,
.slick-next {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    color: transparent;
    border: none;
    outline: none;
}

.slick-prev {
    left: -100px;
    background: url('../img/arrow_circle_left.png') no-repeat center center #00739f;
}
.slick-next {
    right: -100px;
    background: url('../img/arrow_right_white.png') no-repeat center center #00739f;
}

.mobileTabsContent ul li {
    height: 60px;
    background: #00739f;
    text-align: center;
    background-size: cover;
    font: 18px "RobotoBold";
    color: #fff;
    line-height: 60px;
}

.tabs_content_mobile {
    display: block;
    margin: 0 auto;
}

.mobileSliderContent {
    outline: none;
    display: none !important;
}

.tabs_content__info {
    display: none;
}

.tabs_content__info .tabs_content_right_title {
    padding: 10px 0;
    text-align: center;
}
.right_menu_black #languadge{position: absolute;right: -46px;top: 3px;float:none;margin:0 0 0 16px;border:none;padding:0 10px 0 0;}
.right_menu_black{margin:0 46px 0 0;}
.right_menu_black #languadge:hover {transform:none !important;}
.right_menu_black #languadge ul li a{color:#fff;}
.right_menu_black #languadge:hover li{display:block;}
.right_menu_black #languadge:before{width: 0;height: 0;border-style: solid;border-width: 4px 4px 0 4px;border-color: #ffffff transparent transparent transparent;content:'';position:absolute;right:-4px;top:8px;}
.fp-viewing-4thpage .right_menu_black #languadge ul li a, .fp-viewing-lastPage .right_menu_black #languadge ul li a{color:#000;}
.fp-viewing-4thpage .right_menu_black #languadge:before, .fp-viewing-lastPage .right_menu_black #languadge:before{border-color: #000 transparent transparent transparent;}

.card_3_slider .slick-prev,
.card_3_slider .slick-next {
	position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    color: transparent;
    border: none;
    outline: none;
}

.card_3_slider .slick-prev {
	background: url('../img/slider_left_black.png') no-repeat;
	left: -39px; 
}

.card_3_slider .slick-next {
	background: url('../img/slider_right_black.png') no-repeat;
	right: -42px; 	
}
.menu_logotype.mobile {
	display:none;
}

.galery .pagination span.next {
    background: url(../img/pegibg.png) no-repeat;
    position: relative;
    top: 3px;
}
.galery .pagination span.prev {
    background: url(../img/pegibg.png) no-repeat;
    position: relative;
    top: 3px;
}

.galery .pagination span.page {
    position: relative;
    top: 6px;
}

.galery .pagination span.current {
    background: url(../img/pegibg.png) no-repeat;
}
.galery .pagination span.current a {
    color: white;
}
.galery span.page a {
    color: #8a8888;
}
.galery span.page a:hover {
    color: white;
}

.card_3_news {
    float: none; width: calc(100% - 30px); height: auto; margin-left: 15px; background: #fff; padding-bottom: 60px;
}

a.left_menu_howToGet {
    display: block;
    width: 236px;
    height: 50px;
    font: 18px/50px "RobotoBold";
    color: #fff;
    background: #1d6f84;
    border: 1px solid #1d6f84;
    text-align: center;
    margin: 19px auto;
    border-radius: 30px;
    text-transform: uppercase;
}

a.left_menu_howToGet:hover {
    background: transparent;
    color: #1d6f84;
}

.howToGet_mobile {
    display: none;
}
.uno .pagination span a {
    display: block;
    font-size: 18px;
    color: black;
}

.project_cloud1, .project_cloud2, .project_cloud3, .project_cloud4 {
    position: absolute;
}

.project_cloud1 {
    left: 2%;
    top: 18%; 
}

.project_cloud2 {
    left: 23%;
    top: 10%;
}

.project_cloud3 {
    right: 18%;
    top: 16%;
} 

.project_cloud4 {
    right: 6%;
    top: 23%;
}

.news_clouds .project_cloud1 {
    top: 7%;
}

.news_clouds .project_cloud2 {
    top: 4%;
}

.news_clouds .project_cloud3 {
    right: 16%;
    top: 8%;
}

.news_clouds .project_cloud4 {
    top: 11%;
}


.gallery_cloud1, .gallery_cloud2, .gallery_cloud3, .gallery_cloud4 {
    position: absolute;
}

.gallery_cloud1 {
    top: 0;
    left: 0;
}

.gallery_cloud2 {
    top: 0;
    left: 0;
}

.gallery_cloud3 {
    top: 0;
    left: 0;
}

.gallery_cloud4 {
    top: 0;
    left: 0;
}

ul.new_pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

ul.new_pagination li {
    display: inline-block;
    margin: 12px 2px 0;
}

ul.new_pagination li a,
ul.new_pagination li span {
    font: 26px 'futuralight';
    color: #4b4b4b;
    display: block;
    border: 2px solid #4b4b4b;
    padding: 1px 8px 0 8px;
}

ul.new_pagination li a {
    border: 2px solid transparent;
}

ul.new_pagination li a:hover, ul.new_pagination li a.current {
    border: 2px solid #4b4b4b;
}

.__bikes_title {
    padding-left: 27%;
    text-align: left;
}

.word1 {
    padding-left: 22px;
    display: inline-block;
}

.word2 {
    position: relative;
    left: 3%;
    font-size: 78px;
    top: 20px;
    display: inline-block;
}

.word3 {
    font-size: 65px;
    position: relative;
    top: 25px;
    left: 8%;
    display: inline-block;
}

.__road_img {
    background: url('../img/__road.png') no-repeat;
    width: 183px;
    height: 150px;
    position: absolute;
    top: 45vmin;
    margin-left: 41%;
}
    .__bikes_content .cntrReabTtl {
        text-transform: none;
    }
                    .__bikes_content .center_reab_bg table tr td:nth-child(1) {
                        width: 17.8333%;
                    }

.__route_table {
    width: 100%;
    font: 16px 'RobotoRegular';
}

    .__route_table tr td {
        padding: 0 70px 50px 50px;
        vertical-align: top;
        line-height: 2;
    }

        .__route_table tr td img {
            display: block;
            margin: 0 auto 20px auto;
        }

        .__route_table tr td:nth-child(1) {
            width: 15%;
            text-align: center;
            text-transform: uppercase;
            font: 16px 'RobotoMedium';
            color: #444f66;
            padding: 0;
        }

    .newStyle2 ul {
        list-style: none;
        margin-top: 10px;
    }

.__bikes_fText {
    margin-top: 30px;
    font: 16px 'RobotoBold';
    font-style: italic;
}

.__goBikes {
    display: block;
    background: url('../img/_bike_icon.png') no-repeat;
    width: 34px;
    height: 34px;
    position: relative;
    top: -6px;
    left: 195px;
}

    .fp-viewing-4thpage a.__goBikes, .fp-viewing-lastPage a.__goBikes {
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }

.art_title {
    font: 67px "bip";
    padding-top: 26vmin;
    color: #fff;
    line-height: 1;
    text-align: right;
    padding-right: 17%;
}

    .art_title span {
        display: block;
        font-size: 50px;
        position: relative;
        right: -85px;
    }

.art_openDate {
    text-align: right;
    font: 36px "bip";
    color: #fff;
    margin-top: 30px;
    padding-right: 34%;
}

.art_bg {
    background: url(../img/art_bg.png) no-repeat #fff !important;
    background-size: cover !important;
}

.art_info {
	padding: 35px 60px;
}

.art_info img {
	float: left;
	margin-right: 45px;
}

.art_info ._title {
	font: 18px "RobotoBold";
	display: block;
	color: #444f66;
	margin-bottom: 45px;
}

.art_info ._desc {
	font: 16px 'RobotoRegular';
	color: #000;
	line-height: 2;
}

.art_info2 {
	margin-top: 30px;
	padding: 35px 60px;
	text-align: center;
}

.art_info2 ._title {
	font: 18px 'RobotoBold';
	color: #444f66;
	margin-bottom: 30px;
}

.art_info2 ._desc {
	font: 16px 'RobotoRegular';
	color: #002d2f;
	margin-bottom: 65px;
}

.art_info2 ._footr {
	font: 16px 'RobotoRegular';
	color: #002d2f;
	margin-top: 70px;
}

.art_info2 .col-md-3 {
	font: 16px 'RobotoRegular';
	color: #444f66;
}

.art_info2 .col-md-3 span {
	font: 36px 'RobotoBold';
	display: block;
}

.art_info2 .col-md-3 > div {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 20px;
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.13);
}

.art_container {
    margin: 40px -14px 0 -14px;
}

.art_container ._item {
    float: left;
    width: calc(33.33% - 28px);
    margin: 0 14px;
    margin-bottom: 28px;
    height: 317px;
    position: relative;
    text-align: center;
    display: inline-table;
}

.art_container ._item img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.art_container ._item ._name {
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    font: 29px 'RobotoBold';
    color: #fff;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 317px;
    width: 100%;
}

.art_container ._item ._name span {
    font: 18px 'RobotoBold';
    display: block;
}

.art_container ._item ._hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    text-align: left;
    padding: 35px 50px;
    font: 16px 'RobotoRegular';
    color: #fff;
    display: none;
}

.art_container ._item ._hover ._title {
    display: block;
    font: 18px 'RobotoBold';
    margin-bottom: 30px;
}

.art_container ._item:hover ._hover {
    display: block;
}

.art_container ._item:hover ._name {
    display: none;
}

.artInfo_3 {
    margin-top: 30px;
    margin: 30px -14px 0 -14px;
    padding: 60px 0;
}

.artInfo_3 ._item {
    width: calc(33.33% - 28px);
    float: left;
    margin: 0 14px;
}

.art_picnic_img {
    display: block;
    margin: 0 auto 45px auto;
}

.artInfo_3 ._item span {
    text-align: center;
    display: block;
    font: 18px 'RobotoBold';
    color: #444f66;
}

.artInfo_3 ._item > div {
    display: table;
    height: 77px;
    position: relative;
    margin-bottom: 20px;
}

.artInfo_3 ._item > div > img {
    position: absolute;
}

.artInfo_3 ._item > div > span {
    font-size: 16px;
    color: #002d2f;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding-left: 97px;
    padding-right: 20px;
    line-height: 1.6;
}

.art_map {
    margin-top: 32px;
}

.art_map ._left {
    float: left;
    width: 50%;
}

.art_map ._left img {
    height: 100%;
}

.art_map ._right {
    float: right;
    width: 50%;
    padding: 20px 40px 0 40px;
}

.art_map ._right ._title {
    font: 17px 'RobotoBold';
    color: #444f66;
    display: block;
    margin-bottom: 20px;
}

.art_map ._right ._desc {
    font: 16px 'RobotoRegular';
    color: #374054;
}

.art_map ._right .col-md-6 {
    margin-top: 45px;
    font: 16px 'RobotoRegular';
    color: #374054;
}

.art_map ._right .col-md-6 span {
    display: block;
    margin-bottom: 19px;
    font-family: 'RobotoBold'
}

.art_workTime {
    margin-top: 50px;
    color: #374054;
    font: 16px 'RobotoRegular';
}

.art_workTime span {
    display: block;
    font-family: 'RobotoBold';
}

.art_pic_ru {
    position: absolute;
    top: 15.7%;
    left: 78.7%;
}

.peoples-park {
    position: absolute;
    top: 32vh;
    right: 0;
    color: #fff;
    font: 37px "bip";
}

.peoples-park span {
    text-transform: uppercase;
    font: 36px "bip";
    display: block;
}


.pp_option .__left {
    width: 32.5%;
    float: left;
    background: url('../img/pp-option-left.png');
    background-size: cover;
    padding: 115px 65px;
    min-height: 760px;
}

.pp_option .__left .___title {
    font: 16px 'RobotoMedium';
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    margin-bottom: 40px;
}

.pp_option .__left .___descr {
    font: 16px 'RobotoRegular';
    color: #fff;
    margin-bottom: 65px;
}
.parner {
    margin-top: 20px;
    margin-left: 10px;
    padding: 10px 5px;
    background: transparent; 
    display: block;
    border: 1px solid #444f66;
    color: #444f66
}
.parner:hover {
    background: #fff; 
    
    border: transparent;
}
.pp_option .__left .___link {
    width: 250px;
    height: 50px;
    background: #fff;
    color: #0e5e6d;
    font: 16px/48px 'RobotoMedium';
    text-transform: uppercase;
    display: block;
    text-align: center;
    border: 1px solid #fff;
}

.pp_option .__left .___link:hover {
    background: transparent;
    color: #fff;
}

.pp_option .__right {
    width: 67.5%;
    float: left;
    background: #fff;
    padding: 45px 50px;
    min-height: 760px;
}

.pp_option .__right .___title {
    text-align: center;
    text-transform: uppercase;
    font: 18px "RobotoBold";
    color: #0e5e6d;
    margin-bottom: 50px;
    line-height: 1;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.list-options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-options li {
    margin-bottom: 20px;
    height: 80px;
    line-height: 1;
    font: 16px 'RobotoRegular';
    color: #0e5a6a;
}

.list-options li:last-child {
    margin-bottom: 0;
}

.list-options li img {
    margin-right: 20px;
    float: left;
    width: 77px;
    height: 77px;

}

.list-options li span {
    position: relative;
    top: 14px;
}

.pp_bg1 {
    background: url('../img/pp-bg1.png') no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    margin-top: -60px;
    padding-top: 30px;
    padding-bottom: 50px;
}

.pp-bg2 {
    background: url('../img/pp-bg2.png') no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 30px;
}

.pp_footer_text {
    margin-top: 40px;
    font-style: italic;
    color: #0e5a6a;

}


#modal1_pp {
    width: 600px;
    height: 530px;
    margin-top: -265px;
    margin-left: -300px;
    background: #fff;
    padding: 60px;
}

#modal1_pp .___title {
    font-family: "RobotoBold";
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #444f66;
    margin-bottom: 40px;
}

#modal1_pp form {
    padding: 0 0px !important;

}
.new_transform {
    padding: 0 70px !important;
}

#modal1_pp input {
    width: 100%;
    height: 50px;
    text-align: center;
    display: block;
    margin-bottom: 30px;
    outline: none;
    border: 0;
    background: #f5f5f5;
}

.modal_div.opekun select {
    width: 100%;
    height: 50px;
    text-align: center;
    display: block;
    margin-bottom: 30px;
    outline: none;
    border: 0;
    background: #f5f5f5;
  }
  

#modal1_pp input::-webkit-input-placeholder {color:#444f66;}
#modal1_pp input::-moz-placeholder          {color:#444f66;}/* Firefox 19+ */
#modal1_pp input:-moz-placeholder           {color:#444f66;}/* Firefox 18- */
#modal1_pp input:-ms-input-placeholder      {color:#444f66;}

#modal1_pp input[type="submit"] {
  background: url('../img/new-button-bg.png') no-repeat;
  background-size: cover;
  width: 80%;
  display: block;
  margin: 0 auto;
  font-size: 16px;
  color: #fff;
  font-family: "RobotoMedium";
  text-transform: uppercase;
}

#modal1_pp input[type="button"]:hover {
    opacity: .8;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

#modal1_pp .modal_close {
    background: url('../img/close-popup.png') no-repeat;
    width: 48px;
    height: 50px;
    color: transparent;
    top: 8px;
    right: 9px;
}


.modal_div.opekun {
    width: 600px;
    height: 530px;
    margin-top: -265px;
    margin-left: -300px;
    background: #fff;
    padding: 60px;
}

.modal_div.opekun .___title {
    font-family: "RobotoBold";
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #444f66;
    margin-bottom: 40px;
}

.modal_div.opekun form {
    padding: 0 0px !important;

}
.new_transform {
    padding: 0 70px !important;
}

.modal_div.opekun input {
    width: 100%;
    height: 50px;
    text-align: center;
    display: block;
    margin-bottom: 30px;
    outline: none;
    border: 0;
    background: #f5f5f5;
}


.modal_div.opekun input::-webkit-input-placeholder {color:#444f66;}
.modal_div.opekun input::-moz-placeholder          {color:#444f66;}/* Firefox 19+ */
.modal_div.opekun input:-moz-placeholder           {color:#444f66;}/* Firefox 18- */
.modal_div.opekun input:-ms-input-placeholder      {color:#444f66;}

.modal_div.opekun input[type="submit"] {
  background: url('../img/new-button-bg.png') no-repeat;
  background-size: cover;
  width: 80%;
  display: block;
  margin: 0 auto;
  font-size: 16px;
  color: #fff;
  font-family: "RobotoMedium";
  text-transform: uppercase;
}

.modal_div.opekun input[type="button"]:hover {
    opacity: .8;
}
.modal_div.opekun .modal_close {
    background: url('../img/close-popup.png') no-repeat;
    width: 48px;
    height: 50px;
    color: transparent;
    top: 8px;
    right: 9px;
}

.supporter-title {
    position: absolute;
    font: 60px "bip";
    left: 0;
    top: 33vh;
    color: #fff;
    letter-spacing: 3px
}

.supporter-title span {
    font-size: 36px;
    display: block;
    text-align: center;
    margin-top: 15px;
}

.parcelPackage {
    text-align: center;
    text-transform: uppercase;
    color: #444f66;
    margin-bottom: 40px;
    font-family: "RobotoBold";
    font-size: 18px;
}

.parcelPackage-table {
    padding-left: 43px;
    padding-right: 69px;
    padding-bottom: 50px;
}

.supporter-tabs__content {
  display: none;
  height: 502px;
}
.supporter-tabs__content.active {
  display: block;
}

.supporter-tabs span, .supporter-tabs__caption {
    width: 31.48936%;
    float: left;
}

.supporter-tabs__caption {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 72px;
}

.supporter-tabs__caption li {
    background: #fff;
    margin-bottom: 2px;
    height: 70px;
    padding-left: 55px;
    font: 14px/70px 'RobotoMedium';
    cursor: pointer;
    text-transform: uppercase;
}

.supporter-tabs__caption li:last-child {
    margin-bottom: 0;
}

.supporter-tabs__content {
    width: 67.65957%;
    float: right;
}

.supporter-tabs {
    position: relative;
}

.supporter-tabs span {
    display: block;
    position: absolute;
    height: 70px;
    background: #fff;
    left: 0;
    top: 0;
    padding-left: 55px;
    color: #444f66;
    font: 18px 'RobotoBold';
    line-height: 70px;
}


.supporter-tabs__caption li.one.active {
    background: url('../img/hover1.png');
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
}

.supporter-tabs__caption li.two.active {
    background: url('../img/hover2.png');
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
}

.supporter-tabs__caption li.three.active {
    background: url('../img/hover3.png');
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
}

.supporter-tabs__caption li.four.active {
    background: url('../img/hover4.png');
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
}

.supporter-tabs__caption li.five.active {
    background: url('../img/hover5.png');
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
}

.supporter-tabs__caption li.six.active {
    background: url('../img/hover6.png');
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
}

.supporter-tabs__content .__left {
    width: 69.182389%;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
    float: left;
    margin-right: 20px;
}
.supporter-tabs__content .__left li {
    padding-left: 30px;
    color: #444f66;
    font: 13px 'RobotoLight';
    padding: 9px 30px;
}

.supporter-tabs__content .__left li:first-child {
    height: 70px;
    font: 18px/70px 'RobotoBold';
    color: #444f66;
    padding: 0 30px;
    background: #fff !important;
}

.supporter-tabs__content .__left li:nth-child(odd) {
    background: #eff4f6;
}

.supporter-tabs__content .__left li:nth-child(even) {
    background: #f7fafb;
}

.supporter-tabs__content .__right {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 23.647798%;
    float: left;
    background: #fff;
}

.jspVerticalBar {
    width: 7px !important;
}

.jspTrack {
    background: #ffffff !important;
}

.jspDrag {
    background: #444f66 !important;
}

.supporter-table {
    width: 100%;
   
}

.supporter-table tr td:nth-child(1) {
    width: 80%;
    border-right: 2px solid #d0e2e5;
}



.supporter-table tr th:nth-child(1) {
    width: 80%;
    border-right: 2px solid #d0e2e5;
    padding-left: 30px;
    font: 18px 'RobotoBold';
    color: #444f66;
}


.supporter-table tr td {
     border-bottom: 2px solid #d0e2e5;
     padding-left: 30px;
     font: 13px 'RobotoLight';
     color: #444f66;
     padding: 9px 30px;
}

.supporter-table tr td:nth-child(2) {
    width: 20%;
    text-align: center;
}

.supporter-table tr:nth-child(odd) td {
    background: #F9F1FA;
}

.supporter-table tr:nth-child(even) td {
    background: #FDF9FD;
}

.supporter-table th {
    height: 70px;
    background: #fff;
}

.supporter-table tr th:nth-child(2) {
    text-align: center;
    font: 12px 'RobotoRegular';
    color: #fff;
}

.supporter-table tr th:nth-child(2) div {
    font: 16px 'RobotoBold';
}


.support1-tabs__content {
  display: none; /* по умолчанию прячем все блоки */
}
.support1-tabs__content.active {
  display: block; /* по умолчанию показываем нужный блок */
}

.title-1 {
    height: 80px;
    text-align: center;
    background: #fff;
    font: 18px/80px 'RobotoBold'; 
    color: #444f66;
    text-transform: uppercase;
}

.support1-tabs__caption {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #fff;
    padding-bottom: 45px;
}

.support1-tabs__caption li {
    display: inline-block;
    width: 17%;
}

.support1-tabs__content {
    padding: 30px 60px;
}

.support-tabs-item {
    width: calc(25% - 30px);
    margin: 0 15px;
    margin-bottom: 35px;
    float: left;
    position: relative;
    text-align: center;
}

.support-tabs-item img {
    height: 250px;
    width: 100%;
    margin-bottom: 15px;
}


.support-tabs-item .__title {
    font: 18px 'RobotoRegular';
    color: #444f66;
    line-height: 1;
    margin-bottom: 7px;
}

.support-tabs-item .___desc {
    font: 14px 'RobotoRegular';
    color: #444f66;
    line-height: 1;
}

.support-tabs-item .__hover {
    display: block;
    width: 100%;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.support-tabs-item:hover .__hover {
    display: block;
}

.support-tabs-item .__hover .__donate img {
    width: 15px;
    height: 15px;
    position: relative;
    top: 7px;
    margin-left: 10px;
}

.take-in-custody {
    width: 210px;
    height: 40px;
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    text-transform: uppercase;
    text-align: center;
    font: 16px/38px 'RobotoMedium';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -105px;
}

.take-in-custody:hover {
    color: #000;
    background: #fff;
}

.support-tabs-item .__hover .__donate {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    left: 0;
    color: #fff;
}

.support-tabs-item .__hover .__donate:hover {
    opacity: .8;

}

.support1-tabs__caption li.actove .ic_title_cat .ic_title_bg {
    display: block;
}

.supportPagination {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #fff;
}

.supportPagination li {
    display: inline-block;
    padding: 10px 5px;
}

.supportPagination li a {
    font: 16px 'RobotoMedium';
    color: #444f66;
}

.supportPagination li a:hover {
    text-decoration: underline !important;
}

.supportPagination li span {
    font: 18px 'RobotoBold';
    color: #444f66;
}
.projects_block-nohover {
	text-align: center;
}
.projects_block-nohover .plate a {
	height: auto;
	position: absolute;
	bottom: -100%;
	transition: .5s
}
.projects_block-nohover .plate {
	overflow: hidden;
	position: relative;
	min-width: 300px;
}
.projects_block-nohover .plate:hover a {
	bottom: 10%;
}
.plate_btn {
	width: 211px;
	height: 40px;
	border: 1px solid #ffffff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	align-content: center;
	color: #fff;
	top: 140px;
	position: absolute;
	left: 50%;
	transform: translate(-50%,0%);
	cursor: pointer;
}
.plate_btn:hover {
    background: #fff;
    border: 1px solid transparent;
    color: #000;
}
.supporter-title.title-right {
	left: initial;
	right: 0;
}

.is-milo-head {
    padding-top: 20% !important;
    font-size: 48px;
}
.is-milo-head-sub {
    padding-top: 1% !important;
    font-size: 36px;
}

.is-cont .center_reab_bg table tr td:nth-child(2) {
    width: 40% !important;
}
.is-cont .center_reab_bg table tr td:nth-child(1) {
    width: 20% !important;
}
.is-cont .center_reab_bg table tr td:nth-child(3) {
    width: 40% !important;
    padding-right: 50px;
    padding-top: 60px;
    font-family: "RobotoRegular";
    font-size: 16px;
    color: #002d2f;
}
.is-cont2 {
    width: 100%;
    max-width: 1288px;
    margin: 60px auto 0;  
    padding: 0 10px;
}
.mag-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mag-flex__item {
    position: relative;
    cursor: pointer;
    max-width: 370px;
    margin-bottom: 50px;
    max-height: 370px;
}
.one-page-slider .mag-flex__item a {
    width: 240px;
    height: 240px;
    display: block;
}
.mag-flex__item:hover .mag-flex__item--hover { 
    display: inline-block;
}
.mag-flex__item--hover {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
.mag-flex__item--hover--head {
    display: block;
    position: absolute;
    top: 100px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 15px;
}

.mag-flex__item--hover--btn {
    display: none;
    position: absolute;
    bottom: 25px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    width: 100%;
}
.mag-flex__item:hover .mag-flex__item--hover--btn {
    display: block;
}
.mag-flex__item--hover--btn:hover {
    color: #fff;
    text-decoration: underline !important;
}
.label--item {
    /*padding: 4px 15px;*/
    position: absolute;
    top: 3px;
    left: 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
}
.label--item-inactive {
    background: #ca1111;
}
.label--item-active {
    background: #007200;
}

.prod-one-page {
    width: 100%;
    max-width: 1200px;
    margin: 35px auto 0;
}
.one-page__main {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    height: 510px;
    background: #fff;
}
.one-page__main--img {
    width: 750px;
    position: relative;
}
.one-page__main--img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.one-page__main--text {
    width: 450px;
    background: url(../uploads/mag/bg-one-page-main.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.one-page__main--img:hover .one-page__main--img--hover  {
    display: block;
}
.one-page__main--img--hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,0.5);
    display: none;
}
.one-page__main--img--hover a {
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
}
.one-page__main--img--hover a:hover {
    text-decoration: underline;
    color: #fff;
}
.one-page__main--img--hover img {
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto 20px;
}
#modal1_pp11 form {
    padding: 0 0 !important;
}
.one__card {
    padding: 60px 58px 0 60px;
}
.one__card--heading {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.one__card--price {
    color: #ffffff;
    font-size: 60px;
    font-weight: 700;
}
.one__card--author--item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 10px;
}
.one__card--author--item-l {
    margin-right: 30px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    width: 120px;
}
.one__card--author--item-r {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    width: 120px;
}
.one__card--author {
    padding: 0 60px;
}
.one__card-btn {
    padding: 40px 60px 0 60px;
}
.one__card-btn a {
    width: 250px;
    padding: 15px 0;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin: 0 auto 25px;
}
.one__card-btn-buy {
    background: #fff;
    color: #000;
    border: 1px solid transparent;
    margin-bottom: 25px;
}
.one__card-btn-buy:hover {
    color: #fff;
    background: transparent;
    border: 1px solid #fff
}
.one__card-btn-br {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}
.one__card-btn-br:hover {
    background: #fff;
    color: #000;
    border: 1px solid transparent;
}
.one-page__main--text2 {
    background: #f0f5f6;
    padding: 60px;
}
.one-page__main2 {
    height: auto;
}
.one-page__main--img2 {
    background: #fff;
    padding: 60px;
}
.one-page__main2--head {
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}
.one-page__main2--text {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}


.one-page-slider .slick-slide {
    width: 280px !important;
}


.one-page-slider .mag-flex__item--hover--head {
    top: 30px;
}
.one-page-slider .mag-flex__item--hover--btn img {
    display: inline-block !important;
    
}
.mag-flex__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mag-flex__item--hover--btn img {
    width: 20px;
    height: 20px;
}
.one-page-slider .slick-track {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.one-page-slider li {
    margin-right: 50px;
}
.one-page-slider .slick-prev{
    top: 77px !important;
    left: 8px;
    cursor: pointer;
    background: url(../img/slider_left_black.png) no-repeat;
}
.one-page-slider .slick-next{
    top: 45px !important;
    right: 14px;
    cursor: pointer;
    background: url(../img/slider_left_black.png) no-repeat;
    transform: rotate(180deg);
}
.mag-form form {
    width: 350px;
    margin: 0 auto;
}
.mag-form form input {
    width: 347px;
    height: 53px;
    background-color: #f5f5f5;
    margin: 0 auto;
    text-align: center;
    color: #444f66;
    font-size: 16px;
    font-weight: 400;
    border: none;
    margin-bottom: 25px;
    outline: none;
}
.mag-sbt-active {
    margin-top: 90px !important;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    width: 253px !important;
    margin: 0 auto;
    display: block;
    background: url(../img/look_another_animal.png) no-repeat;
}
.bg-sup-pro {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
}
.plate_hover:hover .bg-sup-pro {
    opacity: .95;
}
.bg-sup-pro img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.donate__item {
    margin-top: 45vmin;
    background: #fff;
    color: #000;
    border: 1px solid transparent;
}
.donate__item:hover {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}
@media screen and (max-width: 1200px) {
    .mag-form form input {
        width: 100%;
    }
    .is-cont .center_reab_bg table tr {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .is-cont .center_reab_bg table tr td:nth-child(2) {
         width: 100% !important;
    }
    .is-cont .center_reab_bg table tr td:nth-child(1) {
        width: 100% !important;
        padding-top: 60px;
    }
    .is-cont .center_reab_bg table tr td:nth-child(3) {
        width:  100% !important;
    }
       .one-page__main {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        height: auto;
    }
    .one-page__main--img {
        width: 100%;
    }
    .one-page__main--text {
        width: 100%;
        padding-bottom: 30px;
        -webkit-background-size: contain;
        background-size: cover;
    }
    .one__card--price {
        font-size: 40px;
    }
    .one__card--author {
        padding: 0 !important;
        max-width: 255px;
        margin: 20px auto 0; 
        text-align: center; 
    }
    .one__card {
        padding: 20px 20px 0 20px;
        text-align: center;
    }
    .one__card-btn {
        padding: 20px 0;
    }
    .one__card-btn a {
        margin: 20px auto;
    }
    .one-page__main--img2 {
        padding: 20px;
    }
    .project_hover_title {
        font-size: 40px;
    }
}
@media screen and (max-width: 480px) {
    .plate_title {
        font-size: 6.3vw !important;
    }
    .plate_btn {
        top: 100px;
    }
    .plate_readmore {
        display: block !important;
    }
    .projects_block-nohover .plate a {
        bottom: 50px !important;
    }
    .mag-form form {
        width: 255px;
    }
}

.modal_div.opekun__form {
    height: auto;
    top: 40% !important;
}
.section_wrapper4.after {
    display: none !important;
}
.sale {
    background: green;
    padding: 4px 15px;
}
.bron {
    background: red;
    padding: 4px 15px;
}
.pop {
    display: none;
}
.pop.active {
    display: block;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
}
.form_buy {
    position: relative;
    padding: 60px;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 500px;
    margin-top: -250px;
    margin-left: -300px;
    background: #fff;
}

.modal_close {
    background: url(../img/close-popup.png) no-repeat;
    width: 48px;
    height: 50px;
    color: transparent;
    top: 8px;
    right: 9px;
    position: absolute;
    z-index: 9;
    cursor: pointer;
}
.pop .phrasable {
    font-weight: 700;
    text-align: center;
    font-family: "RobotoBold";
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #444f66;
    margin-bottom: 40px;
}
.form_buy form {
    max-width: 350px;
    margin: 0 auto;
}
.form_buy input {
    width: 100%;
    height: 50px;
    text-align: center;
    display: block;
    margin-bottom: 0;
    outline: none;
    border: 0;
    background: #f5f5f5;
}
input[type="submit"] {
    margin-top: 20px;
    background: url(../img/new-button-bg.png) no-repeat;
    background-size: cover;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
} 
.wpcf7-form.sent .wpcf7-response-output {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #fff !important;
    margin: 0 !important;
    border: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center !important;
    z-index:10;
}
.wp-video {
    /*margin-top: 50px !important;*/
    width: 100%;
}
.form_buy input[type="tel"]{text-align:left;}
.order_label{background-color:orange;padding: 4px 15px;display:inline-block;}
@media screen and (max-width: 767px) {
    .form_buy {
        position: relative;
        padding: 20px;
        position: fixed;
        top: 50%;
        left: 50%;
        width: 320px;
        height: 400px;
        margin-top: -200px;
        margin-left: -160px;
        background: #fff;
    }
}
.art_pic_ru {display: none;}
.help_wrapper{padding:0 0 56px 376px;position:relative;}
.help_left{width:304px;position:absolute;left:0;top:0;}
.help_left h2{font-size:18px;font-weight:600;margin:0 0 24px;}
.center_reab_footer_title{margin-bottom:72px;font-size:24px;}
.help_title{font-size:24px;margin:0 0 40px;text-transform: uppercase;}
.help_slider_item_name{text-align:left;}
.left_title a{display:block;padding:16px;background-color:#F0F0F0;font-size:16px;color:#333 !important;margin-bottom:24px;font-weight:500;}
.left_title a.active, .left_title a:hover{background: #F0F0F0 url(../img/arrow-right-light.svg) no-repeat right 15px top 50%;}
.left_title a img{margin-right:12px;}
#form_type{background: #f0f0f0;padding: 40px;}
.form_title{display:flex;width:100%;padding: 0 0 20px;}
.form_title > label{width:50%;position:relative;margin: 0;cursor: pointer;}
.form_title > label span{text-align: center;font-size: 16px;padding: 0 0 10px;border-bottom: 2px solid #fff;display: block;}
.form_title > label input{position: absolute;width:0;height:0;opacity: 0;}
.form_title > label input:checked + span{border-bottom: 2px solid #1D6F84;}
.form_row{padding: 40px 0 0;}
.form_small_title{font-size: 16px;font-weight: 600;margin: 0 0 20px;}
.form_small_desc{display: grid;grid-gap: 20px;grid-template-columns: repeat(3, 1fr);}
.form_small_desc label{position: relative;margin: 0;cursor: pointer;font-weight: 400;}
.form_small_desc input[type="radio"]{position: absolute;width:0;height:0;opacity: 0;}
.form_small_desc label > span{font-size: 16px;display: block;padding: 13px;background: #fff;text-align: center;}
.form_small_desc input[type="radio"]:checked + span{background: #1D6F84;color:#fff;}
.form_small_desc label input[type="text"]{width: 100%;height:48px;background: #fff;text-align: center;line-height: 48px;font-size: 16px;border:none;}
.form_contact{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap:20px;}
.form_contact input{height:56px;background: #F9F8F9;padding: 16px;border:1px solid #828282;width:100%;}
.form_terms > label{position: relative;padding: 0 0 0 28px;font-weight: 400;}
.form_terms > label a{color:#CB2128;}
.form_terms > label input{position: absolute;left:0;top:0;}
#btn{display: block;height: 60px;width:240px;background: url(../img/button_help_bg.png);text-align: center;line-height: 60px;color:#fff;font-size: 18px;font-weight: 500;border:none;text-transform: uppercase;}
.form_buttons{padding: 20px 0 0;}
.grey_block{margin: 0 0 72px;}
.grey_tabs{background-color: #f0f0f0;padding: 40px;}
.tab_navigation{list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(3, 1fr);}
.tab_navigation > li{font-size: 16px;font-weight: 600;text-align: center;padding: 0 0 15px;border-bottom:2px solid #fff;cursor: pointer;}
.tab_navigation > li.active{border-bottom:2px solid #1D6F84;}
.tab_title{font-size: 16px;font-weight: 600;margin: 40px 0 20px;}
.tab_sub_wrapper{background-color: #fff;display: grid;grid-template-columns: 30% 1fr;padding: 15px 40px 15px 15px;margin-bottom: 4px;position: relative;}
.tab_sub_title{color:#828282;}
.tab_sub_value{font-weight: 600;}
.full_block{padding: 40px;background: #f0f0f0;clear: both;}
.full_block .tab_title{margin-top: 0;}
.copy{position: absolute;right:16px;width: 16px;height: 16px;background: url(../img/copy.svg) no-repeat;cursor: pointer;top:50%;margin-top: -8px;}
.copy_all{background-color: #1D6F84;font-size: 16px;font-weight: 500;color:#fff;text-transform: uppercase;padding: 14px;text-align: center;line-height: 1;cursor: pointer;}
.copy_all:before{display: inline-block;width:16px;height: 16px;background: url(../img/copy_white.svg) no-repeat;margin-right: 16px;content: '';}
.grey_block:after{display: block;clear: both;content: '';}
.item_column{float: left;width: 48%;padding: 24px;background: #f0f0f0;margin-bottom: 40px;}
.item_ico, .item_desc{padding: 0 0 24px;}
.item_link a{display: block;height: 48px;line-height: 48px;color:#fff !important;text-transform: uppercase;text-align: center;background: url(../img/button_help_bg.png);cursor: pointer;}
.item_column:nth-child(2n){margin-left: 4%;}
.tab_content{display: none;}
.tab_content.active{display: block;}
.faq_title{margin-top: -40px;}
.faq_block{padding: 24px;background-color: #f0f0f0;margin-bottom: 16px;}
.faq_ask{font-size: 18px;position: relative;padding-right: 20px;cursor: pointer;}
.faq_ask:after{content:'';display:block;width:16px;height: 16px;background:url(../img/plus.svg) no-repeat;position: absolute;right:0;top:6px;}
.faq_ask.active:after{background:url(../img/minus.svg) 0 50% no-repeat;}
.faq_answer{font-size: 16px;margin-top: 16px;display: none;}
.faq_ask.active + .faq_answer{display: block;}
.clipboard{position: absolute;font-size: 10px;background-color: #1D6F84;padding: 5px 10px;border-radius: 20px;color: #fff;right: -14px;top: -10px;line-height: 1;}
.clipboardAll{position: absolute;font-size: 10px;background-color: #1D6F84;padding: 5px 10px;border-radius: 20px;color: #fff;left: 50%;bottom: -30px;line-height: 1;}
.tab_sub_block{position: relative;}
.oferta{padding:100px 0;}
.oferta ol{padding-left:14px;}
.oferta h1{font-size:24px;margin-bottom:20px;}
.helptop{margin-bottom:10px;}
.helpmiddle{text-transform:none;color:#333;font-size:20px;}
.hideField{display:none;}
.date_field strong{display:block;}
@media(max-width:1024px){
    .help_wrapper{padding: 0 0 32px 315px;}
    .help_left{width: 280px;}
    #form_type{padding: 24px;}
    .form_row{padding: 20px 0 0;}
    .form_small_desc{grid-gap: 12px;}
    .grey_block{margin: 0 0 48px;}
    .help_title{margin-bottom: 24px;font-size: 20px;}
    .grey_tabs{padding: 24px;}
    .tab_title{margin: 24px 0 16px;}
    .full_block{padding: 24px;}
    .item_column{margin-bottom: 20px;}
    .tab_sub_value{word-break: break-all;}
    .faq_title{margin-top: 0;}
}
@media(max-width:900px){
    .help_wrapper{padding: 0 0 1px;}
    .help_left{position: static;width: 100%;margin-bottom: 40px;}
    .left_title a{margin-bottom: 16px;}
    .help_text{padding: 0 0 48px !important;}
    .copy_all{font-size: 14px;}
}
@media(max-width:600px){
    .left_title a{font-size: 14px;margin-bottom: 8px;}
    .form_title > label span,.form_small_desc label > span, .form_small_title{font-size: 14px;}
    .tab_navigation > li, .tab_title{font-size: 14px;}
    .help_title{font-size: 16px;}
    .item_column{width: 100%;float: none;margin: 0 0 16px !important;}
    #btn{width: 100%;font-size: 14px;line-height: 52px;height: 52px;}
    .faq_block{padding: 12px;margin-bottom: 12px;}
    .faq_ask, .faq_answer{font-size: 14px;}
}
.help_filx {display: none;}
  .help_eco {
    position: fixed;
    bottom: 25px;
    width: 100%;
    max-width:1318px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #FFB800;
    box-shadow: 12px 12px 40px rgba(15, 38, 54, 0.2);
    border-radius: 24px;
    overflow: hidden;
    display: none;
    z-index:10;
  }
  .help_eco.active {display: block;}
  .help_eco_content {
    display: grid;
    grid-template-columns: 1fr 443px;
    grid-gap: 50px;
  }
  .help_eco_content_text_top {
    font-size: 32px;
    line-height: 40px;
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
  }
  .help_eco_content_text {
    padding: 50px;
    font-family:Roboto;
  }
  .helptop span {
    color: #fff;
  }
  .help_eco_content_img {
    border-radius: 20px;
    overflow: hidden;
  }
  .help_eco_content_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .pop_close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
  }
  .help_eco_content_text_bottom {
    margin-top: 56px;
    color: #333;    
    display:flex;
    font-size:16px;
  }
  .helpbottom{display:block;font-weight:400;line-height:1.2;}
  .helpbottom span{display:block;color:#fff;}
  .helpbottom_right{display:block;font-weight:500;margin-left:7%;}
  .donate_btn {
    background: #fff;
    color: #1D6F84;
    border-radius: 40px;
    padding: 8px 16px;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 4px;
    
  }
  .donate_btn img {
    margin-right: 8px;
  }
  #hel_eco_fixes {
    position: fixed;
    bottom: 50px;
    right: 50px;
    animation: pulse 2s infinite;
    display: none;
  }
#hel_eco_fixes.active {display: block;}
#hel_eco_fixes .donate_btn {
padding: 16px 32px;
font-size: 20px;
}

.page-template-help .director {display: none;}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(203,33,40, 0.6);
        box-shadow: 0 0 0 0 rgba(203,33,40, 0.6);
        border-radius: 40px;
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        border-radius: 40px;
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        border-radius: 40px;
    }
}


  @media screen and (max-width: 1400px) {
    .help_eco_content_text_top {
        font-size: 24px;
        line-height: 32px;
    }
  }
  @media screen and (max-width: 1200px) {
    .help_eco_content {
        grid-template-columns: 1fr;
        grid-gap: 25px
    }
    .help_eco_content_img {
        display: none
    }
    .pop_close {
        top: 8px;
        right: 8px;
    }
  }

  @media screen and (max-width: 767px) {
    .help_eco_content_text {
        padding: 25px;
    }
    .help_eco .pop_close {
        width: 30px;
        height: 30px;
    }
    #hel_eco_fixes .donate_btn {
        padding: 8px 16px;
        font-size: 16px;
    }
    #hel_eco_fixes {
        bottom: 20px;
        right: 20px
    }
    .help_slider_item_poster {
        height: 250px !important
    }
    .help_text {
        padding: 0 16px
    }
    .help_eco_content_text_bottom{display:block;margin-top:25px;}
    .helpbottom_right{margin:10px 0 0;}
    .helpmiddle{font-size: 16px;line-height: 1.4;}
  }