* {margin:0; padding:0; outline:none}

html {scroll-behavior: smooth;}

@media screen and (min-width: 0px) and (max-width: 999.999px)
{body#first_type {overflow-x: hidden;background: url(sots2.jpg); background-size: contain;image-rendering: optimizeQuality;}}

@media screen and (min-width: 1000px) and (max-width: 99999px)
{body#first_type {overflow-x: hidden;background: url(sots.jpg); background-size: contain;image-rendering: optimizeQuality;}}

 
.no-scroll {overflow: hidden;}

@media all and (orientation:landscape)
{body#second_type{background-image:url('00.jpg'); background-position: center; background-size: cover; background-attachment:fixed;
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; image-rendering: optimizeQuality;}}

@media all and (orientation:portrait)
{body#second_type{background-image:url('00_port.jpg'); background-position: center; background-size: cover; background-attachment:fixed;
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; image-rendering: optimizeQuality;}}

/* -------------------------------------------- */  

::selection {background: #f3f3f3; color:#03b6bf;}
::-moz-selection {background: #f3f3f3; color:#03b6bf;}
::-webkit-selection {background: #f3f3f3; color:#03b6bf;}

/* -------------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 1025px)
{body::-webkit-scrollbar {display: none;}}

@media screen and (min-width: 1025.0001px) and (max-width: 99999px)
{body::-webkit-scrollbar {width: calc(0.3em + 0.3vw); background-color: #282525;}}

body::-webkit-scrollbar-thumb {border-radius: 11px;background-color: #ed1c28;}
body::-webkit-scrollbar-track {border-radius: 11px;background-color: #282525;}


/* -------------------------------------------- */  

@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v30-cyrillic_latin-900.eot'); 
  src: url('fonts/roboto-v30-cyrillic_latin-900.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v30-cyrillic_latin-900.woff2') format('woff2'),
       url('fonts/roboto-v30-cyrillic_latin-900.woff') format('woff'),
       url('fonts/roboto-v30-cyrillic_latin-900.ttf') format('truetype'),
       url('fonts/roboto-v30-cyrillic_latin-900.svg#Roboto') format('svg'); 
}


@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed300';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v25-cyrillic_latin-300.eot');
  src: url('fonts/roboto-condensed-v25-cyrillic_latin-300.eot?#iefix') format('embedded-opentype'),
       url('fonts/roboto-condensed-v25-cyrillic_latin-300.woff2') format('woff2'),
       url('fonts/roboto-condensed-v25-cyrillic_latin-300.woff') format('woff'),
       url('fonts/roboto-condensed-v25-cyrillic_latin-300.ttf') format('truetype'),
       url('fonts/roboto-condensed-v25-cyrillic_latin-300.svg#RobotoCondensed') format('svg');
}

/* -------------------------------------------- */  

.scroll_start{width:63px; height:42px; transform: scale(0.7); opacity:0.35; transition: opacity 0.5s ease; position:fixed; bottom: 5.2%; right:3%; display:none; text-indent:-9999px; background: url(up.png) no-repeat; 
outline:0; -webkit-tap-highlight-color: transparent; z-index:99; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

@media screen and (min-width: 0px) and (max-width: 1050px)
{.scroll_start{transform: scale(0.5); bottom:4%; right:3%; -webkit-tap-highlight-color: transparent; transition: opacity 0.5s ease; transition: filter 0.5s ease; }}

@media screen and (min-width: 3000px) and (max-width: 5000px)
{.scroll_start{transform: scale(1.5); bottom:4%; right:3%; transition: opacity 0.5s ease; transition: filter 0.5s ease;}}

@media screen and (min-width: 5001px) and (max-width: 7000px)
{.scroll_start{transform: scale(2.0); bottom:4%; right:3%; transition: opacity 0.5s ease; transition: filter 0.5s ease; }}

@media screen and (min-width: 7001px) and (max-width: 99999px)
{.scroll_start{transform: scale(3.0); bottom:4%; right:3%; transition: opacity 0.5s ease; transition: filter 0.5s ease;}}

.scroll_start:hover {transition: opacity 0.5s ease; opacity: 0.85; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) #ed1c28);}

/* -------------------------------------------- */  

/* -------------------------------------------------------------------------- */  

@-webkit-keyframes IntervalitsmagicBorder {0% {opacity: 1; -webkit-transform: scale(1);	transform: scale(1);} 80% {-webkit-transform: scale(1.4);	transform: scale(1.4);}	100% {opacity: 0;-webkit-transform: scale(1.4);transform: scale(1.4);}}
@keyframes IntervalitsmagicBorder {0% {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 80% {-webkit-transform: scale(1.4);transform: scale(1.4);} 100% {opacity: 0;-webkit-transform: scale(1.4); transform: scale(1.4);}}

.itsmagic {transform: none;	width: 64px; height: 64px; display: block; position: relative; cursor: pointer; position: fixed; top: 2.25em; right: 2.25em; z-index: 110;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #ed1c28; -moz-box-shadow:0px 0px 15px #ff626b; -webkit-box-shadow:0px 0px 15px #ff626b;
box-shadow:0px 0px 15px #ff626b; pointer-events: auto; opacity: 1.0; -webkit-tap-highlight-color: transparent;}
.itsmagic::after {transform: none; width: 64px; height: 64px; box-sizing: border-box; content: ''; display: block;	position: absolute;	top: 0;	left: 0; pointer-events: none;
border: 2px solid #d83e47; border-radius: 50%;  -webkit-border-radius: 50%; -moz-border-radius:  50%; -webkit-animation-duration: 1.2s;	animation-duration: 1.2s; 
-webkit-animation-name: IntervalitsmagicBorder;	animation-name: IntervalitsmagicBorder; -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.itsmagic__line {width: 28px; height: 2px; overflow: hidden; position: absolute; z-index: 10;}
.itsmagic__line-in {width: 84px; height: 2px; position: absolute; top: 0; left: 0;}
.itsmagic__line-in::before, .itsmagic__line-in::after {width: 28px; height: 2px;content: ''; display: block; position: absolute;top: 0;	background-color: #ffffff;}
.itsmagic__line-in::before {left: -56px;}
.itsmagic__line-in::after {left: 0;}
.itsmagic__line--01, .itsmagic__line--02, .itsmagic__line--03, .itsmagic__line--cross01, .itsmagic__line--cross02 {left: 18px;}
.itsmagic__line--01 {top: 24.6px;}
.itsmagic__line--02, .itsmagic__line--cross01, .itsmagic__line--cross02 {top: 31px;}
.itsmagic__line--03 {top: 37.4px;}
.itsmagic__line--cross01 {-webkit-transform: rotate(45deg);	transform: rotate(45deg);}
.itsmagic__line--cross02 {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.itsmagic__line {-webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);}
.itsmagic__line-in {-webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);}
.itsmagic__line-in::before, .itsmagic__line-in::after {-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition-property: -webkit-transform;	transition-property: -webkit-transform;	transition-property: transform;	transition-property: transform, -webkit-transform;}
.itsmagic__line-in--cross01, .itsmagic__line-in--cross02 {-webkit-transform: translateX(-33.3%);transform: translateX(-33.3%);}
.itsmagic__line-in--01 {-webkit-transition-delay: 0.2s;	transition-delay: 0.2s;}
.itsmagic__line-in--02 {-webkit-transition-delay: 0.25s; transition-delay: 0.25s;}
.itsmagic__line-in--02::before, .itsmagic__line-in--02::after {-webkit-transition-delay: 0.05s;	transition-delay: 0.05s;}
.itsmagic__line-in--03 {-webkit-transition-delay: 0.3s;	transition-delay: 0.3s;}
.itsmagic__line-in--03::before, .itsmagic__line-in--03::after {-webkit-transition-delay: 0.1s; transition-delay: 0.1s;}
.itsmagic__line-in--cross01 {-webkit-transition-delay: 0.0s; transition-delay: 0.0s;}
.itsmagic__line-in--cross02 {-webkit-transition-delay: 0.05s; transition-delay: 0.05s;}
.itsmagic__line-in--cross02::before, .itsmagic__line-in--cross02::after {-webkit-transition-delay: 0.1s; transition-delay: 0.1s;}
.itsmagic.is-opened-navi .itsmagic__line-in--01, .itsmagic.is-opened-navi .itsmagic__line-in--02, .itsmagic.is-opened-navi .itsmagic__line-in--03 {	-webkit-transform: translateX(33.3%); transform: translateX(33.3%);}
.itsmagic.is-opened-navi .itsmagic__line-in--cross01, .itsmagic.is-opened-navi .itsmagic__line-in--cross02 {-webkit-transform: translateX(0);transform: translateX(0);}
.itsmagic.is-opened-navi .itsmagic__line-in--01 {-webkit-transition-delay: 0s; transition-delay: 0s;}
.itsmagic.is-opened-navi .itsmagic__line-in--02 {-webkit-transition-delay: 0.05s; transition-delay: 0.05s;}
.itsmagic.is-opened-navi .itsmagic__line-in--03 {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.itsmagic.is-opened-navi .itsmagic__line-in--cross01 {-webkit-transition-delay: 0.25s;	transition-delay: 0.25s;}
.itsmagic.is-opened-navi .itsmagic__line-in--cross02 {-webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
.itsmagic:hover .itsmagic__line-in::before, .itsmagic:hover .itsmagic__line-in::after {-webkit-transform: translateX(200%);	transform: translateX(200%);}
.itsmagic:hover .itsmagic__line-in--01::before, .itsmagic:hover .itsmagic__line-in--01::after,  .itsmagic:hover .itsmagic__line-in--02::before, .itsmagic:hover .itsmagic__line-in--02::after,
.itsmagic:hover .itsmagic__line-in--03::before, .itsmagic:hover .itsmagic__line-in--03::after {-webkit-transition-duration: 1s; transition-duration: 1s;}
.itsmagic:hover .itsmagic__line-in--cross01::before, .itsmagic:hover .itsmagic__line-in--cross01::after, .itsmagic:hover .itsmagic__line-in--cross02::before,
.itsmagic:hover .itsmagic__line-in--cross02::after {-webkit-transition-duration: 0s; transition-duration: 0s;}
.itsmagic.is-opened-navi:hover .itsmagic__line-in--cross01::before, .itsmagic.is-opened-navi:hover .itsmagic__line-in--cross01::after, .itsmagic.is-opened-navi:hover .itsmagic__line-in--cross02::before,
.itsmagic.is-opened-navi:hover .itsmagic__line-in--cross02::after {-webkit-transition-duration: 1s;	transition-duration: 1s;}
.itsmagic.is-opened-navi:hover .itsmagic__line-in--01::before, .itsmagic.is-opened-navi:hover .itsmagic__line-in--01::after, .itsmagic.is-opened-navi:hover .itsmagic__line-in--02::before,
.itsmagic.is-opened-navi:hover .itsmagic__line-in--02::after, .itsmagic.is-opened-navi:hover .itsmagic__line-in--03::before, .itsmagic.is-opened-navi:hover .itsmagic__line-in--03::after
{-webkit-transition-duration: 0s;	transition-duration: 0s;}
@media screen and (min-width: 0px) and (max-width: 1050px)
{.itsmagic {position: fixed; top: 0.7em; right: 0.5em; transform: scale(0.75);}}
@media screen and (min-width: 1051px) and (max-width: 1920px)
{.itsmagic {position: fixed; top: 3.5%; right: 3%; transform: scale(1.00);}}
@media screen and (min-width: 1921px) and (max-width: 3000px)
{.itsmagic {position: fixed; top: 4%; right: 3.5%; 	transform: scale(1.4);}}
@media screen and (min-width: 3001px) and (max-width: 4000px)
{.itsmagic {position: fixed; top: 4.75%; right: 3.75%;  transform: scale(1.8);}}
@media screen and (min-width: 4001px) and (max-width: 5000px)
{.itsmagic {position: fixed; top: 5.5%; right: 4.0%;  transform: scale(2.25);}}
@media screen and (min-width: 5001px) and (max-width: 6000px)
{.itsmagic {position: fixed; top: 6%; right: 4.25%;  transform: scale(2.75);}}
@media screen and (min-width: 6001px) and (max-width: 9999999999px)
{.itsmagic {position: fixed; top: 6.5%; right: 4.5%;  transform: scale(3.75);}}

/* -------------------------------------------------------------------------- */  


.new {position: fixed;}

/* -------------------------------------------------------------------------- */  

/* -Фон меню с сотами---------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 1380.999px)
{.row {display: block; width: 100vw; height: 83.333px; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: -23.333px; margin-left: -22px;}}

@media screen and (min-width: 1381px) and (max-width: 2299.999px)
{.row {display: block; width: 100vw; height: 125px; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: -35px; margin-left: -33px;}}

@media screen and (min-width: 2300px) and (max-width:4608px)
{.row {display: block; width: 100vw; height: 250px; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: -70px; margin-left: -66px;}}

@media screen and (min-width: 4608.999px) and (max-width: 99999px)
{.row {display: block; width: 100vw; height: 375px; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: -105px; margin-left: -99px;}}


/* ---- */ 

@media screen and (min-width: 0px) and (max-width: 1380.999px)
{.row .hexagon {position: relative; width: 66.666px; height: 38.493px; background-color: #1a1b21; margin: 21.913px 1.333px; display: block; transition: all 0.2s linear;}}

@media screen and (min-width: 1381px) and (max-width: 2299.999px)
{.row .hexagon {position: relative; width: 100px; height: 57.74px; background-color: #1a1b21; margin: 32.87px 2px; display: block; transition: all 0.2s linear;}}

@media screen and (min-width: 2300px) and (max-width:4608px)
{.row .hexagon {position: relative; width: 200px; height: 115.48px; background-color: #1a1b21; margin: 65.74px 4px; display: block; transition: all 0.2s linear;}}

@media screen and (min-width: 4608.999px) and (max-width: 99999px)
{.row .hexagon {position: relative; width: 300px; height: 173.22px; background-color: #1a1b21; margin: 98.61px 6px; display: block; transition: all 0.2s linear;}}


/* ---- */

@media screen and (min-width: 0px) and (max-width: 1380.999px)
{.row .hexagon::after {content: ""; position: absolute; width: 0; border-left: 33.333px solid transparent; border-right: 33.333px solid transparent; top: 100%; width: 0; border-top: 19.246px solid #1a1b21; transition: all 0.2s linear;}}

@media screen and (min-width: 1381px) and (max-width: 2299.999px)
{.row .hexagon::after {content: ""; position: absolute; width: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; top: 100%; width: 0; border-top: 28.87px solid #1a1b21; transition: all 0.2s linear;}}

@media screen and (min-width: 2300px) and (max-width:4608px)
{.row .hexagon::after {content: ""; position: absolute; width: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; top: 100%; width: 0; border-top: 57.74px solid #1a1b21; transition: all 0.2s linear;}}

@media screen and (min-width: 4608.999px) and (max-width: 99999px)
{.row .hexagon::after {content: ""; position: absolute; width: 0; border-left: 150px solid transparent; border-right: 150px solid transparent; top: 100%; width: 0; border-top: 86.61px solid #1a1b21; transition: all 0.2s linear;}}

/* ---- */ 

@media screen and (min-width: 0px) and (max-width: 1380.999px)
{.row .hexagon::before {content: ""; position: absolute; width: 0; border-left: 33.333px solid transparent; border-right: 33.333px solid transparent; bottom: 100%; border-bottom: 19.246px solid #1a1b21; transition: all 0.2s linear;}}

@media screen and (min-width: 1381px) and (max-width: 2299.999px)
{.row .hexagon::before {content: ""; position: absolute; width: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; bottom: 100%; border-bottom: 28.87px solid #1a1b21; transition: all 0.2s linear;}}

@media screen and (min-width: 2300px) and (max-width:4608px)
{.row .hexagon::before {content: ""; position: absolute; width: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; bottom: 100%; border-bottom: 57.74px solid #1a1b21; transition: all 0.2s linear;}}

@media screen and (min-width: 4608.999px) and (max-width: 99999px)
{.row .hexagon::before {content: ""; position: absolute; width: 0; border-left: 150px solid transparent; border-right: 150px solid transparent; bottom: 100%; border-bottom: 86.61px solid #1a1b21; transition: all 0.2s linear;}}

/* ---- */ 

@media screen and (min-width: 0px) and (max-width: 1380.999px)
{.row.row-moved {margin-left: 12.666px;}}

@media screen and (min-width: 1381px) and (max-width: 2299.999px)
{.row.row-moved {margin-left: 19px;}}

@media screen and (min-width: 2300px) and (max-width:4608px)
{.row.row-moved {margin-left: 38px;}}

@media screen and (min-width: 4608.999px) and (max-width: 99999px)
{.row.row-moved {margin-left: 57px;}}

/* ---- */ 


@media screen and (min-width: 0px) and (max-width: 2299.999px)
{.cursor {width: 350px; height: 350px; border-radius: 100%; position: absolute; box-shadow: 2px -3px 41px -1px rgba(255, 73, 82, 0.64); z-index: 0; opacity: 0;
background: linear-gradient(45deg, #ff7279, #ff3d47, #ff1623, #cc2932, #ff000f); background-size: 400%; 
 -webkit-animation: move 5s linear infinite;
  animation: move 5s linear infinite;
 animation-direction: alternate;
  -webkit-filter: blur(60px);
  -moz-filter: blur(60px);
   filter: blur(60px);
}}

@media screen and (min-width: 2300px) and (max-width:4608px)
{.cursor {width: 500px; height: 500px; border-radius: 100%; position: absolute; box-shadow: 2px -3px 41px -1px rgba(255, 73, 82, 0.64); z-index: 0; opacity: 0;
background: linear-gradient(45deg, #ff7279, #ff3d47, #ff1623, #cc2932, #ff000f); background-size: 400%; 
 -webkit-animation: move 5s linear infinite;
  animation: move 5s linear infinite;
 animation-direction: alternate;
  -webkit-filter: blur(60px);
  -moz-filter: blur(60px);
   filter: blur(60px);}}

@media screen and (min-width: 4608.999px) and (max-width: 99999px)
{.cursor {width: 700px; height: 700px; border-radius: 100%; position: absolute; box-shadow: 2px -3px 41px -1px rgba(255, 73, 82, 0.64); z-index: 0; opacity: 0;
background: linear-gradient(45deg, #ff7279, #ff3d47, #ff1623, #cc2932, #ff000f); background-size: 400%; 
 -webkit-animation: move 5s linear infinite;
  animation: move 5s linear infinite;
 animation-direction: alternate;
  -webkit-filter: blur(200px);
  -moz-filter: blur(200px);
   filter: blur(200px);}}


@keyframes move {
  from {
    transform: translate(0px, 0px);
    }

  to {
    transform: translate(-250px, 500px);   
  }
}

/* -------------------------------------------------------------------------- */  

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table;  }
.clearfix:after { clear: both; }

/* фон открывающегося меню из мини-меню */
.overlay {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #03060c; z-index: 120;}


/* кнопка закрыть для разных экранов */
.overlay .overlay-close {border:0; width: 0px; height: 0px; display: block; cursor: pointer; position: fixed;
	top: 2.25em; right: 2.25em;	z-index: 120; border-radius: 50%; pointer-events: auto;	-webkit-tap-highlight-color: rgba(255,255,255,1.00); background: url(close.png) no-repeat center center; 
}

.overlay:hover .overlay-close:hover {opacity: 0.8;}	

img.new_b {border:0; cursor: pointer; width: 40px; position: fixed; top: 2.25em; right: 2.25em; z-index: 1200; }

@media screen and (max-width: 55em)
{ img.new_b {border:0; cursor: pointer; width: 6%; opacity: 0.8; position: fixed; top: 2.25em; right: 2.25em; z-index: 1200; }}


@media screen and (min-width: 1921px) and (max-width: 800000000px)
{ img.new_b {border:0; cursor: pointer; width: 2%; position: fixed; top: calc(3.5em + 0.8vw); right: calc(3.5em + 0.8vw); z-index: 1200; }}

img.new_b:hover { opacity: 0.75; }

/* картинка от кнопки закрыть для небольших по высоте экранов */

@media screen and (min-height: 0em) and (max-height: 15.999em)
{img.new_b {border:0px;  cursor: pointer;  width: 25px; position: fixed; right: 0.85em; top: 0.7em;  z-index: 1200;  }}

.overlay nav.krupnoe_menu {   text-align: center; position: relative; top: 40%; height:70%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

@media screen and (min-width: 0px) and (max-width: 1920px)
{.overlay ul {list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; margin-top: calc(2.5em + 2.5vw);}}

@media screen and (min-width: 1920.001px) and (max-width: 3000px)
{.overlay ul {list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; margin-top: calc(2.8em + 2.8vw);}}

 @media screen and (min-width: 3000.001px) and (max-width: 4000px)
{.overlay ul {list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; margin-top: calc(2.8em + 2.8vw);}}

@media screen and (min-width: 4000.001px) and (max-width: 800000000px)
{.overlay ul {list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; margin-top: calc(3.2em + 3.2vw);}}


.overlay ul li {display: block; height: 20%; height: calc(100% / 9); min-height: 54px;}


/* описание ссылок в маленьком меню */
.overlay ul li a {text-rendering: optimizeLegibility !important; -moz-osx-font-smoothing: grayscale !important;  -webkit-font-smoothing: antialiased !important;
 color: #ffffff; font: normal 1.6rem 'Roboto Condensed300'; text-decoration: none; text-transform: uppercase;  letter-spacing: 1.5px; line-height: 1.9rem; white-space: nowrap; padding: 6px;
text-align: center; background: rgba(237,28,40,0.68); border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;}

.overlay ul li a:hover, .overlay ul li a:focus {opacity: 1.0; border: 4px solid #ffffff;}


/* увеличение размера пунктов меню для больших по ширине экранов */

@media screen and (min-width: 0px) and (max-width: 1299.999px)
{.overlay ul li a:hover, .overlay ul li a:focus {opacity: 1.0; border: 2px solid #ffffff;}}

@media screen and (min-width: 1300px) and (max-width: 99999px)
{.overlay ul li a:hover, .overlay ul li a:focus {opacity: 1.0; border: calc(0.1vw + 0.1vh + 0.1vmin) solid #ffffff;}}


@media screen and (max-width: 55em)
{ .overlay ul li a {font: normal 1.6rem 'Roboto Condensed300'; padding: 6px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}}

@media screen and (min-width: 1921px) and (max-width: 3000px)
{ .overlay ul li a {font: normal 2.0rem 'Roboto Condensed300'; padding: calc(0.2vw + 0.2vh + 0.2vmin);
border-radius: calc(0.2vw + 0.2vh + 0.2vmin); -webkit-border-radius: calc(0.2vw + 0.2vh + 0.2vmin); -moz-border-radius: calc(0.2vw + 0.2vh + 0.2vmin);}}

 @media screen and (min-width: 3001px) and (max-width: 4000px)
{ .overlay ul li a {font: normal 3.0rem 'Roboto Condensed300'; padding: calc(0.2vw + 0.2vh + 0.2vmin);
border-radius: calc(0.2vw + 0.2vh + 0.2vmin); -webkit-border-radius: calc(0.2vw + 0.2vh + 0.2vmin); -moz-border-radius: calc(0.2vw + 0.2vh + 0.2vmin);}}

@media screen and (min-width: 4001px) and (max-width: 5000px)
{ .overlay ul li a {font: normal 4.0rem 'Roboto Condensed300'; padding: calc(0.2vw + 0.2vh + 0.2vmin);
border-radius: calc(0.2vw + 0.2vh + 0.2vmin); -webkit-border-radius: calc(0.2vw + 0.2vh + 0.2vmin); -moz-border-radius: calc(0.2vw + 0.2vh + 0.2vmin);}}

@media screen and (min-width: 5001px) and (max-width: 6000px)
{ .overlay ul li a {font: normal 5.0rem 'Roboto Condensed300'; padding: calc(0.2vw + 0.2vh + 0.2vmin);
border-radius: calc(0.2vw + 0.2vh + 0.2vmin); -webkit-border-radius: calc(0.2vw + 0.2vh + 0.2vmin); -moz-border-radius: calc(0.2vw + 0.2vh + 0.2vmin);}}

@media screen and (min-width: 6001px) and (max-width: 800000000px)
{ .overlay ul li a {font: normal calc(3.0em + 0.8vw) 'Roboto Condensed300';padding: calc(0.2vw + 0.2vh + 0.2vmin);
border-radius: calc(0.2vw + 0.2vh + 0.2vmin); -webkit-border-radius: calc(0.2vw + 0.2vh + 0.2vmin); -moz-border-radius: calc(0.2vw + 0.2vh + 0.2vmin);}}


/* эффектики */
.overlay-hugeinc {opacity: 0; visibility: hidden;-webkit-transition: opacity 0.5s, visibility 0s 0.5s;transition: opacity 0.5s, visibility 0s 0.5s; }
.overlay-hugeinc.open {opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.overlay-hugeinc nav {-webkit-perspective: 1200px; perspective: 1200px;}
.overlay-hugeinc nav ul {opacity: 0.4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg);
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;	transition: transform 0.5s, opacity 0.5s;}
.overlay-hugeinc.open nav ul { opacity: 1;-webkit-transform: rotateX(0deg); transform: rotateX(0deg);}
.overlay-hugeinc.close nav ul { -webkit-transform: translateY(25%) rotateX(-35deg);	transform: translateY(25%) rotateX(-35deg);}

/* Для небольших по высоте экранов или для альбомной ориентации компактных смартфонов */

@media screen and (min-height: 0em) and (max-height: 2.999em)
{.overlay nav.krupnoe_menu {height: 2px;  top: -52px; }}

@media screen and (min-height: 0em) and (max-height: 2.999em)
{.overlay ul li {display: inline; }}

@media screen and (min-height: 0em) and (max-height: 2.999em)
{.overlay ul li a {font: normal 0.7rem 'Roboto Condensed300'; line-height: 0.8rem; white-space: nowrap; margin-right: 0px;  background: transparent; }}

@media screen and (min-height: 0em) and (max-height: 2.999em)
{.overlay ul li a:hover, .overlay ul li a:focus {opacity: 1.0; color: #ff7279; border: 0px; }}

/* --------------------------------------------- */

@media screen and (min-height: 3em) and (max-height: 4.999em)
{.overlay nav.krupnoe_menu {height: 10px;  top: -48px;}}

@media screen and (min-height: 3em) and (max-height: 4.999em)
{.overlay ul li {display: inline;  }}

@media screen and (min-height: 3em) and (max-height: 4.999em)
{.overlay ul li a {font: normal 1.1rem 'Roboto Condensed300'; line-height: 1.5rem; white-space: nowrap; margin-right: 10px; background: transparent;}}

@media screen and (min-height: 3em) and (max-height: 4.999em)
{.overlay ul li a:hover, .overlay ul li a:focus {opacity: 1.0; color: #ff7279; border: 0px;  }}

/* --------------------------------------------- */

@media screen and (min-height: 5em) and (max-height: 14.999em)
{.overlay nav.krupnoe_menu {height: 10px;  top: -40px;}}

@media screen and (min-height: 5em) and (max-height: 14.999em)
{.overlay ul li {display: inline;  }}

@media screen and (min-height: 5em) and (max-height: 14.999em)
{.overlay ul li a {font: normal 1.2rem 'Roboto Condensed300'; line-height: 1.9rem; white-space: nowrap; margin-right: 19px; padding: 2px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}}

@media screen and (min-height: 5em) and (max-height: 14.999em)
{.overlay ul li a:hover, .overlay ul li a:focus {opacity: 1.0; padding: 5px;border: 1px solid #ffffff; }}

/* --------------------------------------------- */

@media screen and (min-height: 15em) and (max-height: 18.999em)
{.overlay nav.krupnoe_menu {height: 19px; top: -40px;}}

@media screen and (min-height: 15em) and (max-height: 18.999em)
{.overlay ul li {min-height: 23px; margin-top:15px; }}

@media screen and (min-height: 15em) and (max-height: 18.999em)
{.overlay ul li a {font: normal 1.1rem 'Roboto Condensed300'; padding: 4px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}}

@media screen and (min-height: 15em) and (max-height: 18.999em)
{.overlay ul li a:hover, .overlay ul li a:focus {opacity: 1.0; border: 1px solid #ffffff; }}

/* --------------------------------------------- */

@media screen and (min-height: 19em) and (max-height: 29.999em)
{.overlay nav.krupnoe_menu {height: 19px; top: -40px;}}

@media screen and (min-height: 19em) and (max-height: 29.999em)
{.overlay ul li {min-height: 23px; margin-top:24px; }}

@media screen and (min-height: 19em) and (max-height: 29.999em)
{.overlay ul li a {font: normal 1.5rem 'Roboto Condensed300'; padding: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}}

@media screen and (min-height: 19em) and (max-height: 29.999em)
{.overlay ul li a:hover, .overlay ul li a:focus {opacity: 1.0; border: 2px solid #ffffff; }}

/* --------------------------------------------- */

@media screen and (min-height: 30em) and (max-height: 37em)
{.overlay nav.krupnoe_menu {height: 3%; top: 2%;}}

@media screen and (min-height: 30em) and (max-height: 37em)
{.overlay ul li {min-height: 38px; margin-top: 12px; }}


@media screen and (min-height: 30em) and (max-height: 37em)
{.overlay ul li a {font: normal 1.8rem 'Roboto Condensed300'; line-height: 2.5rem; }}

/* -------------------------------------------------------------------------- */  

/* Лого */  

@media screen and (min-width: 0px) and (max-width: 600px)
{img.logotype_class {width: 70%; position: absolute; top: 1.5em;  left: 7.5%;  z-index: 100;  }}

@media screen and (min-width: 600.001px) and (max-width: 1025px)
{img.logotype_class {width: 60%; position: absolute; top: 1.5em;  left: 20%;  z-index: 100;  }}

@media screen and (min-width: 1025.001px) and (max-width: 99999px)
{img.logotype_class {width: 35%; position: absolute; top: 3%; left: 32.5%; z-index: 100;  }}

@media screen and (min-width: 0.001px) and (max-width: 1025px) and (orientation:landscape)
{img.logotype_class {width: 40%; position: absolute; top: 0.5em;  left: 30.5%;  z-index: 100;  }}


img.logotype_class:hover { opacity: 0.8;}


@media screen and (min-width: 0px) and (max-width: 1025px)
{.pp4 {position: absolute; text-align: right;  z-index: 100; top: 50%; right: 3%; margin-left: 5%;}}

@media screen and (min-width: 1025.001px) and (max-width: 999999px)
{.pp4 {position: absolute; text-align: right;  z-index: 100; top: 57.5%; right: 3%; margin-left: 35%;}}

@media screen and (min-width: 0.001px) and (max-width: 1025px) and (orientation:landscape)
{.pp4 {position: absolute; text-align: right;  z-index: 100; top: 33%; right: 3%; margin-left: 25%;}}


@media screen and (min-width: 0px) and (max-width: 1025px)
{.pp3 {position: absolute; text-align: right;  z-index: 100; top: 50%; right: 3%; margin-left: 7.5%;}}

@media screen and (min-width: 1025.001px) and (max-width: 999999px)
{.pp3 {position: absolute; text-align: right;  z-index: 100; top: 57.5%; right: 3%; margin-left: 50%;}}


@media screen and (min-width: 0.001px) and (max-width: 1025px) and (orientation:landscape)
{.pp3 {position: absolute; text-align: right;  z-index: 100; top: 33%; right: 3%; margin-left: 27.5%;}}


@media screen and (min-width: 0px) and (max-width: 1025px)
{.txt_module4  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.6vw + 1.6vh + 1.6vmin); letter-spacing: 0.01em; line-height: calc(1.8vw + 1.8vh + 1.8vmin);}} 

@media screen and (min-width: 1025.001px) and (max-width: 99999px)
{.txt_module4  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.0vw + 1.0vh + 1.0vmin); letter-spacing: 0.01em; line-height: calc(1.2vw + 1.2vh + 1.2vmin);}}

@media screen and (min-height: 0px) and (max-height: 319px) and (orientation:landscape)
{.txt_module4  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.01em; line-height: calc(1.7vw + 1.7vh + 1.7vmin);}} 



@media screen and (min-width: 0px) and (max-width: 1025px)
{a.wo_mob  {color: #00e3e9; text-decoration: none; border-bottom: 1px solid #00e3e9; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.6vw + 1.6vh + 1.6vmin); letter-spacing: 0.01em; line-height: calc(1.8vw + 1.8vh + 1.8vmin);}} 

@media screen and (min-width: 1025.001px) and (max-width: 99999px)
{a.wo_mob  {color: #00e3e9;  text-decoration: none; border-bottom: 1px solid #00e3e9; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.0vw + 1.0vh + 1.0vmin); letter-spacing: 0.01em; line-height: calc(1.2vw + 1.2vh + 1.2vmin);}}

@media screen and (min-height: 0px) and (max-height: 319px) and (orientation:landscape)
{a.wo_mob  {color: #00e3e9;  text-decoration: none; border-bottom: 1px solid #00e3e9; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.01em; line-height: calc(1.7vw + 1.7vh + 1.7vmin);}} 

a.wo_mob:hover {color: #ed1c28;  border-bottom: 1px solid transparent;  transition: color 0.5s ease; }



@media screen and (min-width: 0px) and (max-width: 1025px)
{.btn_tt {padding: calc(0.5vw + 0.5vh + 0.5vmin); color: #ffffff; background: #ed1c28; text-decoration: none; position: relative;
font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.2vw + 1.2vh + 1.2vmin); letter-spacing: 0.01em; line-height: calc(1.9vw + 1.9vh + 1.9vmin);
text-align: center; text-transform: uppercase; transition: color 0.1s linear 0.05s;}}


@media screen and (min-width: 1025.001px) and (max-width: 999999px)
{.btn_tt {padding: calc(0.3vw + 0.3vh + 0.3vmin); color: #ffffff; background: #ed1c28; text-decoration: none; position: relative;
font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: 0.01em; line-height: calc(1.0vw + 1.0vh + 1.0vmin);
text-align: center; text-transform: uppercase; transition: color 0.1s linear 0.05s;}}


@media screen and (min-height: 0px) and (max-height: 319px) and (orientation:landscape)
{.btn_tt {padding: calc(0.3vw + 0.3vh + 0.3vmin); color: #ffffff; background: #ed1c28; text-decoration: none; position: relative;
font-weight: 300; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.01em; line-height: calc(1.7vw + 1.7vh + 1.7vmin);
text-align: center; text-transform: uppercase; transition: color 0.1s linear 0.05s;}}


.btn_tt::before {content: ""; display: block; position: absolute; left: 0; right:0; top: 0; bottom:0; height: 100%; width: 1px; background: #ffffff;
-moz-box-shadow:0px 0px 15px #ed1c28; -webkit-box-shadow:0px 0px 15px #ed1c28; box-shadow:0px 0px 15px #ed1c28; z-index: 1; opacity: 0; transition: width 0.32s ease, opacity 0s linear 0.2s;}

.btn_tt::after {transition: border 0.1s linear 0.05s;}

.btn_tt .btn-inner_tt {position: relative;z-index: 2;}

.btn_tt:hover {color: #ed1c28; transition: color 0.1s linear 0s;}

.btn_tt:hover::before {left: 0; right:0; top: 0; bottom:0; width: 100%; opacity: 1.0; transition: width 0.32s ease, opacity 0s linear 0s;}

.btn_tt:hover::after {border-color: #373737; transition: border 0.1s linear 0s;}



/* -Слайдер ------------------------------- */ 

@media all and (orientation:portrait) {img.land {display:none;}}
@media all and (orientation:landscape) {img.portret {display:none;}}

.slideshow {overflow: hidden;  position: relative; width: 100%; height: 100%; z-index: 1;}
.slideshow .slideshow-inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.slideshow .slides { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.slideshow .slide {display: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; transition: opacity 0.3s ease;}
.slideshow .slide.is-active {display: block;}
.slideshow .slide.is-loaded {opacity: 1;}

.slideshow .slide .image-container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; z-index: 1; background-size: cover; image-rendering: optimizeQuality;}
.slideshow .slide .image-container::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);}
.slideshow .slide .image { width: 100%; width: 100%; object-fit: cover; height: 100%;}
.slideshow .slide-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 2; color: #fff;  text-align: center;  display: flex;  justify-content: center;  align-items: center;}


.slideshow .pagination {position: absolute; bottom: 35px; left: 0; width: 100%; height: 12px; cursor: default; z-index: 2; text-align: center;}
@media screen and (min-width: 3800.001px) and (max-width: 99999px)
{.slideshow .pagination { position: absolute; bottom: 35px; left: 0;  width: 100%;  height: 89px;  cursor: default;  z-index: 2;  text-align: center;}}

.slideshow .pagination .item { display: inline-block; padding: 15px 5px; position: relative; width: 22px;  height: 32px;  cursor: pointer;  text-indent: -999em;  z-index: 1;}

@media screen and (min-width: 3800.001px) and (max-width: 99999px)
{.slideshow .pagination .item {display: inline-block; padding: 15px 5px; position: relative; width: 140px; height: 32px; cursor: pointer; text-indent: -999em;  z-index: 1;}}

.slideshow .pagination .item + .page { margin-left: -2px;}
.slideshow .pagination .item::before {content: ""; display: block; position: absolute; top: 15px; left: 5px; width: 18px; height: 4px; background: rgba(255, 255, 255, 0.35);  transition: background 0.2s ease;opacity: 0.7;}

@media screen and (min-width: 3800.001px) and (max-width: 99999px)
{.slideshow .pagination .item::before {content: ""; display: block; position: absolute; top: 15px; left: 5px; width: 100px; height: 7px; background: rgba(255, 255, 255, 0.35);  transition: background 0.2s ease;opacity: 0.7;}}

.slideshow .pagination .item::after {width: 0; background: #fff; z-index: 2; transition: width 0.2s ease;}
.slideshow .pagination .item:hover::before, .slideshow .pagination .item.is-active::before {background-color: #fff;}


/* Лого 2 */  

@media screen and (min-width: 0px) and (max-width: 1025px)
{img.logotype_class2 {width: 70%; z-index: 100;  }}

@media screen and (min-width: 1025.001px) and (max-width: 99999px)
{img.logotype_class2 {width: 35%; z-index: 100;  }}


img.logotype_class2:hover { opacity: 0.8;}

/* -------------------------------------------------------------------------- */ 



/* --Отступ------------------- */  
.otstup {margin-top: calc(0.85em + 0.85vw);}


/* -------------------------------------------------------------------------- */  

.int_onas {width: 94.5%; border: 0px; margin-top: 25px; margin-bottom: 25px; padding: calc(0.7em + 0.7vw); text-align:left; 
background: rgba(0,22,27,0.77); -moz-box-shadow: 5px 5px 5px rgba(237,28,40,0.3);
 -webkit-box-shadow: 5px 5px 5px rgba(237,28,40,0.3); box-shadow: 5px 5px 5px rgba(237,28,40,0.3); }

@media screen and (min-width: 1501px) and (max-width: 3000px)
{.int_onas {width: 80%; border: 0px; margin-top: calc(1.3em + 0.8vw); margin-bottom: calc(1.3em + 0.8vw); padding: calc(1.2em + 1.2vw); text-align:left; 
background: rgba(0,22,27,0.77); -moz-box-shadow: 5px 5px 5px rgba(237,28,40,0.3);
 -webkit-box-shadow: 5px 5px 5px rgba(237,28,40,0.3); box-shadow: 5px 5px 5px rgba(237,28,40,0.3);}}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.int_onas {width: 80%; border: 0px; margin-top: calc(2.9em + 0.8vw); margin-bottom: calc(2.9em + 0.8vw); padding: calc(1.2em + 1.2vw);	text-align:left;
background: rgba(0,22,27,0.77); -moz-box-shadow: 5px 5px 5px rgba(237,28,40,0.3);
 -webkit-box-shadow: 5px 5px 5px rgba(237,28,40,0.3); box-shadow: 5px 5px 5px rgba(237,28,40,0.3);}}

/* -------------------------------------------------------------------------- */  


@media screen and (min-width: 0px) and (max-width: 1025px)
{.text_onas_inte  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.4vw + 1.4vh + 1.4vmin); letter-spacing: 0.01em; line-height: calc(1.99vw + 1.99vh + 1.99vmin);}} 

@media screen and (min-width: 1025.001px) and (max-width: 99999px)
{.text_onas_inte  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(0.8vw + 0.8vh + 0.8vmin); letter-spacing: 0.01em; line-height: calc(1.2vw + 1.2vh + 1.2vmin);}}

@media screen and (min-height: 0px) and (max-height: 319px) and (orientation:landscape)
{.text_onas_inte  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.01em; line-height: calc(1.7vw + 1.7vh + 1.7vmin);}} 

/* -------------------------------------------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 600px)
{img.photo_v_module {width:100%; margin-bottom: 6%; border: 0; opacity: 0.95; -moz-box-shadow: -2px 4px 16px -1px rgba(165,214,255,0.25);
 -webkit-box-shadow: -2px 4px 16px -1px rgba(165,214,255,0.25); box-shadow: -2px 4px 16px -1px rgba(165,214,255,0.25); border-radius: 5%; -webkit-border-radius: 5%; -moz-border-radius: 5%;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}


@media screen and (min-width: 600.001px) and (max-width: 99999px)
{img.photo_v_module {width:30%; float: right; margin-left: 4%; border: 0; opacity: 0.95; -moz-box-shadow: -2px 4px 16px -1px rgba(165,214,255,0.25);
 -webkit-box-shadow: -2px 4px 16px -1px rgba(165,214,255,0.25); box-shadow: -2px 4px 16px -1px rgba(165,214,255,0.25); border-radius: 5%; -webkit-border-radius: 5%; -moz-border-radius: 5%;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}

img.photo_v_module:hover {filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; transition: opacity 0.4s ease; 
filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) rgba(165,214,255,0.4));} 


/* -----Обычная галерея (фото работ)---------------------------------------------- */ 


* {box-sizing: border-box;}
.clear {clear: both; float: none; width: 100%;}

@media screen and (min-width: 0px) and (max-width: 600px)
{.gallery a.photo_class img {width: 94.5%; height: auto; border: 0; overflow: hidden;  
position: relative;  margin: 0;  filter: alpha(opacity=79); -moz-opacity:0.79; opacity:0.79; transition: filter 0.5s ease;
 -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; margin-bottom: 1%;
-moz-user-select: none; -ms-user-select: none; user-select: none;}}


@media screen and (min-width: 600px) and (max-width: 1000px)
{.gallery a.photo_class img {width: 45%; height: auto; border: 0; overflow: hidden;  
position: relative;  margin: 0;  filter: alpha(opacity=79); -moz-opacity:0.79; opacity:0.79; transition: filter 0.5s ease;
 -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; margin-bottom: 1%;
-moz-user-select: none; -ms-user-select: none; user-select: none;}}


@media screen and (min-width: 1000.00001px) and (max-width: 99999px)
{.gallery a.photo_class img {width: 25%; height: auto; border: 0; filter: alpha(opacity=79); -moz-opacity:0.79; opacity:0.79; 
overflow: hidden; position: relative; margin: 0px; transition: filter 0.5s ease;margin-bottom: 0.5%;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
-moz-user-select: none; -ms-user-select: none; user-select: none;}}


.gallery a.photo_class:hover img {filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;  z-index: 5;  border: 0; cursor: pointer; 
transition: opacity 0.3s ease; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) rgba(238,28,40,0.4));
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.gallery a.photo_class.big img {width: 90%;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.align-center {text-align: center;}

/* -------------------------------------------------------------- */ 


/* -----Мини-галерея на главной--------------------------------------------- */ 


@media screen and (min-width: 0px) and (max-width: 900px)
{.gallery a.photo_class_main img {width: 94.5%; height: auto; border: 0; overflow: hidden;  
position: relative;  margin: 0;  filter: alpha(opacity=89); -moz-opacity:0.89; opacity:0.89; transition: filter 0.5s ease;
 -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; margin-bottom: 1%;
-moz-user-select: none; -ms-user-select: none; user-select: none;}}

@media screen and (min-width: 900.00001px) and (max-width: 99999px)
{.gallery a.photo_class_main img {width: 40%; height: auto; border: 0; filter: alpha(opacity=89); -moz-opacity:0.89; opacity:0.89; 
overflow: hidden; position: relative; margin: 0px; transition: filter 0.5s ease;margin-bottom: 0.5%;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
-moz-user-select: none; -ms-user-select: none; user-select: none;}}

.gallery a.photo_class_main:hover img {filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;  z-index: 5;  border: 0; cursor: pointer; 
transition: opacity 0.4s ease; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) rgba(238,28,40,0.4));
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.gallery a.photo_class_main.big img {width: 90%;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.align-center {text-align: center;}

/* -------------------------------------------------------------- */ 

@media screen and (min-width: 0px) and (max-width: 1400px)
{img.logotype_foot {width:100%; max-width: 270px; margin-top: calc(0.4em + 0.8vw); border: 6px solid #5ce4e0; box-shadow:0px 0px 15px #5ce4e0; padding: 4px; border-radius: 50%; -webkit-border-radius:50%;-moz-border-radius: 50%;}}

@media screen and (min-width: 1400.00001px) and (max-width: 2000px)
{img.logotype_foot {width:100%; max-width: 300px; margin-top: calc(0.4em + 0.8vw); border: 6px solid #5ce4e0; -moz-box-shadow:0px 0px 15px #5ce4e0; -webkit-box-shadow:0px 0px 15px #5ce4e0; box-shadow:0px 0px 15px #5ce4e0;
 border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius: 50%; padding: 4px;}}

@media screen and (min-width: 2000.00001px) and (max-width: 800000000px)
{img.logotype_foot {width:15%; margin-top: calc(0.2em + 0.8vw); border: calc(0.2em + 0.1vw) solid #5ce4e0; -moz-box-shadow:0px 0px 15px #5ce4e0; -webkit-box-shadow:0px 0px 15px #5ce4e0; box-shadow:0px 0px 15px #5ce4e0;
border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius: 50%; padding: calc(0.2em + 0.1vw);}}

img.logotype_foot:hover {opacity:0.8; cursor: pointer;}


/* --the end of main page----------------------------------------------- */ 

/* ---galery-------------------------------------------------------------------- */  

@media screen and (orientation:portrait) and (min-width: 0px) and (max-width: 600px)  {.otstup9 { margin-top: 22%;  }}
@media screen and (orientation:portrait) and (min-width: 600.001px) and (max-width: 99999px)  {.otstup9 { margin-top: 13%;  }}
@media all and (orientation:landscape) {.otstup9 { margin-top: 9%; }}

.mg {width: 94.5%; border: 0px; padding: 0 calc(0.7em + 0.7vw) 0 calc(0.7em + 0.7vw); text-align:center; }

@media screen and (min-width: 1501px) and (max-width: 3000px)
{.mg {width: 80%; border: 0px; padding: 0 calc(1.2em + 1.2vw) 0 calc(1.2em + 1.2vw); text-align:center; }}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.mg {width: 80%; border: 0px; padding: 0 calc(1.2em + 1.2vw) 0 calc(1.2em + 1.2vw); text-align:center;}}

/* -------------------------------------------------------------------------- */  


/* -------------------------------------------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 1025px)
{a.top_center {color:#fff; text-transform: uppercase; display: inline-block; text-decoration: none;
font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.1vw + 1.1vh + 1.1vmin); letter-spacing: 0.01em; line-height: calc(2.4vw + 2.4vh + 2.4vmin);
}} 

@media screen and (min-width: 1025.001px) and (max-width: 99999px)
{a.top_center {color:#fff; text-transform: uppercase; display: inline-block; text-decoration: none; 
font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: 0.01em; line-height: calc(1.9vw + 1.9vh + 1.9vmin);
}} 

a.top_center:hover {opacity: 0.7; transition: opacity 0.5s ease;}


/* Стандартный модуль по центру */  

.int_onas_cent {width: 94.5%; border: 0px; margin-top: 25px; margin-bottom: 25px; padding: calc(0.7em + 0.7vw); text-align:center; 
background: rgba(0,22,27,0.77); -moz-box-shadow: 5px 5px 5px rgba(237,28,40,0.3);
 -webkit-box-shadow: 5px 5px 5px rgba(237,28,40,0.3); box-shadow: 5px 5px 5px rgba(237,28,40,0.3); }

@media screen and (min-width: 1501px) and (max-width: 3000px)
{.int_onas_cent {width: 80%; border: 0px; margin-top: calc(1.3em + 0.8vw); margin-bottom: calc(1.3em + 0.8vw); padding: calc(1.2em + 1.2vw); text-align:center; 
background: rgba(0,22,27,0.77); -moz-box-shadow: 5px 5px 5px rgba(237,28,40,0.3);
 -webkit-box-shadow: 5px 5px 5px rgba(237,28,40,0.3); box-shadow: 5px 5px 5px rgba(237,28,40,0.3);}}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.int_onas_cent {width: 80%; border: 0px; margin-top: calc(2.9em + 0.8vw); margin-bottom: calc(2.9em + 0.8vw); padding: calc(1.2em + 1.2vw);	text-align:center;
background: rgba(0,22,27,0.77); -moz-box-shadow: 5px 5px 5px rgba(237,28,40,0.3);
 -webkit-box-shadow: 5px 5px 5px rgba(237,28,40,0.3); box-shadow: 5px 5px 5px rgba(237,28,40,0.3);}}


/* фото в контактах */  

@media screen and (min-width: 0px) and (max-width: 600px)
{img.photo_v_module_contacts {width:100%; margin-bottom: 6%; border: 0; opacity: 0.95; -moz-box-shadow: -2px 4px 16px -1px rgba(165,214,255,0.25);
 -webkit-box-shadow: -2px 4px 16px -1px rgba(165,214,255,0.25); box-shadow: -2px 4px 16px -1px rgba(165,214,255,0.25); border-radius: 5%; -webkit-border-radius: 5%; -moz-border-radius: 5%;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}


@media screen and (min-width: 600.001px) and (max-width: 99999px)
{img.photo_v_module_contacts {width:50%; float: right; margin-left: 4%; border: 0; opacity: 0.95; -moz-box-shadow: -2px 4px 16px -1px rgba(165,214,255,0.25);
 -webkit-box-shadow: -2px 4px 16px -1px rgba(165,214,255,0.25); box-shadow: -2px 4px 16px -1px rgba(165,214,255,0.25); border-radius: 5%; -webkit-border-radius: 5%; -moz-border-radius: 5%;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}

img.photo_v_module_contacts:hover {filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; transition: opacity 0.4s ease; 
filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) rgba(165,214,255,0.4));} 


/* Табличка  */  

@media screen and (min-width: 0px) and (max-width: 666px)
{.text_for_table  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: normal; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: 0.01em; }} 

@media screen and (min-width: 666.001px) and (max-width: 99999px)
{.text_for_table  {color: #fff; font-family: 'Roboto Condensed300'; font-size: calc(0.4vw + 0.4vh + 0.4vmin); letter-spacing: 0.05em;}}

@media screen and (min-height: 0px) and (max-height: 319px) and (orientation:landscape)
{.text_for_table  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: normal; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: 0.05em; }} 


/* -------------------------------------------------------------------------- */  

table.table_with_price {width: 94.5%; border: 0px; margin-top: 25px; margin-bottom: 25px; padding: calc(0.7em + 0.7vw); 
background: rgba(10,5,5,0.76);border-collapse:collapse;text-align:center; }

@media screen and (min-width: 1501px) and (max-width: 3000px)
{table.table_with_price {width: 80%; border: 0px; margin-top: calc(1.3em + 0.8vw); margin-bottom: calc(1.3em + 0.8vw); padding: calc(1.2em + 1.2vw); 
background: rgba(10,5,5,0.76);border-collapse:collapse;text-align:center; }}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{table.table_with_price {width: 80%; border: 0px; margin-top: calc(2.9em + 0.8vw); margin-bottom: calc(2.9em + 0.8vw); padding: calc(1.2em + 1.2vw);	
background: rgba(10,5,5,0.76);border-collapse:collapse;text-align:center;  }}


/* -------------------------------------------------------------------------- */  



table.table_with_price th{background-color:rgba(191,245,248,0.15);}

@media screen and (min-width: 0px) and (max-width: 800px)
{table.table_with_price td,table.table_with_price th{padding: calc(0.3vw + 0.3vh + 0.3vmin); vertical-align: middle; border: 1px solid rgba(100,247,255,0.05);}}	

@media screen and (min-width: 801px) and (max-width: 99999px)
{table.table_with_price td,table.table_with_price th{padding:calc(0.3vw + 0.3vh + 0.3vmin); vertical-align: middle; border: 1px solid rgba(100,247,255,0.05);}	}

table.table_with_price tr:hover{background-color:rgba(237,28,40,0.8); }
table.table_with_price tr:hover td{color:#ffffff;cursor:pointer;}


@media screen and (min-width: 0px) and (max-width: 666px)
{table.table_with_price td {font-size: calc(1.0vw + 1.0vh + 1.0vmin); opacity: 0.9;}}

@media screen and (min-width: 666.001px) and (max-width: 99999px)
{table.table_with_price td {font-size: calc(0.5vw + 0.5vh + 0.5vmin); opacity: 0.9; }}
	

table.table_with_price tr.ppq:hover {background-color:rgba(191,245,248,0.01);}

table.table_with_price th.zzz {padding: 25px;}

/* -------------------------------------------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 600px)
{.video_class  {border: 0; width: 90%; max-height: 90%; border-radius: 20px; }}

@media screen and (min-width: 601px) and (max-width: 3000px)
{.video_class  {border: 0;  height: 70%; border-radius: 20px;}}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.video_class  {border: 0; border-radius: calc(1.2em + 1.2vw);}}

.video_class:hover { filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) rgba(238,28,40,0.4));
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer;}