/*http://spb.psiholog.name/*/
/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Condensed&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Reggae+One&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');

/* cyrillic */
@font-face {
  font-family: 'Rubik Mono One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/rubik/UqyJK8kPP3hjw6ANTdfRk9YSN98zTKUbcw.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Rubik Mono One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/rubik/UqyJK8kPP3hjw6ANTdfRk9YSN985TKUbcw.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik Mono One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/rubik/UqyJK8kPP3hjw6ANTdfRk9YSN983TKU.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Rubik Mono One', sans-serif;
  word-spacing: -20.5px;
  letter-spacing: -4.5px;
}
@font-face {
  font-family: 'Bebas Neue';
  src: local('Bebas Neue Bold'), local('Bebas-Neue-Bold'),
      url('../fonts/BebasNeueBold.woff2') format('woff2'),
      url('../fonts/BebasNeueBold.woff') format('woff'),
      url('../fonts/BebasNeueBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
/*Georgia*/
@font-face {
    font-family: 'Georgia';
    src: url('../fonts/georgia/Georgia.eot');
    src: local('../fonts/georgia/Georgia'),
        url('../fonts/georgia/Georgia.eot?#iefix') format('embedded-opentype'),
        url('../fonts/georgia/Georgia.woff2') format('woff2'),
        url('../fonts/georgia/Georgia.woff') format('woff'),
        url('../fonts/georgia/Georgia.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Georgia';
    src: url('../fonts/georgia/Georgia-Bold.eot');
    src: local('../fonts/georgia/Georgia Bold'), local('../fonts/georgia/Georgia-Bold'),
        url('../fonts/georgia/Georgia-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/georgia/Georgia-Bold.woff2') format('woff2'),
        url('../fonts/georgia/Georgia-Bold.woff') format('woff'),
        url('../fonts/georgia/Georgia-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Georgia';
    src: url('../fonts/georgia/Georgia-Italic.eot');
    src: local('../fonts/georgia/Georgia Italic'), local('../fonts/georgia/Georgia-Italic'),
        url('../fonts/georgia/Georgia-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/georgia/Georgia-Italic.woff2') format('woff2'),
        url('../fonts/georgia/Georgia-Italic.woff') format('woff'),
        url('../fonts/georgia/Georgia-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Georgia';
    src: url('../fonts/georgia/Georgia-BoldItalic.eot');
    src: local('../fonts/georgia/Georgia Bold Italic'), local('../fonts/georgia/Georgia-BoldItalic'),
        url('../fonts/georgia/Georgia-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/georgia/Georgia-BoldItalic.woff2') format('woff2'),
        url('../fonts/georgia/Georgia-BoldItalic.woff') format('woff'),
        url('../fonts/georgia/Georgia-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/*Arial*/
@font-face {
    font-family: 'Arial';
    src: url('../fonts/arial/Arial-ItalicMT.eot');
    src: local('../fonts/arial/Arial Italic'), local('../fonts/arial/Arial-ItalicMT'),
        url('../fonts/arial/Arial-ItalicMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial/Arial-ItalicMT.woff2') format('woff2'),
        url('../fonts/arial/Arial-ItalicMT.woff') format('woff'),
        url('../fonts/arial/Arial-ItalicMT.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Arial';
    src: url('../fonts/arial/ArialMT.eot');
    src: local('../fonts/arial/Arial'), local('../fonts/arial/ArialMT'),
        url('../fonts/arial/ArialMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial/ArialMT.woff2') format('woff2'),
        url('../fonts/arial/ArialMT.woff') format('woff'),
        url('../fonts/arial/ArialMT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Arial';
    src: url('../fonts/arial/Arial-BoldItalicMT.eot');
    src: local('../fonts/arial/Arial Bold Italic'), local('../fonts/arial/Arial-BoldItalicMT'),
        url('../fonts/arial/Arial-BoldItalicMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial/Arial-BoldItalicMT.woff2') format('woff2'),
        url('../fonts/arial/Arial-BoldItalicMT.woff') format('woff'),
        url('../fonts/arial/Arial-BoldItalicMT.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Arial Narrow';
    src: url('../fonts/arial/ArialNarrow-BoldItalic.eot');
    src: local('../fonts/arial/Arial Narrow Bold Italic'), local('../fonts/arial/ArialNarrow-BoldItalic'),
        url('../fonts/arial/ArialNarrow-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial/ArialNarrow-BoldItalic.woff2') format('woff2'),
        url('../fonts/arial/ArialNarrow-BoldItalic.woff') format('woff'),
        url('../fonts/arial/ArialNarrow-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Arial Narrow';
    src: url('../fonts/arial/ArialNarrow-Bold.eot');
    src: local('../fonts/arial/Arial Narrow Bold'), local('../fonts/arial/ArialNarrow-Bold'),
        url('../fonts/arial/ArialNarrow-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial/ArialNarrow-Bold.woff2') format('woff2'),
        url('../fonts/arial/ArialNarrow-Bold.woff') format('woff'),
        url('../fonts/arial/ArialNarrow-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Arial Narrow';
    src: url('../fonts/arial/ArialNarrow-Italic.eot');
    src: local('../fonts/arial/Arial Narrow Italic'), local('../fonts/arial/ArialNarrow-Italic'),
        url('../fonts/arial/ArialNarrow-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial/ArialNarrow-Italic.woff2') format('woff2'),
        url('../fonts/arial/ArialNarrow-Italic.woff') format('woff'),
        url('../fonts/arial/ArialNarrow-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Arial Narrow';
    src: url('../fonts/arial/ArialNarrow.eot');
    src: local('../fonts/arial/Arial Narrow'), local('../fonts/arial/ArialNarrow'),
        url('../fonts/arial/ArialNarrow.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial/ArialNarrow.woff2') format('woff2'),
        url('../fonts/arial/ArialNarrow.woff') format('woff'),
        url('../fonts/arial/ArialNarrow.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Arial';
    src: url('../fonts/arial/Arial-BoldMT.eot');
    src: local('../fonts/arial/Arial Bold'), local('../fonts/arial/Arial-BoldMT'),
        url('../fonts/arial/Arial-BoldMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial/Arial-BoldMT.woff2') format('woff2'),
        url('../fonts/arial/Arial-BoldMT.woff') format('woff'),
        url('../fonts/arial/Arial-BoldMT.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* font-lengngineer */
@font-face {
    font-family: 'LEngineerRegular';
    src: url('../fonts/ef_conv/LEngineerRegular.eot');
    src: url('../fonts/ef_conv/LEngineerRegular.eot') format('embedded-opentype'),
         url('../fonts/ef_conv/LEngineerRegular.woff2') format('woff2'),
         url('../fonts/ef_conv/LEngineerRegular.woff') format('woff'),
         url('../fonts/ef_conv/LEngineerRegular.ttf') format('truetype'),
         url('../fonts/ef_conv/LEngineerRegular.svg#LEngineerRegular') format('svg');
}
/* font-gunny */
@font-face {
    font-family: 'gnyrwn971';
    src: url('../fonts/gunny/gnyrwn971.eot');
    src: url('../fonts/gunny/gnyrwn971.eot') format('embedded-opentype'),
         url('../fonts/gunny/gnyrwn971.woff2') format('woff2'),
         url('../fonts/gunny/gnyrwn971.woff') format('woff'),
         url('../fonts/gunny/gnyrwn971.ttf') format('truetype'),
         url('../fonts/gunny/gnyrwn971.svg#gnyrwn971') format('svg');
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../fonts/webfonts/fa-regular-400.eot");
  src: url("../fonts/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts/fa-regular-400.woff2") format("woff2"), url("../fonts/webfonts/fa-regular-400.woff") format("woff"), url("../fonts/webfonts/fa-regular-400.ttf") format("truetype"), url("../fonts/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../fonts/webfonts/fa-solid-900.eot");
  src: url("../fonts/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts/fa-solid-900.woff2") format("woff2"), url("../fonts/webfonts/fa-solid-900.woff") format("woff"), url("../fonts/webfonts/fa-solid-900.ttf") format("truetype"), url("../fonts/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../fonts/brands/fa-brands-400.eot");
  src: url("../fonts/brands/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/brands/fa-brands-400.woff2") format("woff2"), url("../fonts/brands/fa-brands-400.woff") format("woff"), url("../fonts/brands/fa-brands-400.ttf") format("truetype"), url("../fonts/brands/fa-brands-400.svg#fontawesome") format("svg"); 
}
@font-face {
  font-family: 'Gallos Architype';
  src: url('../fonts/gallos/GallosArchitype-Heavy.eot');
  src: local('Gallos Architype Heavy'), local('../fonts/gallos/GallosArchitype-Heavy'),
      url('../fonts/gallos/GallosArchitype-Heavy.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gallos/GallosArchitype-Heavy.woff2') format('woff2'),
      url('../fonts/gallos/GallosArchitype-Heavy.woff') format('woff'),
      url('../fonts/gallos/GallosArchitype-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Gallos Architype Black';
  src: url('../fonts/gallos/GallosArchitype-Black.eot');
  src: local('Gallos Architype Black'), local('../fonts/gallos/GallosArchitype-Black'),
      url('../fonts/gallos/GallosArchitype-Black.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gallos/GallosArchitype-Black.woff2') format('woff2'),
      url('../fonts/gallos/GallosArchitype-Black.woff') format('woff'),
      url('../fonts/gallos/GallosArchitype-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'ofont_ru_CasualContact';
  src: url('../fonts/casual/ofont_ru_CasualContact.eot');
  src: url('../fonts/casual/ofont_ru_CasualContact.eot') format('embedded-opentype'),
    url('../fonts/casual/ofont_ru_CasualContact.woff2') format('woff2'),
    url('../fonts/casual/ofont_ru_CasualContact.woff') format('woff'),
    url('../fonts/casual/ofont_ru_CasualContact.ttf') format('truetype'),
    url('../fonts/casual/ofont_ru_CasualContact.svg#ofont_ru_CasualContact') format('svg');
}
@font-face {
  font-family: 'a_FuturicaBlack';
  src: url('../fonts/afuturica-italic/AFuturicaBlackItalic.eot');
  src: url('../fonts/afuturica-italic/AFuturicaBlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/afuturica-italic/AFuturicaBlackItalic.woff2') format('woff2'),
    url('../fonts/afuturica-italic/AFuturicaBlackItalic.woff') format('woff'),
    url('../fonts/afuturica-italic/AFuturicaBlackItalic.ttf') format('truetype'),
    url('../fonts/afuturica-italic/AFuturicaBlackItalic.svg#AFuturicaBlackItalic') format('svg');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; 
}
.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; 
  font-style: normal;
}
.fa-viber:before {
  content: "\f409";
}

body{
   /* font-family: Arial,sans-serif;
   , Times, serif;*/
    font-family: Times New Roman;
}

a:hover{
  text-decoration: none;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  position: relative;
}
img{
  max-width: 100%;
  height: auto;
}
a {
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.home_wrapper:after{
  content: "";
  display: table;
  clear: both;
}
.box_home1{
  width: 75%;
  float: left;
  height: 100%;
}
.home_wrapper .box_home1 .home_center_img{width: 100%;}
.box_home1 .box1{position: relative; /*margin-top: 60px;*/ width: 33%;}
.box_home1 .box1 h3{position: absolute; top: -35px; left: 0; width: 300%; font-size: 32.7px;}

.box_home1 .box2{
  margin-top: 20px;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
}

.box_home1 .btn_call span:nth-child(3) a{    font-size: 32px;line-height: 60px;}
.box_home1 .btn_call{    padding: 0px 30px 0 0;}

.box_home1 .home_center{height: 248px;position: relative;}

.home_wrapper .box_home2{background: #859587b5;     width: 25%;    background: #859587b5;    float: left;    overflow-y: scroll;    height: 655px;}
.spec_item:after{content: ""; clear: both; display: table;}
.spec_item{text-align: right; padding-right: 20px;}
.spec_item img{float: left; width: 34%; margin-right: 10px;}
.spec_item p{color: #000; font-size: 17px;}
.spec_item a{display: inline-block; font-size: 16px; color: #9D6FA0; transition: all .2s;}
.spec_item a:hover, .spec_item a:active, .spec_item a:focus{text-decoration: none; color: #6C4C6E;}


.bg_homes{
  background-color: #000
}
.bg_homes footer{background: none; text-align: left;  }
.bg_homes footer h1{ text-align: left; color: #fff; max-width: 1170px;}
.home_wrapper {
  /* border: 30px solid #859587b5; */
  position: relative;
  margin: 30px auto;
  width: 1170px !important;
  /* height: 880px; */
}

.home_wrapper .tab-content, .home_wrapper .btn_call{background: none;}
.home_wrapper .home_center:after{margin-bottom: 0;}
.home_wrapper .box1{
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center; 
}
.home_wrapper .box1 .box1_text{ 
  padding-left: 17px;
  padding-top: 13px;
  height: 380px;
}
.home_wrapper .box1 .box1_text{
  color:#755706
}
.home_wrapper .box1 .box1_text:hover{
  color:#484a48
}
.home_wrapper .box1 .box1_text span{
  display: block;
}

.home_wrapper .home_left_link{width: 25%; border-right: 40px solid #859587b5; margin-right:0; position: relative;}
.home_wrapper .home_left_link button{border-color: #865990; color: #fff; background: none;}
.home_wrapper .home_center_link button{color: #9D6FA0 !important; border: none;}
.home_wrapper .home_center_link button span:nth-child(1){font-size: 33px; color: #9D6FA0;}
.home_wrapper .home_center_link button span:nth-child(2){font-size: 30.3px; color: #9D6FA0 !important;}
.home_wrapper .home_center_link button b{font-size: 68px; color: #fff;}
.home_wrapper .home_center_link button{transition: all .2s;}
.home_wrapper .home_center_link button:hover, .home_wrapper .home_center_link button:active, .home_wrapper .home_center_link button:focus{background: rgba(255,255,255,.2);}

.link_homes{font-size: 40px; color: #fff; position: absolute; bottom: 0; right: 20px; transition: all .2s;}
.link_homes:hover, .link_homes:active, .link_homes:focus{text-decoration: none; color: #865990 !important;}

/*.home_wrapper .home_center_img{ width: 75%; border: none; border-radius: 0; border-right: 10px solid #859587b5; margin-right:0;}*/
.home_wrapper .home_center_link{width: 25%;}
.home_wrapper .home_center_link button{ border-radius: 0; color: #fff;}




/*.bg_home{background: url(../img/bg.png) repeat top left;}*/
.wrapper{width: 1200px; margin: auto;height: 100vh;display: flex;align-items: center;min-height: 900px;}
.header:after{content: ""; display: table; clear: both;}
.site_name{ color: #000; text-align: left; cursor: pointer; font-size: 30px; text-transform: uppercase;}
.site_name:hover, .site_name:active, .site_name:focus{text-decoration: none; color: #000;}
.logo{display: block; width: 68%; float: left; text-align: left; padding: 35px 0 0 0;}
.logo{display: inline-block;}
.logo img{max-height: 60px;}
.head_info{float: right; width: 15%; font-size: 17px; color: #000;}
.head_info ul{padding: 0; margin: 0;}
.head_info ul li{list-style: none;}
.head_info i{margin-right: 10px; font-size: 20px;}
.home_center:after{content: ""; display: table; clear: both; margin-bottom: 10px;}

.home_left_link{float: left; width: 23%; margin-right: 2%;}
.home_left_link button{transition: all .2s; border:4px solid #363435; line-height: 60px; text-transform: uppercase; border-radius:5px; width: 100%; height: 250px; color: #fff; background: #7F5A82; font-size: 30px; text-align: center;}
.home_left_link button span{font-size: 30px;}
.home_left_link button b{font-size: 53px; font-weight: normal;}
.home_left_link button:hover, .home_left_link button:active, .home_left_link button:focus{outline: none; background: #3778BC;}
/*.home_center_img{float: left; width: 50%; border:4px solid #363435; border-radius:5px; text-align: center; height: 250px; overflow: hidden; margin-right: 2%; position: relative;}*/
.home_center_img h2{color: #fff; text-anchor: center;font-size: 30px;text-transform: uppercase;}
.home_center_img b{font-weight: normal; font-size: 70px;}
.home_center_img h2 a{color: #fff;}
.home_center_img h2 a:hover, .home_center_img h2 a:active, .home_center_img h2 a:focus{text-decoration: none; color: #fff;}
.home_center_img img{display: block; width: 100%; height: auto;}
.home_center_link{float: right; width: 23%;}
.home_center_link button{border:4px solid #363435; border-radius:5px; width: 100%; height: 250px;  background: none; font-size: 30px; text-align: center;}
.home_center_link button b{font-weight: normal; font-size: 60px;}
.home_center_link button:hover, .home_center_link button:active, .home_center_link button:focus{outline: none;}

.inner .home_center_link{float: left; margin-right: 2%;}
.home_center_text{float: right; width: 75%; background: #fff; padding: 30px;}
.text_inner{overflow-y: auto; height: 190px; padding-right: 20px;}
.text_inner::-webkit-scrollbar{ width: 10px !important; background: rgba(0,0,0,.04); border-radius: 50px;}
.text_inner::-webkit-scrollbar-thumb{ background: rgba(158,101,169,.8);  -webkit-transition: all .2s;  -moz-transition: all .2s;  -ms-transition: all .2s;  -o-transition: all .2s;  transition: all .2s;  border-radius: 50px;}
.text_inner::-webkit-scrollbar-thumb:hover{ background: rgba(158,101,169,1);}
.text_inner::-webkit-scrollbar-track{  border-width:0;}
.text_inner::-webkit-scrollbar-track:hover{}


.menu{display: block; margin: 10px auto;}
.menu ul{display: block; padding: 0; margin: 0;}
.menu ul:after{content: ""; display: table; clear: both;}
.menu ul li{list-style: none; display: block; float: left; width: 33.33%; border-right: 1px solid #E9E9E9;}
.menu ul li:last-child{border: none;}
.menu ul li a{ display: block; color: #000; font-size: 20px; text-align: center; padding: 16px 15px; transition: all .4s;}
.menu ul li:nth-child(1) a{border-top: 3px solid #F4793D; }
.menu ul li:nth-child(2) a{border-top: 3px solid #3FC8DC; }
.menu ul li:nth-child(3) a{border-top: 3px solid #DC3FD6; }
.menu ul li:nth-child(1) a:hover, .menu ul li:nth-child(1) a:active, .menu ul li:nth-child(1) a:focus{background: #F4793D;}
.menu ul li:nth-child(2) a:hover, .menu ul li:nth-child(2) a:active, .menu ul li:nth-child(2) a:focus{background: #3FC8DC;}
.menu ul li:nth-child(3) a:hover, .menu ul li:nth-child(3) a:active, .menu ul li:nth-child(3) a:focus{background: #DC3FD6;}
.menu ul li a:hover, .menu ul li a:active, .menu ul li a:focus{text-decoration: none; color: #fff;}

.horizontal_scroll{min-width: 100%; min-height: 275px;  display: flex;  overflow-x: auto; margin-bottom: 20px;}
.horizontal_scroll:after{content: ""; display: table; clear: both;}
.hoz_item{display: inline-block; min-width: 300px; height: 250px; float: left; position: relative;}
.hoz_item img{display: block; width: 100%; height: 100%; opacity: .7; transition: all .4s;}
.hoz_item:hover img{opacity: 1;}
.hoz_item:hover h3{background: rgba(220,63,214,.9);}
.hoz_item:hover a{color: #fff;}
.hoz_item h3{background: rgba(255,255,255,.7); position: absolute; bottom: 20px; left: 20px; right: 20px; margin: 0 auto; display: block; padding: 10px; text-align: center; color: 3000; transition: all .4s; cursor: pointer;}
.hoz_item h3 a{color: #000; text-transform: uppercase; transition: all .4s;}
.hoz_item h3:hover{background: rgba(220,63,214,.9);}
.hoz_item h3:hover a{color: #fff;}
.hoz_item h3 a:hover, .hoz_item h3 a:active, .hoz_item h3 a:focus{text-decoration: none; color: #fff;}
.scroll_height::-webkit-scrollbar{height: 10px;}
.scroll::-webkit-scrollbar{ width: 5px !important; background: rgba(0,0,0,.04);}
.scroll::-webkit-scrollbar-thumb{ background: #859587b5;  -webkit-transition: all .2s;  -moz-transition: all .2s;  -ms-transition: all .2s;  -o-transition: all .2s;  transition: all .2s;}
.scroll::-webkit-scrollbar-thumb:hover{ background: #859587b5;}
.scroll::-webkit-scrollbar-track{  border-width:0;}
.scroll::-webkit-scrollbar-track:hover{}


.link_home{font-size: 40px; color: #9D6FA0; position: absolute; right: 0; top: -10px; transition: all .2s;}
.link_home:hover, .link_home:active, .link_home:focus{text-decoration: none; color: #7F5A82;}

.box1{float: left; width: 30%;}
/*.box2{float: right; width: 68%; position: relative;}*/
.box1 h3{color: #9D6FA0; margin: 0 0 10px 0; font-size: 36.7px;}
.tab_nav{max-height: 356px; overflow-y: auto; padding-right: 10px; border: none;}
.tab_nav>li>a{border: 0px solid #9E65A9; border-radius: 5px; padding: 0; opacity: .8; transition: all .4s;}
.tab_nav>li>a:hover, .tab_nav>li>a:active, .tab_nav>li>a:focus{opacity: 1; border: 0px solid #9E65A9;}
.tab_nav>li{margin: 0 0 3px 0;}
.tab_nav>li.active>a, .tab_nav>li.active>a:hover, .tab_nav>li.active>a:focus{border: none;}
.tab_nav img{width: 100%; height: auto;}
.tab_nav>li.active>a{border: 0px solid #9E65A9 !important; opacity: 1;}
.tab_nav>li.active>a:hover, .tab_nav>li.active>a:focus{}
.nav-tab .active a{border: 0px solid #9E65A9 !important; border-radius: 5px !important; padding: 0; opacity: .8; transition: all .4s;}

/*.tab-content{ font-size: 16px; color: #000; background: #fff; padding: 0 30px; margin: 50px 0 30px 0;}*/
/*.tab-pane{height: 276px;  padding-right: 20px; overflow-y: auto;}*/
.read_more{display: inline-block; color: #000; font-size: 16px; transition: all .2s; float: right;}
.read_more:hover, .read_more:active, .read_more:focus{color: #7F5A82;}
.btn_call{display: block; margin-top: 10px; background: #fff; padding: 0px 30px;}
.btn_call span{vertical-align: top;}
.btn_call span:nth-child(1){font-size: 31px; color: #567FAD; line-height: 30px; display: inline-block;}
.btn_call span:nth-child(1) b{color: #9D6FA0; font-size: 25px; display: block;}

.btn_call span:nth-child(2){transition: all .2s; display: inline-block; width: 60px; height: 60px; background: #9D6FA0; color: #fff; font-size: 40px; margin: 0 20px; text-align: center; padding: 3px 0 0 0; border-radius: 5px;}
.btn_call span:nth-child(2) a{color: #fff; cursor: pointer;}
.btn_call span:nth-child(2):hover, .btn_call span:nth-child(2):active, .btn_call span:nth-child(2):focus{background: #7F5A82;}

.btn_call span:nth-child(3) a{opacity: 0; font-size: 63px; color: #000; line-height: 60px; display: inline-block; transition: all .2s;}
.btn_call span:nth-child(3) a:hover, .btn_call span:nth-child(3) a:active, .btn_call span:nth-child(3) a:focus{text-decoration: none; color: #9D6FA0;}
.btn_call span:nth-child(2):hover ~ span:nth-child(3) a{opacity: 1;}
.btn_call span:nth-child(3) a:hover{opacity: 1;}
footer{background: #D4CEB4; text-align: center ; padding: 10px 0; font-size: 16px; margin: 0 50px;}
footer h1{font-size: 16px; margin: 0 auto; text-align: right; max-width: 1200px;}
.modal{background: rgba(0,0,0,.5);}
.modal-dialog{}
.modal-content{border-radius: 0;}
.modal-body{position: relative; padding: 40px; color: #000; text-align: justify; font-size: 16px;}
.modal-body h3{color: #000; text-align: center; font-weight: bold; margin: 0 0 20px 0;}
.close{opacity: 1; font-size: 40px; position: absolute; top: 8px; right: 15px; transition: all .2s;}
.close:hover, .close:active, .close:focus{outline: none; color: #9D6FA0;}

/*NEW*/
.home_wrapper .box_home3 {
  width: 25%;
  float: left;
  height: 100%;
  flex-direction: column;
  display: flex;
  /* justify-content: space-around; */
  padding: 5px;
}
.box_home3 .items_block{
  margin: 10px 0px;
  overflow: hidden;
}
.box_home3 .img_block .item_img {
  height: 220px;
  width: 100%;
  display: block;
  margin: auto;
  transform: scale(0.7);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.box_home3 .img_block span {
  text-shadow: 1px 1px 1px #000;
  color: #ffffffa1;
  letter-spacing: 3px;
  position: absolute;
  bottom: 25px;
  left: 10px;
  text-align: left;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-size: 18px;
  
}
.box_home3 .img_block:hover .item_img{
  transform: scale(1);
}
.scale_1{
  transform: scale(1);
  -webkit-transition: all 1.6s ease-out;
  -o-transition: all 1.6s ease-out;
  transition: all 1.6s ease-out;
}
.scale_1:hover {
  transform: scale(1.1);
}
.box_home3 .img_block:hover span {
  font-size: 22px;
}
.box_home3 .items_block:nth-child(1) .text_block, .box_home3 .items_block:nth-child(1) .text_block a{
  color: #795d2b;
  line-height: 1.5;
}
.box_home3 .items_block:nth-child(1) .text_block:hover,.box_home3 .items_block:nth-child(1) .text_block:hover a{
  /*-webkit-text-stroke:2px #484a48;*/
  color: #484a48;
}
.box_home3 .items_block:nth-child(3) .text_block, .box_home3 .items_block:nth-child(3) .text_block a {
  color: #5e695f;  
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.box_home3 .items_block:nth-child(3) .text_block:hover, .box_home3 .items_block:nth-child(3) .text_block a:hover {
  color: #eeb754bf;
}
.box_home3 .items_block:nth-child(3) .text_block{
  padding: 0;
}
/*.box_home3 li:nth-child(1).items_block{
  box-shadow: inherit;
}*/
.box_home3 .items_block .text_block{
  color: #eeb75482;
  line-height: 1,5;
  border: 2px transparent;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.box_home3 .items_block .text_block:hover{
  color: #484a48;
}
.box_home3 .nav-tabs>li.active>a, .box_home3 .nav-tabs>li.active>a:hover, .box_home3 .nav-tabs>li.active>a:focus{
  border: none;
}
.box_home3 .nav-tabs>li>a{
  margin-right:0;  
}
.box_home3 .items_block .item_img img {
  width: 257px;
  height: 250px;
  object-fit: cover;
  object-position: center;
}
.box_home3 .items_block .item_prew .item-title {
  padding-left: 15px;
  padding-bottom: 26px;
  color: #fff;
  font-size: 26px;
}
.box_home3 .items_block .item_prew .item-title span{
  flex-basis: 50%;
  text-shadow: 0px 0px 4px #000;
  letter-spacing: 4px;
  -webkit-text-stroke: 1px #00000066;
}
.hover-yell span:hover{
  color: #3c763d;
}
.hover-gray span:hover {
  color: #666666;
}
.hover-gray-light span:hover {
  color: #8a8d8a;
}
.hover-yell1 span:hover {
  color: #b2893f;
}
.hover-yell2 span:hover {
  color: #eeb754bf;
}
.hover-yell3 span:hover {
    color: #f9bd50;
}
.hover-yell4 span:hover {
  color: #eeb75482;
}
.hover-yell5 span:hover {
  color: #eeb754a6 !important;
}
.hover-stroke-yell2 span:hover {
  -webkit-text-stroke: 1px #eeb754bf;
}
.hover-malina span:hover {
  color: #962a56ab;
}
.hover-blue span:hover {
  color: #054378b8;
}
.hover-blue2 span:hover {
  color: #3070a7;
}
.hover-blue2 .hover-rep{
  color: #3070a7;
}
.hover-blue2 .hover-rep:hover {
  color: #b2893f;
}
.hover-blue2 .hover-rep-red{
  color: #3070a7;
}
.hover-blue2 .hover-rep-red:hover{
  color: #ff0000c2;
}
.hover-blue2 .hover-rep-green{
  color: #006262;
}
.hover-blue2 .hover-rep-green:hover{
  color: #3070a7;
}
.hover-perple span:hover {
  color: #eeb75482;
}
.hover-malina2 span:hover {
  color: #80000078;
}
.hover-black span:hover {
  color: #000;
}
.hover-blue2 .hover-rep{
  color: #3070a7;
}
.hover-blue2 .hover-rep-brow:hover {
  color: #b2893f;
}

.hover-transparent span:hover {
  color: transparent;
}
.content_main .hover-perple {
  color: #eeb75482;
}
.box_home2 ul li a{
  padding: 9px 15px;
}
.box_home2 ul li a,.box_home3 ul li a{
  color: #795d2a;
}
.box_home2 ul li,.box_home3 ul li {
  width: 100%;
}
.box_home3 ul li{
   
}
.box_home3 .items_block .item_name {    
    text-transform: uppercase;
    font-size: 42px;   
}
.home_wrapper .box_home2{
  border-top: 5px solid rgb(255 255 255 / 0%);
  /*height: 552px;*/
  height: 490px;
  overflow-y: inherit;
}
.home_wrapper .box_home2 h3{
  font-size: 25px;
    text-transform: uppercase;    
    background: #eeb754;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    transition: all 0.3s linear;
}
.home_wrapper .box_home2 h3:hover{
    background: #b17fa2;
}
.box_home2 .spec_list{
    margin-bottom: 8px;
}
.box_home2 .spec_item img{
  width: 115px;
    height: 75px;
}
.box_home2 .spec_item {
  padding-right: 0;
}
.box_home2 .spec_item p{
    color: inherit;
    text-transform: uppercase;
}
.box_home2 .spec_item a{
  display: flex;
  align-items: center;
  margin-right: 0px;
}
.scroll::-webkit-scrollbar-thumb{
/*  background: #fadda9;*/
}
/*.box_home1 .home_center{
  height: 200px;
}*/
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  /*background-color: #eeb754;*/
  /*color: #fff;*/
}
.nav>li>a:hover, .nav>li>a:focus{
  background: none;
  color: #fff;
}
.home_center_img{
  text-align: left;
  display: flex;
  padding: 8px 20px 0px;  
  border: none;
  border-radius: 0;
  margin-right: 0;
  height: 250px;
  overflow: hidden;
  flex-wrap: wrap;
}
.home_center_img b {
  font-size: 113px;
  font-weight: 700;
  color: #859587b5;
  text-shadow: 0 2px 1px #000;
  font-family: "Ubuntu",sans-serif;
}
/*ÃÂ¨Ã‘â‚¬ÃÂ¸Ã‘â€žÃ‘â€š Ãâ€”ÃÂ°ÃÂ³ÃÂ¾ÃÂ»ÃÂ¾ÃÂ²ÃÂºÃÂ° 2*/
.home_center_img h2{
  line-height: 1;   
  font-size: 90px;
  text-shadow: 0 2px 1px #000;
}
.home_center_img h3{
  font-size: 46px;
  text-shadow: 0 2px 1px #000;
  display: block;
  margin: 0;
  color: #fff;
}
.home_center_img h3 span{
  font-size: 90px;
  text-shadow: 0 2px 1px #000;
  text-transform: uppercase;
  color: #859587b5;
  font-weight: 700;
}
.home_center_img:hover h3{
  color: #859587b5;
}
.home_center_img:hover h3 span{
  color: #fff;
}

/*.home_center_img > span:nth-child(1):hover{
   -webkit-text-stroke: 2px #5e6a60;
  text-stroke: 2px #5e6a60;
}*/
.home_center_img > span:nth-child(2){
  line-height: 1;  
  text-shadow: 0 2px 1px #000;
  color: #859587b5;  
  letter-spacing: 5px;
}
.home_center_img > span:nth-child(2):hover{
  color: #eeb754bf;  
}
.home_center_img > div:nth-child(1){
  font-weight: 700;
  line-height: 1;
  color: #eeb75482;
}
.home_center_img .audio_wrap{
  flex-grow: 1;
  background:#ff000094;
  color: #725403;
  height: 59px;
  line-height: 1.6;
  text-align: center;
  max-width: 308px;
  margin-top: 16px;
}
.audio_block{
  padding-right: 6px;
  padding-top: 0px;
  display: flex;
  align-items: center;
  height: 100%;
}
audio::-webkit-media-controls-enclosure {
  border-radius:0;
  background: #ff000000;
 /* background: purple;*/
}
.audio_block audio{
  width: 308px;
}
/*.home_center_img span:nth-child(3):hover{
  color:#859587b5;
}*/
.box_bottom { 
  display: flex;
  align-items: center;
  height: 83px;
  overflow: hidden;
  margin-right: 20px;
  margin-left: 20px;
}
.box_bottom .btm_slogan{  
  /* justify-content: center; */
  padding-top: 5px;
  letter-spacing: 4px;
  padding-left: 4px;
  color: #c59d52;
  /* align-items: center; */
  display: block;
  background: #85958773;
  height: 100%;
  width: 100%;
  border: 5px solid #8c6804;
  text-align: center;
}
/*.box_bottom .btm_slogan:hover{
  color: #000;
}*/
.box_bottom .btm_slogan h3{   
  font-size: 30px;
  text-transform: uppercase;
  width: 100%;
  padding: 10px 20px; 
  margin-top: 10px;
  color: #fff;
  display: inline-block;
  -webkit-transition: all 0.2s linear;
  transition: all 0.3s linear;
}

.box_bottom .btm_tab {
  /* border-left: 10px;
  border-right: 0px;
  border-bottom: 0;
  border-top: 0;
  border-color: #859587b5;
  border-style: solid; */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
/*  padding-top: 8px;*/

} 
.box_bottom .btm_tab ul{
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
  justify-content: space-between;
    
}
.box_bottom .btm_tab ul li{
  width: 33%;
  overflow: hidden;
}
.box_bottom .btm_tab ul li a{
  font-size: 17px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    /*text-shadow: -1px -1px #fff, -1px 1px #fff, 1px 1px #fff, 1px -1px #fff;*/
}
.box_bottom .nav>li>a:hover, .box_bottom .nav>li>a:focus {    
    background-color: #eeb7547a;
    border-radius: 0;
}
.box_bottom .nav-tabs>li.active>a, .box_bottom .nav-tabs>li.active>a:hover, .box_bottom .nav-tabs>li.active>a:focus {    
    color: #000;
    border: none;
}
.box_bottom .nav-tabs>li>a{
  border: none;
}

.box_bottom .nav-tabs>li:last-child>a:before{
  content: none;
}
.nav-tabs {
    border-bottom: none;
}
#replace_span {
    position: relative;
    cursor: pointer;
/*    margin-right: 11px;*/
}
#replace_span span {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;    
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.3s linear;
}
#replace_bottom {
  position: relative;
  cursor: pointer;
}
#replace_bottom span {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;    
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.3s linear;
}
#replace_bottom > span:nth-child(2) {
  opacity: 0;
  color: #eeb754;
  -webkit-transition: all 0.2s linear;
   transition: all 0.3s linear;
}
#replace_bottom:hover > span:nth-child(1) {
  opacity: 0;
}
#replace_bottom:hover > span:nth-child(2) {
  opacity: 1;  
  text-transform:inherit;
}

.replace_bottom {
  position: relative;
  cursor: pointer;
  height: 100%;
}
.replace_bottom > span {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;    
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.3s linear;
}
.replace_bottom > span:nth-child(2) {
  opacity: 0;
  color: #eeb754;
/*  line-height: 2;*/
  -webkit-transition: all 0.2s linear;
   transition: all 0.3s linear;
}
.replace_bottom:hover > span:nth-child(1) {
  opacity: 0;
}
.replace_bottom:hover > span:nth-child(2) {
  opacity: 1;  
  text-transform:inherit;
  flex-grow: 1;
  text-align: center
}
#replace_audio_bottom {
  position: relative;
  cursor: pointer;
}
#replace_audio_bottom span {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;    
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.3s linear;
}
#replace_audio_bottom > span:nth-child(2) {
  opacity: 0;
  /*color: purple;*/
  -webkit-transition: all 0.2s linear;
   transition: all 0.3s linear;
}
#replace_audio_bottom > span:nth-child(1) {
  color: #eeb754c7;
}
#replace_audio_bottom:hover > span:nth-child(1) {
  opacity: 0;
}
#replace_audio_bottom:hover > span:nth-child(2) {
  opacity: 1;  
  text-transform:inherit;
}

.replace_audio_bottom {
  position: relative;
  cursor: pointer;
}
.replace_audio_bottom span {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;    
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.3s linear;
}
.replace_audio_bottom > span:nth-child(2) {
  opacity: 0;
  /*color: purple;*/
  -webkit-transition: all 0.2s linear;
   transition: all 0.3s linear;
}
.replace_audio_bottom > span:nth-child(1) {
  color: #eeb754c7;
}
.replace_audio_bottom:hover > span:nth-child(1) {
  opacity: 0;
}
.replace_audio_bottom:hover > span:nth-child(2) {
  opacity: 1;  
  text-transform:inherit;
}
.block_piramid{
  margin: 15px 3px 3px;
  box-shadow: 0 0 0px 3px #ff0000, 0 1px 18px rgb(0 0 0 / 35%), 0 3px 3px rgb(0 0 0 / 5%);
  border: 10px solid #ffffff1f !important;
  height: 369px;
  overflow: hidden;
}
.block_piramid > div:nth-child(2) {
    height: 100%;
    color: #859587b5;
    height: 303px;
}
.btn_phone span {
    height: 46px;
    background: #b17fa2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12.6px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-family: Times New Roman;
}
.btn_phone span a{
    color: #fff;
    text-decoration: none;
}
.btn_name{  
  font-size: 32.7px;  
  margin: 0 20px;
  background: #85958773;
  height: 93px;
}
.btn_name span{
  text-transform: uppercase;
  color: #eeb754;
}
.btn_name span:nth-child(1){
  color: #eeb75482;
  line-height: 1;
}
.btn_name span:nth-child(1):hover{
  color: #eeb754bf;
}
.btn_name a:nth-child(2){
  color: #eeb754bf;
}
/*.btn_name a:nth-child(2):hover{
  color: #000;
}*/
.btn_email{
  width: 100%;
}
.btn_email span {
  height: 42px;
  background: #eeb754;
  display: flex;
  align-items: center;
  justify-content: center;   
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-family: Times New Roman;
  text-shadow: 0px 1px 1px #000;
}
.btn_email span a{
    color: #fff;
    text-decoration: none;
}

/*ÃÅ¸ÃÂµÃ‘â‚¬ÃÂ²ÃÂ°Ã‘Â Ã‘ÂÃ‘â€šÃ‘â‚¬ÃÂ¾ÃÂºÃÂ°*/
.btn_name span{
  /*padding-left: 7px;*/
  padding-top: 8px;
}
.btn_name span:nth-child(1){
  width: 100%;
  display: flex;
  align-items: center;
  height: 70px;
  justify-content: center;
}
/*Ãâ€™Ã‘â€šÃÂ¾Ã‘â‚¬ÃÂ°Ã‘Â Ã‘ÂÃ‘â€šÃ‘â‚¬ÃÂ¾ÃÂºÃÂ°*/
.btn_name span:nth-child(2){  
  color: #859587b5;
  letter-spacing: 6px;
  width: 100%;
  display: flex;
  align-items: center;
  height: 70px;
  justify-content: center;
  padding-top: 4px;
  border: 5px solid #8c6804;
}
#replace_span span:nth-child(2) {
  opacity: 0;
  -webkit-transition: all 0.2s linear;
   transition: all 0.3s linear;
}
#replace_span:hover span:nth-child(1) {
  opacity: 0;
}
#replace_span:hover span:nth-child(2) {
  opacity: 1;  
  text-transform:inherit;
}
.box1 #replace_span span:nth-child(1) {
  color: #eeb754;
}
.box1 #replace_span span:nth-child(2) {
  color: #859587b5;
}
.replace_city{
  height: 50px;
}
.replace_city span{
  text-align: center;
  height: 100%;
}
.replace_city span:nth-child(1){
  color: #c7c7c7;
}
.box_home1 .text_top{
  background: #859587b5;
  margin: 0;
  padding-bottom: 5px;
  color: #eeb754bf;
}
.box_home1 .text_top a{
  color: #800080f2;
}
.box_home1 .text_top h1{
  color: #ff0000;
}
.box_home1 .text_top h1:hover{
  color: #eeb754bf;
}
.box_home1 .text_top a:nth-child(2){
  color: #000;
}
.box_home1 .text_top a:nth-child(2):hover{
  color: #eeb754bf;
}
.box_home1 .text_top a:nth-child(3){
  color: #000;
}
.box_home1 .text_top a:nth-child(3):hover{
  color: #eeb754bf;
}
.box_home1 .box1 img{
  width: 100%;
}
.box_home1 .content_main{
  font-size: 25px;
  color: #859587b5;
  line-height: 30px;
}
.box_home1 .content_main .text_main{

}
.box_home1 .box1 img{
  width: 300px;
  object-fit: cover;
  display: block;
  height: 333px;
}

.module_social {
  display: flex;
  align-items: center;
}
.module_social a span{
  text-decoration: none;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  padding: 0 5px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  transition: all 0.3s linear;
}
.module_social .social_title a{
  font-size: 30px;
  color: #859587b5;
  line-height: 1;
  padding-left: 5px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.3s linear;
}
.module_social .social_title a:hover{
  color: #00aff0;
}

.module_social a[class^=link-vk], .module_social span[class^=link-vk] {
    background: #4A76A8;
    border-color: #4A76A8;
}
.module_social a[class^=link-odnoklassniki], .module_social span[class^=link-odnoklassniki] {
    background: #F7931E;
    border-color: #F7931E;
}
.module_social a[class^=link-instagram], .module_social span[class^=link-instagram] {
    background: #D90154;
    border-color: #D90154;
}
.module_social a[class^=link-facebook], .module_social span[class^=link-facebook] {
    background: #1D4D99;
    border-color: #1D4D99;
}
.module_social a[class^=link-skype], .module_social span[class^=link-skype] {
    background: #00aff0;
    border-color: #00aff0;
}
.module_social a[class^=link-viber], .module_social span[class^=link-viber] {
    background: #665CAC;
    border-color: #665CAC;
}
.module_social a[class^=link-whatsapp], .module_social span[class^=link-whatsapp] {
    background: #43d854;
    border-color: #43d854;
}
.module_social a[class^=link-youtube], .module_social span[class^=link-youtube] {
    background: #c4302b;
    border-color: #c4302b;
}
.module_social a[class^=link-at], .module_social span[class^=link-at] {
    background: #ff9e00;
    border-color: #ff9e00;
}
.module_social a span:hover{
    background: #eeb754;
}
.box_home3 .items_block a, .box_home3 ul li{
  cursor: pointer!important;
}

.spec_wrapper{
    width: 1170px !important;
}
/*ÃÂ¨Ã‘â‚¬ÃÂ¸Ã‘Ë†Ã‘â€š ÃÂ´ÃÂ»ÃÂ¸ÃÂ½ÃÂ¾ÃÂ¹ Ã‘â‚¬ÃÂ°ÃÂ¼ÃÂºÃÂ¸*/
.box_home4 .choose-place-header {
  position: relative;
  font-size: 36px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px #000;
  color: #859587b5;
  /*background: #8595878f;*/
  padding: 10px 0 0;
  webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.box_home4 .choose-place-header:hover{
  color: #eeb754;
}
.box_home4 .nav-tabs{
  height: 100%;
}
.box_home4 .team-member {
  margin: 15px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
.box_home4 .member-photo, .page-title, .post-news {
    background-size: cover;
    overflow: hidden;
}
.box_home4 .member-photo{
  webkit-transition: all 1s linear;
  transition: all 1s linear;
}
.box_home4 .member-name {
  background-color: #85958773;
  padding: 15px 5px;
  margin-bottom: 10px;
  transition-duration: .5s;
  min-height: 80px;
  border: 15px solid #859587b5;
}
/*.box_home4 .member-name:hover {
  background-color: #795d2abd;
}*/

.box_home4 .content_main .items_foto .item_foto {
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: content-box;
  text-decoration: none;
  color: #859587b5;
  webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  border: 5px solid #ffffff1f !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0px 3px purple, 0 1px 18px rgb(0 0 0 / 35%), 0 3px 3px rgb(0 0 0 / 5%);
  min-height: 170px;
  margin: 3px 3px;
}
.name_green {
  background-color: #3c763d85 !important;
}
.name_read{
  background-color: #80008063 !important;  
}
/* .name_read:hover {
  background-color: #ff000094 !important;
} */
.name_purple{
  background-color: #ff000094 !important;  
}
.name_purple:hover {
  background-color: #80008063 !important;
}
.border-red{
  box-shadow: 0 0 0px 3px #ff0000,
  0 1px 18px rgb(0 0 0 / 35%),
  0 3px 3px rgb(0 0 0 / 5%);
  border: 10px solid #ffffff1f !important;
}
.box_home4 .member-name h3 {
    margin: 0;
    font-weight: 600;
    font-size: 23px;
}
.box_home4 .member-description h3, .box_home4 .member-description h4, .box_home4 .member-name h3, .box_home4 .member-name h4, .box_home4 .page-title h1 {
    color: #000;
    text-align: center;
}
.box_home4 .member-name h4 {
    margin: 6px 0 0;
    font-weight: 500;
    font-size: 15px;
}
.box_home4 .member-description {    
  width:100%;
/*  transition-duration: .5s;*/
  position: relative;
/*  webkit-transition: all 1s linear;
  transition: all 1s linear; */   
}
.box_home4 .member-description .tiles_col{
  /*flex-basis: 47%;*/
  min-height: 425px;
  margin: 3px 5px;
  flex-grow: 1;
}
/*.box_home4 .member-photo:hover .member-description {
  transform: scale(1.1);  
}*/

.box_home4 .member-description h3{
  font-size: 20px;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 25px;
  z-index: 1;
  position: relative;
  webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  display: none;
}
.box_home4 .member-description h3:hover{
  color: #eeb754;
}
.box_home4 .member-description .img_bg{
  position: absolute;    
  width: 100%;
  height: 100%;
}
.box_home4 .member-description .member-title{
  padding: 5px 5px 5px 10px;
  display: block;
  webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  z-index: 9999;
}
.box_home4 .member-description > span{
  text-decoration: none;
  color: #859587b5;
  webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  border: 10px solid #ffffff1f !important;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  box-shadow: 0 0 0px 3px purple, 0 1px 18px rgb(0 0 0 / 35%), 0 3px 3px rgb(0 0 0 / 5%);
}
.box_home4 .member-photo a, .box_home4 .member-photo span {
  background-repeat: no-repeat;
  background-size: cover;
  /* background-clip: content-box; */
}
.box_home4 .member-description a:hover{
  transform: scale(1.1);
}
.box_home4 a{
  text-decoration: none;
}
.box_home4 .nav>li a{
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.box_home4 .nav>li>a:hover, .box_home4 .nav>li>a:focus{
  border: 0;
  background: none;
}
.box_home4 .member-description p {
    margin: 13px auto;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    z-index: 1;
    position: relative;
}
/*.box_home4 .member-photo:hover .member-description {
  margin-top: -380px;
}*/
button:active,button:focus { outline: none; }

/*FORM*/
.section_form{
  width: 100%;
  padding: 0 10px;
}
.section_form .form button.button_submit {
  color: #fff;
  text-shadow: 1px 1px 1px #000000;
  border: none;
  border-radius: 0px;
  text-transform: uppercase;
  font-size: 18px;
  float: right;
  text-align: center;
  height: 25px;
  background: none;
}
.section_form .form button.button_submit:hover {
    color: #fff;
    background: #eeb754;
}
.section_form .form input, form.form textarea {
  width: 100%;
  background: #b17fa2;
  border: 1px solid #fff;
  padding: 3px 10px;
  margin-bottom: 5px;
  outline: none;
  height: 30px
}
input[placeholder], [placeholder], *[placeholder], ::-webkit-input-placeholder {
  color: #ffff !important;
}
/*.box_bottom .btm_phone {
  margin: auto;
}*/
.box_bottom .btm_phone {  
  font-weight: 700;
  color: #755706;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  line-height: 2;
  letter-spacing: 4px;
  flex-grow: 1;
  height: 100%;
}
.box_bottom .btm_phone :hover{
  text-decoration: none;
  color: #962a56ab;
}
.box_bottom .replace_bottom a{
  color: #eeb754bf;
}
.module_mail{
  height: 37px;
  display: flex;
  font-size: 27px;
  align-items: baseline;
  line-height: 1;
}
.module_mail a{
  color: #428bca;
}
.module_mail span:nth-child(1){
  color: #428bca;
}
/*.module_mail:hover span:nth-child(1){
  color: #ad7fb6;
}*/
.module_mail .fa-envelope{
  width: 37px;
  height: 37px;
}

/*ÃÂ¡ÃÂ±ÃÂµÃ‘â‚¬ÃÂºÃÂ°Ã‘â‚¬Ã‘â€šÃÂ°*/
.module_mail .btn_name span:nth-child(1){
  font-size: 34px;  
}
/*ÃÂ¡ÃÂ±ÃÂµÃ‘â‚¬ÃÂºÃÂ°Ã‘â‚¬Ã‘â€šÃÂ° ÃÂºÃÂ¾ÃÂ½ÃÂµÃ‘â€ */
.box1 .btn_name span:nth-child(2){
  color: #859587b5;
}
.home_wrapper .box2 .content_main img{
  width: 150px;
  float: left;
  margin-right: 10px;
}
.box_home4 .member-description .read_more{
  text-align: right;
  color: #fff;
  z-index: 1;
  position: relative;
  -webkit-transition: all 0.2s linear;
  transition: all 0.3s linear;
}
.box_home4 .member-description .read_more:hover{
  color: #eeb754;
}
a:focus{
  text-decoration:none;
}
.home_wrapper .box_home5{
  /*clear: both;*/
  /*background: #859587b5;*/
  width: 25%;
  display: flex;
  align-items: center;
  height: 62px
}
.home_wrapper .box_home5 .module_bottom{
  display: block;
  line-height: 1;
  padding: 5px;
  width: 100%;
}
.home_wrapper .box_home5 .module_bottom a{
  text-transform: uppercase;
  text-decoration: none;  
  display: flex;
  justify-content: space-between;
  align-items: center; 
}
.home_wrapper .box_home5 .module_bottom a span{
  color: #fff;
  text-shadow: 0 2px 1px #000;
  -webkit-transition: color 0.4s ease-out;
  -o-transition: color 0.4s ease-out;
  transition: color 0.4s ease-out; 
}
.home_wrapper .box_home5 .module_bottom a span+span{
  text-shadow: 0 2px 1px #000;
  font-family: "Ubuntu",sans-serif;
  color: #859587b5;
  font-weight: 700;
}
.home_wrapper .box_home5 .module_bottom a:hover span{
  color: #859587b5;
}
.home_wrapper .box_home5 .module_bottom a:hover span+span{
  color: #fff;
}
/*ÃÂ¨Ã‘â‚¬ÃÂ¸Ã‘â€žÃ‘â€šÃ‘â€¹*/
.bebas_neue{
  font-family: 'Bebas Neue', sans-serif;
}
.font-rubik{
  font-family: 'Rubik Mono One', sans-serif;
}
.font-comic_neue{
  font-family: 'Comic Neue', cursive;
}
.font-georgia{
  font-family: 'Georgia';
}
.font-georgia-bold{
  font-family: 'Georgia';
  font-weight: bold;
}
.font-arial{
  font-family: 'Arial';
}
.font-arial-bold{
  font-family: 'Arial';
  font-weight: bold;
}
.font-arial-narrow{
  font-family: 'Arial Narrow';
}
.font-ubuntu{
  font-family: 'Ubuntu',sans-serif;
}
.font-reggae-one{
  font-family: 'Reggae One', cursive; /*Ã‘ÂÃÂ¿ÃÂ¾ÃÂ½Ã‘ÂÃÂºÃÂ¸ÃÂ¹*/
}
.gallos_heavy{
  font-family: 'Gallos Architype';
}
.gallos_black{
  font-family: 'Gallos Architype Black';
}
.font-Ã‘Âasual {
  font-family: 'ofont_ru_CasualContact';
}
.font-futuric {
  font-family: 'a_FuturicaBlack';
}
.font-gunny {
  font-family: 'gnyrwn971';
}
.font-lengngineer {
  font-family: 'LEngineerRegular';
}

/*/ÃÂ¨Ã‘â‚¬ÃÂ¸Ã‘â€žÃ‘â€šÃ‘â€¹*/
canvas{ display: block; vertical-align: bottom; }
/* ---- particles.js container ---- */
#particles-js {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  /*background: url(./img/973295.jpg) 50% 0px / cover fixed;*/
  background-repeat: repeat;
  background-size: cover;
  background-position: 50% 50%;
}
/* ---- stats.js ---- */
.count-particles {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.js-count-particles {
  font-size: 1.1em;
}
#stats,
.count-particles {
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}
#stats {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.count-particles {
  border-radius: 0 0 3px 3px;
}
/* ---- END particles.js container ---- */
.d-none{
  display: none;
}
.row-flex {
  display: flex;
  flex-flow: row wrap;
}
.align-items-center{
  align-items: center;
}
.d-flex{
  display: flex !important;
}
.justify-content-center{
  justify-content: center;
}
.justify-content-between{
  justify-content: space-between
}
.justify-content-space-around {
  justify-content: space-around;
}
.justify-content-around{
  justify-content: space-around;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-fill{
  flex: 1 1 auto;
}
.flex-column-wrap{
  flex-flow: column wrap;
}
.h100{
  height: 100%;
}
.fb-50{
  flex-basis: 50%;
}
.fb-47{
  flex-basis: 46.5%;
}
.fb-100{
  flex-basis: 100%;
}
.btm_text {
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: all 0.2s linear;
  transition: all 0.3s linear;
}
.btn_sity{
  height: 70px;
  overflow: hidden;
}
.box_home3 .nav>li>a{
padding: 0;
}
.item_sity{
  background-color: #eeb754;
  padding: 5px 15px;
  margin-bottom: 10px;
}
.text_block p{
  font-size: 17px;
  color: #795d2b;
  margin-bottom: 25px;
}
.text_block p:hover{
  color: #859587b5;
}
.module_check{
  position: relative;
  text-align: left;
}
.module_check .form-group {
  margin-bottom: 15px;
}
.module_check .left_contacts{
  max-height: 370px;
  overflow-y: auto
}
.module_check .left_contacts img{
  width: 100%;
}
.module_check .left_contacts .block_content {
  position: relative;
  margin-bottom: 15px;
}
.module_check .left_contacts .block_content .item_content {
  position: absolute; 
  left: 35px;
  right: 35px;
  bottom: 20px;
  color: #fff;
  letter-spacing: 3px;
  font-size: 34px;
  line-height: 1.2;
  text-transform: uppercase;
  text-shadow: 1px 1px 3px #000;
  font-weight: 700;
  display: flex;
  align-items: center;
  font-family: 'Bebas Neue', sans-serif;
}
.module_check .left_contacts .block_spec{
  margin-bottom: 15px;
}
.module_check .left_contacts .block_spec .item_prew{
  position: relative;
}
.module_check .left_contacts .block_spec .item_prew .item-title {
  position: absolute;  
  bottom: 0;
  right: 0;
  left: 0;
  padding-left: 15px;
  padding-bottom: 10px;
  color: #fff;
  display: flex;
  justify-content: space-around;
}
.module_check .left_contacts .block_spec .item_prew .item-title span{
  flex-basis: 50%;
  text-shadow: 1px 1px 1px #000;
}
.module_check .left_contacts .block_spec .item_img img {
  width: 100%;
}
.module_check .left_contacts .block_spec .item_text{
  font-size: 21px;
  text-transform: uppercase;
  background: #8595878f;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-family: 'Bebas Neue', sans-serif;
  line-height: 1;    
}

.module_check .left_contacts .block_advantages{        
    font-size: 26px;
    font-family: 'Bebas Neue', sans-serif;
    margin-bottom: 15px;
    position: relative;
}
.module_check .left_contacts .block_advantages img{
  max-width: 100%;
}
.module_check .left_contacts .block_advantages .item_content{
  position: absolute; 
  left: 0px;
  right: 0;  
  top: 20px;
  letter-spacing: 3px;
}
.module_check .left_contacts .block_advantages span{
  display: block;
  color: #fff;
  font-size: 33px;
  line-height: 1.7;
  text-transform: uppercase;
  padding-left: 20px;
  text-shadow: 0 2px 1px #298ac2;
}
.module_check .left_contacts .block_advantages span:nth-child(1){
  font-size: 33px;
  color: #fff;
  padding-bottom: 57px;
  text-shadow: 0 1px 1px #ff0000;
}
.module_check .left_contacts .block_slogan {
  position: relative;
  font-size: 32px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  margin-bottom: 15px;
  font-family: 'Bebas Neue', sans-serif
}
.module_check .left_contacts .block_slogan img{
  max-width: 100%;
}
.module_check .left_contacts .block_slogan .item_content{
  position: absolute; 
  left: 30px;
  right: 10px;
  top: 20px;
  letter-spacing: 3px;
}
.module_check .left_contacts .block_slogan span{
    display: block;
    text-shadow: 0 2px 1px #000;
}
/*.module_check .left_contacts .text_block{
  color: #fff;
  margin-bottom: 10px;
  line-height: 1;
}*/
.module_check .left_contacts .text_block {
  color: #fff;
  margin-bottom: 10px;
  line-height: 1;
  padding: 10px;
  font-size: 10px;
}
.module_check .left_contacts .text_block p:nth-child(1){
  color: green;
}
.module_check .left_contacts .text_block p:nth-child(2){
  color:#428bca;
}
.module_check .left_contacts .text_block p:nth-child(3){
  color: tomato;
}
.rotate-right{
  animation-name: rotation-right;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.rotate-left{
  animation-name: rotation-left;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes rotation-right {
  0% {
      transform:rotate(0deg);
  }
  100% {
      transform:rotate(360deg);
  }
}
@keyframes rotation-left {
  0% {
      transform:rotate(360deg);
  }
  100% {
      transform:rotate(0deg);
  }
}
.bg-blue {
    background: #9c9b9b29;
}
.border-right{
  flex-basis: 47%;
  height: 15px;
  border-right: 10px solid #ffffff1f;
  margin-left: 10px;
}
.border-left{
  flex-basis: 47%;
  height: 15px;
  border-left: 10px solid #ffffff1f;
}
.border-block{
  flex-basis: 100%;
  position: relative;
  height: 15px;
}
.border-block:before{
  content: '';
  position: absolute;
  left: 0;
  right: 3px;
  height: 15px;
  width: 15px;
  margin: auto;
  background-color:#ffffff1f;
  box-shadow: 0 0 0px 3px purple, 0 1px 18px rgb(0 0 0 / 35%), 0 3px 3px rgb(0 0 0 / 5%);
}
.tiles_col{
  margin-bottom: 15px;
}

.border-block-d16 {
  margin: 10px 0; 
  width: 0px; 
  height: 5px;
  background: #F1CCAE;
  position: relative;
  margin: auto;
  left: -52px;
}
.border-block-d16:before, 
.border-block-d16:after {
  content: "";
  width: 0; 
  height: 0;
  position: absolute; 
  left: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
}
.border-block-d16:before {
  top: -10px;
  border-bottom: 10px solid #eeb754;
}
.border-block-d16:after {
  bottom: -10px;
  border-top: 10px solid #3c763d;
}
.piramid{
  position: absolute;
/*  top: 2%;
  left: 94px;*/
}
.border-block-big {
  margin: 10px 0; 
  width: 0px; 
  height: 75px;
  background: #F1CCAE;
  position: relative;

}
.border-block-big:before, 
.border-block-big:after {
  content: "";
  width: 0; 
  height: 0;
  position: absolute; 
  left: -100px;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
}
.border-block-big:before {
  top: -40px;
  border-bottom: 40px solid #eeb75482;
}
.border-block-big:after {
  bottom: -35px;
  border-top: 40px solid #8c6804;
}
 .piramid_link{
  overflow: hidden;
  position: relative;
  text-decoration: none;
  font-size: 61px;
  color: #755706;
  transition: all 0.5s linear;
  flex-grow: 1;
 }
.content_main .piramid_link {
  height: 315px;
}
.box_home4 .member-photo {
  width: 350px;
}
.member-photo .piramid_link{
  height: 340px;
}
.member-photo .piramid_link .img_bg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.member-photo .piramid_link > span {
  text-decoration: none;
  color: #859587b5;
  webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  border: 10px solid #ffffff1f !important;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  box-shadow: 0 0 0px 3px purple, 0 1px 18px rgb(0 0 0 / 35%), 0 3px 3px rgb(0 0 0 / 5%);
}

.audio_block_bottom audio::-webkit-media-controls-enclosure {
  border-radius:0;
  background:transparent;
}

.content_main .img_bg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.content_main  a.piramid_link {
  overflow: hidden;
  position: relative;
  text-decoration: none;
  font-size: 61px;
  color: #755706;
  transition: all 0.5s linear;
  flex-grow: 1;
  height: 315px;
}
#replace_div {
  position: relative;
  cursor: pointer;
}
#replace_div > div {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;    
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.3s linear;
}
#replace_div > div:nth-child(2) {
  opacity: 0;
  color: #ff0000;
  -webkit-transition: all 0.2s linear;
   transition: all 0.3s linear;
}
#replace_div:hover > div:nth-child(1) {
  opacity: 0;
}
#replace_div:hover > div:nth-child(2) {
  opacity: 1;  
  text-transform:inherit;
}

.replace_div {
  position: relative;
  cursor: pointer;
}
.replace_div > div {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;    
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.3s linear;
}
.replace_div > div:nth-child(2) {
  opacity: 0;
  -webkit-transition: all 0.2s linear;
   transition: all 0.3s linear;
}
.replace_div:hover > div:nth-child(1) {
  opacity: 0;
}
.replace_div:hover > div:nth-child(2) {
  opacity: 1;  
  text-transform:inherit;
}

.replace_2div:hover .replace_div > div:nth-child(1) {
  opacity: 0;
}
.replace_2div:hover .items_block:nth-child(2) {
  background: #80008063;
  box-shadow: 0 0 0px 3px #2a6496,
  0 1px 18px #c59d52,
  0 3px 3px rgb(0 0 0 / 5%);
  text-shadow: 0 3px 1px #000;
  color: #5e695f;
}
.replace_2div:hover .replace_div > div:nth-child(2) {
  opacity: 1;
  text-transform: inherit;
}
.replace_2div .items_block{
  margin-bottom: 20px;
}

#replace_audio {
  position: relative;
  cursor: pointer;
}
#replace_audio > span {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;    
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.3s linear;
}
#replace_audio > span:nth-child(2) {
  opacity: 0;
  color: purple;
  -webkit-transition: all 0.2s linear;
   transition: all 0.3s linear;
}
#replace_audio:hover > span:nth-child(1) {
  opacity: 0;
}
#replace_audio:hover > span:nth-child(2) {
  opacity: 1;  
  text-transform:inherit;
}
.box_home4 .page-row{
  margin-bottom: 15px;
}
.box_home3 .block_piramid {
   height: 320px;
}
.box_home3 .border-block-big:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;  
  top: 0;
  left: 15px;
  right: 0;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
}
.box_home3 .border-block-big:before{
  display: none;
}
/*.box_home3 .items_block:nth-child(2){
  margin: 10px;
  display: block;
  flex-direction: column;
} */
.member-description .member_title {
  /* position: absolute; */
  z-index: 99999;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000;
  letter-spacing: 3px;
}
.box_home3 .block_piramid{
  height: 320px;
}
.box_home3 .border-block-big{
  background: transparent;
  width: 100%;
}
.box_home3 .border-block-big:before, .box_home3 .border-block-big:after {
  content: "";
  width: auto;
  height: 0;
  top: 180px;
  position: absolute;
  left: -4px;
  right: 0;
  margin: 0px 18px;
  border-left: 107px solid transparent;
  border-right: 107px solid transparent;
}
.box_home3 .border-block-big:after{
  bottom: -35px;
  border-top: 40px solid #8c6804;
}

.box_home3 .border-block-big:before{
  display: none;
}
.box_bottom .btm_phone a, .box_bottom .btm_phone {
  font-weight: 700;
  color: #755706;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  line-height: 2.4;
  letter-spacing: 4px;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.city_all_trans {
  max-height: 500px;
  overflow-y: auto;
}
.city_all_trans.scroll::-webkit-scrollbar-thumb{
  background:rgba(0, 0, 0, 0);
  border-left: 10px solid transparent;
}
.vline {
  position: relative;
}

.vline::after {
  content: "";
  position: absolute;
  width: 3px;
  top: 16px;
  bottom: -8px;
  left: -20px;
  background: #795d2a;
}
a:focus {
  outline: none;
}
audio::-webkit-media-controls-play-button,
.playButton,
button,
::file-selector-button {
  width: 321px;
  height: 117px;
  position: absolute;
  z-index: 9;
  top: 0;
}
.bg-hover{
  padding: 10px;
  min-height: 82px;
}
.bg-hover:hover{
  background: #85958738;
}
.skype{
  color: #2a6496;
}
.skype:hover{
  color: #428bca;
}
/* .home_wrapper{
  border: 30px solid #505651;
  box-shadow: 0 0 0px 7px #859587, 0 1px 18px #859587, 0 3px 3px #859587;
} */
.color-grey,  .color-grey > span  {
  color: #8a8d8a !important;
}
.color-grey:hover{
  color: #eeb75482 !important;
}
.color2 span{
  color: #859587cf;
}
.color-transparent span{
  color: transparent;
}

.city_all{
  max-height: 500px;
  overflow: auto;
}
.city_all.scroll::-webkit-scrollbar-thumb{
  background:rgba(0, 0, 0, 0) ;
  border-left: 10px solid transparent;
}
.city_all.scroll.scroll::-webkit-scrollbar{
  width: 3px !important;
}
.city_block{
  margin: 3px;
}
.city_block a, .city_block span{
  color: #006262;
  line-height: 1.4;
  margin: 0px;
  -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.city_block a:hover, .city_block span:hover {
  color: #eeb754bf !important;
  background: #80008063;
  box-shadow: 0 0 0px 3px #2a6496,
  0 1px 18px #c59d52,
  0 3px 3px rgb(0 0 0 / 5%);
  border: 10px solid #ffffff1f;
}
.city_block:nth-of-type(odd) a, .city_block:nth-of-type(odd) span {
  color: #eeb75482;
  -webkit-text-stroke: 1px #c71414;
}
.block-piter a{
  color: #b1805e !important;
}
.block-piter a:hover{
  color: #eeb754bf !important;
}
.block-mosc a{
  color: #eeb754bf !important;
}
.block-mosc a:hover{
  color: #290029 !important;
}
.top_tel{
  color: #b2893f;
}
.top_tel:hover{
  color: #eeb754;
}
@property --rotate {
  syntax: '<angle>';
  initial-value: 132deg;
  inherits: false;
}

.magic_card {
  height: 295px;
  position: relative;
}
.card {
}
.card::before {
  --rotate: 132deg;
  content: "";
  width: 500px;
  height: 500px;
  background-image: linear-gradient(var(--rotate), #5dff71, #3c67e3 43%, #4e00c2);
  position: absolute;
  z-index: 0;
  top: -40%;
  left: -30%;
  animation: spin 12.5s linear infinite;
  opacity: 0.7;
}
.card_600::before{
  width: 600px;
  height: 600px;
  top: -20%;
}
.card_green::before {
  background-image: linear-gradient(var(--rotate), #5dff71, #1f3d1f 43%, #210150 55%);
}
.card_red::before {
  background-image: linear-gradient(var(--rotate), #5dff71, #ff0000 43%, #210150 85%);
}
@keyframes spin {
  0% {
    --rotate: 0deg;
    transform: rotate(0deg);
  }
  100% {
    --rotate: 360deg;
    transform: rotate(360deg);
  }
}
.bg-blue span {
  background-color: #054378b8;
}
.city_block .active {
  box-shadow: 0 0 0px 3px #2a6496, 0 1px 18px #c59d52, 0 3px 3px rgb(0 0 0 / 5%);
  border: 10px solid #ffffff1f;
}
.border-letter span{
  border: 2px solid #eeb75482;
  padding: 18px 5px 0 5px;
  /* margin: 3px; */
  background-color: #ff0000c2;
  height: 100%;
  display: flex;
  color: #b2893f;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.border-letter-malina span{
  background-color: #290029bf;
}
.border-min span {
  padding: 10px 0 0 0;
  width: 100%;
  font-size: 65px;  
}
.border-letter span:hover {
  background-color: rgba(150, 42, 86, 0.67);
  color: #b2893f;
  cursor: pointer;
  box-shadow: 0 1px 18px #c59d52,  0 3px 3px rgb(0 0 0 / 5%);
}
.border-letter-red span:nth-child(2n+2) {
  background-color: rgba(150, 42, 86, 0.67);
}
.border-letter-red span:hover {
  background-color: #ff0000c2;
}
.border-min-top span {
  font-size: 70px;
  color: transparent;
  height: 92px;
  padding: 12px 5px 0 5px;
 -webkit-text-stroke:none;
  color: #795d2b;
  margin-right: 10px;
}
.border-min-top span:last-child{
  margin-right: 0;
}
.border-min-top span:nth-child(2n+1) {
    background-color: #290029bf;
    border:none;
    -webkit-text-stroke: 2px #c71414;
}
.border-min-top span:nth-child(2n+2) {
  color: #006262;
}
/* .border-min-top span:nth-child(2n+2) {
  background-color: #290029bf;
} */
.box_home1 .border-letter span:nth-child(2n+1) {
  background-color: #290029bf;
  border: none;
  -webkit-text-stroke: 2px #c71414;
}
.box_home1 .border-letter span {
  margin-right: 11px;
  padding: 27px 5px 0 5px;
  color: #795d2b;
}
.box_home1 .border-letter span:nth-child(2n+2) {
  color: #006262;
}
.box_home1 .border-letter span:last-child{
  margin-right: 0;
}
.w100{
  width: 100%;
}
.ws45 span {
    width: 45px;
}
.ws55 span {
    width: 55px;
}
.member-photo > .border-letter span{
  background-color: #3070a7ad;
}
.member-photo > .border-letter span:nth-child(2n+1) {
  background-color: #3070a7ad;
}
.member-photo .ramka {
    text-decoration: none;
    color: #859587b5;
    webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    border: 10px solid #ffffff1f !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 0 0px 3px purple, 0 1px 18px rgb(0 0 0 / 35%), 0 3px 3px rgb(0 0 0 / 5%);
}
.member-photo .piramid_link .border-letter span{
  margin: 5px;
  padding: 19px 5px 0 5px;
}
.marquee {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: #ff0000;
  padding: 5px 0;
  margin-bottom: 10px;
  cursor: default;
}

.marquee span {
  display: inline-block;
  padding-left: 100%;
  -webkit-animation: scroll 23s infinite linear;
  -moz-animation: scroll 23s infinite linear;
  animation: scroll 23s infinite linear;
}
.marquee:hover span{
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
}
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
  }
}
@-moz-keyframes scroll {
  0% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -moz-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
  }
}
@keyframes scroll {
  0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(-100%, 0)
  }
}
.card-min::before {
  --rotate: 132deg;
  content: "";
  width: 300px;
  height: 300px;
  background-image: linear-gradient(var(--rotate), #006262, #006262 43%, #210150 55%);
  position: absolute;
  z-index: 0;
  top: -118px;
  left: -5%;
  animation: spin 15s linear infinite;
  opacity: 0.7;
}
.blue-block .blue-block2{ 
  color: #b2893f;
}
.blue-block:hover .blue-block1{
 color: #b2893f;
}
.blue-block:hover .blue-block2{
  color: #8a8d8a;
}
.border-letter-zebra-mal span:nth-child(2n+2) {
    background-color: #651c3a;
}
/* .border-letter-mal span:nth-child(2n+2):hover {
  background-color: #210221;
  color: #b2893f;
  cursor: pointer;
  box-shadow: 0 1px 18px #c59d52, 0 3px 3px rgb(0 0 0 / 5%);
} */
.border-letter.border-letter-zebra-mal span:hover {
  background-color: inherit;
}
.fz-105 span{
  font-size: 105px;
}
.border-letter-light-hover span{
    color: #a78547;
}
.border-letter-light-hover span:hover {
  background-color: rgba(150, 42, 86, 0.67);

  color: #795d2b;
  cursor: pointer;
  box-shadow: 0 1px 18px #886930, 0 3px 3px rgb(0 0 0 / 5%);
}
.mail span{
  color: #3070a7;
  -webkit-text-stroke: 0.5px #c71414;
}
.mail span:hover{
  color: #3070a7;
  -webkit-text-stroke: 0;
}
.top_info .border-min-top span{
  height: 120px;
  font-size: 103px;
  padding: 21px 5px 0 5px;
}
.smr-80 span{
  margin-right: 80px !important;
}
.smr-80 span:last-child{
  margin-right: 0 !important;
}
.color-red-last span:last-child{
  background-color:#ff0000c2;
}
.color-red-4 span:nth-child(4){
  background-color:#ff0000c2;
}
.color-red-8 span:nth-child(8){
  background-color:#ff0000c2;
}
.color-red-6 span:nth-child(6){
  background-color:#ff0000c2;
}
.color-ser-4 span:nth-child(4){
  background-color:#962a56ab;
}