/* ===============
   atomtrip
   =============== */
/*
Theme Name: atomtrip
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 1.0.0
License: 
License URI: 
Text Domain: atomtrip
Tags: 



CSS CONTENTS:
--------------------------
LINKS
HEADER

*/



@font-face {
    font-family: Proxima Nova;
    src: url(/wp-content/themes/atomtrip/fonts/ProximaNova-Regular.woff) format("woff"),
        url(/wp-content/themes/atomtrip/fonts/ProximaNova-Regular.ttf) format("ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Proxima Nova;
    src: url(/wp-content/themes/atomtrip/fonts/ProximaNova-RegularIt.woff) format("woff"),
        url(/wp-content/themes/atomtrip/fonts/ProximaNova-RegularIt.ttf) format("ttf");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: Proxima Nova;
    src: url(/wp-content/themes/atomtrip/fonts/ProximaNova-Bold.woff) format("woff"),
        url(/wp-content/themes/atomtrip/fonts/ProximaNova-Bold.ttf) format("ttf");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Proxima Nova;
    src: url(/wp-content/themes/atomtrip/fonts/ProximaNova-BoldIt.woff) format("woff"),
        url(/wp-content/themes/atomtrip/fonts/ProximaNova-BoldIt.ttf) format("ttf");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: Proxima Nova;
    src: url(/wp-content/themes/atomtrip/fonts/ProximaNova-Extrabld.woff) format("woff"),
        url(/wp-content/themes/atomtrip/fonts/ProximaNova-Extrabld.ttf) format("ttf");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: Proxima Nova;
    src: url(/wp-content/themes/atomtrip/fonts/ProximaNova-ExtrabldIt.woff) format("woff"),
        url(/wp-content/themes/atomtrip/fonts/ProximaNova-ExtrabldIt.ttf) format("ttf");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: Proxima Nova;
    src: url(/wp-content/themes/atomtrip/fonts/ProximaNova-Black.woff) format("woff"),
        url(/wp-content/themes/atomtrip/fonts/ProximaNova-Black.ttf) format("ttf");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: Proxima Nova;
    src: url(/wp-content/themes/atomtrip/fonts/ProximaNova-BlackIt.woff) format("woff"),
        url(/wp-content/themes/atomtrip/fonts/ProximaNova-BlackIt.ttf) format("ttf");
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: Proxima Nova;
    src: url(/wp-content/themes/atomtrip/fonts/ProximaNova-Light.woff) format("woff"),
        url(/wp-content/themes/atomtrip/fonts/ProximaNova-Light.ttf) format("ttf");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: Proxima Nova;
    src: url(/wp-content/themes/atomtrip/fonts/ProximaNova-LightIt.woff) format("woff"),
        url(/wp-content/themes/atomtrip/fonts/ProximaNova-LightIt.ttf);
    font-weight: 100;
    font-style: italic;
}


p {
    font-family: Proxima Nova;
    font-weight: normal;
    color: #4A4A4A;
}

b,
strong {
    font-family: Proxima Nova;
    font-weight: bold;
    /*color: #4A4A4A;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Proxima Nova;
    font-style: normal;
    color: #4A4A4A;
}

h1 {
    font-weight: bold;
    font-size: 41px;
    line-height: 110.3%;
}

h2 {
    font-weight: bold;
    font-size: 33px;
    line-height: 123.3%;
}

h3 {
    font-weight: 800;
    font-size: 21px;
    line-height: 123.3%;
}

h4 {
    font-weight: bold;
    font-size: 21px;
    line-height: 123.3%;
}

h5 {
    font-weight: bold;
    font-size: 19px;
    line-height: 123.3%;
}

h6 {
    font-weight: 800;
    font-size: 17px;
    line-height: 123.3%;
}

.content-title h2 {
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: bold;
    font-size: 33px;
    line-height: 123.3%;
}

.content-title h1 {
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: bold;
    font-size: 33px;
    line-height: 123.3%;
}

* {
    box-sizing: border-box;
}


html {
    overflow-x: hidden;
}

body {
    font-family: Proxima Nova;
}


.bodymain {
    display: flex;
    width: 100vw;
    height: 100vh;
    margin: unset;
    position: relative;
    overflow: hidden;
}



#page {
    flex-grow: 1;
    width: 100%;
}

#page .background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
}

#page .background .back1 {
    background-image: url(/wp-content/themes/atomtrip/img/background.jpg);
    background-position: center;
    background-size: auto;
    background-repeat: repeat;
    animation-name: background_wave;
    animation-duration: 5s, 5s;
    animation-iteration-count: infinite;
    /*animation-delay: 1s,1s;*/
    animation-timing-function: ease;
    width: 100%;
    height: 100%;
    opacity: 1;
}

@keyframes background_wave {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.98;
        transform: scale(1.01);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}




#main {
    display: flex;
    height: 100%;
    width: 100%;
}

.main-left {
    flex-basis: 100%;
    /*padding-right: 40px;*/
    padding-left: 50px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.main-right {
    flex-basis: 660px;
    flex-shrink: 0;
    height: 100%;
    padding-left: 52px;
    /*width: 100%;*/
    width: 660px;
}

.map {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
    transition: max-width 2s;
    /*flex-grow: 1;*/
}

.map.map2 {
    max-width: 100% !important;
}


.main-left_title * {
    font-size: 64px;
    line-height: 64px;
    font-style: normal;
    font-weight: 800;
    color: white;
    margin: unset;
}

.main-left_content {
    margin-top: 78px;
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    /*display: flex;*/
    width: 100%;
    display: flex;
    justify-content: center;
}



.points-list .point-one {
    color: #FFFFFF;
    opacity: 0.35;
    margin-top: 3px;
    margin-bottom: 3px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    transition: opacity 0.2s, font-size 0.2s;
    display: none;
    /*justify-content: space-between;*/
}

.points-list .point-one.show-info-active:hover {
    opacity: 1;
}

.points-list .point-one.show-info-active .point-one_text {
    cursor: pointer;
}


#main.barzha1 .points-list .point-one.barzha1,
#main.barzha2 .points-list .point-one.barzha2 {
    display: flex;
}

#main.barzha1 .points-list .point-one.barzha1.barzha_go,
#main.barzha2 .points-list .point-one.barzha2.barzha_go {
    opacity: 1;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -15px;
    position: relative;
}

.points-info-list_in {
    height: 100%;
    position: relative;
    width: 100%;
}

.points-info-list_in .owl-carousel {
    height: 100%;
}

.points-info-list_in .owl-carousel .owl-stage-outer {
    height: 100%;
}

.points-info-list_in .owl-carousel .owl-stage {
    height: 100%;
}

.points-info-list_in .owl-carousel .owl-item {
    height: 100%;
}


.points-info_in * {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    color: #FFFFFF;
}


#main.barzha1 .points-list .point-one.barzha1.barzha_go:before,
#main.barzha2 .points-list .point-one.barzha2.barzha_go:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5848 7.81652L17.5418 15.4413C17.4758 15.5658 17.4413 15.7044 17.4413 15.8453C17.4413 15.9861 17.4758 16.1248 17.5418 16.2492L21.5848 23.874C21.6701 24.0347 21.7024 24.2183 21.677 24.3985C21.6517 24.5786 21.57 24.7462 21.4436 24.8771C21.3173 25.008 21.1527 25.0956 20.9736 25.1273C20.7944 25.1591 20.6098 25.1333 20.4462 25.0537L2.05819 16.6157C1.914 16.5447 1.79252 16.4349 1.70747 16.2985C1.62242 16.1621 1.57719 16.0047 1.57687 15.8439C1.57655 15.6832 1.62117 15.5256 1.70568 15.3889C1.79019 15.2522 1.91123 15.1418 2.05515 15.0702L20.4431 6.63222C20.6073 6.5504 20.7934 6.52309 20.9742 6.55426C21.155 6.58543 21.3211 6.67346 21.4484 6.80555C21.5757 6.93763 21.6576 7.10689 21.6821 7.28871C21.7067 7.47053 21.6725 7.65542 21.5848 7.81652Z' fill='%235ACD00'/%3E%3Cpath d='M20.0753 5.85263L1.69876 14.2899L1.68276 14.2982C1.39265 14.4397 1.14808 14.6598 0.976873 14.9334C0.805663 15.2071 0.714685 15.5232 0.714288 15.846C0.713891 16.1688 0.804091 16.4852 0.974628 16.7592C1.14516 17.0333 1.38919 17.254 1.67895 17.3962C1.68404 17.3994 1.68939 17.4022 1.69495 17.4046L20.0753 25.838C20.396 25.9953 20.7582 26.0476 21.1104 25.9874C21.4625 25.9272 21.7867 25.7576 22.037 25.5027L22.0598 25.4798C22.3155 25.2202 22.4809 24.8854 22.5318 24.5247C22.5827 24.1639 22.5164 23.7964 22.3426 23.4762L18.3034 15.8461L22.3426 8.21591C22.5123 7.8953 22.5766 7.52933 22.5263 7.17007C22.476 6.81081 22.3137 6.47656 22.0625 6.21486C21.8113 5.95317 21.4839 5.77737 21.127 5.71248C20.7701 5.64758 20.4018 5.69689 20.0746 5.85339L20.0753 5.85263ZM20.8191 7.40884L16.78 15.039C16.6486 15.2874 16.5799 15.5642 16.5799 15.8453C16.5799 16.1264 16.6486 16.4032 16.78 16.6516L20.8191 24.2818L20.8016 24.2734L2.42962 15.8453L20.7993 7.41646L20.8161 7.40884L20.8191 7.40884Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 30px;
    position: absolute;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    left: -35px;
}

/*
#main.barzha1 .points-list .point-one.show_info::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='31' height='32' viewBox='0 0 31 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='29.4595' height='30.2778' rx='5' stroke='%23E6571D'/%3E%3Cpath d='M17.4211 21.6574C18.1288 21.6568 18.5026 22.4947 18.031 23.0218C17.7242 23.3652 17.3482 23.6398 16.9278 23.8277C16.5074 24.0156 16.052 24.1125 15.5915 24.112C15.1312 24.1123 14.676 24.0154 14.2558 23.8275C13.8356 23.6396 13.4598 23.3651 13.1531 23.0218C12.7018 22.5172 13.0241 21.7297 13.6727 21.662L13.763 21.6574L17.4211 21.6574ZM15.5921 7.74517C16.703 7.74517 17.6428 8.48351 17.9454 9.49671L17.9818 9.63732L17.9888 9.67204C18.8909 10.1809 19.6597 10.8963 20.2321 11.7596C20.8044 12.6228 21.1642 13.6094 21.2818 14.6385L21.305 14.8734L21.3206 15.1101L21.32 17.5085L21.3385 17.6196C21.4502 18.2224 21.7834 18.7615 22.2724 19.131L22.409 19.2271L22.5421 19.3081C23.2457 19.7062 23.0004 20.7535 22.2331 20.8334L22.1382 20.838L9.04593 20.838C8.20459 20.838 7.91064 19.7224 8.64204 19.3081C8.9539 19.1316 9.22336 18.889 9.43148 18.5974C9.6396 18.3057 9.78135 17.9719 9.84676 17.6196L9.86412 17.5028L9.8647 15.0719C9.91489 14.0032 10.2262 12.9632 10.7714 12.0427C11.3167 11.1222 12.0792 10.3494 12.9922 9.79182L13.1942 9.67204L13.2023 9.63732C13.3179 9.14776 13.581 8.70549 13.956 8.37022C14.331 8.03495 14.7999 7.82284 15.2993 7.76253L15.448 7.74922L15.5921 7.74517Z' fill='%23E6571D'/%3E%3C/svg%3E%0A");
	width: 30px;
	position: absolute;
	height: 33px;
	background-position: center;
	background-repeat: no-repeat;
	right: -35px;
}
*/


.point-one_icon {
    display: flex;
    margin-left: 15px;
}

.point-icon-style+.point-icon-style {
    margin-left: 15px;
}

.point-icon-style {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.icon-show-info {
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='32' viewBox='0 0 31 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='29.4595' height='30.2778' rx='5' stroke='%235ACD00'/%3E%3Cpath d='M15.5 13.5V23.0854' stroke='%235ACD00' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M17 9.5C17 10.3284 16.3284 11 15.5 11C14.6716 11 14 10.3284 14 9.5C14 8.67158 14.6716 8 15.5 8C16.3284 8 17 8.67158 17 9.5Z' fill='%235ACD00'/%3E%3C/svg%3E%0A");
}

.icon-show-alert {
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='32' viewBox='0 0 31 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='29.4595' height='30.2778' rx='5' stroke='%23E6571D'/%3E%3Cpath d='M17.4211 21.6574C18.1288 21.6568 18.5026 22.4947 18.031 23.0218C17.7242 23.3652 17.3482 23.6398 16.9278 23.8277C16.5074 24.0156 16.052 24.1125 15.5915 24.112C15.1312 24.1123 14.676 24.0154 14.2558 23.8275C13.8356 23.6396 13.4598 23.3651 13.1531 23.0218C12.7018 22.5172 13.0241 21.7297 13.6727 21.662L13.763 21.6574L17.4211 21.6574ZM15.5921 7.74517C16.703 7.74517 17.6428 8.48351 17.9454 9.49671L17.9818 9.63732L17.9888 9.67204C18.8909 10.1809 19.6597 10.8963 20.2321 11.7596C20.8044 12.6228 21.1642 13.6094 21.2818 14.6385L21.305 14.8734L21.3206 15.1101L21.32 17.5085L21.3385 17.6196C21.4502 18.2224 21.7834 18.7615 22.2724 19.131L22.409 19.2271L22.5421 19.3081C23.2457 19.7062 23.0004 20.7535 22.2331 20.8334L22.1382 20.838L9.04593 20.838C8.20459 20.838 7.91064 19.7224 8.64204 19.3081C8.9539 19.1316 9.22336 18.889 9.43148 18.5974C9.6396 18.3057 9.78135 17.9719 9.84676 17.6196L9.86412 17.5028L9.8647 15.0719C9.91489 14.0032 10.2262 12.9632 10.7714 12.0427C11.3167 11.1222 12.0792 10.3494 12.9922 9.79182L13.1942 9.67204L13.2023 9.63732C13.3179 9.14776 13.581 8.70549 13.956 8.37022C14.331 8.03495 14.7999 7.82284 15.2993 7.76253L15.448 7.74922L15.5921 7.74517Z' fill='%23E6571D'/%3E%3C/svg%3E%0A");
}




@media(max-width: 500px) {
    .points-list .point-one {
        font-size: 16px;
        line-height: 18px;
    }

    #main.barzha1 .points-list .point-one.barzha1.barzha_go,
    #main.barzha2 .points-list .point-one.barzha2.barzha_go {
        font-size: 19px;
        line-height: 24px;
    }

    .points-info_in * {
        font-size: 16px;
        line-height: 19px;
    }
}

.points-info {
    overflow: hidden;
    height: 100%;
    overflow-y: scroll;
    padding-right: 20px;
    scrollbar-width: thin;
    scrollbar-color: white rgba(0, 0, 0, 0.1);
}

.points-info::-webkit-scrollbar {
    width: 2px;
    background: #383838
}

.points-info::-webkit-scrollbar-track {
    /*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
}

.points-info::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    /*outline: 1px solid slategrey;*/
    width: 1px;
}

.main-right_content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.main-in {
    padding: 62px 38px;
    display: flex;
    flex-grow: 1;
    width: 100%;
}

.points-info-list {
    flex-shrink: 1;
    display: flex;
    overflow: hidden;
    padding-bottom: 60px;
    flex-grow: 1;
    width: 100%;
}

.points-list {
    display: flex;
    padding-bottom: 30px;
    margin-left: -52px;
    height: 148px;
    overflow: hidden;
    flex-shrink: 0;
}

.points-list .points-list_in {
    overflow: hidden;
    overflow-y: hidden;
    overflow-y: hidden;
    height: 100%;
    overflow-y: scroll;
    padding-right: 20px;
    scrollbar-width: thin;
    scrollbar-color: white rgba(0, 0, 0, 0.1);
    width: 100%;
    padding-left: 52px;
    position: relative;
    height: 100%;
}

.points-list .points-list_in::-webkit-scrollbar {
    width: 2px;
    background: #383838
}

.points-list .points-list_in::-webkit-scrollbar-track {
    /*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
}

.points-list .points-list_in::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    /*outline: 1px solid slategrey;*/
    width: 1px;
}

.points-info-list .owl-nav {
    height: 0px;
    text-align: right;
    padding-top: 15px;
    transition: opacity 0.3s;
    opacity: 1;
}

.points-info-list .owl-nav .disabled {
    opacity: 0.35;
}

.points-info-list .owl-nav button+button {
    margin-left: 15px;
}

.points-info-list .owl-nav>* {
    height: 30px;
    width: 30px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    /* position: absolute; */
    /* z-index: 99; */
    /* top: calc(50% - 30px); */
}

.points-info-list .owl-prev,
.points-info-list .owl-next {
    /* top: 50%; */
    /* position: absolute; */
    /* left: -140px; */
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='32' viewBox='0 0 31 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='29.4595' height='30.2778' rx='5' stroke='%235ACD00'/%3E%3Cpath d='M23.5 17C24.0523 17 24.5 16.5523 24.5 16C24.5 15.4477 24.0523 15 23.5 15V17ZM8.29289 15.2929C7.90237 15.6834 7.90237 16.3166 8.29289 16.7071L14.6569 23.0711C15.0474 23.4616 15.6805 23.4616 16.0711 23.0711C16.4616 22.6805 16.4616 22.0474 16.0711 21.6569L10.4142 16L16.0711 10.3431C16.4616 9.95262 16.4616 9.31946 16.0711 8.92893C15.6805 8.53841 15.0474 8.53841 14.6569 8.92893L8.29289 15.2929ZM23.5 15H9V17H23.5V15Z' fill='%235ACD00'/%3E%3C/svg%3E%0A") !important;
}

.points-info-list .owl-next {
    transform: rotate(180deg);
}


.points-selector {
    padding-bottom: 30px;
}

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


.points-selector .selector-style {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-decoration-line: underline;
    color: #5ACD00;
    margin-bottom: 5px;
    transition: color 0.2s;
}

.selector-style.active,
#main.barzha1 .selector-style.barzha1,
#main.barzha2 .selector-style.barzha2 {
    color: rgba(255, 255, 255, 0.5);
}

.selector-ship {
    /*padding-bottom: 25px;*/
}

.main-right-bottom {
    padding-top: 34px;
}

.main-right-bottom_in {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}





.map .map-in {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: top 2s, left 2s, width 2s;
    /*position: relative;*/
}

/*
.map2 .map-in {
    position: absolute;
    top: -152%;
    left: -36%;
    width: 339%;
    height: 100%;
}
*/


.map .map-in svg {
    /* object-fit: cover; */
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    bottom: 0px;

}

.map .map-in svg .marshrut {
    transition: stroke-width 2s;
}

.map.map2 .map-in svg .marshrut {
    stroke-width: 1;
}

#main .map .map-in svg .barzha2 {
    opacity: 1;
    transition: opacity 0.2s;
}

#main.barzha1 .map .map-in svg .barzha2 {
    opacity: 0;
}

.map.map2 .map-in {
    position: absolute;
    /* top: calc(-204% + 100%); */
    /* left: calc(19% - 100%); */
    width: 340%;
    /* height: 231.2%; */
    /* object-fit: contain; */
    /* top: -976px; */
    /* left: -200px; */
}


.map .map-in_block {
    position: relative;
    /*padding-top: 68.16%;*/
    padding-top: 74.27%;
    /* overflow: hidden; */
    /* height: 100%; */
    /* width: 100%; */
}


.map .points {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    /* bottom: 0px; */
    /* display: none; */
}

.map .point {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 57%;
    left: 27%;
    display: none;
}

#main.barzha1 .map .point.barzha1,
#main.barzha2 .map .point.barzha2 {
    display: block;
}

#main.barzha1 .map .point.barzha1.barzha_go,
#main.barzha2 .map .point.barzha2.barzha_go {
    z-index: 2;
}

.map .point-in {
    width: 12px;
    height: 12px;
    margin-left: -8px;
    margin-top: -8px;
    /*background-color: #0000FF;*/
    /*border: 2px solid #FFFFFF;*/
    /*border-radius: 100%;*/
    transition: background-color 0.2s, box-shadow 0.2s, width 0.2s, height 0.2s, margin-left 0.2s, margin-top 0.2s;
}



#main.barzha1 .map .point.barzha1.active .point-in,
#main.barzha2 .map .point.barzha2.active .point-in {
    /* background-color: #5ACD00; */
    /* border: 2px solid #FFFFFF; */
    /* box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); */
    width: 26px;
    height: 26px;
    margin-left: -14px;
    margin-top: -14px;
    position: relative;
    z-index: 3;
}

.map .point-in .point-icon {
    background-color: #0000FF;
    border: 2px solid #FFFFFF;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    /*cursor: pointer;*/
}

.map .points .point.show-info-active.point-info-load .point-icon {
    cursor: pointer;
}

.map .point-in {
    width: 12px;
    height: 12px;
    margin-left: -8px;
    margin-top: -8px;
    /* background-color: #0000FF; */
    /* border: 2px solid #FFFFFF; */
    /* border-radius: 100%; */
    transition: background-color 0.2s, box-shadow 0.2s, width 0.2s, height 0.2s, margin-left 0.2s, margin-top 0.2s;
}

#main.barzha1 .map .point.barzha1.active .point-in .point-icon,
#main.barzha2 .map .point.barzha2.active .point-in .point-icon {
    border: 2px solid #FFFFFF;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    width: 100%;
    height: 100%;
    /* margin-left: -15px; */
    /* margin-top: -15px; */
    border-radius: 100%;
    position: absolute;
    z-index: 3;
    box-sizing: border-box;
}

.map .point-in .point-name {
    position: absolute;
    left: 11px;
    /*! padding: 0px 20px; */
    /*! background-color: #A5A5A5; */
    /*! border-radius: 10px; */
    height: 100%;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    z-index: 2;
    overflow: hidden;
    /*! padding-left: 25px; */
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s 0.3s, width 0.3s 0.3s;
    /*width: 0px;*/
}

.map .point-in .point-name-in {
    padding: 0px 20px;
    padding-left: 20px;
    background-color: #A5A5A5;
    border-radius: 10px;
}

#main.barzha1 .map .point.barzha1.active .point-in .point-name,
#main.barzha2 .map .point.barzha2.active .point-in .point-name {
    opacity: 1;
    /*width: 200px;*/
}

#main.barzha1 .map .point.barzha1.barzha_go .point-in .point-icon,
#main.barzha2 .map .point.barzha2.barzha_go .point-in .point-icon {
    background-color: #5ACD00;

}




@media(max-width: 1200px) {

    .main-left_title * {
        /* font-size: 64px; */
        /* line-height: 64px; */
        font-size: 26px;
        line-height: 27px;
    }

    .main-in {
        /* padding: 62px 38px; */
        padding: 30px 30px;
        flex-direction: column;
    }

    .main-left {
        padding-right: unset;
        padding-left: unset;
    }

    .main-left_content {
        /* margin-top: 78px; */
        margin-top: 30px;
        /*flex-basis: 500px;*/
    }

    .bodymain {
        height: unset;
        min-height: 100vh;
    }

    .points-info-list {
        /*flex-basis: 500px;*/
        flex-grow: 0;
    }

    .points-selector .selector-style {
        /* font-size: 20px; */
        font-size: 16px;
        line-height: 18px;
    }

    .main-right {
        margin-top: 30px;
        padding-left: unset;
        width: 100%;
    }

    .map {
        max-height: 45vh;
    }

    .map .map-in {
        position: relative;
    }

    .map.map2 {
        height: 45vh;
    }


    .points-selector {
        order: 0;
    }

    .points-selector_in>div+div {
        margin-left: 15px;
    }

    .selector-ship {
        padding-bottom: unset;
        flex-shrink: 0;
    }

    .points-list {
        order: 2;
    }

    #main.barzha1 .points-list .point-one.barzha1.barzha_go,
    #main.barzha2 .points-list .point-one.barzha2.barzha_go {
        margin-left: 15px;
    }

    .points-info-list {
        order: 3;
    }

    .main-right-bottom {
        /*padding-top: unset;*/
        order: 4;
    }

    .map.map2 .map-in {
        width: 500%;
    }

    .set-lang-list {
        order: 1;
    }


}


@media(max-width: 767px) {

    .main-left_title * {
        /* font-size: 64px; */
        /* line-height: 64px; */
        font-size: 20px;
        line-height: 20px;
    }

    /*
    #main.barzha1 .map .point.barzha1.barzha_go .point-in .point-name, #main.barzha2 .map .point.barzha2.barzha_go .point-in .point-name {
        display: none;
    }
    */

    .map .point-in .point-name {
        font-size: 12px;
    }

}


.footer-social {
    margin-right: -70px;
}

.footer-social span {
    display: inline-block;
    width: 33px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.footer-social a+a {
    margin-left: 15px;
}

@media(min-width:500px) {
    .footer-social {
        margin-right: -70px;
        z-index: 2;
    }
}

@media(max-width:500px) {
    .footer-social a+a {
        margin-left: 12px;
    }
}

/*
@media(max-width:500px) {
    .main-right-bottom_in {
        flex-direction: column;
    }

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

.footer-social .vk {
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='23' viewBox='0 0 37 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5902 5.80331C21.5902 7.13899 21.5902 8.46447 21.5902 9.80015C21.5902 10.2284 21.6004 10.6974 22.049 10.9115C22.4772 11.1154 22.8443 10.8299 23.1705 10.575C24.2105 9.76956 24.9752 8.71937 25.7094 7.64879C26.9941 5.77272 28.0646 3.76411 28.9619 1.67392C29.3391 0.786869 29.9611 0.379028 30.9093 0.389224C32.1736 0.399421 33.4379 0.389224 34.692 0.389224C35.9564 0.399421 36.3642 0.899025 35.9258 2.07157C35.5179 3.14215 35.0285 4.18214 34.4371 5.16096C33.2748 7.06762 32.0207 8.92329 30.8074 10.7994C30.7666 10.8605 30.7258 10.9115 30.685 10.9727C30.0325 11.9209 30.0325 12.2982 30.8278 13.1546C31.8575 14.266 32.9383 15.3264 33.9477 16.4581C34.7124 17.3248 35.416 18.2526 36.0787 19.2009C36.3846 19.6291 36.6191 20.1389 36.7822 20.6487C37.0371 21.4746 36.6497 22.015 35.8034 22.1577C35.5995 22.1883 35.3956 22.1985 35.1917 22.1985C33.9783 22.1985 32.7548 22.1883 31.5415 22.2087C30.838 22.2189 30.2262 22.0048 29.7368 21.5052C28.8905 20.6283 28.1054 19.7005 27.2286 18.8542C26.3007 17.957 25.3117 17.1209 24.3023 16.3052C23.8027 15.8974 23.2113 15.6323 22.5282 15.6629C21.9572 15.6934 21.7431 15.8668 21.6513 16.4276C21.6207 16.6009 21.6207 16.7742 21.6207 16.9374C21.6207 18.1507 21.6207 19.3742 21.6207 20.5875C21.6207 21.5154 21.3149 21.913 20.387 22.066C18.3988 22.4024 16.482 22.1067 14.6059 21.4134C11.9039 20.404 9.64043 18.7523 7.83573 16.5397C4.74634 12.757 2.29929 8.57663 0.718908 3.92724C0.474204 3.19313 0.311071 2.41823 0.188718 1.65353C0.0663662 0.919417 0.443617 0.460596 1.19812 0.440204C2.73772 0.39942 4.26712 0.419812 5.80672 0.419812C6.38789 0.419812 6.80593 0.735889 7.05064 1.25589C7.19338 1.56177 7.31574 1.88804 7.43809 2.21431C8.4373 4.98763 9.66082 7.64879 11.3228 10.0958C11.802 10.7994 12.3832 11.4417 12.9541 12.0841C13.1479 12.3084 13.4333 12.4817 13.7086 12.6142C14.1777 12.8284 14.5549 12.6244 14.6569 12.1146C14.7078 11.8801 14.7282 11.6354 14.7282 11.4009C14.7384 9.37192 14.7384 7.34291 14.7282 5.30371C14.718 4.23312 14.4122 3.24411 13.7188 2.40804C13.5557 2.21431 13.4028 2.01039 13.2804 1.79627C12.9643 1.2253 13.26 0.572753 13.9024 0.440204C14.0553 0.409616 14.2184 0.39942 14.3816 0.39942C16.3392 0.39942 18.307 0.39942 20.2647 0.39942C21.2435 0.39942 21.5902 0.725693 21.6105 1.7249C21.6004 3.07078 21.58 4.43704 21.5902 5.80331Z' fill='white'/%3E%3C/svg%3E%0A");
}

.footer-social .telegram {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='27' viewBox='0 0 32 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.6054 26.012C25.0213 26.3084 25.5573 26.3825 26.0352 26.2005C26.5131 26.0172 26.8644 25.6064 26.9703 25.1085C28.0928 19.7993 30.8155 6.36117 31.8372 1.53167C31.9147 1.16767 31.7856 0.789366 31.5014 0.546265C31.2172 0.303165 30.8233 0.232965 30.472 0.364265C25.0561 2.38187 8.37722 8.68037 1.55996 11.2193C1.12726 11.3805 0.845681 11.7991 0.859889 12.258C0.875389 12.7182 1.1828 13.1173 1.62583 13.2512C4.68314 14.1716 8.69625 15.4521 8.69625 15.4521C8.69625 15.4521 10.5717 21.1526 11.5495 24.0516C11.6722 24.4156 11.9551 24.7016 12.3283 24.8004C12.7003 24.8979 13.0982 24.7952 13.3759 24.5313C14.9465 23.0389 17.3748 20.7314 17.3748 20.7314C17.3748 20.7314 21.9885 24.1361 24.6054 26.012ZM10.3844 14.7319L12.5531 21.9313L13.0349 17.3722C13.0349 17.3722 21.4137 9.76588 26.1902 5.43037C26.3297 5.30297 26.3491 5.08977 26.2328 4.94027C26.1179 4.79077 25.906 4.75567 25.7472 4.85707C20.2112 8.41517 10.3844 14.7319 10.3844 14.7319Z' fill='white'/%3E%3C/svg%3E%0A");
}

.footer-social .youtube {
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='24' viewBox='0 0 34 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.2711 1.45321C31.6846 1.83377 32.7991 2.94826 33.1797 4.36177C33.8864 6.94413 33.8592 12.3263 33.8592 12.3263C33.8592 12.3263 33.8592 17.6813 33.1797 20.2637C32.7991 21.6772 31.6846 22.7917 30.2711 23.1722C27.6888 23.8518 17.3593 23.8518 17.3593 23.8518C17.3593 23.8518 7.05704 23.8518 4.4475 23.145C3.034 22.7645 1.9195 21.65 1.53894 20.2365C0.859375 17.6813 0.859375 12.2991 0.859375 12.2991C0.859375 12.2991 0.859375 6.94413 1.53894 4.36177C1.9195 2.94826 3.06118 1.80659 4.4475 1.42603C7.02986 0.74646 17.3593 0.74646 17.3593 0.74646C17.3593 0.74646 27.6888 0.74646 30.2711 1.45321ZM14.0703 7.35217L22.6601 12.2994L14.0703 17.2467V7.35217Z' fill='white'/%3E%3C/svg%3E%0A");
}



/* Окно информации точки */
.point-info-window {
    display: none;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    justify-content: center;
    background-color: rgba(0, 0, 1, 0.61);
    z-index: 3;
    overflow-x: hidden;
    overflow-y: scroll;
    opacity: 0;
    /*transition: opacity 0.5s;*/
}

.point-info-window.active {
    display: flex;
    /*opacity: 1;*/
}

.point-info-window_in {
    position: absolute;
    width: 968px;
    max-width: 100%;
    padding: 50px;
}

.point-info-window_content {
    background-color: white;
    border-radius: 16px;
    padding: 50px;
    overflow: hidden;
    position: relative;
}

.close-window {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5L9.5 9.5' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M9.5 0.5L0.5 9.5' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 20px;
    right: 20px;
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}


@media(max-width: 767px) {
    .point-info-window_in {
        padding: 10px;
        padding-bottom: 100px;
    }

    .point-info-window_content {
        padding: 26px;
    }

    .close-window {
        top: 15px;
        right: 15px;
        width: 20px;
        height: 20px;
    }
}

/* Окно информации точки */


/* селектор языка */
.set-lang-list {
    /*! width: 140px; */
    display: flex;
    margin-right: 1px;
    cursor: pointer;
    padding-bottom: 30px;
}

.set-lang-list-in {
    display: flex;
    border: 1px solid white;
    padding: 10px 30px;
    border-radius: 5px;
}

.set-lang-list-in * {
    color: #FFFFFF;
}

.set-lang-list-in a {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
    color: #5ACD00;
    text-decoration: none;
}

.set-lang-list-in a.current {
    color: rgba(255, 255, 255, 0.5);
}

.set-lang-list-in a+a:before {
    content: "";
    border-left: 1px solid white;
    margin-left: 14px;
    margin-right: 14px;
}

.main-left .set-lang-list {
    display: none;
}

@media(max-width: 1200px) {

    .main-right .set-lang-list {
        display: none;
    }

    .main-left .set-lang-list {
        display: flex;
    }

    .set-lang-list {
        padding-bottom: 15px;
        text-align: right;
        justify-content: flex-end;
        order: 0;
    }

    .set-lang-list-in {
        padding: 5px 17px;
    }

}

/* селектор языка */


@media(max-width: 767px) {

    .main-left_title {
        margin-bottom: 10px;
    }

    .main-left_title * {
        font-size: 18px;
    }

    .main-left_content {
        margin-top: 15px;
    }

}