/* e-Ukraine-regular 400 */
@font-face {
  font-family: 'e-Ukraine-regular';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('resources/fonts/e-Ukraine-Regular.woff2') format('woff2'),
       url('resources/fonts/e-Ukraine-Regular.woff') format('woff');
}

/* e-Ukraine-Bold 700 */
@font-face {
  font-family: 'e-Ukraine-Bold';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('resources/fonts/e-Ukraine-Bold.woff2') format('woff2'),
       url('resources/fonts/e-Ukraine-Bold.woff') format('woff');
}

/* e-Ukraine-Light 300 */
@font-face {
  font-family: 'e-Ukraine-Light';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('resources/fonts/e-Ukraine-Light.woff2') format('woff2'),
       url('resources/fonts/e-Ukraine-Light.woff') format('woff');
}

/* Exo-2 500 */
@font-face {
  font-family: 'Exo 2';
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('resources/fonts/Exo2-Medium.ttf') format('truetype'),
       url('resources/fonts/Exo2-Medium.woff2') format('woff2'),
       url('resources/fonts/Exo2-Medium.woff') format('woff');
}

/* Exo-2 800 */
@font-face {
  font-family: 'Exo 2';
  font-display: swap;
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('resources/fonts/Exo2-ExtraBold.ttf') format('truetype'),
       url('resources/fonts/Exo2-ExtraBold.woff2') format('woff2'),
       url('resources/fonts/Exo2-ExtraBold.woff') format('woff');
}


html {height:100%;}
body {height:100%; overflow:hidden; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 1.2;color:#494949;}
div, p, span, h1, h2, h3, h4, ol {vertical-align: baseline;margin:0; padding:0;box-sizing: border-box;}
img{max-width:100%;vertical-align:middle;}
.blk{display:block;}
.hide{display:none;}
a {color:#3a84df;outline:none;}
a:hover {color:#b22222;}
a:focus {outline:none;}

.get-device {display:none;font-size:20px;}
.in-mover-help {display:none;}
#oculus-baffle {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: #000000;}

/* ---------------------------- */
/* БЛОКИРОВКА ГОРИЗОНТАЛЬНОГО ЭКРАНА НА ТЕЛЕФОНАХ ------------- */
/* --------------------------- */
.landscape_mode{width:100%;height:100%;background: #171717;position:absolute;top:0;left:0;bottom:0;right:0;z-index: 9999;display:none;}
.landscape_mode .wrapper {display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;align-content: center;height: 94%;}
.landscape_mode span {font-family: 'e-Ukraine-regular';font-size: 16px;color: #fff;}
.landscape_mode img {width: 110px;margin-top: 38px;}

/* ---------------------------- */
/* INTRO ЗАСТАВКА ------------- */
/* --------------------------- */
.intro-boss-wrapper {z-index: 9999;overflow: hidden;width:100%;height:100%; position:absolute;top:0;left: 0;right:0;bottom:0;text-align:center; color:#fff;
display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;align-items: center;justify-content: center;}
.intro-boss-wrapper:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgb(0 0 0 / 43%);z-index:1;}

.intro-main-project {z-index: 2;position: absolute;bottom: 42px;margin: 0 auto;}
.intro-main-project a{color: #fff;text-decoration: none;font-family: 'e-Ukraine-Light';font-size: 14px;}
.intro-main-project a:hover{text-decoration: underline;}
.intro-view-in-browser {display:none;font-family: 'e-Ukraine-regular';}
.intro-button-vr{display:none;}
.menu-button-vr{display:none;}

.intro-travelbox {font-family: 'e-Ukraine-Light';font-size: 17px;z-index: 2;position: relative;}
.intro-button {background: #4caf50;border-radius: 8px;margin: 62px auto 0;display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;width: 242px;height: 57px;font-family: 'e-Ukraine-Bold';cursor: pointer;}
.intro-button:hover {background: #2196f3;}
.intro-button span {display: block;color: #ffffff;font-size: 16px;text-transform: uppercase;}

/* ---------------------------- */
/* ЛОКАЦИЯ МЕНЮ ПЕРВОГО ЭКРАНА --------------- */
/* --------------------------- */
.location-boss{width:100%;height:100%;position:absolute;top:0;left: 0;right:0;overflow-y: auto;z-index: 1;}
.location-shef{padding-top: 90px;padding-bottom: 90px;background: #000000a8;}
.location-shef h2{color:#fff;font-size:28px;text-align:center;font-family: 'e-Ukraine-Bold';text-transform: uppercase;}
.location-container{display:flex;align-items:flex-start;padding-top: 22px;max-width: 1440px;margin: 0 auto;align-content: center;justify-content: center;flex-wrap: wrap;flex-direction: row;}
.location{width:400px;border-radius: 10px;margin:16px 16px;position:relative;cursor: pointer;overflow: hidden;border: 5px solid #ffffff00;}
.location:hover.location span{text-decoration:underline;}
.location img {display: block;}
.location span{position:absolute;left:0;bottom:0;font-size: 18px;color:#ffffff;padding: 46px 18px 18px 20px;background: linear-gradient(rgba(0,0,0,0),rgb(0 0 0 / 47%)50%);width:100%;text-align: left;font-family: 'e-Ukraine-regular';line-height: 1.4em;}

.location-boss::-webkit-scrollbar {width: 5px;background-color:#000000a8;}
.location-boss::-webkit-scrollbar-thumb {background-color: #90a4ae;border-radius: 9em;box-shadow: inset 1px 1px 10px #90a4ae;display:none;}
.location-boss:hover::-webkit-scrollbar-thumb {display:block;}

/* ---------------------------- */
/* ПОДСКАЗКА УПРАВЛЕНИЯ ------ */
/* --------------------------- */
.podskazka-boss {position:absolute;top:0;left:0;bottom:0;right:0;z-index:42;width:100%;height:100%;background: #171b1ee3;}
.podskazka-shef {height:100%;color:#fff;text-align:center;font-size: 16px;line-height: 1.4em;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-align-items: center;align-items: center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;font-family: 'e-Ukraine-regular';}
.podskazka-shef span{font-size: 16px;color: #fff;background: #4caf50;font-weight: 300;padding: 7px 16px 10px;border-radius: 5px;cursor: pointer;}
.podskazka-shef span:hover {background: #2196f3;}
.podskazka-shef img{display:block;margin:26px auto 34px;}
.podskazka-mobile{width: 220px;}
.podskazka-mobile p strong, .podskazka-desktop p strong{display:block;margin-bottom:12px;}
.podskazka-mobile p, .podskazka-desktop p{font-size: 16px;/* font-weight: 300; */}

/* ---------------------------- */
/* КНОПКИ ПЕРЕХОДА ОКУЛУС И КАРДБОРД ------ */
/* --------------------------- */
.start-cardboard {margin-top: 41px;margin-bottom: -11px;background-image:url(resources/img/vr.svg);background-size:contain;box-sizing: content-box;background-position: center;width:48px;height:48px;background-repeat: no-repeat;}
.dislay-vr-start{background: #171717;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;
display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
-webkit-justify-content: center; -ms-justify-content: center; justify-content: center;
-webkit-align-items: center; -ms-align-items: center; align-items: center;
}
.dislay-vr-start .wrap{text-align:center;color: #fff;width: 80%;}
.dislay-vr-start .line-1{font-size: 22px;font-family: 'e-Ukraine-Bold';}
.dislay-vr-start .line-2{margin-top: 32px;line-height: 1.4em;font-size: 14px;font-family: 'e-Ukraine-Light';margin-bottom: 42px;}
.dislay-vr-start .line-3 span{border-radius: 6px;padding: 16px 0 16px 0;background: #546e7a;font-size: 16px;font-family: 'e-Ukraine-Bold';color: #fff;max-width: 160px;margin: 0 auto;text-align: center;line-height: 16px;display: block;}
.dislay-vr-start .line-4{margin-top: 46px;font-size: 15px;font-family: 'e-Ukraine-regular';}
.dislay-vr-start .line-4 span{border-bottom: 1px solid #ffffff;}

.start-oculus {font-size: 13px;color: #fdfdfd;background: #607d8bc7;padding: 9px 12px 7px 12px; border-radius: 44px;cursor: pointer;display: inline-block;font-weight: 300;margin-top: 22px;text-decoration: none;}
.start-oculus:hover {background: #2196f3;color:#ffffff;}

.wrap-cardboard {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;-webkit-align-items: center;-ms-align-items: center;align-items: center;flex-wrap: nowrap;border-bottom: 1px solid #ffffffba;padding-bottom: 12px;margin-bottom: 22px;overflow: hidden;}
.wrap-cardboard img {width: 54px;height: 54px;}
.wrap-cardboard div {font-size: 13px;color:#cacaca;text-decoration: underline;font-weight: 500;font-family: 'e-Ukraine-regular', Arial, Helvetica, sans-serif;}

/* ------------------------------------------------------------------------ */
/* НАЗВАНИЕ ПАНОРАМ (титл текст) и Иконка "Информация" вверху справа ------ */
/* ------------------------------------------------------------------------ */
.title-text-boss{position:absolute;top:0;left:0;right:0;width:100%;min-height: 50px;opacity:1;transition: opacity 1.5s;-webkit-transition: opacity 1.5s;-moz-transition: opacity 1.5s;-o-transition: opacity 1.5s;background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,0),rgb(0 0 0 / 40%));background-image: linear-gradient(0deg,rgba(0,0,0,0),rgb(0 0 0 / 40%));}
#title_text {font-size: 20px;color:#fff;margin: 20px 36px 26px 286px;text-align:center;font-family: 'e-Ukraine-regular';text-shadow: 1px 1px 2px #0000008c;}

/* ----------------------------------------------------- */
/* оформление внутри FANCYBOX -------------------------- */
/* ----------------------------------------------------- */
.book-wrap h2{margin:0 44px 0 0;font-size: 30px;line-height: 1.4em;font-family: 'Exo 2', sans-serif;font-weight: 800;color: #0a0a0a;}
.book-wrap p {margin-top: 22px;line-height: 1.5;font-size: 16px;font-family: 'e-Ukraine-Light';color: #323232;overflow: hidden;}
.book-wrap p.photo {margin-top: 32px;}
.book-wrap p.photo .caption {display: block;text-align: center;font-size: 17px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;margin: 12px 0 22px 0;overflow: hidden;}
.book-wrap img {display: block;margin: 0 auto;width: 100%;}
span.out-link {color: #3a84df;text-decoration:underline;cursor:pointer;}
span.out-link:hover {color: #b22222;}

p.about-autor {margin-top: 0;padding: 22px 0 0;text-align: center;font-size: 14px;color: #898989;line-height: 1.7;}
p.about-autor:before {content:'';display:block;width: 30px;border-top: 4px dotted #9e9e9e;margin: 22px auto 28px;}
p.about-autor span{color: #01579b;}
p.proon {font-size: 15px;line-height: 1.6;}

.grant-logo {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;width: 445px;margin: 50px auto 0;}
.grant-logo img{display:block;height: 48px;width: auto;}
#kryla-logo {height: 82px;}
.book-wrap .grant-logo {margin-bottom: 22px;width: 505px;}

/* ----------------------------------------------------- */
/* СЛАЙДЕР ПРЕВЬЮ ПАНОРАМ ------------------------------ */
/* ----------------------------------------------------- */
::-webkit-scrollbar {width: 0;height: 0;}
.glaz-boss {position:absolute;bottom: -3px;right: -7px;background:#42b72a;border-radius: 16px;width: 16px;height: 16px;border:2px solid #fff;}
.check {position:absolute;bottom: -3px;right: -7px;background-color:#fff;border-radius: 16px;width: 16px;height: 16px;background-image: url(resources/img/check.svg);background-size: 80%;background-position: center;background-repeat: no-repeat;}

/* ----------------------------------------------------- */
/* ЛЕВОЕ МЕНЮ ------------------------------ */
/* ----------------------------------------------------- */
.button-menu {display:none;}
.left-menu-wrap {position: absolute;top: 0;left: 0;background: #000000c9;width: 246px;padding: 22px 4px 0 0;overflow: hidden;height: 100%;}
.left-menu-title {display:block;font-size: 24px;color: #FCFCFC;margin: 0 14px 12px 16px;padding-bottom: 18px;border-bottom: 2px solid #fff;line-height: 1.3em;text-transform: uppercase;font-family: 'Exo 2', sans-serif;font-weight: 800;}

.left-menu-container {overflow-y: auto;height: 100%;padding: 0 11px 126px 16px;}
.left-menu-container::-webkit-scrollbar {width: 3px;}
.left-menu-container::-webkit-scrollbar-thumb {background-color: #90a4ae;border-radius: 9em;box-shadow: inset 1px 1px 10px #90a4ae;display:none;}
.left-menu-container:hover::-webkit-scrollbar-thumb {display:block;}

.wrap-links-menu {overflow: hidden;}
.wrap-links-menu a:hover {color: #b3e5fc;}
.wrap-links-menu a:nth-child(-n+2)  {border-bottom: 1px solid #ffffff9e;margin-bottom: 10px;}
.left-menu-links {display:block;font-size:13px;color:#fff;font-family: 'e-Ukraine-Light';line-height: 1.4em;padding-bottom: 14px;text-decoration: none;}

.left-menu-select-pano {color:#ffffffba;font-size:13px;font-family: Arial, Helvetica, sans-serif;border-top: 2px solid #fff;padding-top: 18px;padding-bottom: 2px;}
.left-menu-item {cursor:pointer;margin-top: 16px;color: #000;border-radius: 4px;position: relative;overflow: hidden;}
.left-menu-item img {border-radius: 4px 4px 0 0;width: 100%;height: auto;display: block;}
.item-menu {display:block;font-size: 14px;/* font-family: 'e-Ukraine-Light'; */font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;line-height: 1.3em;background: #eceff1;padding: 8px 10px 10px 10px;width: 100%;margin-top: -24px;z-index: 2;border-left: 6px solid #eceff1;position: relative;}
.left-menu-item:hover .item-menu {text-decoration: underline;}
.leme-active .item-menu {border-left: 7px solid #8bc34a;/* border-left: 7px solid #607d8b; */}
.leme-active:hover {cursor: default;}
.leme-active:hover .item-menu {text-decoration: none;}

.eye-boss {position: absolute;top: 8px;right: 8px;width: 18px;height: 18px;background: #4CAF50;border: 2px solid #fff;border-radius: 12px;}
.checkin {position: absolute;top: 8px;right: 8px;width: 18px;height: 18px;background-color:#fff;border-radius: 12px;background-image: url(resources/img/check.svg);background-size: 77%;background-position: center;background-repeat: no-repeat;box-shadow: 1px 1px 3px #0000008a;}
.visible{opacity:0;transition: opacity 0.5s ease-out;-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-o-transition: opacity 0.5s ease-out;}
.powered-menu {color: #cacaca;line-height: 1.4em;font-size: 13px;text-align: center;margin: 32px auto 0 auto;font-family: 'e-Ukraine-Light';}

.authors {font-size: 12px;padding: 24px 0 0 0;color: #8b8b8b;}
.authors a{color: #8b8b8b;display:block;font-size: 17px;font-family: 'Exo 2', sans-serif;font-weight: 800;margin-top: 4px;text-transform: uppercase;text-decoration:none;}
.feedback {font-size: 12px;border-top: 1px solid #cacaca;padding: 32px 0 0;line-height: 1.7;}
.copyright {font-size: 12px;padding: 16px 0 0 0;}
.warning {font-size: 11px;padding: 24px 0 0 0;}

.border-bottom:after {content:'';display:block;width: 22%;margin: 24px auto 0;border-bottom: 2px dotted #9f9f9f;}

.home-page {border-bottom: 1px solid #cacaca;padding: 4px 0 34px 6px;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: flex-end;}
.home-page img {display:block;width: 46px;}
.home-page a {display:block;color:#fff;line-height: 1.6;text-decoration: none;text-align: left;margin-left: 12px;}
.home-page a:hover {text-decoration:underline;}
/* ---------------------------- */
/* ОФОРМЛЕНИЕ ИНФОМЕТОК В КРПАНО ------------- */
/* --------------------------- */
.point_text_boss {text-decoration:none;padding:5px 6px 5px 8px;background-color:#171b1ea6;border-radius:4px;
display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
-webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start;
-webkit-align-items: center; -ms-align-items: center; align-items: center;
}
.point_text_boss:hover {background-color:#000000;}
.point_text_boss:hover .point_text_ico{background-color:#ffeb3b;}
.point_text {color:#FFFFFF;font-family: Helvetica, Arial;font-size:12px;display:block;}
.point_text_ico {display:block;background-color:#ffffff;background-image: url(resources/img/info.svg);background-size:12px;background-position:50% 50%;width:14px;height:14px;border-radius:8px;margin-left:6px;}


/* ----------------------------------------------------- */
/* MOBILE MOBILE MOBILE ------------------------------ */
/* ----------------------------------------------------- */
@media screen and (min-width: 445px) {
.start-cardboard {display: none;}
.wrap-cardboard {display: none;}
}

@media screen and (min-width: 440px) {
.wrap-cardboard div {font-size:12px;}
}

@media screen and (min-width: 1900px) {
.intro-button span {font-size: 18px;}
.intro-travelbox {font-size: 22px;}
.intro-button {width: 276px;height: 72px;}
.intro-main-project a {font-size: 20px;}
.location-shef h2 {font-size: 42px;}
.location-shef{padding-top: 110px;}
.location-container {max-width: 1600px;padding-top: 70px;}
.location {width: 480px;}
.location span {font-size: 22px;}
}

@media screen and (min-width: 2200px) {
.intro-button span {font-size: 22px;}
.intro-travelbox {font-size: 27px;}
.intro-button {width: 334px;height: 91px;}
.intro-main-project a {font-size: 24px;}
}

@media screen and (max-width: 1280px) {
#title_text {text-align: right;font-size: 18px;}
.location {width: 28%;margin: 10px;}
.location span {font-size: 16px;}
}

@media screen and (max-width: 1040px) {
.location span {font-size: 15px;padding: 46px 18px 18px 18px;}
}


@media screen and (max-width: 1010px) {
.get-device {font-size:10px;}
#title_text {margin: 20px 28px 26px 60px;text-shadow: 1px 1px 3px #00000094;}
.left-menu-super-boss {position: absolute;top: 0;left:-450px;width:auto;background: #263238e3;height: 100%;padding:4px 0 0 0;transition: left 0.5s ease-out;-webkit-transition: left 0.5s ease-out;-moz-transition: left 0.5s ease-out;-o-transition: left 0.5s ease-out;}
.intro-button:hover {background: #4caf50;}
.button-menu {display: block;background-color:#eeeeee;position:absolute;top:18px;left:20px;border-radius: 4px;overflow: hidden;z-index: 2;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);transition: left 0.4s ease-out;-webkit-transition: left 0.4s ease-out;-moz-transition: left 0.4s ease-out;-o-transition: left 0.4s ease-out;}
.button-menu-ico{width: 24px;height: 24px;display: block;margin:4px;background-image: url(resources/img/burger-icon.svg);background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;}
.close-ico {background-image: url(resources/img/close-440px.svg);}
.left-menu-wrap {position: relative;top: auto;left: auto;width:auto;margin:0 auto;background:none;padding: 18px 0 0 0;}
.left-menu-item {padding: 0;margin-top: 18px;position: relative;}
.left-menu-title {font-size: 28px;margin:0 auto 10px;width: 280px;line-height: 1.6em;}
.left-menu-links {font-size: 14px;padding-bottom: 16px;padding-top: 4px;}
.left-menu-item:hover .item-menu {text-decoration:none;}
.left-menu-item img {display: block;}
.left-menu-container {padding: 0 18px 152px;width: 318px;}

.item-menu{font-size: 14px;padding: 36px 12px 14px 14px;font-family: 'e-Ukraine-Light';color: #fff;background: -moz-linear-gradient(#06060607, #000000a6);background: -webkit-linear-gradient(#06060600, #000000a6);background: -o-linear-gradient(#06060600, #000000a6);background: linear-gradient(#06060600, #000000a6);position: absolute;bottom: 0;left: 0;right: 0;line-height: 1.4em;border: none;margin-top: 0;}
.leme-active .item-menu {background: -webkit-linear-gradient(#06060600, #000000a6);background: -o-linear-gradient(#06060600, #000000a6);background: linear-gradient(#06060600, #000000a6);border: none;}
.left-menu-select-pano {font-size: 15px;}
.left-menu-all-bkgr {background: rgb(0 0 0 / 70%);display:none;width: 100%;height: 100%;position: absolute;top: 0;left:0;right:0;bottom:0;}
.open-left-menu {left:0;transition: left 0.5s ease-out;-webkit-transition: left 0.5s ease-out;-moz-transition: left 0.5s ease-out;-o-transition: left 0.5s ease-out;}
.open-button-menu {left:300px;z-index: 99;transition: left 0.5s ease-out;-webkit-transition: left 0.5s ease-out;-moz-transition: left 0.5s ease-out;-o-transition: left 0.5s ease-out;}
.podskazka-shef span:hover {background: #4caf50;}
.location{width:330px;}
.location:hover.location span {text-decoration:none;}

.home-page {padding: 4px 0 34px 8px;width: 94%;margin: 0 auto;}
.home-page img {width: 50px;}
.home-page a {margin-left: 16px;font-size: 15px;}
.home-page a:hover {text-decoration:none;}
}

@media screen and (max-width: 860px) {
.intro-travelbox {font-size: 16px;}
}

@media screen and (max-width: 768px) {
.location {width: 41%;margin: 8px;}
}

@media screen and (max-width: 700px) {
.book-wrap .grant-logo {flex-direction: column;width: 260px;margin: 12px auto 22px;}
.book-wrap .grant-logo img {margin-top:36px;}
.book-wrap #kryla-logo{margin-bottom: 0;height: 116px;margin-top:36px;}
}

@media screen and (max-width: 680px) {
.location {width: 42%;margin: 12px;}
}

@media screen and (max-width: 640px) {
.intro-button span {font-size: 14px;}
.intro-travelbox {font-size: 14px;margin-top: 16px;}
.intro-button {margin: 38px auto 0;width: 206px;height: 48px;}
.intro-main-project a {font-size: 13px;}
}

@media screen and (max-width: 580px) {
.grant-logo {flex-direction: column;width: 280px;margin: 30px auto 0;}
.grant-logo img{margin-top: 42px;}
#kryla-logo {height: 102px;margin-top: 48px;}
}

@media screen and (max-width: 570px) {
#title_text {font-size: 16px;margin: 16px 28px 26px 60px;}
.button-menu {left: 16px;}
.open-button-menu {left:300px;}
}

@media screen and (max-width: 540px) {
.location-shef h2 {font-size: 26px;}
.location-shef {padding-top: 58px;}
.location-container {flex-direction: column;}
.location {width: 80%;}
.location span {font-size: 18px;}
}

@media screen and (max-width: 480px) {
.intro-travelbox {margin-top: 0;}
.intro-button {width: 206px;height: 54px;margin: 50px auto 0;}
}

@media screen and (max-width: 440px) {
#title_text {font-size: 15px;margin: 20px 24px 24px 86px;line-height: 1.4;}
.button-menu {top: 22px;left: 22px;}
.open-button-menu {left: 264px;}
.button-menu-ico {width: 28px;height: 28px;}
.close-ico {background-image: url(resources/img/close-440px.svg);}
.left-menu-title {width: 246px;font-size: 26px;padding-bottom: 16px;line-height: 1.5em;}
.left-menu-container {width: 282px;padding: 0 16px 150px 18px;}
.item-menu {font-size: 13px;padding: 24px 12px 14px 12px;}
.leme-active .item-menu {background: -moz-linear-gradient(#06060607, #000000d9);background: -o-linear-gradient(#06060607, #000000d9);}
.eye-boss {top: 12px;right: 12px; width: 22px;height: 22px;}
.checkin {top: 12px;right: 12px;width: 22px;height: 22px;}
.intro-button {width: 214px;height: 60px;}
.intro-button span {font-size: 15px;}
.intro-travelbox {position: absolute;top: 32px;margin: 0 auto;}
.intro-main-project {bottom: 32px;}
.intro-main-project a {font-size: 14px;}
.location {margin: 6px 0;}
.location-shef h2 {font-size: 24px;}
.location span {font-size: 16px;padding: 46px 8px 14px 16px;}
.home-page {padding: 4px 0 34px 12px;width: 100%;}
.home-page img {width: 46px;}
.home-page a {font-size: 14px;}
}

@media screen and (max-width: 425px) {
.intro-view-in-browser {display:block;font-size: 16px;margin-top: 38px;text-decoration: underline;width: 126px;line-height: 1.5;}
.intro-button-vr {background: #FBFF37;border-radius: 6px;margin: 38px auto 0;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;width: 183px;height: 61px;font-family: 'e-Ukraine-Bold';align-items: center;}
.intro-button-vr span {display: block;color: #000000;font-size: 15px;text-align:left;width: 84px;margin-left: 18px;}
.intro-button-vr img {display: block;width: 41px;}

.menu-button-vr {background: #eceff1;border-radius: 6px;margin: 0px 26px 38px;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;width: auto;height: 62px;font-family: 'e-Ukraine-Bold';align-items: center;}
.menu-button-vr span {display: block;color: #000000;font-size: 14px;margin-left: 16px;text-align: center;}
.menu-button-vr img {display: block;width: 42px;}
.book-wrap h2 {font-size: 32px;margin: 6px 44px 0px 0;}

.in-mover-help {margin:0 auto;text-align:center;width:100%;height:100%; display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;align-items: center;justify-content: center;}
.in-mover-help img {display:block; width:100px;margin: 0 auto 40px;transform: scaleX(-1) rotate(90deg);}
.in-mover-help span {display:block;color:#fff;font-size:18px;line-height:1.5;}

.home-page {padding: 32px 6px 34px 14px;border-top: 1px solid #cacaca;}
.home-page img {margin-bottom: 2px;}
}

@media screen and (max-width: 375px) {
.intro-button {width: 200px;height: 54px;}
.intro-travelbox {font-size: 13px;}
.location span {font-size: 15px;}
.location-shef h2 {font-size: 22px;}
}

@media screen and (max-width: 360px) {
.intro-button-vr {width: 172px;height: 58px;}
.intro-button-vr img {width: 38px;}
.intro-button-vr span {font-size: 14px;width: 76px;margin-left: 14px;}
.intro-button {width: 180px;height: 48px;}
.intro-button span {font-size: 13px;}
.intro-main-project a {font-size: 13px;}
.dislay-vr-start .line-1 span {display:block;}
}

@media screen and (max-width: 340px) {
.intro-view-in-browser {font-size: 14px;margin-top: 32px;width: 112px;}
.intro-button-vr {width: 149px;height: 51px;}
.intro-button-vr span {font-size: 13px;width: 70px;margin-left: 12px;}
.intro-button-vr img {width: 36px;}
.location span {font-size: 14px;}
}

@media screen and (max-width: 320px) {
.intro-travelbox {font-size: 12px;}
}