.container-avto {
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
   justify-content: space-evenly ;
   align-items: stretch;
  flex-grow: 1,2,1; 
}
.item-avto {/* default 0 */
}
#header-row {padding-top:124px}
.avtoz {margin-top:20px;margin-bottom:20px !important;}
#avtoz {font-size:16px; font-weight:300;padding-top:4px;border-top:1px solid #666666 !important;line-height:2}
.contain {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;
    flex-grow: 1,2,1;
    background: rgb(250,250,250, 0.9);
    z-index: 99990;
    position: fixed;
    width: 100%;
}
.contain-footer {
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
   justify-content: space-evenly ;
   align-items: stretch;
  flex-grow: 1; 
}
.goriz {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
   }
.stec {	
    margin: 5px; /* Отступ слева */
    padding: 9px 20px; /* Поля вокруг текста */
	background: #e7695b;
}

.mod-custom__ p {font-size:1em}
.numero {
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
   justify-content: space-evenly ;
   align-items: stretch;
  flex-grow: 1; 
}

.numer {
  display: flex;
  flex-direction:column;
  flex-wrap:wrap;
   justify-content: space-evenly ;
   align-items: stretch;
  flex-grow: 1; 
}

.flexbox-container {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  align-content: center;
  padding-bottom:30px
}
.ja-contentslider-center-wrap {padding-left:30px}
.category, .category_title {text-align:center}
.category_title {font-size:20px;font-weight:500; padding-top:20px; padding-bottom:10px;color:#999999;}
.str_category{
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  align-content: space-around;
}
.images {
    text-align: center;
}

.forma {max-width:400px;margin:20px auto;}
.smfaq-copy {display:none}
/*-- catalog end--*/
.logo-slogan {
	margin: 0;
    text-align: center;
    margin-left: -3px;
    margin-top: -5px;
}
.heading-style-3 {color:#999999 !important; font-size:18px; margin-bottom:20px}
.heading-style-4 {color:#999999 !important; font-size:20px;margin-top:20px;font-weight:400}
#comjshop {
  margin-top: 0px;
}
.sppb-title-heading {white-space:2px !important}

.latest_products, .top_hits_products, .label_products {display:flex;}
.description {line-height:140%}
/* VIDEO */
.about {
  padding:200px 0;
  background:transparent;
  color: #fff;
  overflow: hidden;
  position: relative;
}
.sppb-addon-title-icon {padding-right:5px; width:20px}
.sppb-title-subheading {line-height:130%}
.mod-newsflash-adv__top_blocks {margin-top:-80px}
.about-title {
  font-size: 70px;
  text-align: center;
  position: relative;
  -moz-transition: all 19s ease-out;
  -o-transition: all 19s ease-out;
  -webkit-transition: all 19s ease-out;
  -webkit-animation: opacityToggle 20s;
  animation: opacityToggle 20s;
  font-family: 'Raleway', sans-serif;
}

.about_1 {
  padding:0;
  background:transparent;
  color: #FFFFFF;
  overflow: hidden;
  position: relative;
  text-shadow: 0 0 20px #000;
}
.about-title_1 {
  font-size: 50px;
  top: -100px;
  text-align: center;
  position: relative;
  -moz-transition: all 9s ease-out;
  -o-transition: all 9s ease-out;
  -webkit-transition: all 9s ease-out;
  -webkit-animation: opacityToggle 11s;
  animation: opacityToggle 11s;
  font-family: 'Raleway', sans-serif;
}
@-webkit-keyframes opacityToggle{
  0%{
    opacity: 0;
  }
  50%{
     opacity: 0.5;
  }
  100%{
    opacity: 1;
  }
}
@keyframes opacityToggle{
  0%{
    opacity: 0;
  }
  50%{
     opacity: 0.3;
  }
  100%{
    opacity: 1;
  }
}
/* VIDEO */
.video{
  top: 50%;
  width: 1920px;
  transform: translate(-50%, -50%);
  opacity:1;
  left: 50%;
  z-index: 0;
  position: absolute;
}
.about-header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 80px;
  -webkit-background-size: cover;
  background-size: cover;
  background: url()
    0 top no-repeat;
}
.about-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 126px;
  -webkit-background-size: cover;
  background-size: cover;
  background: url()
    0 top no-repeat;
}
.about-header-bg-2 {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  transform: translate(-50%, -100%);
  transition: transform 0.9s 0.2s ease;
  will-change: transform;
  transform: translate(-50%, 0);
}
@media (max-width: 768px) {
	
.about {
  padding:180px 0;
  background:transparent;
  color: #fff;
  overflow: hidden;
  position: relative;
}
.video {
  top: 50%;
  width: 800px;
  transform: translate(-50%, -50%);
  opacity:1;
  left: 50%;
  z-index: 0;
  position: absolute;
}
}
@media (max-width: 480px) {
	.navigation ul.sf-menu > li > a, .navigation ul.sf-menu > li > span {
    font-size: 13px;
    line-height: 20px;
    padding: 5px 0 6px;
}
.span12 {margin-top:150px}
.container-avto {
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
   justify-content: space-evenly ;
   align-items: stretch;
  flex-grow: 1,2,1;
  margin:0 5px;  
}
.item-avto {
	width:360px !important
}
	
  .about-title{
    font-size: 40px;
    line-height:120%;
  }
  .about {
    padding:0;
    background: transparent;
    color: #fff;
    overflow: hidden;
    position: relative;
}
.latest_products, .top_hits_products, .label_products {display:flex; flex-direction:column;justify-content:space-around;}
.contain {
  display: flex;
  flex-direction: column;
  flex-wrap:wrap;
   justify-content: space-evenly ;
   align-items:center;
  flex-grow: 1,2,1; 
  background:#ffffff;
}
.navigation ul.sf-menu ul li a, .navigation ul.sf-menu ul li span {
    font-size: 13px;
    line-height: 16px;
    font-family: 'Ubuntu', sans-serif;
    color: #ffffff;
    display: block;
    padding: 5px 5px;
    font-weight: 400;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
}
/* VIDEO END */

#showcase-row {
    background: url(images/bg_1.jpg) no-repeat 50% 0;
}
.showcase_1 {
    max-width: 1170px;
    margin: 3% auto;
}
.item-101 {display:none}
#login-button{
    color: #000000;
    display: block;
    font-size: 1em;
    height: 30px;
    right: 5%;
    line-height: 20pt;
    position: fixed;
    text-align: center;
    top: 1%;
	z-index:9999;
    width: 10%;
}
.animated {
text-indent: 0px;
-moz-transition: all 19s ease-out;
-o-transition: all 19s ease-out;
-webkit-transition: all 19s ease-out;
   -webkit-animation: opacityToggle 20s;
   animation: opacityToggle 20s;
}
@-webkit-keyframes opacityToggle{
  0%{
    opacity: 0;
  }
  50%{
     opacity: 0.5;
  }
  100%{
    opacity: 1;
  }
}
@keyframes opacityToggle{
  0%{
    opacity: 0;
  }
  50%{
     opacity: 0.3;
  }
  100%{
    opacity: 1;
  }
}

._foots {color:#281F2B !important}
.fars {color:#281F2B !important;}

#vina-carousel-jshopping218 a {font-size:18px !important}

.zagolovok	{color:#281F2B !important}


.containers {
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
   justify-content: space-evenly ;
   align-items: stretch;
   
}
.item33 {text-align:left !important; width:33% !important}

@media (max-width:500px) {
  
} {text-align:left !important; width:100% !important}
}

.item_title__top_blocks {font-size:90% !important}

.conta {
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
   justify-content: space-evenly ;
   align-items: stretch;
  flex-grow: 1,2,1; 
}
.item {/* default 0 */
}
/*/-----   Правки CSS от 29.06.2022 -------------/*/
@media (min-width: 1201px) {
.contain {
    display: grid !important;
    grid-template-columns: 240px 1fr 120px !important;
    justify-items: start !important;
    align-items: center !important;
    background: rgb(250 250 250) !important;
}
#logo {
padding-left: 15px !important;
}
}
@media (min-width: 481px) and (max-width: 1200px)  {
.navigation ul.sf-menu {
    overflow: hidden !important;
    height: 0 !important;
    float: none !important;
}
  .sub-menu li {
    max-width: 200px;
}
.navigation ul.sf-menu ul li a {
 white-space: normal !important;   
}
  .contain {
    display: grid !important;
    grid-template-columns: 250px 140px 140px !important;
    padding: 15px 0 0 0;
    justify-items: start !important;
    align-items: start;
    background: rgb(250 250 250) !important;
}  
  .je_button {
    margin: 30px 0 !important;
}
.navigation .btn-sf-menu {
    margin-top: 30px !important;
}    
.sf-menu > li {
    float: none !important;;
}
.navigation ul.sf-menu > li + li {
    margin-left: auto !important;;
}
.navigation ul.sf-menu > li > span   {
    padding: 10px 0 0px !important;
}
.contain .items:nth-child(2) {
   grid-column: 3/4;
   grid-row: 1/2
}
.contain .items:nth-child(3) {
   grid-column: 2/3;
   grid-row: 1/2
}
.navigation .btn-sf-menu {
    display: block !important;
}
.navigation {
    padding-bottom: 0px !important;
}
.navigation .btn-sf-menu {
    width: 66px !important;
}
#logo {
padding-left: 15px !important;
}
}
@media (max-width: 767px){
#logo {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
}
@media (max-width: 480px) {
  .sub-menu li {
    max-width: 200px;
}
.navigation ul.sf-menu ul li a {
 white-space: normal !important;   
}
  .navigation .btn-sf-menu {
    width: 66px !important;
margin-top: 10px !important; 
  }

.navigation .btn-sf-menu {
    width: 66px !important;
}
.contain {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 90px 1fr;
    justify-items: center;
    align-items: start;  
}
.contain  .items p {
    padding-bottom: 0px;
}
.contain  .items:first-child{grid-column: span 2;}
.navigation {
    padding-bottom: 0px !important;
}
}
/* ----------------- СЛАЙДЕР ------------------------*/
@media (max-width: 1200px) {
.cameraContent {
    bottom: auto !important;
    }
.camera_caption {
    text-align: center;
}
.camera_caption div {
    width: 96vw !important;
}
.camera_caption h1{
    text-shadow: black 0px 0px 7px, black 0px 0px 7px, black 0px 0px 7px;
}
}
@media (max-width: 1200px) {
h1 {
    font-size: 60px !important;
}
}
@media (max-width: 800px) {
h1 {
    font-size: 40px !important;
}
}
@media (max-width: 480px) {
h1 {
    font-size: 40px !important;
}
.cameraContent {
    bottom: 30% !important;
    }
}
@media (max-width: 480px) {
h1 {
    font-size: 25px !important;
}
}
/*--------------- КОНЕЦ СЛАЙДЕРА -------------------- */
/* --------- СЛАЙДЕР НА ГЛАВНОЙ ИЗ-ЗА КОТОРОГО СКАКАЛА МЕНЮШКА НА МОБИЛКЕ ---------------*/

.karusel-glavnaya {
    height: 700px;
}

#showcase-row {
  max-height: 690px;
    height: 690px;
}
@media (max-width: 1000px) {
#showcase-row {
  max-height: 500px;
    height: 500px;
}
}

/* --------- КОНЕЦ СЛАЙДЕРА НА ГЛАВНОЙ ИЗ-ЗА КОТОРОГО СКАКАЛА МЕНЮШКА НА МОБИЛКЕ ---------------*/

/*----------- Табы и плашки во вкладках отели ---------*/
  @media (max-width: 1000px) {
#block_attr_sel_1 .input_type_radio {
 width: auto !important;
}
    .nav-tabs a {
    white-space: nowrap;
}
}
  @media (max-width: 800px) {
.nav-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border: none;
    overflow-x: auto;
    padding-bottom: 20px !important;
}
.nav-tabs:before {
    display: none !important;
}
.nav-tabs > li {
    margin: 0 20px 0 0 !important;
}
  }
@media (max-width: 560px) {
td {
display: inline-block;
max-width: 90vw !important;
}
td div {
  width:100% !important;
}
td .right, .left {
    display: none !important;
}
.firstItem img {
    max-width: 90vw !important;
}
.thumbSlider {
    overflow-x: auto !important;
}
}
/*----------- Конец табов и плашек во вкладках отели ------*/
/*----------VIP транспорт -----*/
.box-vip-konv {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    padding-bottom: 30px;
}
.item-konv  img{
    margin-right: 5px;
}
@media (max-width: 480px) {
.itemid-363  #header-row {
    padding-top: 144px;
}
  .itemid-363  #component {
    margin-top: 0px !important;
  }
.itemid-363  .video {
    top: 50%;
    height: 200px !important;
    width: auto !important;
  }
}
@media (max-width: 1200px) {
.box-vip-konv {
    grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 820px) {
.box-vip-konv {
    grid-template-columns: 1fr;
}
}
/*----------КОНЕЦ VIP транспорт -----*/
/*----------Наши преимущества-------*/
.nashi-preimushestva {
    letter-spacing: 1px;
    line-height: 30px !important;
  word-spacing: 2px;
}
@media (max-width: 800px) {
.nashi-preimushestva {
    letter-spacing: 2px;
  word-spacing: 2px;
}
}
/*----------Конец Наши преимущества-------*/
/*--------- КОНСЬЕРЖ-СЕРВИС -------------*/
.itemid-285 .introtext {
	letter-spacing: 0.4px;
    line-height: 20px !important;
	font-size: 16px;
}
@media (max-width: 767px) {
	.itemid-285 .introtext {
	letter-spacing: 1px;
    line-height: 30px !important;
	font-size: 16px;
}
}
/*---------КОНЕЦ КОНСЬЕРЖ-СЕРВИС -------------*/
/*---------- Япония в лицах -----------------*/
.itemid-291 .item_introtext, .itemid-291 .item_introtext p {
	letter-spacing: 1px;
    line-height: 25px !important;
    font-size: 20px;
  word-spacing: 2px;
}
/*---------- Конец Япония в лицах -----------------*/
/*---------- Что нового? ------------------*/
.itemid-300 .item_img {
    float: left;
    margin: 0 30px 9px 0;
    max-width: 21%;
}
/*@media (min-width: 1200px) {
.itemid-300 .item_introtext p {
	width: 60%;
}
.itemid-300 article .btn-info {
	margin-right: 270px;
}
}
@media (max-width: 1199px) {
.itemid-300 .item_introtext p {
	width: 100%;
}
.itemid-300 article .btn-info {
	margin-right: 100px;
}
}
@media (max-width: 480px) {
.itemid-300 .item_introtext p {
	width: 100%;
}*/
@media (max-width: 480px) {
.itemid-300 article .btn-info {
	float: none !important;
}
}
@media (min-width: 900px) {
  .itemid-300  article {
        width: 75%;
  }
  
}
/*---------- Конец Что нового? ------------------*/
/*---------- Детокс програмы -------------------*/
@media (min-width: 900px) {
.itemid-288 article {
	width: 75%;
}
.itemid-288 .no-width .category_desc {
    width: 100% !important;
  }
.page-blog article {
    width: 100%;
  }
}
@media (max-width: 500px) {
.itemid-288 .item_fulltext img {
	width: 100%;
    margin-bottom: 30px;
}
}
/*---------- Конец Детокс программы-------------*/
/*---------- Все гольфы-------------*/
.itemid-289 .golf p {
	letter-spacing: 2px;
    word-spacing: 2px;
	line-height: 30px;
}
@media (max-width: 500px) {
.itemid-289 .textcols-left {
	float: none;
    width: 100%;
}
.itemid-289 .textcols-right {
    float: none;
    width: 100%;
}
.itemid-289 .golf {
    width: 100%;
    border-right: none;
    margin-right: 0px;
    padding-right: 0px;
}
.itemid-289 .golf p {
	letter-spacing: 2px;
    word-spacing: 2px;
	line-height: 30px;
    text-align: inherit !important;
}
}
/*---------- Конец Все гольфы-------------*/
/*--------- Гольф. Страница категории ---------*/
.ogranichenie {
	width: 75%;
}
.ogranichenie p {
text-align: inherit !important;
  letter-spacing: 1px;
    line-height: 30px !important;
    word-spacing: 2px;
}
.box-golf-gr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 45px;
	padding: 25px 0px;
}
@media (max-width: 600px) {
	.box-golf-gr {
	grid-template-columns: 1fr 1fr;
}
  .ogranichenie {
	width: 100%;
}
}
@media (max-width: 600px) {
	.box-golf-gr {
	gap: 20px;
}
}
@media (max-width: 500px) {
	.box-golf-gr img {
    margin-right: 0px;
    margin-bottom: 20px;
}
.box-golf-gr a {
	display: block;
}
.box-golf-gr .item333 {
	text-align: center;
}
.box-golf-gr {
    gap: 30px 15px;
}
}
/*--------- Конец Гольф. Страница категории ---------*/
/*--------- Каждый детокс курорт -----*/
@media (max-width: 500px) {
 .line {
    width: 95%;
  }
}
/*--------- Каждый детокс курорт -----*/
/* -------- Наши координаты ----------*/
@media (min-width: 700px) {
.itemid-287 .koordinati-setka {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.itemid-287 .koordinati-setka hr {
 grid-row: 2/3;
}
.itemid-287 .row-fluid .itemSpan8, .row-fluid .span8 {
    width: 100%;
}
.itemid-287 .mod-custom hr {
display: none !important;
}
.itemid-287 .mod-custom {
    margin-top: 50px;
}
.itemid-287 aside {
    display: grid;
    grid-template-columns: 1fr 1fr;
	justify-items: center;
}
}
/*--------- Конец Наши координаты -----*/
/*--------- Детокс курорты  -----------*/
@media (max-width: 600px) {
table {
	width: 100% !important;
}
td {
	width: 100% !important;
	display: block;
}
td p {
    text-align: inherit !important;	
}
.line p {
	text-align: inherit !important;
}
}
/*--------- Конец Детокс курорты  -----------*/
/*--------- Регионы -------------------------*/
@media (min-width: 1101px) {
  .conta {
		display: grid;
	grid-template-columns: 1fr 1fr 1fr;	
    width: 80%;
  }
.gr1 {
    grid-column: 1/2;
    grid-row: 1/2;
}
.gr2 {
    grid-column: 2/3;
    grid-row: 1/2;
}
.gr3 {
    grid-column: 3/4;
    grid-row: 1/2;
}
  
}
@media (min-width: 900px) {
.itemid-358 .category_description p:first-child {
width: 80%;
}
  .itemid-358 .heading-style-3 {
    grid-template-columns: 100%;
    display: grid;
    margin-left: 0px;
    gap: 15px;
    font-size: 16px;
}
}
@media (min-width: 900px) and (max-width: 1100px) {
.conta {
		display: grid;
	grid-template-columns: 1fr 1fr 1fr;	
}
.gr1 {
    grid-column: 1/2;
    grid-row: 1/2;
}
.gr2 {
    grid-column: 2/3;
    grid-row: 1/2;
}
.gr3 {
    grid-column: 3/4;
    grid-row: 1/2;
}
}
@media (max-width: 899px) {
.conta {
	display: grid;
    grid-template-columns: 1fr 1fr;
	gap: 20px;
}
.itemid-358 .heading-style-3 a:first-child {
    grid-row: 2/3;
}
.gr1 {
	grid-column: 1/2;
    grid-row: 2/3;
}
.gr2 {
	grid-column: 1/3;
    grid-row: 1/2;
}
.gr3 {
	grid-column: 2/3;
    grid-row: 2/3;
}
  .itemid-358 .heading-style-3 {
	margin-left: 15px;
}
}
/*.itemid-358 .heading-style-3 {
	grid-template-columns: 100%;
    display: grid;
    margin-left: 15px;
}*/
.itemid-358 .heading-style-3 img {
    margin-bottom: 20px !important;
    width: 100%;
}
.itemid-358 .heading-style-3 a:first-child {
  grid-row: 2/3;
}
/*--------- Конец Регионы -------------------*/
/*--------- Полоска Куки---------------------*/
.cookie-alert {    
	position: fixed !important;
    z-index: 9999999 !important;
    bottom: 0 !important;
}
/*--------- Конец Полоска Куки---------------------*/
/*--------- Менюшка нижняя выравнивание и вывод из грид -----*/
.oteli-i-rekani-men {
   display: flex !important;
   gap: 7px !important;
}
#copyright-row .heading-style-3 {
  font-size: 18px;
}
/*--------- Конец Менюшка нижняя выравнивание и вывод из грид -----*/
/*---------- Скроллбар --------------*/
html::-webkit-scrollbar {
    width: 4px;
}
html::-webkit-scrollbar-button {
    background-image: url(jquery-ui-1.10.4.custom.min.css);
    background-repeat: no-repeat;
    width: 2px;
    height: 0px;
}
html::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #ccc;
}
html::-webkit-scrollbar-track {
    background-color: #E7695B;
}
/*---------- КОнец скроллбар --------------*/