body {
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
}

body.main_page {
    background-image: url(../images/header_background.png);
}

body.common_page {
    background-image: url(../images/background_content.png);
}

.navbar-nav {
    font-family: 'Open Sans', sans-serif;
}

.top-navbar  {
    padding: 15px 0;
    background-image: url('../images/header_background.png');
    border-color: #fffaf3;
    margin-bottom: 0;
}

@media (min-width: 767px) {
     .menu-container {
     padding-left: 0px !important;
 } 
}
@media (min-width: 992px) {
    .container {
        min-width: 970px !important;
    }
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.choose_language {
    margin-right: 35px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}

.menu-navbar {
    background: #397173;
}

.menu-navbar a {
    color: #fff !important;
    text-transform: uppercase;
}

.menu-navbar li {
    margin-right: 7px;
}
@media (max-width: 1200px) {
    .menu-navbar li {
        margin-right: 2px;
    }
}


.active-menu {
    background: #8ec046;
    font-weight: bold;
}

.open .dropdown-menu {
    background: #488c8e;
    text-decoration: none;
    -moz-text-decoration-color: #ffffff; /* Code for Firefox */
    text-decoration-color: #ffffff;
}

.open .dropdown-menu a {
    text-transform: none;
}

.open .multi-level a {
    text-transform: none;
}

.dropdown-menu > li > a {
    padding: 7px 20px;
}

.menu-navbar .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background: #397173;
}

.menu-navbar .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: none;
    background-color: #397173;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: #397173;
}

.active-menu img {
    position: absolute;
    top: -17px;
    right: 6%;
}
ul.sub-menu {
    margin-top: 20px;
    margin-left: 20px;
}

#myCarousel .carousel-inner img {
    width: 100%;
}

.carousel-control img {
    position: absolute;
    top: 40%; /* pushes the icon in the middle of the height */
    z-index: 5;
    display: inline-block;
}

.menu-navbar {
    margin-bottom: 0px;
    border: none;
    border-radius: 0px;
}

.how_can_i_help {
    background-image: url('../images/how_can_i_help_button.png');
    background-repeat: no-repeat;
    cursor: pointer;
    text-align: center;
    font-family: italic;
    font-size: 18px;
    font-weight: bold;
    color: white;
    position: absolute;
    top: 65%;
    z-index: 5;
    left: 49%
}

.how_can_i_help_ceil {
    width: 299px;
    height: 74px;
    vertical-align: middle;
    display: table-cell;
}

.middle_line {
    margin-top: 22px;
}

.right_carousel_arrow {
    right: 45%;
}

.what_makes {
    margin-top: 25px;
}


div.desc{
    background-color: #000;
    bottom: 0;
    color: #fff;
    left: 0;
    opacity: 0.5;
    position: absolute;
    width: 100%;
}

.fix{
    width: 100%;
    padding: 0px;
}

 .caption {
        width:100%;
        bottom: 0px;
        position: absolute;
        background:#000;
        opacity: 0.7;
    }

    .thumbnail_img {
        border: 0 none;
        box-shadow: none;
        margin:0;
        padding:0;
    }

    .caption h4 {
        color: #fff;
        -webkit-font-smoothing: antialiased;
    }

.thumbnail_img img {
    width: 100%;
}

.new_bird {
    background: url('../images/new_bird.png') 100% 100% repeat;
    margin-top: 70px;
}

.search_btn {
    padding: 10px 50px;
    border-radius: 50px;
    background: none;
    border: 1px solid white;
    color: white;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.last_news {
    margin-top: 35px;
}

.latest_posts img {
    width:100%;
}

.news_link {
    margin-top: 20px;
    color: #397173;
    font-size: 18px;
    text-decoration: underline;
    text-decoration-color: #9bb4b2;
}

.short_description {
    font-size: 14px;
    font-family: regular;
}

.news_date {
    margin-top: 20px;
    font-size: 11px;
    color: #a2a2a2;
}

.more_news {
    color: #397173;
    margin-top: 25px;
    text-decoration: underline;
    text-decoration-color: #aebeba;
    font-size: 16px;
    /*font-family: regular;*/
}

.birds_help {
    margin-top: 20px;
}
.help_caption {
    font-size: 38px;
    font-family: regular;
    color: #ffffff;
}

.make_caption {
    font-size: 18px;
    padding: 10px;
}

.partners {
    margin-top: 35px;
}

.line_right {
    text-align: right;
}

.line_left {
    text-align: left;
}

.partners img {
    margin: 10px auto;
}

.footer {
    margin-top: 35px;
}

.more_parthners {
    margin-top: 30px;
    color: #397173;
    font-size: 16px;
}

.more_parthners a {
    border-bottom: 1px dashed #397173;
}

.footer {
    background: #397173;
    font-size: 13px;
    /*font-family: regular;*/
}

.inner_footer {
    padding-top: 35px;
}

.inner_footer .phone_numbers {
    line-height: 2.1;
}

.copyright_rulres, .inner_footer .phone_numbers {
    color: #ffffff;
}

.second_part {
    font-weight: bold;
}

.pay_systems {
    text-align: right;
}

.footer_down {
    margin-top: 20px;
}

.flag {
    float: left;
    margin-right: 10px;
}

.about_site {
    font-size: 12px;
    font-family: regular;
    color: #5d8f91;
    margin-left: 42px;
}

.search_wrapper {
    text-align: right;
}

.search_wrapper_bird{

}

.search-input {
    border-radius: 23px;
    border: none;
    padding: 6px 0px 6px 25px;
    width: 65%;
}

.search_wrapper input[type="text"] {
    position: relative;
}

.footer .search_wrapper input[type="text"] {
    width: 100%;
    margin-left: -20px;
}

.footer .search_wrapper:before {
    left: 0;
}

.search_wrapper:before {
    font-family: 'FontAwesome';
    position: relative;
    left: 20px;
    color: #9b9b9b;
    z-index: 5;
    content: "\f002";
}

.search_wrapper_bird:before{
    font-family: 'FontAwesome';
    position: absolute;
    left: 23px;
    top:7px;
    color: #9b9b9b;
    z-index: 5;
    content: "\f002";
}

.birthwatching_content {
    margin-top: 40px;
}

.birthwatching_menu {
    padding-top: 5px;
}

.birthwatching_menu li {
    list-style: none;
    font-size: 14px;
    color: #397173;
    margin-bottom: 22px;
}

.birthwatching_menu li a {
    text-decoration: underline;
}

.birthwatching_header {
    font-size: 24px;
    /*margin-bottom: 25px;*/
}

.page_header {
    font-size: 24px;
    /*margin-bottom: 25px;*/
}

.birthwatching_description_wrapper {
    padding-left: 45px;
}

.birthwatching_description_wrapper p {
    line-height: 1.8;
}

#birthwatching_map {
    width: 100%;
    margin-top: 35px;
}

#modal_map {
    width: 100%;
    height: 300px;
}

.places {
    margin-top: 45px;
}

.number {
    position: absolute;
    bottom: 6%;
    font-size: 26px;
    color: white;
    font-weight: bold;
    left: 10%;
    background: rgb(142, 192, 70) none repeat scroll 0% 0%;
    padding: 6px 18px;
    border-radius: 40px;
}

.places .place_name {
    font-size: 16px;
}

.places .place_name a {
    color: #397173;
    text-decoration: underline;
}

.place_description {
    font-size: 16px;
}

.count_params {
    font-size: 24px;
    font-weight: bold;
}

.place {
    margin-top: 50px;
}

.search_wrapper_other_pages {
    text-align: left;
}

.search_wrapper_other_pages:before {
    font-family: 'FontAwesome';
    position: relative;
    left: 20px;
    color: #9b9b9b;
    z-index: 5;
    content: "\f002";
}

.background_content {
    /*background-image: url('../images/background_content.png');*/
    background-image: none !important;
}

.without_padding {
    padding: 0px;
}

.close_map {
    position: absolute;
    right: 15px;
    top: 10px;
}

.without_border {
    border: 0px;
}

.content_wrapper {
    margin-top: 40px;
}

.birthwatching_menu {
    padding-left: 0px;
}

.news_part, .news_departments {
    padding-left: 0px;
}

#sidebar-news li {
    list-style: none;
}

#sidebar-news h4{
    display:none;
}

#sidebar-news ul{
    padding-left: 0px;
}

#sidebar-news ul > li{
    margin-bottom: 15px;
}

#sidebar-news li a {
    text-decoration: underline;
}


#sidebar-news .current-cat a, #sidebar-news .current_page_item a{
    color: #397173;
    font-weight: bold;
    text-decoration: none;
}


.news_part_header {
    color: #397173;
    font-weight: bold;
    margin-bottom: 20px;
}

.news_part li {
    margin-bottom: 15px;
}

.news_part li a {
    text-decoration: underline;
}

.news_departments_header {
    margin: 37px 0px 27px 0px;
    font-size: 21px;
}

.news_departments li a {
    font-size: 16px;
    text-decoration: underline;
}

.news_departments .description {
    font-size: 14px;
    line-height: 1.8;
    margin-top: 15px;
}

.news_departments li {
    margin-bottom: 45px;
}

.content_wrapper .main_header {
    font-size: 21px;
    margin-bottom: 5px;
}

.content_wrapper h1.main_header {
    font-size: 24px;
}

.all_news {
    padding-left: 60px;
}

.all_news .main_img {
    margin-top: 25px;
    margin-bottom: 40px;
}

.all_news .image_header {
    text-align: left;
}

.all_news .image_header a {
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
}

.all_news .caption {
    padding: 15px 20px 15px 20px;
}

.news_main_caption {
    background: none;
    opacity: 1.0;
}
.caption.news_main_caption.help_money a{
    color: #fff;
    font-size: 20px;
}
.caption.news_main_caption.help_money {
    position: absolute;
    bottom: 28%;
}
.quote_text {
     position: relative;
     min-height: 155px;
     margin-left: 30px;
     max-width: 660px;
 }
.quote_text::after {
    content: "\00A0";
    display: block;
    position: absolute;
    top: 23px;
    left: -13px;
    width: 0;
    height: 0;
    border-width: 10px 13px 10px 0;
    border-style: solid;
    border-color: transparent #C0C3B1 transparent transparent;
}
@media (max-width: 767px) {
    .quote_text {
        max-width: 600px;
        margin-top: 20px;
    }
    .quote_text::after {
        content: "\00A0";
        display: block;
        position: absolute;
        top: -20px;
        left: 70px;
        width: 0;
        height: 0;
        border-width: 10px 13px 10px 10px;
        border-style: solid;
        border-color:  transparent  transparent #C0C3B1 transparent;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .quote_text {
        max-width: 700px;
        margin-top: 20px;
    }
    .quote_text::after {
        content: "\00A0";
        display: block;
        position: absolute;
        top: -20px;
        left: 70px;
        width: 0;
        height: 0;
        border-width: 10px 13px 10px 10px;
        border-style: solid;
        border-color:  transparent  transparent #C0C3B1 transparent;
    }
    .caption.news_main_caption.help_money img{
        display: none;
    }
    .caption.news_main_caption.help_money {
        bottom: 12%;
    }
}
@media (min-width: 991px) and (max-width: 1199px) {
    .quote_text {
        max-width: 500px;
    }
    .caption.news_main_caption.help_money a{
        font-size: 16px;
    }
}
@media only screen and (max-width : 480px) {
    .caption.news_main_caption.help_money a {
        font-size: 14px;
    }
    .caption.news_main_caption.help_money {
        bottom: -10%;
    }
}
.quote_image {
    border-radius: 50%;
}

.header_description {
    text-align: left;
    color: #ffffff;
}

.all_news .news {
    margin-top: 45px;
}

.news_left_menu ul.children {
    display: block;
    margin-left: 12px;
}

.news_left_menu ul.children li {
    margin-top: 15px;
}

.news_left_menu ul.children li a {
    font-weight: normal !important;
    text-decoration: underline !important;
}

.news{
    margin-bottom:25px;
}

.news .post_thumbnail{
    width: 100%;
}

.news .news_header a {
    font-size: 16px;
    text-decoration: underline;
}

.underline_text {
    text-decoration: underline;
}

.post_category a{
    color:black;
}

.short_info {
    font-size: 12px;
}

.grey_color {
    color: grey;
}

.additional_info {
    font-size: 12px;
}

.post_tags{
    margin-bottom: 20px;
}

.post_tags a{
    font-size: 12px;
    display:inline-block;
}

.post_tags a:first-letter{
    text-transform: uppercase;
}

.news_short_description {
    /*margin-top: 15px;*/
}

.navbar-right a{
	text-decoration: none;
}

.menu-container .navbar-nav  li a{
	text-decoration: none;
}

.menu-container  .dropdown-menu li {
	margin-right: 0;
}

.menu-container  .dropdown-menu li a:hover {
	text-decoration: underline;
}


.news_content {
    margin-top: 40px;
}

.news_content p {
    line-height: 1.9;
    font-size: 14px;
    font-size: regular;
}

.news_content {
    margin-left: 0px;
}

.news_content h2 {
    margin-top: 35px;
    font-size: 18px;
    font-weight: bold;
}

.news_content h3 {
    margin-top: 25px;
    font-size: 16px;
    font-weight: bold;
}

.quote {
    margin-top: 35px;
}

.quote_text {
    background: rgb(192, 195, 177) none repeat scroll 0% 0%;
    padding: 20px 20px 25px;
    line-height: 2.0;
}

.quote .author_name {
    display: inline-block;
    margin-top: 10px;
    margin-left: 8px;
    font-weight: bold;
}

.news_content ul {
    margin-top: 15px;
    line-height: 2.0;
}

.news_content .table {
    margin-top: 25px;
    padding: 15px;
}

.news_content .table thead {
    background: #397173;
    color: white;
}

.news_content .table th, .news_content .table td {
    padding-left: 20px;
    padding-top:15px;
    padding-bottom: 15px;
} 

.news_content .table {
    background-image: url('../images/table_background.png');
}

.help_money {
    margin-top: 35px;
    padding: 30px;
    background-image: url('../images/help_money.png');
}

.help_money a {
    color: #ffffff;
    text-decoration: underline;
    font-size: 21px;
}

.help_middle_line {
    margin-top: 15px;
}

.other_news {
    margin-top: 45px;
}

.other_news_header {
    font-size: 21px !important;
    margin-bottom: 35px;
    margin-left: 15px;
}

.news_content .row {
    margin-left: 0px;
}

.faq_middle_line {
    margin-top: 30px;
}

.faq_content {
    margin-top: 25px;
}

.question_link {
    margin-top: 15px;
    margin-bottom: 10px;
}

.question_link a{
    font-size: 16px;
    color: #397173;
    font-weight: bold;
    text-decoration: underline;
}

.questions {
    margin-top: 45px;
}

.question_short_description {
    font-size: 14px;
    font-family: regular;
}

.search_magazine {
    font-size: 14px !important;
    border-radius: 20px;
    border: none;
    padding: 3px 0px 3px 25px;
    width: 78%;
}

.search_magazine_wrapper {
    font-size: 14px;
}

.magazines {
    margin-top: 30px;
}


.magazine_link {
    margin-top: 15px;
}

.magazine_link  a {
    font-size: 16px;
    text-decoration: underline;
    color: #397173;
}

.magazine_description, .magazine_download_link {
    font-size: 14px;
    font-family: regular;
}

.magazine_download_link {
    font-size: 12px;
    text-transform: uppercase;
}

.peoples {
    margin-top: 30px;
}

.people_name {
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
    /*font-family: regular;*/
}

.people_position {
    font-size: 14px;
    /*font-family: regular;*/
}

.people_email {
    font-size: 14px;
    /*font-family: regular;*/
}

.people_email a {
    text-decoration: underline;
}

.people {
    text-align: center;
}

.people img {
    margin: 0px auto;
}

.people_quote_image img {
    width: 100%;
}

.people_quote {
    margin-top: 45px;
}

.people_quote_text {
    position: absolute;
    top: 22%;
    z-index: 10;
    color: rgb(255, 255, 255);
    right: 10%;
    line-height: 1.5;
}

.quote_author_position {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.5 !important;
    display: inline-block;
}

.first_connect_way {
    text-align: center;
    border-top: 2px solid rgb(142, 192, 70);
    border-left: 2px solid rgb(142, 192, 70);
    border-right: 2px solid rgb(142, 192, 70);
    padding: 0px;
    padding-top: 15px;
}
a.first_connect_way {
    display: block;
    font-weight: normal;
}
a.first_connect_way:hover {
    color: #fff;
}
.first_connect_way .main_content {
    padding-bottom: 1px;
}

.first_connect_way .name {
    margin-top: 10px;
    color: #397173;
    font-weight: bold;
    margin-bottom: 0px;
}

.first_connect_way .under_name {
    font-size: 12px;
    /*margin-bottom: 15px;*/
    margin-bottom: 40px;
}

.first_connect_way .cost {
    background: rgb(142, 192, 70) none repeat scroll 0% 0%;
    margin-bottom: 0px;
    padding: 11px;
    color: #ffffff;
    font-weight: bold;
}

.first_connect_way img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*max-width: 100%;*/
    width: 130px;
    border-radius: 100%;
}

.connect_way {
    margin-top: 35px;
}
@media screen and (max-width: 767px){
    .connect_way {
        margin-left: 0;
        margin-right: 0;
    }
}

.second_connect_way {
    text-align: center;
    border-top: 2px solid rgb(142, 192, 70);
    border-left: 2px solid rgb(142, 192, 70);
    border-right: 2px solid rgb(142, 192, 70);
    padding: 0px;
    padding-top: 15px;
    padding-bottom: 1px;
}

.second_connect_way img {
    margin-top: -55px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*max-width: 100%;*/
    width: 130px;
    border-radius: 100%;
}

.first_connect_way, .second_connect_way {
    margin-bottom: 45px;
}

.second_connect_way {
    color: #ffffff;
    font-weight: bold;
    background: #8ec046;
}

.second_connect_way .name {
    text-transform: uppercase;
    text-align: left;
    margin-left: 20px;
    margin-top: 10px;
}

.second_connect_way ul {
    margin-left: 0px;
    padding-left: 20px;
    font-size: 12px;
    text-align: left;
    margin-bottom: 30px;
}

.second_connect_way ul li {
    list-style: none;
}

.second_connect_way .cost {
    margin-top: 29px;
}

.margin_bottom {
    margin-bottom: 35px;
}

.other_way {
    margin-top: 25px;
    padding-left: 0px;
    padding-right: 0px;
}

.other_connect_way {
    border: 2px solid rgb(142, 192, 70);
    background: 50% 100% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    display: block;
    position: relative;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    margin-bottom: 45px;
}

@media screen and (max-width: 480px) {
    .other_connect_way {
        height: auto !important;
        padding-bottom: 46.875%;
    }
}

.other_connect_way .name {
    font-size: 18px;
    font-weight: bold;
    color: #397173;
    text-transform: uppercase;
    text-align: center;
    margin-top: 40px;
}

.other_way .make_caption {
    padding: 2px;
}

.people_quote_text {
    font-size: 24px;
}

.modal_anketa .anketa_header {
    font-size: 21px;
    padding: 10px 35px;
}

.anketa_content .star {
    color: red;
    font-weight: bold;
    font-size: 18px;
}

.anketa_content .input_elem {
    margin-left: 0px;
}

.anketa_content .input_elem label {
    margin-left: 15px;
    color: grey;
}

.anketa_content .input_elem input {
    border-radius: 30px;
}

.modal_anketa .modal-header {
    padding-bottom: 0px;
}

.modal_anketa .input_elem .not_required {
    font-size: 11px;
    color: grey;
    padding-top: 8px;
}

.name_trans{
    font-style:italic;
}

.bird_family{
    margin-top:10px;
}

.bird_thumb_in_post{
    margin-bottom:40px;
    width: 100%;
}

.redbook{
    color: #e74c3c;
    padding: 15px 0px;
}

.redbook a{
    color: #e74c3c;
    text-decoration: underline;
}

.input_elem #day {
    text-align: center;
}

.input_elem .month_wrapper {
    padding-left: 0px;
    padding-right: 0px;
}

.subscription {
    margin-left: 15px !important;
}

.modal_anketa .modal-footer {
    background: #397173;
}

.modal_anketa .modal-footer button {
    background: none;
    color: #ffffff;
    border-radius: 33px;
    font-size: 16px;
    padding: 8px 40px;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 20px;
}

.help_money_text {
    margin-top: 20px;
    margin-bottom: 20px;
}

.help_ways {
    margin-top: 20px;
}

.help_way .make_caption {
    font-size: 28px;
    font-family: regular;
    padding: 4px;
}

.help_way_separator {
    margin-bottom: 25px;
}

/*13_pay_info*/
.modal_pay_info .anketa_header {
    font-size: 21px;
    padding: 10px 35px;
}

.modal_pay_info .help_list {
    margin-top: 15px;
}

.modal_pay_info .additional_notice {
    margin-top: 30px;
    color: grey;
    font-size: 12px;
}

.modal_pay_info .require_for_pay {
    font-size: 18px;
    margin-top: 30px;
    font-weight: bold;
}

.modal_pay_info p {
    padding-left: 25px;
}

.pay_step_by_step_header {
    margin-bottom: 30px;
}

.modal_pay_info .step_by_step li {
    margin-bottom: 5px;
}

.modal_pay_info .additional_info {
    margin-top: 35px;
    padding-left: 25px;
}

.modal_pay_info .additional_info li {
    list-style: none;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.modal_pay_info .our_unp {
    font-size: 12px;
    font-weight: bold;
}

.modal_pay_info .modal-footer {
    background: #397173;
}

.modal_pay_info .modal-footer button {
    background: none;
    color: #ffffff;
    border-radius: 33px;
    font-size: 16px;
    padding: 8px 40px;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 20px;
}

.yandex_map {
    margin-top: 20px;
}

.departments {
    margin-top: 35px;
}

.departments .department a {
    font-size: 16px;
    text-decoration: underline;
    color: #397173;
}

.departments .department .department_description {
    font-size: 14px;
    line-height: 1.7;
}

.yandex_map img {
    width: 100%;
}

.department_separator {
    margin-bottom: 30px;
}

.apb_history .main_description {
    margin-top: 25px;
    font-size: 16px;
    line-height: 1.6;
}

.top_elipse {
    position: absolute;
}

.line_after_elipse {
    position: absolute;
    top: 20px;
    left: 26px;
}

.left_history p {
    text-align: right;
}

.right_history p {
    text-align: left;
}

.left_history .year, .right_history .year {
    font-weight: bold;
    font-size: 52px;
    color: #397173;
}

.right_history img {
    text-align: left;
}

.history {
    padding-bottom: 40px;
}

.history_separator {
    margin-bottom: 45px;
}

.history .day_month {
    font-size: 21px;
    color: #397173;
    font-weight: bold;
}

.zero_bottom {
    margin-bottom: 0px;
}

.line_after_elipse {
    width: 1px;
}

.page_404 .bird_img img {
    margin-top: 120px;
    padding-bottom: 100px;
}

.page_404 h1 {
    font-size: 200px;
    font-size: 18vw;
    color: #397173;
    font-weight: bold;
}

.description_404 {
    font-size: 32px;
    font-family: regular;
    font-weight: bold;
}

.how_it_happens {
    font-size: 21px;
    font-family: regular;
    font-weight: bold;
    margin-top: 35px;
}

.how_it_happens_description a {
    text-decoration: underline;
}

.page_404 .what_makes {
    font-size: 21px;
    font-weight: bold;
    margin-top: 30px;
    text-transform: uppercase;
}

.page_404 .additional_links a {
    text-decoration: underline;
}

.search_404 {
    border-radius: 23px;
    border: none;
    padding: 6px 0px 6px 25px;
    /*width: 20%;*/
    margin-top: 15px;
}

.sign_in_form form {
    background-image: url('../images/sign_in_background.png');
    color: #ffffff;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 1px;
}

.sign_in_form .header {
    font-size: 21px;
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: left;
}

.sign_in_form input[type="text"], .sign_in_form input[type="password"] {
    border-radius: 30px;
}

.sign_in_form .checkbox_text {
    font-size: 14px;
}

.sign_in_form button {
    background: none;
    border-radius: 30px;
    padding: 10px 70px;
    font-size: 16px;
    color: white;
    margin-bottom: 25px;
}

.sign_in_form form {
    text-align: center;
}

.sign_in_form .checkbox {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 18px;
}

.sign_in .register_link a, .sign_in .forgot_pass_link a {
    color: #397173;
}

.sign_in .register_link, .sign_in .forgot_pass_link {
    text-align: center;
    text-decoration: underline;
}

.sign_in .register_link {
    margin-top: 15px;
}

.club_birds .main_description {
    margin-top: 15px;
}

.club_birds .club_separator {
    margin-bottom: 30px;
}

.club_peoples .club_separator {
    margin-bottom: 45px;
}

.club_bird .bird_name {
    margin-bottom: 4px;
}

.club_bird .bird_name a {
    font-size: 16px;
    color: #397173;
    text-decoration: underline;
}

.club_bird .date {
    font-size: 12px;
    color: grey;
}

.club_bird .author a {
    text-decoration: underline;
    color: #397173;
    font-weight: bold;
}

.club_bird .watcher_name {
    color: black;
    font-weight: bold;
}

.club_bird .location {
    font-size: 12px;
    color: #397173;
    margin-top: 15px;
}

.club_bird .location .map_location {
    margin-right: 10px;
}

.club_bird {
    margin-bottom: 35px;
}

.ratings .rating_header {
    font-size: 18px;
    margin-top: 35px;
}

.ratings ul li {
    list-style: none;
    margin-bottom: 10px;
}

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

.whole_rating {
    margin-bottom: 15px;
    margin-top: 15px;
}

.whole_rating a {
    text-decoration: none !important;
    font-weight: bold;
    color: #397173;
}

.ratings ul {
    padding-left: 0px;
}

.club_peoples .make_list {
    background: #397173;
    border: 0px;
    color: white;
    border-radius: 30px;
    padding: 9px 28px;
    margin-top: 8px;
}

.club_man .make_list {
    background: #397173;
    border: 0px;
    color: white;
    border-radius: 30px;
    padding: 9px 28px;
    margin-top: 8px;
}

.club_people .club_people_name a {
    color: #397173;
    text-decoration: underline;
    font-size: 16px;
}

.club_people .count {
    font-size: 24px;
    color: #397173;
    font-weight: bold;
    text-decoration: underline;
}

.club_people .latest_view a {
    color: #397173;
    text-decoration: underline;
}

.club_people_number {
    display: inline-block;
    position: absolute;
    top: 38%;
    left: 0%;
    border-radius: 30px;
    padding: 0px 10px;
    font-weight: bold;
    font-size: 22px;
    color: white;
}

.yellow_number {
    background: #fad400;
}

.club_people {
    margin-bottom: 35px;
    padding-top: 18px;
    padding-bottom: 15px;
}

.club_people_background {
    background: url('../images/club200_people_background.png');
    /*padding-top: 18px;*/
    /*padding-bottom: 15px;*/
}

.club_man_separator {
    margin-bottom: 25px;
}

.club_man_info .first_second_name, .club_man_info .view_for_period {
    font-weight: bold;
}

.club_man_info .view_for_period {
    font-size: 24px;
    text-decoration: underline;
    color: #3f7577;
}

.club_man_info .last_article {
    margin-top: 20px;
}

.club_man .all_list a {
    text-decoration: underline;
    color: #3f7577;
    font-weight:bold;
}

.club_man .from {
    margin-bottom: 0px;
}

.club_man .watched p, .club_man .need_to_watch p {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 25px;
}

.club_man .watched ol, .club_man .need_to_watch ol {
    padding-left: 15px;
    line-height: 2.0;
}

.club_man .watched ol li span, .club_man .need_to_watch ol li span{
    color: #3f7577;
    text-decoration: underline;
}

#modal_feeders .anketa_header {
    font-size: 21px;
    padding: 10px 25px;
    padding-bottom: 2px;
}

#modal_feeders .modal-header {
    padding-bottom: 0px;
}

#modal_feeders .input_elem .not_required {
    font-size: 11px;
    color: grey;
    padding-top: 8px;
}

.watcher_count_wrapper {
    padding-left: 0px;
}

.message_about_watching {
    font-size: 14px;
    font-weight: bold;
    padding-left: 12px;
    margin-bottom: 25px;
}

#modal_feeders .modal-footer {
    background: #397173;
}

#modal_feeders .modal-footer button {
    background: none;
    color: #ffffff;
    border-radius: 33px;
    font-size: 16px;
    padding: 8px 40px;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 20px;
}

.modal_feeders_separator {
    margin-bottom: 35px;
}

#modal_feeders .count_and_view {
    margin-left: 0px;
}

#modal_feeders .add_view {
    background: #397173;
    color: #ffffff;
    border-radius: 33px;
    font-size: 16px;
    padding: 9px 30px;
    margin-top: 30px;
    margin-bottom: 12px;
    margin-left: 20px;
    border: 0px;
    font-size: 14px;
}

#modal_feeders .upload_image {
    padding-left: 15px;
    margin-bottom: 2px;
}

#modal_feeders .info_about_uploaded_image {
    font-size: 12px;
    color: grey;
    padding-left: 15px;
}

#modal_feeders .choose_file {
    background: #397173;
    color: #ffffff;
    border-radius: 33px;
    font-size: 14px;
    padding: 9px 30px;
    margin-bottom: 15px;
    margin-left: 20px;
    border: 0px;
    font-size: 14px;
}

.dropdown .dropdown {
    position: relative;
}

.dropdown .dropdown>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown .dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown .dropdown>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown .dropdown:hover>a:after {
    border-left-color: #fff;
}

.dropdown .dropdown.pull-left {
    float: none;
}

.dropdown .dropdown.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/*colors
#397173 - основной бірюзовый
*/

a:hover{
    text-decoration: none;
}

.page-content{
    background: #dfe4d1;
}

.wrapper-birds{
    padding-top: 30px;
}

#left-nav-news{
    color: #397173;

}

#left-nav-news ul{
    list-style-type: none;
    padding:0px;
}

#left-nav-news li {
    padding: 10px 0px;
}

#left-nav-news a {
    color: #397173;
    text-decoration: underline;
}

#content-wrapper h3{
    margin-top: 5px;
}

.birds_search_input_wrapper{
    padding-right: 0px;
}

#birds_search_input{
    border-radius: 50px;
    padding: 6px 0px 6px 25px;
}

#birds_search_input:before{
    content: "\f18d";
}

#birds-search-div{
    background: #4a7d7f;
    padding:17px 0px 30px 0px;
    margin: 25px 0 40px 0;

}

#birds-search-div h2{
    margin-bottom:25px;
    color:white;
}

#birds-search-div #birds_search_btn{
    padding:10px 50px;
    border-radius: 50px;
    background: none;
    border:1px solid white;
    color:white;
    font-size: 18px;
}

.birds_sort_btn{
    background: none;
    color:#397173;
    font-size: 18px;
    width:50%;
    border:1px solid #397173;
    padding:12px 0;
}
@media only screen and (max-width : 1200px) {
    .birds_sort_btn{
        font-size: 16px;
    }
}
@media only screen and (max-width : 480px) {
    .birds_sort_btn{
        font-size: 13px;
    }
    .birds-wrapper .bird-block {
        padding: 0 50px;
    }
}
.sort_btn_left{
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}

.sort_btn_right{
    margin-left:-5px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}

.sort_btn_active{
    color: white;
    background: #397173;
}

#birds_alphabet{
    margin-top:50px;
}

#birds_alphabet a.letter{
    color: #397173;
    font-size:34px;
    font-weight: bold;
    padding: 0 3px;
}

#birds_alphabet a.letter_active{
    color:black;
}

#birds_alphabet a:hover{
    text-decoration: none;
}

#chosen_letter_div{
    margin: 40px 0px 64px 0px;
}

#chosen_letter_span{
    color:black;
    font-size: 50px;
    font-weight: bold;
}

.bird-block{
    width:100%;
    position: relative;
    min-height: 1px;
    padding: 0 150px;
}

@media screen and (min-width: 540px) {
    .bird-block{
        width:50%;
        float: left;
        padding: 0 14%;
    }
}

@media screen and (min-width: 768px) {
    .bird-block{
        width:33.3333%;
        float: left;
        padding: 0 35px;
    }
}

@media screen and (min-width: 992px) {
    .bird-block{
        width:25%;
        float: left;
    }
}

@media screen and (min-width: 1200px) {
    .bird-block{
    width:20%;
    float: left;
    }
}

.bird-block-col-6{
    width:100%;
    position: relative;
    min-height: 1px;
    padding: 0 150px;
}

@media screen and (max-width: 540px){
    .bird-block-col-6{
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 540px) and (max-width:767px) {
    .bird-block-col-6{
        width:50%;
        float: left;
        padding: 0 14%;
    }

    .bird-block-col-6:nth-child(even){
        margin-bottom: 50px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .bird-block-col-6{
        width:33.3333%;
        float: left;
        padding: 0 35px;
    }

    .bird-block-col-6:nth-child(3n+3){
        margin-bottom: 50px;
    }
}

@media screen and (min-width: 992px) {
    .bird-block-col-6{
        width:16.6667%;
        float: left;
        padding: 0 35px;

    }
}

@media screen and (min-width: 1200px) {
    .bird-block-col-6{
        width:16.6667%;
        float: left;
        margin-bottom:50px;
    }
}
.bird_search_input_lang {
    color: #8E8E8E;
    font-style: italic;
    font-size: 10px;
    text-align: center;
    margin-bottom: 30px;
}
.btn-search-bird {
    background: #3c7476;
    border-radius: 30px;
    color: #fff;
    padding: 6px 40px;
    font-size: 16px;
    border: 1px solid #fff;
}


.birds-row{
    margin-bottom:50px;
}

div.circle-image{
    max-width: 100%;
    width:100%;
    height:auto;
    display:block;
    /* div height to be the same as width*/
    padding-top:100%;

    /* make it a cirkle */
    border-radius:50%;

    /* Centering on image`s center*/
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;

    /* it makes the clue thing, takes smaller dimention to fill div */
    background-size: cover;

    /* it is optional, for making this div centered in parent*/
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 15px;
}

.bird_name{
    font-size: 14px;
    color: #397173;
}

.footer-text-line{
    padding: 5px 0;
    display:block;
}

.footer-text-space{
    padding-bottom: 30px;
}

.search_wrapper_not_mainpage{
    margin-top: 30px;
    width: 400px;
}

.active_article{
    font-weight: bold;
}

.typical_link{
    color: #397173;
    text-decoration: underline;
}

.birds_kind_header{

}

.bird-block-2{
    padding:0 30px;
}

.sort_families_header

#page_families_block {
    margin-top: 40px;
}

.sort_families{
    text-align: center;
    margin: 20px 0 40px 0;
}

.sort_families .sort_families_header{
    font-size: 17px;
}

.sort_families a.families_sort{
    text-decoration: underline;
}

.sort_families span.families_sort{
    font-weight: bold;
}

#page_families_block img {
    margin: 0 auto;
}

.first_connect_way {
    cursor: pointer;
}
.what_get .name {
    color: white;
    margin-bottom: 5px;
}

.what_get .cost {
    margin-top: -4px;
}

.main_content .cost {
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.what_get .cost {
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.close_map {
    z-index: 999;
}

.bird-voice-block{
    margin-bottom: 30px;
}

.bird-voice-header{
    font-size: 19px;
    color: #ff6d01;
    margin-top: 30px;
}

.birds-in-family-page{
    margin-top: 40px;
}

.birds-separator{
    margin-bottom:30px;
}
.img_bird_scale {
    color: #ff6d01;
    font-size: 14px;
}
.author_img_bird {
    margin-top: -15px;
    color: #ff6d01;
    font-style: italic;
    font-size: 12px;
}
.author_img_bird::before {
    font-family: FontAwesome;
    content: "\f2bd";
    padding: 0 4px 0 0;
    color: #ff6d01;
    font-style: normal;
}
.foto_for_bird {
    margin-top: -15px;
}
.foto_for_bird img{
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}

.visible-xs-sm, .visible-xxs{
    display: none;
}

@media screen and (min-width: 540px) and (max-width: 768px) {
    .visible-xs-sm{
        display:block;
    }
}

@media screen and (max-width: 540px)  {
    .visible-xxs{
        display:block;
    }
}

.modal label {
    display: block;
}

.another_type, #another_languages {
    height: 25px;
}

.volunteer_type, .another_languages_wrapper, .another_type_wrapper {
    display: none;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 750px;
        margin: 30px auto;
    }
}


.search_block{
    padding: 0px;
    margin-top: 10px;
}
.search_description{
    display: block;
    color: #8E8E8E;
    font-style: italic;
    font-size: 12px;
}
.bird_search_str{
    font-style:italic;
}

.bird_search_result_header{
    margin: 20px 0 40px 0;
}

.search_result_header{
    margin:0 0 20px 0;
}

.family_index {
    background: #2779AA;
    display: inline-block;
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 30px;
    margin-left: 15px;
    margin-bottom: 10px;
}

.family_info .modal-body {
    padding-right: 30px;
}

.add_new_family_member, .delete_family_member {
    border-bottom: 1px dashed #008aca;
    font-weight: bold;
    margin-left: 20px;
    text-decoration: none;
}

.add_new_family_member:hover, .delete_family_member:hover {
    color: #008aca;
    text-decoration: none;
}

.family_member {
    margin-bottom: 20px;
}

.help_way .make_caption {
    font-size: 20px;
    font-family: regular;
    padding: 2px;
}

.fc-orange {
    color: #ff6d01;
}

.friendly_fee_description {
    line-height: 1.8;
}

.friendly_fee_description .phone_numbers {
    color: #868686;
}

.fee_description {
    background: #FF7744;
    padding: 9px;
    text-align: center;
    font-weight: bold;
    color: white;
    /*padding-bottom: 17px;*/
    height: 55px;
}

.fee_way {
    cursor: pointer;
    margin-bottom: 20px;
}

.fee_way_full_description .pay_erip img {
    margin-bottom: 20px;
}

.fee_way_full_description {
    padding-left: 15px;
    min-height: 160px;
}

.fee_way_full_description .pay_wrap {
    display: none;
}

.fee_ways .fee_way img {
    border: 1px solid #CCCCCC;
}

#menu-main-menu .active a.dropdown-toggle:first-child {
    background: #8ec046;
    font-weight: bold;
}

#menu-main-menu .active img {
    position: absolute;
    top: -17px;
    right: 6%;
}

.list_birds_header{
    margin-top: 40px;
}

.bot_sad_header{
    font-size: 22px;
    margin-bottom: 0px;
}

.dashed{
    border-bottom: 1px dashed;
}

.watch_maps{
    text-transform: uppercase;
    font-weight: bold;
    color: #397173;
}

.img-caption{
    padding-top: 5px;
    padding-bottom: 10px;
    margin: 0;
    display: block;
    color: #9fa09d;
    font-style: italic;
    font-size: 12px;
}

.star {
    color: red;
}

.volunteer_success {
    margin-top: 25px;
}

.success_image {
    padding-right: 0px !important;
}

.image_text {
    position: absolute;
    right: 0%;
    bottom: 12%;
    background: #FF8457;
    color: white;
    font-weight: bold;
    padding: 7px 20px;
}

.success_text .main_text {
    font-size: 18px;
    font-weight: bold;
}

.new_bird .search_h {
    font-family: 'Open Sans', sans-serif;
    font-size: 35px;
    color: white;
}

.what_makes h3 {
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
}

.make_caption {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: white;
}

.new_bird .search_btn {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.last_news h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    color: #212121;
}

.news_link a {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #397173;
}

.latest_posts .short_description {
    font-family: 'Open Sans', sans-serif;
    color: #212121;
    font-size: 14px;
}

.news_date p {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
}

.more_news a {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.birds_help h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    color: #212121;
}

.birds_help .make_caption {
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    color: white;
}

.partners h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    color: #212121;
}

.more_parthners a {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #397173;
}

.footer_wrapper .inner_footer {
    font-family: 'Open Sans', sans-serif;
}

.copyright_rulres {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

.about_site {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #5d8f91;
}

.inner_footer .phone_numbers {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

#sidebar-news li a {
    color: #397173;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
#sidebar-news li.current-menu-item a {
    text-decoration: none;
}

.main_header {
    font-family: 'Open Sans', sans-serif;
    color: #212121;
    font-size: 21px;
}

.main_description {
    font-family: 'Open Sans', sans-serif;
    color: #212121;
    font-size: 16px;
}


.left_history, .right_history {
    font-family: 'Open Sans', sans-serif;
}

.year {
    font-family: 'Open Sans', sans-serif;
    font-size: 52px;
}

.magazine_link a {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}

.magazine_description {
    font-family: 'Open Sans', sans-serif;
}

.magazine .magazine_download_link {
    text-transform: none;
}

.magazine .magazine_download_link, .magazine .news_short_description, .magazine .post_tags {
    font-family: 'Open Sans', sans-serif;
}

.parthner_images img, .pay_systems img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
    cursor: pointer;
}

.parthner_images img:hover, .pay_systems img:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none; /* IE 6-9 */
}

.taxonomy .news_header {
    margin-top: 12px;
}

.taxonomy .news_header a {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #397173;
    font-weight: bold;
}

.taxonomy .news_short_description a {
    color: #397173;
}

.news .news_header a {
    color: #397173;
}

.news .short_info .underline_text a {
    color: #565656;
}

.news .short_info .underline_text .grey_color {
    color: #868686;
}

.news .news_short_description .post_tags a {
    color: #60a0a2;
}

.dropdown .dropdown>a:after {
    display: none;
}

@media screen and (max-width:768px){
    #show_sharing_mobile{
        display:none;
    }
}


.observ_label_wrapper{
    padding-top:5px;
}

.little_label{
    font-size: 12px;
    color: grey;
}

.template_button {
    background: #397173;
    color: #ffffff;
    border-radius: 33px;
    font-size: 16px;
    padding: 9px 30px;
    margin-top: 30px;
    margin-bottom: 12px;
    margin-left: 20px;
    border: 0px;
    font-size: 14px;
}

#map {
    height: 400px;
    width: 100%;
}

#response{
    color: red;
}

.observation_date{
    font-weight: bold;
}

.preloader{
    height: 30px;
    width: 30px;
}

/*Сайдбар меню клуб 200*/
ul.club_200{
    list-style-type: none;
    padding: 0;
}
ul.club_200 li {
    margin-top: 10px;
}
.club_200 i.fa{
    margin-right: 8px;
}
/* ----*/

.fep-action-table select {
    height: 40px;
    margin: 10px 10px 0 0;
    border-radius: 5px;
}

/*Архив клуб200*/
.club200_archive {
    margin-top: 40px;
}
.club200_archive i.fa {
    margin-right: 8px;
}
.club200_archive a {
    line-height: 2;
}
h2.archive-title {
    font-size: 20px;
}

.show_birds.active {
    text-decoration: underline;
}

/*modal rating*/
.rating_title_header,  .rating_footer {
    background-color: #397173;
}
.rating_title_header h4 {
    color: #fff;
}
button.close_modal_rating {
    color: #fff;
    opacity: 0.8;
}
button.btn-rating {
    background: none;
    color: #ffffff;
    border-radius: 33px;
    font-size: 16px;
    padding: 8px 40px;
    margin-right: 20px;
}
.checkbox_rating span {
    padding-left: 10px;
}
.th_user_photo img {
    padding: 0 2px;
}
.modal_body_rating {
    background-color: #DDE4D3;
    width: auto;
    min-height: 0px;
    max-height: none;
    position: relative;
    border: 0;
    padding: .1em 1em;
    overflow: auto;
}
.bird_seen {
    background: #A3E9AB;
    color: #007402;
}
.bird_seen_not {
    background: #EAA2AE;
    color: #820106;
}
#myModal {
    text-align:center;
}
.modal-dialog.modal_people_rating_compare {
    width: auto;
    display: inline-block;
  }
table.table_compare_rating tbody td.bird_seen, table.table_compare_rating tbody td.bird_seen_not {
    border: 1px solid #397173;
}
.table_compare_rating.table-fixed {
    width: 100%;
}
table.table_compare_rating.table-fixed,
table.table_compare_rating.table-fixed>thead,
table.table_compare_rating.table-fixed>tbody,
table.table_compare_rating.table-fixed>thead>tr,
table.table_compare_rating.table-fixed>tbody>tr,
table.table_compare_rating.table-fixed>thead>tr>th,
table.table_compare_rating.table-fixed>tbody>td {
    display: block;
}
table.table_compare_rating.table-fixed>thead>tr:after,
table.table_compare_rating.table-fixed>tbody>tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}
table.table_compare_rating.table-fixed>tbody {
    overflow-y: scroll;
    height: 330px;
}
table.table_compare_rating.table-fixed>tbody.modal_rating_bird tr td:first-child {
    text-align: left;
    width: 246px;
}
table.table_compare_rating.table-fixed>thead {
    overflow-y: scroll;
}
table.table_compare_rating.table-fixed>thead::-webkit-scrollbar{
    background-color: inherit;
}
table.table_compare_rating.table-fixed>thead>tr>th,
table.table_compare_rating.table-fixed>tbody>tr>td {
    float: left;
}
table.table_compare_rating.table-fixed>tbody>tr>td {
    width: 109px;
}
/*----------------*/


.wsp-container h2 {
    font-size: 22px;
    padding-top: 50px;
    margin-bottom: 25px;
}

.fotorama__nav-wrap {
    position: absolute;
    bottom: 2%;
    padding: 0 30px;
    width: 100%;
}
.fotorama__thumb-border {
    border-color: #79af27!important;
}

/* формируем тело кнопки, положение и эффект перехода */

.scrollTop {
    /* по-умолчанию скрыта */
    display: none;
    /* скругяем углы */
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    /* фиксируем позицию кнопки */
    position: fixed;
    /* размеры кнопки */
    width: 70px;
    height: 70px;
    /* положение кнопки */
    right: 1rem;
    bottom: 50px;
    /* вид курсора */
    cursor: pointer;
    /* эффект перехода между двумя состояниями кнопки */
    -webkit-transition: bottom 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: bottom 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    -ms-transition: bottom 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: bottom 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: bottom 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}
/* смещение кнопки вверх при наведении */

.scrollTop:hover {
    bottom: 60px;
}

/* дополнительные элементы офрмления кнопки */

.scrollTop:before,
.scrollTop:after {
    content: "";
    top: 0;
    left: 0;
    background-color: #bddb95;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    opacity: 0;
}

/* определяем имя, тип и скорость анимации лля :before */
.scrollTop:before {
    background-color: #bddb95;
    -webkit-animation: clickMe 1.8s 333ms infinite ease-out;
    -moz-animation: clickMe 1.8s 333ms infinite ease-out;
    animation: clickMe 1.8s 333ms infinite ease-out;
}

/* определяем имя, тип и скорость анимации лля :after */
.scrollTop:after {
    -webkit-animation: clickMe 1.8s 777ms infinite ease-out;
    -moz-animation: clickMe 1.8s 777ms infinite ease-out;
    animation: clickMe 1.8s 777ms infinite ease-out;
}

/* формируем вид иконки */
.scrollTop i {
    width: 35px;
    height: 35px;
    display: block;
    background: rgba(121, 167, 57, 0.71);
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-size: 1.6rem;
    background-size: 12px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 17px;
    top: 17px;
    z-index: 100;
}

/* анимация */
@-webkit-keyframes clickMe {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }
    5% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes clickMe {
    0% {
        opacity: 0;
        -moz-transform: scale(0)
    }
    5% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes clickMe {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.delete_world_observation{
    cursor:pointer;
    padding: 0 10px 5px;
}


#eagle-canvas {
    height:600px;
    margin:20px 0;
}

.eagle-button {
    margin-top:10px;
    background: white;
    border:none;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
    color: #000000;
    direction: ltr;
    font-family: Roboto,Arial,sans-serif;
    font-size: 11px;
    font-weight: 500;
    min-width: 22px;
    overflow: hidden;
    padding: 8px;
    position: relative;
    text-align: center;
    cursor: pointer;     
    margin-right:14px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}
.eagle-button+.eagle-button {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;        
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    margin-right:0;
}
.eagle-banners img {
    max-width: 100%;
    margin-bottom:5px;
}
.eagle-banners .half img {
    width:49%;
}

.eagle_link {
    display: inline-block;
    position: relative;
    margin-left: 16px;    
    text-decoration: none !important;
}
.eagle_link:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    background-size: cover;
    left: -27px;
}



.eagle_link.ico_171035:before {
    background-image: url(../images/eagle/markers/yell.png);
    }
.eagle_link.ico_171034:before {
    background-image: url(../images/eagle/markers/pink.png);
    }
.eagle_link.ico_171036:before {
    background-image: url(../images/eagle/markers/green.png);
    }
.eagle_link.ico_171037:before {
    background-image: url(../images/eagle/markers/red.png);
    }
.eagle_link.ico_171033:before {
    background-image: url(../images/eagle/markers/purp.png);
    }
.eagle_link.ico_171038:before {
    background-image: url(../images/eagle/markers/turq.png);
    }
.eagle_link.ico_191655:before {
    background-image: url(../images/eagle/markers/blue.png);
    }
.eagle_link.ico_191652:before {
    background-image: url(../images/eagle/markers/veluta.png);
    }
.eagle_link.ico_191654:before {
    background-image: url(../images/eagle/markers/liada.png);
    }
.eagle_link.ico_191656:before {
    background-image: url(../images/eagle/markers/lana.png);
    }
.eagle_link.ico_191657:before {
    background-image: url(../images/eagle/markers/lan.png);
    }
.eagle_link.ico_191658:before {
    background-image: url(../images/eagle/markers/liadets.png);
    }
.eagle_link.ico_191659:before {
    background-image: url(../images/eagle/markers/zhdana.png);
    }
.eagle_link.ico_191660:before {
    background-image: url(../images/eagle/markers/rad.png);
    }
.eagle_link.ico_191661:before {
    background-image: url(../images/eagle/markers/zhdan.png);
    }


#eagle-photo {
    margin:20px 0;
    text-align: center;
}
#eagle-photo img {
    margin:auto;
    display: block;
    max-width: 100%;
}
#eagle-photo > div {
    margin-bottom:20px;
}
.eagles_pop {
    max-height: 450px;
}
.map_popup_close {
    color:blue;
}

#pteesf p { line-height: 20px; text-align: center; font-size: 16px; margin:20px 0;}
#pteesf label {display: block; font-weight: bold;}
#pteesf .form-control {width:50%;min-width:200px;margin:auto;}
