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

html {scroll-behavior: smooth;}

body {overflow-x: hidden; background: #707070;}

#typetwo_background {background-image:url('back0.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: #3c3c3c; color:#ffffff;}
::-moz-selection {background: #3c3c3c; color:#ffffff;}
::-webkit-selection {background: #3c3c3c; color:#ffffff;}

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

body::-webkit-scrollbar {width: calc(0.3em + 0.3vw); background-color: #2b2b2b;}
body::-webkit-scrollbar-thumb {background-color: #4b4b4b;}
body::-webkit-scrollbar-track {background-color: #2b2b2b;}

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

/* шрифты */

@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');
}
@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');
}

/* -Слайдер и не слайдер ------------------------------- */ 

@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 {filter: brightness(95%); 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.5);}
.slideshow .slide .image {width: 100%; width: 100%; object-fit: cover; height: 100%;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

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

/* -Стрелка вверх---------------------------- */ 

.scroll_start{width:63px; height:42px; transform: scale(0.7); opacity:0.35; transition: opacity 0.5s ease; position:fixed; bottom: 5.2%; right:1.5%; 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:1%; -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:2.5%; 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:2.5%; 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:2.5%; 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) #fff);}

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

/* -----Логотип сайта----- */  

@media screen and (min-width: 0px) and (max-width: 900px)
{.pp1 {position: absolute;  z-index: 100; top: 3%; left: 3%;}}

@media screen and (min-width: 900.001px) and (max-width: 999999px)
{.pp1 {position: absolute;  z-index: 100; top: 3%; left: 2%;}}


@media screen and (min-width: 0px) and (max-width: 900px)
{img.logotype_class {z-index: 100;  width: 50%; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) #fff);
 -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: 900.001px) and (max-width: 999999px)
{img.logotype_class {z-index: 100;  width: calc(8.35vw + 8.35vh + 8.35vmin); filter: drop-shadow(0 0 calc(0.3vw + 0.3vh + 0.3vmin) #fff);
 -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}

@media all and (orientation:landscape) and (max-width: 1000px) {img.logotype_class {z-index: 100; max-height: 4em;}}
@media all and (orientation:landscape) and (min-width: 1000.0001px) and (max-width: 1200.0001px) {img.logotype_class {z-index: 100; max-height: 7em;}}

img.logotype_class:hover { opacity: 0.9;}

@media screen and (min-width: 0px) and (max-width: 900px)
{.txt_module  {color: #fff;  font-family: 'Roboto';   font-weight: 900; font-size: calc(1.7vw + 1.7vh + 1.7vmin); letter-spacing: 0.01em; line-height: calc(2.0vw + 2.0vh + 2.0vmin); } } 

@media screen and (min-width: 900.001px) and (max-width: 99999px)
{.txt_module  {color: #fff;  font-family: 'Roboto';  font-weight: 900;  font-size: calc(1.35vw + 1.35vh + 1.35vmin); letter-spacing: 0.005em; line-height: calc(1.4vw + 1.4vh + 1.4vmin);  } }

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

/* ----  Меню на главной странице(моб.версия)------- */  

@media screen and (min-width: 0px) and (max-width: 900px)
{#knopka_menu {position: fixed;  top: 6%; right:1%; padding: 0; z-index: 1000; cursor: pointer; user-select: none; opacity: 0.85;
 -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none;}}

@media screen and (min-width: 900.0001px) and (max-width: 99999px)
{#knopka_menu {display: none;}}

#knopka_menu span {height: 6px; width: 55px; background-color: #ffffff; position: relative; display: block; transition: all 0.2s ease-in-out;}
#knopka_menu span:before {top: -15px; visibility: visible;}
#knopka_menu span:after {top: 15px; }
#knopka_menu span:before, #knopka_menu span:after {height: 6px; width: 55px; background-color: #ffffff; position: absolute; content: ""; transition: all 0.2s ease-in-out;}

#knopka_menu:hover span, #knopka_menu:hover span:before, #knopka_menu:hover span:after {filter: drop-shadow(0.4rem 0.4rem 1rem #fff);}

@media (prefers-color-scheme: dark) {#knopka_menu span {background-color: #ffffff;}}
@media (prefers-color-scheme: dark) {#knopka_menu span:before, #knopka_menu span:after {background-color: #ffffff;}}

input[type=checkbox] {
  display: none;
}
input[type=checkbox]:checked ~ #menu_content {
  visibility: visible;
}
input[type=checkbox]:checked ~ #knopka_menu:hover span,
input[type=checkbox]:checked ~ #knopka_menu span {
  background: transparent;
}
input[type=checkbox]:checked ~ #knopka_menu span:before {
  transform: rotate(45deg) translate(10.5px, 10.5px);
  opacity: 1;
}
input[type=checkbox]:checked ~ #knopka_menu span:after {
  transform: rotate(-45deg) translate(10.5px, -10.5px);
}
#menu_content {height: 100%; width: 100%; background: rgb(0,0,0, 0.9); z-index: 999; visibility: hidden; position: fixed;}
#menu_content.active {visibility: visible;}

@media screen and (min-width: 0px) and (max-width: 900px)
{#menu_content ul {display: flex; justify-content: start; align-items: center; flex-direction: column; text-align: center; height: 100vh; padding-left: 0; list-style-type: none; margin-top:100px;}}
@media screen and (min-width: 900.0001px) and (max-width: 999999px)
{#menu_content ul {display: none;}}
@media screen and (min-width: 0px) and (max-width: 900px)
{#menu_content ul li a {color:#fff; font-family:'Roboto Condensed300'; font-size: calc(1.8vw + 1.8vh + 1.8vmin); 
letter-spacing: -0.005em; line-height: calc(3.2vw + 3.2vh + 3.2vmin);   text-decoration: none;}}
@media screen and (min-width: 900.0001px) and (max-width: 99999px)
{#menu_content ul li a {display: none;}}
@media screen and (min-height: 0em) and (max-height: 12.999em)
{#menu_content ul li a {display: none;}} 
@media screen and (min-height: 0em) and (max-height: 12.999em)
{#menu_content ul  { margin-top:0px;  } } 
@media screen and (min-height: 0em) and (max-height: 12.999em)
{#menu_content ul li {padding: 0;}}
@media screen and (min-height: 13em) and (max-height: 22.999em)
{#menu_content ul li a {color:#fff; font-family:'Roboto Condensed300'; font-size: calc(1.8vw + 1.8vh + 1.8vmin);line-height: 0.1vw;  } } 
@media screen and (min-height: 13em) and (max-height: 22.999em)
{#menu_content ul  { margin-top:35px;  } } 
@media screen and (min-height: 13em) and (max-height: 22.999em)
{#menu_content ul li {padding: 2.5vh;}}
@media screen and (min-height: 23em) and (max-height: 29.999em)
{#menu_content ul li a {color:#fff; font-family:'Roboto Condensed300'; font-size: calc(1.6vw + 1.6vh + 1.6vmin);line-height: 0.3vw;  } } 
@media screen and (min-height: 23em) and (max-height: 29.999em)
{#menu_content ul  { margin-top:40px;  } } 
@media screen and (min-height: 23em) and (max-height: 29.999em)
{#menu_content ul li {padding: 0.6em;}}
#menu_content ul li a:hover {color: #a5d6ff; filter: drop-shadow(0 0 calc(0.4vw + 0.4vh + 0.4vmin) #a5d6ff);}
@media screen and (min-width: 0px) and (max-width: 900px)
{#knopka_menu span {transform:scale(0.6);}}
@media screen and (min-width: 900.0001px) and (max-width: 99999px)
{#knopka_menu span {display: none;}}

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

/* ----- Меню главной страницы - версия для больших экранов-- */  

@media screen and (min-width: 0px) and (max-width: 900px)
{.pp2 {display: none;}}

@media screen and (min-width: 900.001px) and (max-width: 999999px)
{.pp2 {position: absolute;  z-index: 100; top: 3%; right: 2%; text-align: right; }}


@media screen and (min-width: 0px) and (max-width: 900px)
{.txt_module3  {display: none; } } 

@media screen and (min-width: 900.001px) and (max-width: 99999px)
{.txt_module3  {color: #fff;  font-family: 'Roboto';  font-weight: 900;  font-size: calc(0.85vw + 0.85vh + 0.85vmin); letter-spacing: 0.005em; line-height: calc(1.2vw + 1.2vh + 1.2vmin);  } }

a.txt_module2  {text-decoration: none; color: #fff;  font-family: 'Roboto Condensed300';  font-size: calc(0.85vw + 0.85vh + 0.85vmin); letter-spacing: 0.005em; line-height: calc(1.2vw + 1.2vh + 1.2vmin);  } 
a.txt_module2:hover  {transition: color 0.3s ease; filter: drop-shadow(0 0 calc(0.4vw + 0.4vh + 0.4vmin) #a5d6ff); text-decoration: none;  color: #a5d6ff; } 

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

/* -----О том, что на сайте, версия для больших экранов---- */  

@media screen and (min-width: 0px) and (max-width: 900px)
{.pp3 {display: none;}}

@media screen and (min-width: 900.001px) and (max-width: 999999px)
{.pp3 {position: absolute; text-align: right;  z-index: 100; bottom: 13%; right: 2%;}}


@media screen and (min-width: 0px) and (max-width: 900px)
{.go_down {display: none;}}

@media screen and (min-width: 900.001px) and (max-width: 999999px)
{.go_down { width: 1.4em; height: 1.4em; -webkit-tap-highlight-color: transparent; -moz-box-shadow:0px 0px 0.5em #a5d6ff; -webkit-box-shadow:0px 0px 0.5em #a5d6ff; box-shadow:0px 0px 0.5em #a5d6ff;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; padding: 0.15em; -webkit-animation: move4 2s linear infinite; animation: move4 2s linear infinite; }}

.go_down:hover {transition: box-shadow 0.3s ease;  -moz-box-shadow:0px 0px 0.5em #fff; -webkit-box-shadow:0px 0px 0.5em #fff; box-shadow:0px 0px 0.5em #fff;}

@keyframes move4 {
30% {opacity: 1;animation-timing-function: linear;}
45% {opacity: 0.9;}
60% {opacity: 0.75;animation-timing-function: ease-out;}
75% {opacity: 0.6;}
90% {opacity: 0.45;animation-timing-function: ease-in;}
100% {opacity: 0.3;}

from {transform: translate(0px, 0px) ;}
to {transform: translate(0px, 0.3em) ; }}

a.wo {transition: color 0.3s ease; filter: drop-shadow(0 0 calc(0.4vw + 0.4vh + 0.4vmin) #ffffff); text-decoration: none;  color: #a5d6ff;}
a.wo:hover {color: #fff; transition: color 0.3s ease;}

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

/* ---- О том, что на сайте (мобильная версия)--- */  

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

@media screen and (min-width: 900.001px) and (max-width: 999999px)
{.pp4 {display: none;}}


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

@media screen and (min-width: 900.001px) and (max-width: 99999px)
{.txt_module4  {display: none; } }


@media screen and (min-width: 0px) and (max-width: 900px)
{.go_down_mob {width: 1.2em; height: 1.2em; -webkit-tap-highlight-color: transparent; -moz-box-shadow:0px 0px 0.5em #a5d6ff; -webkit-box-shadow:0px 0px 0.5em #a5d6ff; box-shadow:0px 0px 0.5em #a5d6ff;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; padding: 0.15em; -webkit-animation: move4 2s linear infinite; animation: move4 2s linear infinite;}}

@media screen and (min-width: 900.001px) and (max-width: 999999px)
{.go_down_mob {display: none;}}

@keyframes move4 {
30% {opacity: 1;animation-timing-function: linear;}
45% {opacity: 0.9;}
60% {opacity: 0.75;animation-timing-function: ease-out;}
75% {opacity: 0.6;}
90% {opacity: 0.45;animation-timing-function: ease-in;}
100% {opacity: 0.3;}

from {transform: translate(0px, 0px) ;}
to {transform: translate(0px, 0.3em) ; }}

a.wo_mob {transition: color 0.3s ease; filter: drop-shadow(0 0 calc(0.4vw + 0.4vh + 0.4vmin) #fff); text-decoration: none;  color: #fff;}
a.wo_mob:hover {}

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


/* ------Фон второго экрана-------- */  

/* -----Логотип 2 ----- */  

@media screen and (min-width: 0px) and (max-width: 600px)
{img.logotype_class2 {z-index: 100;  width: 40%; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) #fff);
 -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: 999999px)
{img.logotype_class2 {z-index: 100;  width: calc(8.35vw + 8.35vh + 8.35vmin); filter: drop-shadow(0 0 calc(0.3vw + 0.3vh + 0.3vmin) #fff);
 -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}

img.logotype_class2:hover { opacity: 0.9;}

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


/* --Фон------------------------------------------------------------------------ */ 

#second_screen_background {background-image:url('back0.jpg'); background-position: center; background-size: cover; background-attachment:fixed;
position: relative; top: 0; left: 0; width: 100%; z-index: 10; image-rendering: optimizeQuality; overflow: hidden;}

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


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

.int_onas {width: 94.5%; border: 0px; margin-top: 25px; margin-bottom: 25px; padding: calc(0.7em + 0.7vw); text-align:left; 
background: rgba(165,214,255,0.05); -webkit-box-shadow: 0px -5px 5px -5px rgba(165,214,255, 0.2);
-moz-box-shadow: 0px -5px 5px -5px rgba(165,214,255, 0.2);
box-shadow: 0px -5px 5px -5px rgba(165,214,255, 0.2);}

@media screen and (min-width: 1501px) and (max-width: 3000px)
{.int_onas {width: 79%; 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(165,214,255,0.05);  -webkit-box-shadow: -2px 4px 16px -1px rgba(165,214,255, 0.12);
-moz-box-shadow: -2px 4px 16px -1px rgba(165,214,255, 0.12);
box-shadow: -2px 4px 16px -1px rgba(165,214,255, 0.12);}}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.int_onas {width: 77%; 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(165,214,255,0.05);  -webkit-box-shadow: -2px 4px 16px -1px rgba(165,214,255, 0.12);
-moz-box-shadow: -2px 4px 16px -1px rgba(165,214,255, 0.12);
box-shadow: -2px 4px 16px -1px rgba(165,214,255, 0.12);}}


/* Текст стандартного модуля */  

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

@media screen and (min-width: 801px) and (max-width: 1200.9999px)
{.text_onas_inte  {color:#ffffff; font-family:'Roboto Condensed300'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: 0.005em; line-height: calc(1.1vw + 1.1vh + 1.1vmin);  } } 

@media screen and (min-width: 1201px) and (max-width: 99999px)
{.text_onas_inte  {color:#ffffff; font-family:'Roboto Condensed300'; font-size: calc(0.8vw + 0.8vh + 0.8vmin); letter-spacing: 0.005em; line-height: calc(1.1vw + 1.1vh + 1.1vmin);  } }

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

/* Фото в модуле */  

@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:38%; float: left; margin-right: 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));} 


/* -------------------------------------------------------------------------- */ 
/* Mini */
/* -------------------------------------------------------------------------- */ 

@media screen and (min-width: 0px) and (max-width: 900px)
{.mini {border: 0px; padding-left: 1.5%; padding-right: 1.5%;}}

@media screen and (min-width: 900.00001px) and (max-width: 99999px)
{.mini {display: none;}}

/* -------------------------------------------------------------------------- */ 
/* Maxi */
/* -------------------------------------------------------------------------- */ 

@media screen and (min-width: 0px) and (max-width: 900px)
{.maxi {display: none;}	}

@media screen and (min-width: 900.00001px) and (max-width: 1500px)
{.maxi {border: 0px; padding-left: 0%; padding-right: 0%; }}

@media screen and (min-width: 1500.00001px) and (max-width: 3000px)
{.maxi {border: 0px; padding-left: 7.75%; padding-right: 7.75%; }}

@media screen and (min-width: 3000.00001px) and (max-width: 99999px)
{.maxi {border: 0px; padding-left: 7.2%; padding-right: 7.2%; }}
 
/* -------------------------------------------------------------------------- */  


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

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

@media screen and (min-width: 0px) and (max-width: 900px)
{.gallery a.photo_class img {width: 48%; height: auto; border: 0; overflow: hidden;  
position: relative; padding: 7px; margin: 0;  filter: alpha(opacity=89); -moz-opacity:0.89; opacity:0.89; transition: filter 0.5s ease;
border-radius: 10%; -webkit-border-radius: 10%; -moz-border-radius: 10%; -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: 900.00001px) and (max-width: 99999px)
{.gallery a.photo_class img {width: 23.3%; height: auto; border: 0; filter: alpha(opacity=89); -moz-opacity:0.89; opacity:0.89; 
overflow: hidden; position: relative; padding: calc(0.5vw + 0.5vh + 0.5vmin); margin: 0px; transition: filter 0.5s ease;
border-radius: 10%; -webkit-border-radius: 10%; -moz-border-radius: 10%; -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.4s ease; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) rgba(165,214,255,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;}

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



/* Стандартный модуль по центру без --границ */  

.int_onas_cent_no {width: 94.5%; border: 0; margin-top: 25px; margin-bottom: 25px; padding: calc(0.7em + 0.7vw); text-align:center;}

@media screen and (min-width: 1501px) and (max-width: 3000px)
{.int_onas_cent_no {width: 79%; border: 0; margin-top: calc(1.3em + 0.8vw); margin-bottom: calc(1.3em + 0.8vw); padding: calc(1.2em + 1.2vw); text-align:center;}}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.int_onas_cent_no {width: 77%; border: 0; margin-top: calc(2.9em + 0.8vw); margin-bottom: calc(2.9em + 0.8vw); padding: calc(1.2em + 1.2vw); text-align:center;}}




/* Ссылки  */  

@media screen and (min-width: 0px) and (max-width: 800.9999px)
{a.links_contacts  {border-bottom: 0.08em dashed rgba(255,255,255,0.4); text-decoration: none; color:#ffffff; font-family: 'Roboto Condensed300'; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.01em; line-height: calc(1.8vw + 1.8vh + 1.8vmin);  } } 

@media screen and (min-width: 801px) and (max-width: 1200.9999px)
{a.links_contacts  {border-bottom: 0.08em dashed rgba(255,255,255,0.4); text-decoration: none; color:#ffffff; font-family:'Roboto Condensed300'; font-size: calc(0.8vw + 0.8vh + 0.8vmin); letter-spacing: 0.005em; line-height: calc(1.1vw + 1.1vh + 1.1vmin);  } } 

@media screen and (min-width: 1201px) and (max-width: 99999px)
{a.links_contacts  {border-bottom: 0.08em dashed rgba(255,255,255,0.4);  text-decoration: none; color:#ffffff; font-family:'Roboto Condensed300'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); letter-spacing: 0.005em; line-height: calc(1.1vw + 1.1vh + 1.1vmin);  } }

a.links_contacts:hover{border-bottom: 0.08em dashed rgba(165,214,255,0.85); color:rgba(165,214,255,0.85);}

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


/* Фото в модуле в вопрос-ответ */  

@media screen and (min-width: 0px) and (max-width: 600px)
{img.photo_v_module_que {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_que {width:38%; float: left; margin-right: 4%; margin-bottom: 3%; 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_que: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));} 


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

.int_onas_ot {width: 94.5%; border: 0px; margin-top: 25px; margin-bottom: 25px; padding: calc(0.7em + 0.7vw); text-align:center; 
background: rgba(165,214,255,0.05); -webkit-box-shadow: 0px -5px 5px -5px rgba(165,214,255, 0.2);
-moz-box-shadow: 0px -5px 5px -5px rgba(165,214,255, 0.2);
box-shadow: 0px -5px 5px -5px rgba(165,214,255, 0.2);}

@media screen and (min-width: 1501px) and (max-width: 3000px)
{.int_onas_ot {width: 79%; 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(165,214,255,0.05);  -webkit-box-shadow: -2px 4px 16px -1px rgba(165,214,255, 0.12);
-moz-box-shadow: -2px 4px 16px -1px rgba(165,214,255, 0.12);
box-shadow: -2px 4px 16px -1px rgba(165,214,255, 0.12);}}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.int_onas_ot {width: 77%; 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(165,214,255,0.05);  -webkit-box-shadow: -2px 4px 16px -1px rgba(165,214,255, 0.12);
-moz-box-shadow: -2px 4px 16px -1px rgba(165,214,255, 0.12);
box-shadow: -2px 4px 16px -1px rgba(165,214,255, 0.12);}}