/* font-family: 'Exo2' */
@font-face {
    font-family: 'Exo2';
    src: url('../fonts/Exo2-Light/Exo2-Light.eot');
    src: url('../fonts/Exo2-Light/Exo2-Light.woff2') format('woff2'),
    url('../fonts/Exo2-Light/Exo2-Light.woff') format('woff'),
    url('../fonts/Exo2-Light/Exo2-Light.ttf') format('truetype'),
    url('../fonts/Exo2-Light/Exo2-Light.svg#Exo2-Light') format('svg'),
    url('../fonts/Exo2-Light/Exo2-Light.eot?#iefix') format('embedded-opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Exo2';
    src: url('../fonts/Exo2-Medium/Exo2-Medium.eot');
    src: url('../fonts/Exo2-Medium/Exo2-Medium.woff2') format('woff2'),
    url('../fonts/Exo2-Medium/Exo2-Medium.woff') format('woff'),
    url('../fonts/Exo2-Medium/Exo2-Medium.ttf') format('truetype'),
    url('../fonts/Exo2-Medium/Exo2-Medium.svg#Exo2-Medium') format('svg'),
    url('../fonts/Exo2-Medium/Exo2-Medium.eot?#iefix') format('embedded-opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Exo2';
    src: url('../fonts/Exo2-SemiBold/Exo2-SemiBold.eot');
    src: url('../fonts/Exo2-SemiBold/Exo2-SemiBold.woff2') format('woff2'),
    url('../fonts/Exo2-SemiBold/Exo2-SemiBold.woff') format('woff'),
    url('../fonts/Exo2-SemiBold/Exo2-SemiBold.ttf') format('truetype'),
    url('../fonts/Exo2-SemiBold/Exo2-SemiBold.svg#Exo2-SemiBold') format('svg'),
    url('../fonts/Exo2-SemiBold/Exo2-SemiBold.eot?#iefix') format('embedded-opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Exo2';
    src: url('../fonts/Exo2-Bold/Exo2-Bold.eot');
    src: url('../fonts/Exo2-Bold/Exo2-Bold.woff2') format('woff2'),
    url('../fonts/Exo2-Bold/Exo2-Bold.woff') format('woff'),
    url('../fonts/Exo2-Bold/Exo2-Bold.ttf') format('truetype'),
    url('../fonts/Exo2-Bold/Exo2-Bold.svg#Exo2-Bold') format('svg'),
    url('../fonts/Exo2-Bold/Exo2-Bold.eot?#iefix') format('embedded-opentype');
    font-weight: 700;
    font-style: normal;
}

/* font-family: 'Montserrat' */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold/Montserrat-ExtraBold.woff2') format('woff2'),
    url('../fonts/Montserrat-ExtraBold/Montserrat-ExtraBold.woff') format('woff'),
    url('../fonts/Montserrat-ExtraBold/Montserrat-ExtraBold.ttf') format('truetype'),
    url('../fonts/Montserrat-ExtraBold/Montserrat-ExtraBold.svg#Exo2-ExtraBold') format('svg'),
    url('../fonts/Montserrat-ExtraBold/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light/Montserrat-Light.woff2') format('woff2'),
    url('../fonts/Montserrat-Light/Montserrat-Light.woff') format('woff'),
    url('../fonts/Montserrat-Light/Montserrat-Light.ttf') format('truetype'),
    url('../fonts/Montserrat-Light/Montserrat-Light.svg#Exo2-Light') format('svg'),
    url('../fonts/Montserrat-Light/Montserrat-Light.eot?#iefix') format('embedded-opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular/Montserrat-Regular.woff2') format('woff2'),
    url('../fonts/Montserrat-Regular/Montserrat-Regular.woff') format('woff'),
    url('../fonts/Montserrat-Regular/Montserrat-Regular.ttf') format('truetype'),
    url('../fonts/Montserrat-Regular/Montserrat-Regular.svg#Exo2-Regular') format('svg'),
    url('../fonts/Montserrat-Regular/Montserrat-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium/Montserrat-Medium.woff2') format('woff2'),
    url('../fonts/Montserrat-Medium/Montserrat-Medium.woff') format('woff'),
    url('../fonts/Montserrat-Medium/Montserrat-Medium.ttf') format('truetype'),
    url('../fonts/Montserrat-Medium/Montserrat-Medium.svg#Exo2-Medium') format('svg'),
    url('../fonts/Montserrat-Medium/Montserrat-Medium.eot?#iefix') format('embedded-opentype');
    font-weight: 500;
    font-style: normal;
}


/*header/main.css////////////////////////////////////////////////////////////*/

.header-logo-mob, .mob-elem {
    display: none;
}

header {
    /*background-image: url(../img/header__bg.jpg);*/
    background-repeat: no-repeat;
    background-position: center 115px;
}

.no-header-image header {
    background-image: none;
}

.header-login-wrapper {
    border-bottom: 1px solid #e3e3e3;
}

.header-login-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 50px;
}

.header-login-container > * {
    font: 300 16px/1.2 "Exo2";
    color: #3b3b3b;
    text-align: left;
    border-bottom: 1px solid rgba(83, 82, 82, 0);

    -webkit-transition: color, border-color .25s;
    -o-transition: color, border-color .25s;
    transition: color, border-color .25s;
}

.header-login-container > *:not(:first-child) {
    margin-left: 110px;
}

.header-login-container > *:last-child {
    margin-left: auto;
}

.header-login-container > *:hover {
    color: #535252;
}

.header-logo-wrapper {
    padding: 80px 0 52px;
}

.header-logo-container {
    max-width: 1356px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}

.header-search-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}

.header-search-wrapper > * {
    font: 300 17.5px/1.2 "Exo2";
    text-align: left;
}

.header-input-label {
    padding: 0 20px;
    color: #010101;
}

.header-input-container {
    position: relative;
    height: 63px;
    margin-top: 11px;
    padding-right: 40px;
    border-radius: 150px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.header_inner .header-input-container {
    margin-top: 0;
}

.header-input-container--search {
    width: 350px;
    background-color: #f5f4ec;
    margin-right: 283px;
}

.header-input-container--indent-key {
    margin-right: 9px;
    padding-right: 0px;
    background-color: inherit;
    text-decoration: none;
    color: #000;
}

.header-input-container--indent-key img.power {
    width: 48px;
    height: 48px;
}

.header-input-container--indent-key:hover {
    /*background-color: #38231b;*/
    /*text-decoration: none;*/
    /*color: #fff;*/
    color: #000;
    text-decoration: none;
}

.header-input-container input {
    height: 100%;
    width: 100%;
    background-color: transparent;
    border: none;

    font-size: 30px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300;
    padding: 0;
    margin: 0;
    box-shadow: none !important;
    border: none !important;
}

.header-input-container input::placeholder {
    color: #6a6353;
}

.header-input-container input:focus {
    outline: none;
}

.another-header .header-input-container--search::before {
    content: '\f002';
    color: #000;
    font-size: 33px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    padding-left: 15px;
    padding-right: 10px;
}

.header-input-container--search::before {
    content: '';
    display: inline-block;
    background: url('../img/loupe-search.png') center no-repeat;
    width: 70px;
    height: 83px;
    margin-left: 6px;
    margin-top: 38px;
    margin-right: 9px;
}

.header-logo {
    width: 418px;
}

.header-menu-wrapper {
    width: 100%;
    padding-right: 0px;
}

.header-menu-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*justify-content: flex-end;*/
    /*border-bottom: 3px solid #74bc27;*/
}

.header-menu {
    margin-left: -30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.header-menu__el {
    position: relative;
    display: block;
    cursor: pointer;
    flex: 1;
    padding: 20px 30px;
    font: 400 30px/.9 "PT Sans";
    color: #000;
    text-align: center;
    white-space: pre;

    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

.header-menu__el:hover {
    color: #74bc27;
    text-decoration: none;
}

.header_menu_list:hover,
.header-menu__el.active {
    background-color: #fff;
    color: #3bbd00;
}

.header_menu_list .list {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    position: absolute;
    top: 55px;
    left: -60px;
    right: -60px;
    background: #74bc27;
    margin: 0;
    list-style: none;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.header_menu_list:hover .list {
    visibility: visible;
    opacity: 1;
}

.header_menu_list .list li {
    border-bottom: 1px solid white;
    margin-bottom: 0;
    padding: 5px 0;
}

.header_menu_list .list li:last-child {
    border-bottom: none;
}

.header_menu_list .list li a {
    color: white;
    text-transform: initial;
}

.header-content-wrapper {
    padding-top: 115px;
    padding-bottom: 30px;
}

.header-content-title {
    color: #000000;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 56px;
    font-weight: 700;
}

.header-content-title span {
    color: #7c7c7c;
}

.header-content-title.lh_9 {
    line-height: .9;
}

.header-content-title.border {
    border-bottom: 8px solid #c2d2a0;
    padding-bottom: 40px;
}

.header-content-container {
    max-width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.header-content-text {
    font: 300 24px/1.4 "Source Sans Pro", sans-serif;
    line-height: 34px;
    color: #000000;
    text-align: left;
    max-width: 60%;
    letter-spacing: 0.2px;
}

.header-content-text p {
    margin: 0;
    padding: 0;
    margin-bottom: 35px;
}

.header-content-text p:last-child {
    margin: 0;
}

.header-content-text a {
    color: #346dff;
    border-bottom: 1px solid #9bb3f0;

    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

.header-content-text a:hover {
    color: #0048ff;
    text-decoration: none;
    border-bottom: 1px solid #82a1f0;
}


.header-content-count {
    margin-bottom: 15px;
}

.header-content-count__label {
    color: #98947f;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 0;
}

.header-content-count__number {
    color: #74bc27;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 50px;
    font-weight: 600;
}

/*header/media.css////////////////////////////////////////////////////////////*/


/*@media only screen and (max-width : 1199.9px) {*/
/*	.header-logo-wrapper {*/
/*		padding: 70px 0;*/
/*	}*/
/*	.header-logo-container {*/
/*		-webkit-flex-direction: column;*/
/*		-moz-flex-direction: column;*/
/*		-ms-flex-direction: column;*/
/*		-o-flex-direction: column;*/
/*		flex-direction: column;*/
/*		-ms-align-items: flex-start;*/
/*		align-items: flex-start;*/
/*	}*/
/*	.header-logo {*/
/*		margin-bottom: 30px;*/
/*	}*/
/*	.header-menu-wrapper {*/
/*		width: 65%;*/
/*	}*/
/*	.header-menu__el {*/
/*		font-size: 14px;*/
/*		padding: 15px 10px;*/
/*	}*/
/*	.header_menu_list .list {*/
/*		top: 42px;*/
/*		left: -40px;*/
/*		right: -40px;*/
/*	}*/

/*	.header-content-title {*/
/*		font-size: 69px;*/
/*		max-width: 555px;*/
/*	}*/
/*	.header-content-container {*/
/*		-webkit-flex-direction: column;*/
/*		-moz-flex-direction: column;*/
/*		-ms-flex-direction: column;*/
/*		-o-flex-direction: column;*/
/*		flex-direction: column;*/
/*	}*/
/*	.header-content-count-container {*/
/*		top: 0;*/
/*		margin: 40px -15px 0;*/

/*		display: -webkit-flex;*/
/*		display: -moz-flex;*/
/*		display: -ms-flex;*/
/*		display: -o-flex;*/
/*		display: flex;*/
/*		flex-wrap: wrap;*/
/*		width: auto;*/
/*	}*/
/*	.header-content-count {*/
/*		margin-bottom: 0;*/
/*		padding: 0 15px;*/
/*		width: 50%;*/
/*		display: flex;*/
/*		flex-direction: column;*/
/*		align-items: center;*/
/*		justify-content: center;*/
/*		margin-top: 25px;*/
/*	}*/
/*	.header-content-count__number {*/
/*		font-size: 69px;*/
/*	}*/
/*}*/
/*@media only screen and (max-width : 991.9px) {*/
/*	header {*/
/*		-webkit-background-size: 800px;*/
/*		background-size: 800px;*/
/*		background-position: center 60px;*/
/*	}*/
/*	.header-input-container {*/
/*		height: 45px;*/
/*	}*/
/*	.header-search-wrapper > * {*/
/*		font-size: 14px;*/
/*	}*/
/*	.header-input-container--search {*/
/*		width: 250px;*/
/*	}*/
/*	.header-input-container--search::before {*/
/*		font-size: 20px;*/
/*	}*/
/*	.header-menu-wrapper {*/
/*		width: 100%;*/
/*	}*/
/*	.header-menu-container {*/
/*		justify-content: center;*/
/*	}*/

/*	.header-content-wrapper {*/
/*		padding-top: 80px;*/
/*	}*/
/*	.header-content-title {*/
/*		font-size: 50px;*/
/*		max-width: 100%;*/
/*	}*/
/*	.header-content-container {*/
/*		padding-top: 60px;*/
/*	}*/
/*	.header-content-text p {*/
/*		margin-bottom: 20px;*/
/*	}*/
/*	.header-content-count-container {*/
/*		margin-left: 0;*/
/*		margin-right: auto;*/
/*		-webkit-flex-wrap: wrap;*/
/*		-moz-flex-wrap: wrap;*/
/*		-ms-flex-wrap: wrap;*/
/*		-o-flex-wrap: wrap;*/
/*		flex-wrap: wrap;*/
/*		max-width: 425px;*/
/*	}*/
/*	.header-content-count {*/
/*		flex: 0 0 50%;*/
/*		padding: 7.5px 15px;*/
/*	}*/
/*	.header-content-count__label {*/
/*		font-size: 18px;*/
/*	}*/
/*	.header-content-count__number {*/
/*		font-size: 50px;*/
/*	}*/
/*}*/


/*main.css////////////////////////////////////////////////////////////*/


body {
    font: 16px/1.2 "Exo2";
    zoom: 90%;
}

.container-custom {
    position: relative;

    margin: auto;
}

@media screen and (min-width: 1600px) {
    .container-custom {
        width: 1550px;
    }
}

@media screen and (max-width: 1499px) {
    .no-header-image .header-menu-wrapper {
        padding-top: 35px !important;
    }
}


@media screen and (min-width: 1200px) {
    .container-custom {
        width: 1400px;
    }


}

.btn {
    font-size: 16px;
    text-transform: none;
    font-weight: normal;
    text-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

/*.btn {*/
/*display: inline-block;*/
/*margin: 20px auto;*/

/*border: none; outline: none;*/
/*padding: 0 25px;*/
/*height: 45px;*/
/*max-width: 280px;*/

/*background: #ff7e00;*/
/*background: -moz-linear-gradient(top, #ff7e00 0%, #f34321 100%);*/
/*background: -webkit-linear-gradient(top, #ff7e00 0%,#f34321 100%);*/
/*background: linear-gradient(to bottom, #ff7e00 0%,#f34321 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7e00', endColorstr='#f34321',GradientType=0 );*/
/*box-shadow: 0 4px #b7001e;*/
/*border-radius: 4px;*/

/*font: 700 14px inherit;*/
/*color: #ffffff;*/
/*text-transform: uppercase;*/
/*letter-spacing: 2px;*/
/*cursor: pointer;*/

/*-webkit-transition: all .4s;*/
/*-moz-transition: all .4s;*/
/*transition: all .4s;*/
/*}*/
/*.btn:hover {*/
/*color: #ffffff;*/
/*box-shadow: 0 2px #b30153;*/
/*top: 2px;*/
/*}*/


p {
    margin-bottom: 1rem;
}

.policy-checkbox-container {
    display: block;
    position: relative;
    padding-left: 31px;
    cursor: pointer;
    margin-top: 25px;

    font-size: 10px;
    font-family: inherit;
    font-weight: 300;
    text-align: left;
    color: #262626;
    line-height: 1;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.policy-checkbox-container input {
    position: absolute;
    opacity: 0;
}

.policy-checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 4px;
    height: 15px;
    width: 15px;
    background-color: #ffffff;
    border: 1px solid #aaaaa9;
}

.policy-checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;

    left: 3px;
    top: 0px;
    width: 6px;
    height: 10px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.policy-checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

.policy-checkbox-container .link {
    color: #5274ec;
    text-decoration: underline;
}

[data-mask] {
    letter-spacing: 1px;
}

.header-submenu {
    margin-top: 23px;
    margin-left: -15px;
}

.header-submenu__el {
    padding: 5px 23px;
    color: #48473d;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 24px;
    font-weight: 300;
    margin-right: 10px;
    margin-left: 0px;
}

.header-submenu__el:hover {
    text-decoration: none;
    color: #48473d;
    background-color: #f5ffeb;
    border-radius: 25px;
}

.header-submenu__el.active {
    text-decoration: none;
    color: #48473d;
    background-color: #f5ffeb;
    border-radius: 25px;
}

.first-adv {
    padding-bottom: 211px;
}

.first-adv__item {
    margin-left: -33px;
    padding: 26px 35px;
    width: max-content;
    border-radius: 25px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.first-adv__item a {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 40px;
    letter-spacing: 0.24px;
    color: #272b35;
    font-weight: 400;
    margin-bottom: 0;
    text-decoration: none;
}

.first-adv__item__circle {
    margin-right: 33px;
    width: 60px;
    height: 60px;
    background-color: #f5ffeb;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.first-adv__item__circle__c {
    width: 18px;
    height: 18px;
    background-color: #74bc27;
    border-radius: 100%;
}

.first-adv__item:hover {
    background-color: #f8fffd;
}

.first-adv__item:hover p {
    color: #1e5d06;
}

.first-adv__item:hover .first-adv__item__circle__c {
    background-color: #1e5d06;
}

.first-intro {
    padding-bottom: 92px;
}

.first-intro__title {
    color: #000000;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 56px;
    font-weight: 700;
    display: block;
    margin-bottom: 0px;
}

.header-content-photo-by {
    position: relative;
}

.first-intro__title span {
    color: #7c7c7c;
}

.first-intro__watch {
    cursor: pointer;
    margin-left: -18px;
    margin-right: 110px;
}

.first-intro-wrap {
    display: flex;
}

.first-intro-wrap img {
    margin-right: 0px;
    margin-top: 50px;
    cursor: pointer;
}

.first-nums {
    padding-top: 30px;
    position: absolute;
    right: 150px;
}

.header-content-count {
    margin-bottom: 20px;
}

.header-content-count:last-child {
    margin-right: 0;
}

.search_window_wrapper .title_description_part {
    height: inherit;
}


.video-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.video-popup-content {
    width: 750px;
    height: max-content;
    position: relative;
    margin-left: -375px;
    left: 50%;
    top: 50%;
    margin-top: -210px;
    box-shadow: 0 20px 60px rgba(26, 26, 34, 0.03);
    border-radius: 8px;
    background-color: #ffffff;
    padding: 20px;
}

.video-close {
    position: absolute;
    right: 15px;
    top: 15px;
    outline: 0;
    border: 0;
    margin: 0;
    width: 30px;
    background-color: #f7f7f7;
    height: 30px;
    text-shadow: 0 0 0;
    color: #ff1100;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
}


.video-popup video {
    outline: none;
}


/*media.css////////////////////////////////////////////////////////////*/


/*===== .col-lg =====*/
@media only screen and (max-width: 1199.9px) {
    .container-custom {
        width: 960px;
    }
}

@media only screen and (max-width: 991.9px) {
    .container-custom {
        width: 720px;
    }
}

/*
@media only screen and (max-width : 767.9px) {
  .container-custom {
    width: 545px;
  }
}
@media only screen and (max-width : 575.9px) {
  .container-custom {
    width: 100%;
    padding: 0 15px;
  }
}
*/


/*footer/main.css////////////////////////////////////////////////////////////*/


.footer-content {
    border-top: 1px solid #e8e8e8;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f4f3ee;
    border-bottom: 1px solid #e8e8e8;
}

.footer-ccs {
    background-color: #f4f3ee;
}

.footer-ccs-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 40px;
}

.footer-ccs__root img.quote {
    margin-left: -47px;
    margin-right: 20px;
    color: #7aacf1;
    font-size: 30px;
    vertical-align: top;
    width: 30px;
}

.footer-ccs__root__text {
    display: inline-block;
}

.footer-ccs__root__text span {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 18px;
}

.footer-ccs__root__text p {
    width: 485px;
    color: #000000;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}

.footer-ccs__license {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 30px;
}

.footer-ccs__license a {
    margin-right: 14px;
}

.footer-ug p,
.footer-dfg p {
    color: #000000;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 30px;
}

.footer-ccs__license span {
    width: 501px;
    color: #636363;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.footer-ccs__fund {
    color: #000000;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.footer-content-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.footer-title {
    font: 500 58px/1.2 "Montserrat";
    color: #ffffff;
    text-shadow: 0px 6px 3px rgba(0, 0, 0, 0.1);
    text-align: left;
    text-transform: uppercase;
}

.footer-about {
    font: 500 16px/1.2 "Montserrat";
    color: #ffffff;
    text-align: left;

    margin-top: 10px;
    max-width: 170px;
}

.footer-content-menu-container {
    /*width: 1070px;*/
    /*padding-top: 37px;*/
    width: 100%;
}

.footer-content-menu {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 70px;
}

.footer-content-menu > * {
    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
    padding-left: 35px;
    padding-right: 15px;
    color: #000000;
    font-family: "PT Sans";
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.15px;
}

.footer-content-menu > *:hover {
    color: #74bc27;
    text-decoration: none;
}

.footer-content-menu a:first-child {
    padding-left: 0;
}

.footer-content-menu a:last-child {
    padding-right: 0;
}

.footer-content-social-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    max-width: 600px;
    margin-top: 120px;
}

.footer-content-social {
    border-radius: 50%;
    background: #fdfefd;
    background: -moz-linear-gradient(top, #fdfefd 0%, #acfc8c 100%);
    background: -webkit-linear-gradient(top, #fdfefd 0%, #acfc8c 100%);
    background: linear-gradient(to bottom, #fdfefd 0%, #acfc8c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfefd', endColorstr='#acfc8c', GradientType=0);
    height: 65px;
    width: 65px;
    margin-left: 20px;

    color: #699b2e;
    font-size: 36px;
    text-align: center;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;

    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

.footer-content-social:first-child {
    margin-left: 0;
}

.footer-content-social:hover {
    color: #4f7523;
}

.footer-content-social--feedback {
    /* padding: 0 30px; */
    /* width: 240px; */
    /* font: 500 16px "Montserrat"; */
    /* border-radius: 250px; */
    /* color: #555754; */
    /* margin-left: auto; */
    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
    width: 270px;
    height: 66px;
    background: #f5ffeb;
    margin-bottom: 20px;
    border-radius: 40px;
    color: #201600;
    font-family: "PT Sans";
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 30px;
}

.footer-content-social--feedback i {
    font-size: 32px;
    padding-right: 15px;
    color: #a3a3a3;
}

.footer-content-social--feedback:hover {
    color: #333533;
    text-decoration: none;
}

.footer-content-social--feedback:hover span {
    text-decoration: underline;
}

.footer-email {
    font: 500 16px/1.2 "Montserrat";
    color: #ffffff;
    text-align: left;
    margin-top: 40px;
}

.footer-logo-popup {
    display: flex;
    align-content: flex-start;
    margin-bottom: 10px;
}

.footer-logo-popup__img {
    margin-right: 84px;
    width: 418px;
    height: 65px;
}

.footer-logo-popup__p__link {
    color: #201600;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 24px;
    font-weight: 300;
    margin-left: 20px;
}

.footer-logo-popup__p__link:hover {
    text-decoration: none;
}

.footer-social-by {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}

.footer-social-by__s__link {
    margin-right: 19px;
}

.footer-social-by__b {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@keyframes developed_by_in {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -91px
    }
}

@keyframes developed_by_out {
    from {
        background-position: 0 -91px
    }
}

.footer-social-by__b__ccs {
    display: block;
    width: 153px;
    height: 91px;
    background-image: url(../img/ccs-logo-sprite.png);
    background-repeat: no-repeat;
    background-size: cover;
    animation: developed_by_out 0.15s ease-in-out;
    background-position: 0 0;
    margin-right: 27px;
}

.footer-social-by__b__ccs:hover {
    animation: developed_by_in 0.15s ease-in-out;
    background-position: 0 -91px;
}

.footer__top {
    text-align: center;
    position: absolute;
    left: 0;
    margin-left: -12%;
    cursor: pointer;
}

.footer__top img.chevron {
    width: 20px;
}

.footer__top p {
    color: #8db6ff;
    font-family: "PT Sans";
    font-size: 30px;
    font-weight: 400;
}

/*footer/media.css////////////////////////////////////////////////////////////*/


/*@media only screen and (max-width : 1199.9px) {*/
/*	.footer-content {*/
/*		padding: 60px 0 70px;*/
/*	}*/
/*	.footer-content-container {*/
/*		-webkit-flex-direction: column;*/
/*		-moz-flex-direction: column;*/
/*		-ms-flex-direction: column;*/
/*		-o-flex-direction: column;*/
/*		flex-direction: column;*/
/*	}*/
/*	.footer-content-menu-container {*/
/*		width: auto;*/
/*		max-width: 100%;*/
/*	}*/
/*}*/
/*@media only screen and (max-width : 991.9px) {*/
/*	.footer-content-menu > * {*/
/*		font-size: 18px;*/
/*	}*/
/*}*/


/*modal/main.css////////////////////////////////////////////////////////////*/


.modal-close {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px;

    display: block;
    overflow: visible;

    width: 35px;
    height: 35px;
    padding: 0;

    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;

    color: #fff;
    border: 0;
    outline: 0;
    background: transparent;
}

.modal-close:hover,
.modal-close:focus {
    color: #e4e4e4;
    outline: none;
}

.modal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 45px;
    line-height: 35px;

    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 35px;

    content: "\00d7";
    text-align: center;
}

.modal-about-tax-wrapper {
    max-width: 1400px;
    width: 100%;
    margin-left: -48%;
    background-color: #fff;
}

.modal-about-tax-title {
    position: relative;
    width: 100%;
    background-color: #a1c458;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    padding: 20px 45px;
    padding-right: 85px;

    font: 500 14px/1.2 "Montserrat";
    color: #ffffff;
    text-align: left;
}

.modal-about-tax-title span {
    padding: 0 15px;
}

.modal-about-tax-container {
    padding: 50px 60px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.modal-about-tax-images {
    flex: 0 0 320px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}

.modal-about-tax-img {
    flex: 0 0 95px;
    height: 80px;
    border: 1px solid #dedede;
    border-radius: 3px;
    margin-bottom: 20px;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-position: center;
}

.modal-about-tax-img.big {
    flex: 0 0 100%;
    height: 270px;
}

.modal-about-tax-btn {
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;

    background-color: #4280d3;
    border-radius: 5px;
    background-color: #4280d3;
    width: 100%;
    height: 65px;

    font: 17px/1.333 "Montserrat";
    color: #ffffff;
    text-align: center;

    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.modal-about-tax-btn:hover,
.modal-about-tax-btn:focus {
    color: #fff;
    background-color: #3e79c8;
}

.modal-about-tax-content {
    flex: 1;
    padding-left: 60px;
}

.modal-about-tax-menu {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 0 !important;
}

.modal-about-tax-menu > * {
    white-space: pre-wrap !important;
    cursor: pointer;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;

    border: none !important;
    border-top: 1px solid #cdcdcd !important;
    border-right: 1px solid #cdcdcd !important;
    border-bottom: 1px solid #cdcdcd !important;
    background-color: #e6e6e6 !important;
    padding: 0 25px;
    height: 50px;

    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

    margin-top: 0 !important;
    margin-right: 0px !important;

    border-radius: 0 !important;
}

.modal-about-tax-menu > * a {
    font: 15px/1.3 "Montserrat";
    color: #6f6f6f;
    text-align: center;
}

.modal-about-tax-menu > *:first-child {
    border-left: 1px solid #cdcdcd !important;
}

.modal-about-tax-menu > *.ui-state-active {
    background-color: #a1c458 !important;;
    border-color: #a1c458 !important;
}

.modal-about-tax-menu > *.ui-state-active a {
    color: #fff;
}

.modal-about-tax-page:not(:nth-child(2)) {
    display: none;
}

.modal-about-tax-page1-container {
    max-width: 740px;
    margin: 20px 0;
}

.modal-about-tax-page1-container .extra_value {
    margin-top: 10px;
}

.modal-about-tax-page1-title {
    font: bold 17px/1.33 "Open Sans";
    color: #000000;
    text-align: left;
}

.modal-about-tax-page1-text {
    font: 15px/1.5 "Open Sans";
    color: #777777;
    text-align: left;
    margin-top: 15px;
}

.modal-about-tax-no-data {
    color: #999;
    font: 12px/1.4 "Open Sans";
    padding: 10px 0;
}

.modal-about-tax-page2-list .trait-definition {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: auto;
    left: auto;
    padding: 0 5px;
}

.modal-about-tax-page2-list {
    padding: 5px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;

    font: 16px/1.2 "Open Sans";
    color: #000000;
    text-align: left;
    border-bottom: 1px dotted #dbdbdb;
}

.modal-about-tax-page2-list:first-child {
    margin-top: 10px;
}

.modal-about-tax-page2-list .value {
    margin-left: auto;
}

.modal-about-tax-page2-list .extra_values {
    display: flex;
    margin-left: 5px;
}

.modal-about-tax-page2-list .extra_value {
    margin-left: 5px;
    font-size: 13px;
}

.extra_value .v_title {
    font-weight: 600;
}

.title_description_part .extra_value {
    margin-top: 10px;
}

.traits_names_sorted_title {
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
}

.traits_names_sorted_title:first-child {
    margin: 0;
}

.traits_names_sorted_title span {
    display: inline-block;
    background-color: #f1f1f1;
    padding: 2px 10px;
    border-radius: 3px 3px 0 0;
    color: #717171;
    font-size: 14px;
}

.modal-about-tax-page4-container {
    padding: 25px 30px 30px;
    background-color: #f8f8f8;
    margin-bottom: 25px;
}

.modal-about-tax-page4-binded {
    font: 300 13px/1.2 "Open Sans";
    color: #a4a4a4;
    text-transform: uppercase;
    text-align: left;
}

.modal-about-tax-page4-title {
    font: bold 16px/1.2 "Open Sans";
    color: #000000;
    text-align: left;
    margin-top: 30px;
}

.modal-about-tax-page4-content {
    margin-top: 25px;
}

.modal-about-tax-page4-content__time {
    font: 14px/1.2 "Open Sans";
    color: #545454;
    text-align: left;
}

.modal-about-tax-page4-content__binded {
    font: bold 16px/1.1 "Open Sans";
    color: #000;
    text-align: left;
}

.modal-about-tax-page4-content__title {
    font: bold 16px/1.2 "Open Sans";
    color: #000;
    text-align: left;
    margin: 25px 0 20px;
}

.modal-about-tax-page4-content__comment {
    font: 13px/1.2 "Open Sans";
    text-align: left;
    color: #808080;
}


@media only screen and (max-width: 1440px) {
    .modal-about-tax-wrapper {
        max-width: 1160px;
    }

    .modal-about-tax-container {
        padding: 40px;
    }

    .modal-about-tax-content {
        padding-left: 40px;
    }

    .modal-about-tax-menu > * {
        padding: 0 15px;
    }

    .modal-about-tax-menu > * a {
        white-space: normal;
        font-size: 14px;
    }
}

@media only screen and (max-width: 1199.9px) {
    .modal-about-tax-wrapper {
        max-width: 961px;
    }

    .modal-about-tax-images {
        flex: 0 0 250px;
    }

    .modal-about-tax-img.big {
        height: 240px;
    }

    .modal-about-tax-btn {
        height: 50px;
        font-size: 16px;
    }

    .modal-about-tax-img {
        flex: 0 0 75px;
        height: 70px;
    }

    .modal-about-tax-menu > * {
        padding: 0 10px;
    }

    .modal-about-tax-menu > * a {
        font-size: 12px;
    }

    .modal-about-tax-page2-list {
        font-size: 12px;
    }
}

@media only screen and (max-width: 991.9px) {
    .modal-about-tax-wrapper {
        max-width: 737px;
    }

    .modal-about-tax-container {
        padding: 20px;
    }

    .modal-about-tax-menu > * a {
        font-size: 10px;
    }

    .modal-about-tax-content {
        padding-left: 20px;
    }
}

.s1-title {
    padding-bottom: 30px;
    font: 600 44px/1.2 "Source sans pro", sans-serif;
    color: #000000;
    text-align: left;
    /* text-transform: uppercase; */
}

.modal .desc-holder {
    /* margin-bottom: 30px; */
    /* border-bottom: 1px solid #ddd; */
    /* padding-bottom: 20px; */
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding-right: 120px;
}

.btn-primary,
.btn-default {
    height: auto;
    min-width: 130px;
    padding: 14px 25px;
    border-radius: 10px;
}

.btn-primary {
    border: none;
    background: #a1c458;
}

.btn-primary:hover {
    background: #9ed234;
}

.btn-default {
    border: 1px solid #a1c458;
    background: white;
    color: black;
}

.btn-default:hover {
    background: white;
}

.s1 {
    padding: 80px 0;
}

.taxa_wrapper .flex {
    margin: 0;
}

.psat {
    font-size: 22px;
    margin-top: 40px;
    margin-left: 100px;
    padding-right: 130px;
    color: #3e3e3e;
    font-family: arial, sans-serif;
    line-height: 30px;
}

.extra_info {
    display: flex;
    align-items: center;
    padding: 5px 0;
}

.extra_info.gray {
    color: gray;
}

.taxa-data-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.taxa-data-holder {
    display: flex;
}
.tree_search input {
    margin-bottom: 0;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    height: 38px;
    width: 30%;
    padding: 0 15px;
}

.tree_search .select2-container {
    width: 30% !important;
    margin-bottom: 0;
}

.tree_search .select2-container--default .select2-selection--single {
    height: 38px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
}

.tree_search .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    padding-left: 15px;
}

.tree_search .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

.taxa-data-holder .taxon_wrapper {
    width: 100%;
}

.taxa-data-holder select {
    width: 100%;
}

.content-classic {
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px;
}

.content_classic {
    display: flex;
    flex-direction: column;
}

.license {
    font-size: 13px;
    width: 360px;
}

.license img {
    float: left;
    margin-right: 10px;
    width: 100px;
    margin-bottom: 20px;
}

.sc-feedback {
    cursor: pointer;
}


/*  MODAL   */

.bootbox.modal {
    background-color: #fff;
    /*min-width: 60%;*/
    overflow: hidden;
}

.wide-modal.modal {
    width: 80%;
    left: 50%;
    margin-left: -40%;
    border: 0;
    border-radius: 4px;
    overflow-y: auto;
    height: calc(100vh - 70px);
    top: 40px !important;
}

.middle-modal.modal {
    width: 50%;
    height: 80vh;
    left: 50%;
    margin-left: -25%;
    overflow: hidden;
}

.middle-modal .modal-dialog {
    height: 100%;
}

.middle-modal .modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.middle-modal .modal-footer,
.middle-modal .modal-header {
    flex-shrink: 0;
}

.middle-modal .modal-body {
    height: 100%;
    overflow: hidden;
}

.middle-modal .bootbox-body {
    height: 100%;
    overflow: hidden;
}

.modal-header .close {
    position: absolute;
    top: 20px;
    bottom: 0;
    right: 20px;
    outline: 0;
    border: 0;
    margin: 0;
    width: 30px;
    background-color: #f7f7f7;
    height: 30px;
    text-shadow: 0 0 0;
    color: #ff1100;
    opacity: 1;
}

.modal-body {
    background-color: #fff;
    padding: 20px;
}

.modal-footer {
    text-align: right;
    padding-right: 20px;
    border-top: 1px solid #ddd;
    background-color: #f7f7f7;
    box-shadow: 0 0 0;
}

.modal-body {
    max-height: 1000000px;
}

.bootbox-body .pics-holder {
    margin-top: 30px;
}

.bootbox.modal.wide-modal.taxon-card-modal {
    width: 90%;
    left: 5% !important;
    margin-left: 0;
}

.bootbox.modal.wide-modal.taxon-card-modal .modal-body {
    max-height: calc(80vh - 70px * 2);
}

.taxon-card-modal .bootbox-body {
    display: flex;
}

.bug-images-author {
    position: absolute;
    font-size: 18px;
    margin-top: 271px;
    width: 100%;
    text-align: right;
    font-family: "Source Sans Pro", sans-serif;
    color: #d1d4cc;
}

.s1-content__btn {
    width: 208px;
    height: 56px;
    background-color: #0054ed;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 22px;
    font-weight: 400;
}


/* NEW */


.ui-tabs .ui-tabs-nav li a {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}


.modal-open {
    overflow: hidden;
}


.taxon_picture {
    /*position: absolute;*/
    /*top: 400px;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: -400px;*/
    /*background-size: 1600px;*/
    /*background-position: center 170px;*/
    /*background-repeat: no-repeat;*/
    width: 600px;
    height: 400px;
    background-size: contain;
    margin-top: -104px;
    margin-right: -38px;
    background-repeat: no-repeat;
}

.tree-trait-item {
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin-top: 4px;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: aliceblue;
    cursor: pointer;
}

.tree-trait-item:first-child {
    margin-top: 0;
}

.tree-trait-item:hover {
    color: #3485cc;
}

span.trait_category {
    background: #f6f6f6;
    margin: 0 10px;
    padding: 5px 20px;
    border-radius: 30px;
    color: #4a4a4a;
    font-size: 14px;
}


.description_wrapper {
    display: flex;
    height: 100%;
}

.pics_holder {
    display: none;
}

.has_pictures .pics_holder {
    position: relative;
    display: flex;
    align-items: center;
    width: 70%;
    height: 90%;
    padding-right: 25px;
}

.pictures_wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pictures_wrapper .gallery_image_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
}

.pictures_wrapper .gallery_image {
    max-height: 100%;
}

.pictures_wrapper .counter_wrapper {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    text-align: center;
}

.switcher_wrapper {
    background: #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 50px;
    flex-shrink: 0;
    cursor: pointer;
}

.switcher_wrapper:hover {
    background: #d2d2d2;
}

.switcher_wrapper img {
    width: 80%;
}

.info_wrapper {
    width: 100%;
    height: 100%;
    overflow: scroll;
    padding-right: 10px;
}

.has_pictures .info_wrapper {
    width: 30%;
}


.stx_pictures.stx_pictures_custom {
    position: relative;
    width: 260px;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}

.stx_pictures.stx_pictures_custom .all_pictures {
    background: #f6f6f6;
    padding: 5px 20px;
    margin-top: 10px;
    border-radius: 30px;
    color: #0088cc;
    font-size: 16px;
    cursor: pointer;
}

.stx_pictures.stx_pictures_custom .gallery_image {
    display: none;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
}

.stx_pictures.stx_pictures_custom.active .all_pictures {
    display: none;
}

.stx_pictures.stx_pictures_custom.active .gallery_image {
    display: block;
}

.tx_content {
    display: flex;
}

.tx_content .gallery_wrapper {
    margin-right: 50px;
}

.tx_content_wrapper {
    display: flex;
    flex-direction: column;
}

.tx_content_block {
    margin-bottom: 50px;
}

.tx_content_block > .title {
    /*color: #0088cc;*/
    /*text-decoration: underline;*/
    color: #008001;
    margin-bottom: 15px;
}

.tx_content_block > .content {
    line-height: 2em;
}

.tx_avail_values {
    margin-bottom: 20px;
}

.tx_avail_values .title {
    position: relative;
    font-weight: 600;
}

.tx_avail_values .title::before {
    content: " ";
    position: absolute;
    top: calc(50% - 4px);
    left: -18px;
    background: #9cc5e5;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.tx_avail_values .content {
    line-height: 1.2em;
    color: #6a6a6a;
    font-weight: 400;
    font-style: italic;
}

.tx_content_block.row {
    display: flex;
    align-items: center;
    margin: 0;
}

.tx_content_block.row .title {
    margin: 0 10px 0 0;
    line-height: 2em;
}

.tx_content.no_images .tx_content_wrapper > .row {
    display: flex;
    flex-direction: column;
}

.tx_content.no_images .tx_content_wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.tx_content.no_images .tx_content_wrapper > .tx_content_block,
.tx_content.no_images .tx_content_wrapper > .row {
    width: 50%;
}

.tx_content.no_images .tx_content_wrapper > .row {
    padding-left: 50px;
}


.inherited {
    background-color: #e3ea9d;
    margin-left: 10px;
    font-size: 11px;
    padding: 3px 5px;
}


.contacts_list {
    display: flex;
    margin-top: 10px;
}

.contacts_list .contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 25px;
}

.contacts_list .contact .gallery_image {
    width: 150px;
    height: 150px;
    background-position: center;
    background-size: cover;
}

.contacts_list .contact .name {
    font-weight: 600;
}


.content-classic .columns {
    margin-left: 0;
}


.pic_holder_text {
    margin: 0 auto;
    max-width: 1000px;
}

.pic_holder_text span {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
}

.pic_holder_text span.title {
    font-weight: 700;
}

.taxon_top_picture {

    height: 190px;
    border-radius: 700px/20%;
    margin-top: -17px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px /*width: 100%;
	height: 278px;
	border-radius: 100%/5%;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;*/
}

.no-header-image .taxon_top_picture {
    height: 190px;
    border-radius: 100%/20%;
    margin-top: -35px;
}

.gm-style .place-card-large {
    display: none !important;
}

.contacts {
    padding-top: 72px;
    padding-bottom: 270px;
    margin-top: 0px;
}

.contacts-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.contacts-content {
    max-width: 755px;
}

.contacts-content h3 {
    color: #000000;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 62px;
}

.contacts-content__address {
    margin-bottom: 75px;
}

.contacts-content__address p {
    color: #000000;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 30px;
}

.contacts-content__phone {
    margin-bottom: 83px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contacts-content__phone span {
    font-family: "Source Sans Pro", sans-serif;
    color: #000000;
    font-size: 26px;
    font-weight: 700;
}

.contacts-content__phone a {
    font-family: "Source Sans Pro", sans-serif;
    color: #000000;
    font-size: 26px;
    font-weight: 400;
}

.contacts-content__phone a:hover {
    text-decoration: none;
}

.contacts-content__persons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contacts-content__persons img {
    margin-bottom: 47px;
}

.contacts-content__persons p {
    color: #000000;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 19px;
}

.contacts-content__persons a {
    color: #000000;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 22px;
    font-weight: 300;
}

#contacts_map {
    margin-bottom: 46px;
    width: 544px;
    height: 746px;
    margin-top: 40px;
    border-radius: 27px;
    overflow: hidden;
}

.contacts-map__tech_email h4 {
    color: #000000;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 19px;
}

.contacts-map__tech_email a {
    color: #000000;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    display: block;
}


.header_inner .header-logo {
    width: 65px;
    margin-right: 45px;
}

.header_inner .container-custom {
    display: flex;
}

.header_inner .header-menu-wrapper {
    width: max-content;
    margin-right: 75px;
}

.header_inner .mob-elem {
    display: none;
}

.header_inner .header-input-container--indent-key {
    margin-left: 50px;
}

.header_inner .header-logo-wrapper {
    padding: 35px 0 52px;
}

.header_inner .header-menu__el {
    padding: 8px 28px;
}

.header-inner-search {
    cursor: pointer;
}

.dev_by_ccs {
    color: #0054ed !important;
}

.footer-social-by__b__gocore img {
    width: 240px;
}

@media only screen and (max-width: 1710px) {
    .footer__top {
        left: inherit;
        margin-left: 0;
        right: 0;
    }
}


@media only screen and (max-width: 1500px) {
    .footer-ccs__root {
        margin-left: 0;
    }

    .container-custom {
        max-width: 1140px;
    }

    .bug-images-author {
        margin-top: 265px;
    }

    .header-logo {
        width: 450px;
    }

    .header-input-container--search {
        margin-right: 120px;
    }

    .taxon_top_picture {
        /*height: 400px;*/
        height: 100px;
    }

    .taxon_picture {
        width: 400px;
        height: 310px;
        margin-left: -40px;
        margin-top: -40px;
        background-size: contain;
    }

    .header-content-text {
        max-width: 700px;
        font-size: 22px;
    }

    .first-adv__item a {
        font-size: 40px;
    }

    .first-nums {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .get-own-project .s1-sticker {
        padding: 15px 70px;
    }

    .contacts-content {
        max-width: 550px;
    }

    .contacts-content__persons img {
        max-width: 250px;
    }

    #contacts_map {
        margin-bottom: 46px;
        width: 500px;
        height: 733px;
    }

    .no-header-image .taxon_top_picture {
        height: 100px;
        border-radius: 700px/20%;
        margin-top: -17px;
    }

    .header_inner .header-menu__el {
        padding: 5px 20px;
        font-size: 26px;
    }

    .header-submenu__el {
        padding: 0px 10px;
        font-size: 22px;
        margin-left: 5px;
    }

    .header-menu__el {
        font-size: 24px;
        padding-right: 20px;
    }

}

@media only screen and (max-width: 1200px) {
    .header-logo {
        width: 350px;
    }

    .header-logo-wrapper {
        padding: 50px 0;
    }

    .header-menu__el {
        font-size: 22px;
        padding-right: 7px;
        font-weight: 400;
    }

    .header-menu__el {
        font-size: 24px;
        padding-right: 20px;

    }

    .no-header-image .header-menu__el {
        font-size: 18px !important;
        font-weight: 600;
    }

    .ico-logo-holder {
        margin-top: 8px !important;
    }

    .no-header-image .header-input-container--indent-key img.power {
        width: auto;
        height: 26px !important;
        margin-top: 5px !important;
    }

    .init-search {
        margin-top: 5px !important;
    }

    .header-submenu__el {
        padding: 5px 20px;
        font-size: 22px;
    }

    .header-content-text {
        max-width: 600px;
        font-size: 20px;
    }

    .header-content-wrapper {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .taxon_picture {
        width: 260px;
        height: 465px;
        margin-left: -40px;
        margin-top: 0px;
    }

    .bug-images-author {
        margin-top: 500px;
    }

    .first-adv {
        padding-bottom: 70px;
    }

    .first-adv__item {
        padding: 15px;
    }

    .first-adv__item__circle {
        margin-right: 20px;
        width: 40px;
        height: 40px;
    }

    .first-adv__item__circle__c {
        width: 10px;
        height: 10px;
    }

    .first-adv__item a {
        font-size: 32px;
    }

    .first-intro__title {
        margin-bottom: 0;
        font-size: 50px;
    }

    .first-intro__watch {
        width: 610px;
        height: 100%;
    }

    .first-nums {
        padding-top: 0;
    }

    .first-intro {
        padding-bottom: 70px;
    }

    .header-content-count__label {
        font-size: 22px;
    }

    .header-content-count__number {
        font-size: 48px;
    }

    .header-content-count {
        margin-bottom: 30px;
    }

    .header-content-title {
        font-size: 48px;
    }

    .footer-content {
        padding: 30px 0 40px;
    }

    .footer-ccs__root img.quote {
        margin-left: 0;
        margin-right: 10px;
        font-size: 25px;
    }

    .footer-ccs__root__text span {
        font-size: 16px;
    }

    .footer-ccs__root__text p {
        width: 300px;
        font-size: 15px;
    }

    .footer-ccs__license span {
        width: 300px;
        font-size: 14px;
    }

    .footer-ccs__license img {
        width: 80px;
    }

    .footer-ccs__fund {
        font-size: 18px;
    }

    .footer-ccs-container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer-content-menu > * {
        padding-left: 25px;
        padding-right: 15px;
        font-size: 17px;
        margin-left: 0;
        font-weight: 600;
    }

    .footer-content-menu {
        margin-bottom: 70px;
    }

    .footer-logo-popup__img {
        margin-right: 0;
        width: 350px;
        height: 55px;
    }

    .footer-logo-popup {
        justify-content: space-between;
    }

    .footer-content-social--feedback {
        width: 215px;
        height: 50px;
        margin-bottom: 5px;
        font-size: 22px;
    }

    .footer-logo-popup__p__link {
        font-size: 18px;
        margin-left: 10px;
    }

    .footer-social-by__s__link {
        margin-right: 10px;
    }

    .footer-social-by__s__link img {
        width: 45px;
    }

    .footer__top {
        top: -13px;
    }

    .contacts {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contacts-content h3 {
        font-size: 36px;
        margin-bottom: 65px;
    }

    .contacts-content {
        max-width: 470px;
    }

    .contacts-content__address p {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .contacts-content__address {
        margin-bottom: 65px;
    }

    .contacts-content__phone {
        margin-bottom: 70px;
    }

    .contacts-content__phone span, .contacts-content__phone a {
        font-size: 22px;
    }

    .s1-content__btn {
        width: 170px;
        height: 50px;
        font-size: 20px;
    }

    .contacts-content__persons img {
        margin-bottom: 35px;
        max-width: 200px;
    }

    .contacts-content__persons p, .contacts-map__tech_email h4 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .contacts-content__persons a, .contacts-map__tech_email a {
        font-size: 20px;
    }

    #contacts_map {
        margin-bottom: 35px;
        width: 430px;
        height: 620px;
    }

    .taxon_top_picture {
        /*height: 400px;*/
        height: 100px;
    }

    .header_inner .container-custom {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .header_inner .header-menu-wrapper {
        width: max-content;
        margin-right: 0;
        order: 2;
    }

    .header_inner .header-menu__el {
        padding: 5px 20px;
        font-size: 22px;
    }

    .header_inner .header-logo-container {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 992px) {
    .footer__top {
        display: none;
    }

    .header-input-container--search {
        margin-right: 50px;
        width: 250px;
    }

    .header-input-container input {
        font-size: 23px;
    }

    .header-logo {
        width: 300px;
        height: 45px;
    }

    .header_inner .header-logo {
        width: 65px;
        height: inherit;
    }

    .header-input-container--indent-key img.power {
        width: 30px;
        height: 30px;
    }

    .header-input-container--search::before {
        width: 40px;
        height: 68px;
        background-size: contain;
        margin-left: 10px;
        margin-top: 23px;
        margin-right: 13px;
    }

    .header-menu__el {
        padding: 13px 20px;
        font: 400 22px/.9 "PT Sans";
    }

    .header-submenu__el {
        padding: 5px 10px;
        font-size: 20px;
        margin-right: 0px;
        margin-left: 10px;
    }

    .header-content-wrapper {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .header-content-text {
        max-width: 480px;
        font-size: 17px;
    }

    .taxon_picture {
        width: 220px;
        height: 400px;
        margin-left: 15px;
        margin-top: 0px;
    }

    .bug-images-author {
        margin-top: 400px;
        margin-left: -30px;
    }

    .first-adv__item {
        padding: 12px;
    }

    .first-adv__item a {
        font-size: 28px;
    }

    .first-adv {
        padding-bottom: 50px;
    }

    .first-intro__title {
        font-size: 42px;
    }

    .first-intro__watch {
        width: 400px;
        margin-left: 0px;
        margin-right: 50px;
    }

    .header-content-count {
        margin-bottom: 20px;
    }

    .first-intro {
        padding-bottom: 50px;
    }

    .header-content-count__label {
        font-size: 17px;
        margin-bottom: 0px;
    }

    .header-content-count__number {
        font-size: 35px;
    }

    .footer-content {
        padding: 25px 0 30px;
    }

    .footer-content-menu > * {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 23px;
    }

    .footer-content-menu {
        margin-bottom: 50px;
    }

    .footer-logo-popup__img {
        margin-right: 0;
        width: 300px;
        height: 46px;
    }

    .footer-ccs__root img.quote {
        margin-right: 8px;
        font-size: 23px;
    }

    .footer-ccs__root__text p {
        width: 250px;
        font-size: 12px;
    }

    .footer-ccs__root__text span {
        font-size: 14px;
    }

    .footer-ccs__license img {
        width: 70px;
    }

    .footer-ccs__license span {
        width: 250px;
        font-size: 12px;
    }

    .footer-ccs__license a {
        margin-right: 10px;
    }

    #contacts_map {
        margin-bottom: 30px;
        width: 290px;
        height: 580px;
    }

    .contacts-content__persons p, .contacts-map__tech_email h4 {
        font-size: 21px;
        margin-bottom: 12px;
    }

    .contacts-content__persons a, .contacts-map__tech_email a {
        font-size: 18px;
    }

    .contacts-content {
        max-width: 415px;
    }

    .contacts-content__persons img {
        margin-bottom: 30px;
        max-width: 200px;
    }

    .contacts-content h3 {
        font-size: 34px;
        margin-bottom: 55px;
    }

    .contacts-content__address p {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .contacts-content__address {
        margin-bottom: 55px;
    }

    .contacts-content__phone span, .contacts-content__phone a {
        font-size: 20px;
    }

    .s1-content__btn {
        width: 150px;
        height: 45px;
        font-size: 19px;
    }

    .taxon_top_picture {
        /*height: 200px;*/
        height: 100px;
    }
}

@media only screen and (max-width: 768px) {
    .footer-ug, .footer-dfg {
        margin-top: 40px;
    }

    .footer-ug p, .footer-dfg p {
        margin-bottom: 20px;
    }

    .s1 {
        padding: 20px 0 0;
    }

    .taxon_top_picture, .taxon_picture, .bug-images-author {
        display: none;
    }

    .header-logo-wrapper {
        padding: 25px 0;
    }

    .header-content-text {
        max-width: 100%;
        font-size: 16px;
    }

    .header-logo-mob {
        display: block;
    }

    .header-logo {
        display: none;
    }

    .container-custom {
        width: 540px;
    }

    .header-menu__el {
        padding: 10px 12px;
        font: 400 18px/.9 "PT Sans";
    }

    .header-submenu {
        margin-top: 5px;
        margin-left: -10px;
    }

    .header-menu {
        margin-left: -10px;
    }

    .header-submenu__el {
        padding: 0px 0px;
        font-size: 14px;
        margin-right: 5px;
        margin-left: 10px;
    }

    .header-content-wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .first-adv {
        padding-bottom: 30px;
    }

    .first-adv__item {
        padding: 10px;
    }

    .first-adv__item__circle {
        margin-right: 15px;
        width: 35px;
        height: 35px;
    }

    .first-adv__item__circle__c {
        width: 8px;
        height: 8px;
    }

    .first-adv__item a {
        font-size: 21px;
    }

    .first-intro__title {
        font-size: 36px;
    }

    .first-intro__watch {
        width: 350px;
        margin-left: 0px;
    }

    .first-intro {
        padding-bottom: 30px;
    }


    .header-content-count__label {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .header-content-count__number {
        font-size: 24px;
    }

    .header-content-title {
        font-size: 36px;
    }

    .footer-content {
        padding: 20px 0 25px;
    }

    .footer-content-menu > * {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 20px;
    }

    .footer-content-menu {
        margin-bottom: 30px;
    }

    .footer-logo-popup__img {
        margin-right: 0;
        width: 230px;
        height: 35px;
    }

    .footer-content-social--feedback {
        width: 180px;
        height: 35px;
        margin-bottom: 2px;
        font-size: 17px;
    }

    .footer-logo-popup__p__link {
        font-size: 16px;
        margin-left: 5px;
    }

    .footer-social-by__s__link img {
        width: 35px;
    }

    .footer-social-by__b__gocore img {
        width: 100px;
    }

    @keyframes developed_by_in {
        from {
            background-position: 0 0
        }

        to {
            background-position: 0 -60px
        }
    }

    @keyframes developed_by_out {
        from {
            background-position: 0 -60px
        }
    }
    .footer-social-by__b__ccs {
        width: 100px;
        height: 60px;
        margin-right: 20px;
    }

    .footer-social-by__b__ccs:hover {
        background-position: 0 -60px;
    }

    .footer-ccs-container {
        padding-top: 20px;
        padding-bottom: 20px;
        flex-wrap: wrap;
    }

    .footer-ccs__root img.quote {
        margin-right: 6px;
        font-size: 20px;
    }

    .footer-ccs__root__text span {
        font-size: 12px;
    }

    .footer-ccs__root__text p {
        width: 200px;
        font-size: 10px;
    }

    .footer-ccs__license img {
        width: 50px;
    }

    .footer-ccs__license span {
        width: 200px;
        font-size: 10px;
    }

    .footer-ccs__fund {
        font-size: 18px;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .contacts-wrap {
        flex-wrap: wrap;
    }

    .contacts {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .contacts-content h3 {
        font-size: 32px;
        margin-bottom: 45px;
    }

    .contacts-content {
        max-width: 100%;
        margin-bottom: 40px;
    }

    .contacts-content__address p {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .contacts-content__phone span, .contacts-content__phone a {
        font-size: 22px;
    }

    .s1-content__btn {
        width: 170px;
        height: 50px;
        font-size: 20px;
    }

    .contacts-content__persons img {
        margin-bottom: 30px;
        max-width: 250px;
    }

    .contacts-map {
        width: 100%;
    }

    #contacts_map {
        margin-bottom: 30px;
        width: 430px;
        height: 620px;
        position: relative;
        margin-left: -215px;
        left: 50%;
    }

    .header_inner .header-logo {
        display: block;
    }

    .header_inner .header-logo-wrapper {
        padding: 15px 0 25px;
    }

    .header_inner .header-menu__el {
        font-size: 19px;
        padding: 10px;
    }
}


@media only screen and (max-width: 576px) {
    .header-input-container {
        margin-top: 0;
    }

    .container-custom {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .header-input-container--indent-key img.power {
        width: 28px;
        height: 28px;
    }

    .header-input-container--search {
        margin-right: 0;
        width: 180px;
        position: absolute;
        margin-left: -90px;
        left: 50%;
        height: 45px;
    }

    .header-logo-mob {
        width: 50px;
    }

    .header-input-container input {
        font-size: 18px;
    }

    .header-content-text {
        font-size: 15px;
    }

    .header-menu {
        display: none;
    }

    .header-submenu {
        display: none;
    }

    .header-logo-container {
        display: none;
    }

    .header-logo-wrapper {
        padding: 5px;
    }

    .header-content-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .first-adv__item {
        padding: 8px;
    }

    .first-adv__item__circle {
        margin-right: 10px;
        width: 20px;
        height: 20px;
    }

    .first-adv__item a {
        font-size: 11px;
    }

    .first-intro__title {
        font-size: 32px;
    }

    .first-intro-wrap {
        flex-wrap: wrap;
    }

    .first-nums {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .first-intro__watch {
        width: 300px;
        margin-left: 0;
    }

    .header-content-count {
        margin-bottom: 10px;
        margin-right: 25px;
    }

    .mob-hide {
        display: none;
    }

    [data-mob="hide"] {
        display: none;
    }

    .mob-elem {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }

    .mob-elem button {
        width: 135px;
        height: 37px;
        background-color: #f5ffeb;
        border: none;
        border-radius: 25px;

        color: #201600;
        font-family: "PT Sans";
        font-size: 18px;
        font-weight: 400;
    }

    .footer-ccs-container {
        padding-top: 15px;
        padding-bottom: 15px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .footer-ccs__fund {
        text-align: left;
    }

    .footer-ccs__root__text p {
        width: 100%;
        font-size: 12px;
        margin-bottom: 15px;
    }

    .footer-ccs__root__text span {
        font-size: 14px;
    }

    .footer-ccs__root img.quote {
        margin-right: 15px;
        font-size: 25px;
    }

    .footer-ccs__license a {
        margin-right: 15px;
    }

    .footer-ccs__license span {
        width: 100%;
        font-size: 12px;
    }

    .footer-content-menu {
        display: none;
    }

    .footer-logo-popup {
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .footer-logo-popup__img {
        margin-bottom: 20px;
    }

    .footer-social-by {
        justify-content: center;
        flex-wrap: wrap;
    }

    .footer-social-by__s {
        margin-bottom: 20px;
    }


    /* скрываем чекбокс */
    #menu__toggle {
        opacity: 0;
    }

    /* стилизуем кнопку */
    .menu__btn {
        display: flex;
        align-items: center;
        position: absolute;
        top: 17px;
        left: 20px;
        width: 26px;
        height: 26px;
        cursor: pointer;
        z-index: 998;
    }

    /* добавляем "гамбургер" */
    .menu__btn > span, .menu__btn > span::before, .menu__btn > span::after {
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #616161;
    }

    .menu__btn > span::before {
        content: '';
        top: -8px;
    }

    .menu__btn > span::after {
        content: '';
        top: 8px;
    }

    /* контейнер меню */
    .menu__box {
        display: block;
        position: fixed;
        visibility: hidden;
        top: 0;
        left: -100%;
        width: 300px;
        height: 100%;
        margin: 0;
        padding: 80px 0;
        list-style: none;
        text-align: center;
        background-color: #fff;
        box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.2);
    }

    .menu__box button {
        width: 100%;
        height: 76px;
        background-color: #0a6cf0;
        color: #ffffff;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        border: none;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .menu__box img {
        width: 190px;
        position: absolute;
        top: 25px;
        left: 16px;
    }

    .first-adv__item {
        margin-left: 0;
    }

    /* элементы меню */
    .menu__item {
        display: block;
        padding: 0px 40px;
        color: #0f1022;
        font-size: 20px;
        font-weight: 400;
        text-decoration: none;
        text-align: left;
        margin-bottom: 20px;
    }

    .header-input-container--search {
        margin-right: 0;
        width: 180px;
        position: relative;
        margin-left: 40px;
        left: 0;
        height: 45px;
    }

    .menu__item:hover {
        color: #0f1022;
    }

    #menu__toggle:checked ~ .menu__btn > span {
        transform: rotate(45deg);
        right: -230px;
    }

    #menu__toggle:checked ~ .menu__btn > span::before {
        top: 0;
        transform: rotate(0);
    }

    #menu__toggle:checked ~ .menu__btn > span::after {
        top: 0;
        transform: rotate(90deg);
    }

    #menu__toggle:checked ~ .menu__box {
        visibility: visible;
        left: 0;
        z-index: 997;
        overflow: auto;
    }

    .header-mob {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-mob__logo img {
        width: 160px;
    }

    .es-modal-close {
        height: 30px;
        width: 30px;
        margin-top: 7px;
        font-size: 21px;
        z-index: 9999;
    }

    .contacts-content__phone {
        flex-wrap: wrap;
    }

    .contacts-content__persons {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .contacts-content__persons__p {
        margin-bottom: 20px;
    }

    #contacts_map {
        width: 100%;
        height: 450px;
        margin-left: 0;
        left: 0;
    }

    .contacts-content__phone-wrap {
        margin-bottom: 20px;
    }

    .contacts {
        padding-top: 20px;
        padding-bottom: 40px;
        margin-top: 0px;
    }

    .modal {
        width: 90%;
        margin-left: -45%;
        top: 5%;
    }

    .modal-dialog {
        height: calc(100vh - 20vh);
        overflow: auto;
    }

    .header_inner .header-logo-wrapper {
        display: none;
    }

    .header_inner .mob-elem {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0;
    }

    .header_inner .header-input-container--indent-key {
        margin-left: 0;
    }
}

.checkboxes_wrapper {
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
}

.checkbox_wraper {
    display: flex;
    align-items: center;
}

.checkbox_wraper input {
    margin: 0 10px 0 0;
}

.checkbox_wraper label {
    margin: 0;
}

.tx_checkboxes {
    display: flex;
    margin-left: auto;
}

.tx_checkboxes .checkbox_wraper {
    margin-left: 25px;
}

.experts_holder {
    display: flex;
    flex-wrap: wrap;
}

.expert {
	width: 280px;
	margin: 30px;
}

.expert-image {
    background-size: cover;
    width: 280px;
    min-height: 280px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.expert .name {
    font-size: 24px;
    margin-bottom: 20px;
}

.about_expert {
    font-family: arial, sans-serif;
    font-size: 14px;
    margin-top: 20px;
    color: #555;
}


.news_holder_page {
    display: flex;
    flex-wrap: wrap;
}

.s-news-sticker-col-page {
    flex: 0 0 33%;
    padding: 10px 10px 30px;
}

s-news-sticker-col-current {
    flex: 0 0 100%;
    padding: 10px 10px 30px;
}

.news-image-current {
    background-size: cover;
    width: 420px;
    min-height: 320px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.s-news-sticker-current {
    display: flex;
}

.s-news-sticker-data-current {
    margin-left: 20px;
}

.s-news-sticker-title-current {
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 34px;
    margin-top: -70px;
}

.s-news-sticker-text-current {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
}


.s-news-sticker-date-current {
    color: #888;
}


.news_holder_page {
    display: flex;
    flex-wrap: wrap;
}

.s-news-sticker-col-page {
    flex: 0 0 33%;
    padding: 10px 10px 30px;
}


.news-image-page {
    background-size: cover;
    width: 100px;
    min-height: 100px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.s-news-sticker-page {
    display: flex;
}

.s-news-sticker-data-page {
    margin-left: 20px;
}

.s-news-sticker-title-page {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 14px;
}

.s-news-sticker-text-page {
    max-height: 78px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
}

.s-news-sticker-date-page {
    color: #888;
}


.latest-news-headline {
    font-size: 20px;
    margin-top: 40px;
    font-family: arial, sans-serif;
    color: #555;
    margin-bottom: 20px;
    padding-top: 20px;
}


#news_holder {
    display: flex;
}

.s-news-sticker-col {
    width: 500px;
    font-size: 14px;
    font-family: arial, sans-serif;
    color: #000;
    letter-spacing: 0.1px;
    line-height: 19px;
    margin-bottom: 20px;
    margin-right: 30px;
}


.news-image {
    background-size: cover;
    background-position: center;
    width: 100px;
    min-height: 100px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.s-news-sticker {
    display: flex;
}

.s-news-sticker-data {
    margin-left: 20px;
}

.s-news-sticker-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 14px;
}

.s-news-sticker-text {
    max-height: 78px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
}

.s-news-sticker-date {
    color: #888;
}

.documentation_holder {
    /*width: 600px;*/

}


.documentation-item {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.s-news-sticker-title a {
    color: #000;
}

.latest-news-headline a {
    color: #000;
    margin-top: 15px;
}

.s-news-sticker-title a:hover,
.latest-news-headline a:hover {
    color: #0a6cf0;
}

section.s-news {
    /*background-color: #f5fff0;*/
}


.news-loading {
    margin: 0 auto;
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 30px;

}

.taxonomic-status {
    font-size: 13px;
    border-radius: 3px 0 0 3px;
}

#chrome-warning {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3em;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 2em;
    white-space: pre-wrap;
    color: white;
    background-color: #3fbe05;
    z-index: 100;
}

table.species-table {
    background-color: #fff;
}

.header-collpsed {

}


header.header-collapsed {
    background-color: #363e37;
    padding-top: 0;
    padding-bottom: 0;
}

header.header-collapsed .header-input-container {
    background-color: #565f57;
    height: 40px;
    margin-bottom: 10px;
}

header.header-collapsed .header-input-container:before {
    display: none;
}

header.header-collapsed .header-input-container input {
    padding-left: 30px;
    font-size: 19px;
    padding-top: 0;
    padding-bottom: 3px;
    color: #fff;
}

header.header-collapsed .header-nav-wrapper.open {
    margin-top: 15px;
}

header.header-collapsed .header-nav-wrapper.open a {
    font-size: 16px;
    padding: 0 20px;
    padding-bottom: 15px;
}

header.header-collapsed .header-nav-wrapper.open a:first-child {
    padding-left: 0;
}

.modal-backdrop {
    background-color: #f4ffde;
}

body {
    overflow-x: hidden !important;
}

.read-more-search:hover {
    color: #22c522;
}

.search_window_wrapper a.expord_card_style {
    margin-left: 0;
    margin-top: 10px;
}

.search_window_wrapper .read-more-in-search-results {
    display: inline-block;
    background-color: #3bab3b;
    margin-left: 20px;
    padding: 4px 15px 6px 15px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}

.search_window_wrapper .read-more-in-search-results:hover {
    background-color: #44ca44;
}


#vouchers_table {
    width: 100%;
}

#vouchers_table th {
    padding: 5px;
}

#vouchers_table td {
    padding: 5px;
    min-width: 0;
}

.ico-header-logo {
    height: 40px;
    display: block;
    max-width: 65px;
}

.no-header-image .taxon_top_picture {
    background: none !important;
    height: 0;
}

.no-header-image .main-header-container {
    display: flex;
    /*margin-top: 40px;*/
    justify-content: space-between;
}

.no-header-image .header-logo-wrapper {
    display: none;
}

.inner-page-block {
    display: none;
}

.no-header-image .inner-page-block {
    display: block;
}

.no-header-image .header-menu__el {
    padding-left: 15px;
    padding-right: 15px;
    background-color: rgba(0, 0, 0, 0);
    font-size: 26px;
}

.ico-logo-holder {
    /*margin-right: 44px;*/
    margin-top: 11px;
}

.no-header-image .header-input-container--indent-key img.power {
    width: auto;
    height: 35px;
    margin-top: 3px;
}

.no-header-image .header-input-container {
    height: auto;
}

.init-search {
    font-size: 22px;
    color: #3c690e;
    height: 45px;
    width: 45px;
    text-align: center;
    padding-top: 11px;
    border-radius: 50%;
    margin-top: 9px;
    cursor: pointer;
}

.init-search:hover {
    color: #000;
    background-color: #fff;

}

.no-header-image .header-menu-wrapper {
    width: 100%;
    padding-right: 0px;
    background-color: #f4fff0;
    padding-top: 53px;
}


.no-header-image .header-menu__el.active {
    /*background-color: #4CAF50;*/

    /*color: #fff;*/
}

.no-header-image.project-page .header-menu-wrapper {
    background-color: rgba(0, 0, 0, 0);
    padding-top: 0;
}


.tx_data_wrapper .tx_data_row {
    display: flex;
    align-items: center;
}

.tx_data_wrapper .tx_data_row:not(:last-child) {
    margin-bottom: 10px;
}

.tx_data_wrapper .tx_data_item {
    margin-right: 25px;
}

.tx_data_wrapper .expord_card_style {
    margin: 0;
}

.tx_data_button {
    border: 1px solid #a1c458;
    border-radius: 4px;
    padding: 5px 10px;
    margin-right: 25px;
    background: #f4fff0;
    color: black;
}

#taxon-holder .tx_data_button.open_taxon {
    display: none;
}


.text_trait_wrapper {
    position: relative;
    max-width: 100%;
}

.text_trait_wrapper .show_extra_values {
    position: absolute;
    top: 0;
    right: 10px;
}

.show_extra_values {
    display: inline-block;
    background-color: #4c9c4e;
    color: white;
    padding: 7px 7px;
    margin-left: 10px;
    cursor: pointer;
}

.gender_traits_wrapper {

}

.gender_trait_wrapper,
.gender_traits_titles {
    display: flex;
}

.gender_traits_wrapper .cell {
    width: 15%;
    text-align: center;
}

.gender_traits_wrapper .cell.literature {
    width: 40%;
}

.gender_trait_wrapper {
    padding: 25px 0;
    border-bottom: 1px solid #ccc;
}

.gender_traits_titles .cell {
    font-weight: 600;
    border-bottom: 1px solid #a1c458;
    padding-bottom: 25px;
}

.gender_trait_wrapper .cell {
    font-weight: 300;
}


.special_trait_wrapper {
    display: flex;
    line-height: 1.4em;
}

.special_trait_wrapper .name {
    width: 170px;
}

.special_trait_wrapper .value {
    font-weight: 300;
    width: calc(100% - 200px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.s1-btn-title {
    font: 17.5px/1.333 "Open Sans";
    color: #000000;
    text-align: center;
    width: 100%;
    text-align: center;
}

.s1-btn {
    padding: 15px;

    font: 500 17px "Montserrat";
    color: #ffffff;
    text-align: center;

    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #74bc27;
    border-radius: 4px;

    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.s1-btn:hover {
    background-color: #85a53b;
    text-decoration: none;
    color: white;
}


.page_description {
    white-space: pre-wrap;
}

*,
*::before,
*::after {
    outline: none !important;
}

.tx-trait-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
}
.tx-trait-item {
    display: flex;
    align-items: center;
    gap: 8px;
}
.tx-trait-item__value {
    background: #f6f6f6;
    padding: 5px 20px;
    border-radius: 30px;
    color: #4a4a4a;
    font-size: 14px;
}