@font-face {
			font-family: "LatoRegular";
			src: url("../fonts/LatoRegular/LatoRegular.eot");
			src: url("../fonts/LatoRegular/LatoRegular.eot?#iefix")format("embedded-opentype"),
			url("../fonts/LatoRegular/LatoRegular.woff") format("woff"),
			url("../fonts/LatoRegular/LatoRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
}
/*@import url(http://allfont.ru/allfont.css?fonts=raleway-regular);
@import url(http://allfont.ru/allfont.css?fonts=merriweather-sans-regular);*/
html, body {
  height: 100%;
}
body{
    font-family: 'Open-Sans', sans-serif;
    display: flex; flex-direction: column; height: 100%;
}
#header, #footer{flex: 0 0 auto;}
.main-content{flex: 1 0 auto;}
.body .container{border:0; border-radius:0; box-shadow: none;}
.uk-container-fluid:after, .uk-container-fluid:before {display: table; content: "";}
.uk-container-fluid .uk-grid{margin-left:0}
img{border: none;}
.full-width{
    width: 100vw;
    position: relative;
    left: 49%;
    margin-left: -50vw;
    background: url('../images/webp/burning-coals.webp') rgba(25,25,25, 0.4);
    background-blend-mode: multiply;
    color: #fff;
    filter: contrast(85%);
    padding:10px 0;
}
.transparent90{
    filter: alpha(Opacity=90); /* Прозрачность в IE*/
    opacity: 0.9;
}
.full-width h2, .full-width h3{text-shadow: 1px 1px #fff}
.full-width li:before{ box-shadow: 1px 1px 4px #fff;}
.gradient {
    background-color: #d7eadd;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYzVlM2VmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNkYWViZGEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2RhZWJkYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODUiLz48c3RvcCBzdG9wLWNvbG9yPSIjYzVlM2VmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN2c2dnKSIgLz48L3N2Zz4=);
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%,color-stop(0, rgb(197, 227, 239)),color-stop(0.15, rgb(218, 235, 218)),color-stop(0.85, rgb(218, 235, 218)),color-stop(1, rgb(197, 227, 239)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(left,rgb(197, 227, 239) 0%,rgb(218, 235, 218) 15%,rgb(218, 235, 218) 85%,rgb(197, 227, 239) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to right,rgb(197, 227, 239) 0%,rgb(218, 235, 218) 15%,rgb(218, 235, 218) 85%,rgb(197, 227, 239) 100%);
    background-image: -ms-repeating-linear-gradient(left,rgb(197, 227, 239) 0%,rgb(218, 235, 218) 15%,rgb(218, 235, 218) 85%,rgb(197, 227, 239) 100%);
}

/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc5e3ef",endColorstr="#ffc5e3ef",GradientType=1);
    }
}
@media (min-width: 1220px){
    .body .uk-container {
        max-width: 1280px;
    }
}
.fa-phone{color: white}
.uk-table th{text-align: center; font-weight: bold}
/*---- Навигационное меню сверху шапки сайта ----*/
 .header_nav .search{height:40px;}

/* -----------Шапка сайта---------------- */
.header{
    background: url(../images/fire-69.gif) center bottom;
    background-size: cover;
}
.header >div{padding: 1rem;}
.header .mobile_menu button{
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 7px;
    background: rgba(200, 250, 180, 0.7);
}
.header .slogan{position:relative;}
.header .slogan span {
    display: block;
    padding-top: 10px;
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
    color: #ffffff;
    text-shadow: 1px 1px 9px #333333;
}
.header .slogan .desc{
    color: #b4b6b5;
    margin-top: 10px;
}
.header address{
    font-size: 1.3em;line-height: 1.4em;
    color: #f5f2f0;
    font-weight: 500;
    text-shadow: 1px 1px 9px #333333;
    position:relative;
}
.header address{text-align: center;}
.header address >div{overflow:hidden}
.header address span >p{position:relative; bottom:5px; margin-bottom:0;}
.header address >div:first-child span{padding-left: 10px}
a.brand{display:block; text-align: center;}
a.brand img{width:80%;}
.header .modal_btn{margin: 0 auto; display: block; max-width: 210px}

.advantages{color:#dde3bd; background-color: #465c68; padding: 10px 0;
    border-bottom: 2px solid #be702d;
    border-top: 2px solid #be702d;
}

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

/* ---------- Для слайдера ------------*/
.banner-text {
    right: 10% !important;
    border-left:8px solid #FFF568;
    margin:20px 0;
    background: rgba(255,255,255,0.7);
    color:rgba(0,0,0,0.8)!important;
}
.banner-text h3{
    text-transform: uppercase;
    font-weight: 600;
    text-align:center;
}
.uk-slidenav-contrast{color: #000 !important;}
.uk-slidenav-contrast:focus, .uk-slidenav-contrast:hover { color: rgba(36, 34, 34, 0.7) !important;}
a.uk-slidenav{
    background: rgba(255,255,255,0.7) !important;
    border-radius:50%;
    width: 80px;
    height: 80px;
    line-height: 75px;
    font-size: 50px;
}

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

.opaticy{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
	-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+, Chrome 5+, IE 9+ */
}
button.navbar-toggler{
    background: url(../images/mob_menu.png) no-repeat;
    background-size: contain;
    margin-top: 0.5rem;
}

/* ---------Новости----------*/
.top_cont .uk-overlay-panel{color:#000;}
.top_cont .rsca-date{
    font-size: 10pt;
    color: #b8b8b8;
}
.top_cont .rsca-title{text-align:center;}
.top_cont .rsca-light .rsca-readmore{text-align:left;}
.top_cont .rsca-readmore a{color:#000; text-decoration:underline;}
.top_cont .rsca-readmore a:hover{text-decoration:none; color: #777;}
.title{
    margin: 5px 0; height: 46px;
    padding: 0 20px 0 28px;
    background: url(../images/line.png) repeat-x;
}
.title h3{margin:0; line-height: 30pt; font-size: 20pt;}
.title h3 span {margin:0; line-height: 35pt; font-size: 20pt; background: #fff; padding: 5px;}

/*-------Отзывы-------*/
.review{color:#000;}
.review h3{text-align:center; font-weight:bold; font-size: 1.7em;}
.review img{border:none;}
.review a{text-align: center; font-style:italic; color:#000; text-decoration: underline; display:block;}
.review a:hover{text-decoration:none;}
.review a.uk-button{width:12em; margin:1em auto; color:#fff}

/*----------Специалисты---------*/
.specialist img{
    border-radius:50%; border:none;
    -webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.8);
    -moz-box-shadow:    1px 1px 4px 0px rgba(50, 50, 50, 0.8);
    box-shadow:         1px 1px 4px 0px rgba(50, 50, 50, 0.8);
    width:50%;
}
.specialist .item-image a.jbimage-link {border:none; box-shadow:none}
.specialist .name{font-size:1.3em; line-height: 1.7em; }
.specialist  .position{
    border-radius: 4px;
    background-color: #8cc739;
    padding: 7px 20px;
    color: #ffffff;
    font-family: 'Gothic Bold', Arial, sans-serif;
    font-size: 19px;
    line-height: 24px;
    display: inline-block;
}
.specialist .item-text a{color: #f07c00; text-decoration: underline; text-transform:uppercase;}
.specialist .item-text a:hover{text-decoration:none;}

/* Стиль для 3D текста */
.hit-the-floor {
    font-size: 12pt;letter-spacing: 1.5pt;
    font-weight: bold;
    font-family: Helvetica;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
/* ---------------- */

/*----Мигающий текст------*/
#blink {
	-webkit-animation: blink 2s linear infinite;
	animation: blink 2s linear infinite;
	font-weight: bold;
	color: color: #F00;
}

@-webkit-keyframes blink {
	0 { color: #F00; }
	50% { color: #FFF666; }
	100% { color: #F00; }
}

@keyframes blink {
	0 { color: #F00; }
	50% { color: #FBB; }
	100% { color: #F00; }
}
/* ---------------- */

/* --------  Для выпадающего списка --------- */
/* Небольшая кнопка, которая будет активна при выпадающем списке. */
.wrapper-dropdown-1 {
    /* Размер и позиционирование */
     position: relative;
     width: 200px;
     margin: 0 auto;
     padding: 10px;

     /* Стили */
     background: #fff;
     border-radius: 7px;
     border: 1px solid rgba(0,0,0,0.15);
     box-shadow: 0 1px 1px rgba(50,50,50,0.1);
     cursor: pointer;
     outline: none;

     /* Настройка шрифта */
     font-weight: bold;
     color: #8AA8BD;
}
/* Границы, тени и закругленные углы, а также указательная стрелка.*/
.wrapper-dropdown-1:after {
    content: "";
     width: 0;
     height: 0;
     position: absolute;
     right: 15px;
     top: 50%;
     margin-top: -3px;
     border-width: 6px 6px 0 6px;
     border-style: solid;
     border-color: #8aa8bd transparent;
}

.wrapper-dropdown-1 .dropdown {
     /* Размер и позиционирование */
     position: absolute;
     top: 140%;
     left: 0;
     right: 0;
     /* Стили */
     background: white;
     border-radius: inherit;
     border: 1px solid rgba(0,0,0,0.17);
     box-shadow: 0 0 5px rgba(0,0,0,0.1);
     font-weight: normal;
     transition: all 0.5s ease-in;
     list-style: none;
     opacity: 0;
     pointer-events: none;
}

.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}
.wrapper-dropdown-1 .dropdown li a {
     display: block;
     padding: 10px;
     text-decoration: none;
     color: #8aa8bd;
     border-bottom: 1px solid #e6e8ea;
     box-shadow: inset 0 1px 0 rgba(255,255,255,1);
     transition: all 0.3s ease-out;
}

.wrapper-dropdown-1 .dropdown li i {
     float: right;
     color: inherit;
}

.wrapper-dropdown-1 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}

.wrapper-dropdown-1 .dropdown li:last-of-type a {
     border-radius: 0 0 7px 7px;
     border: none;
}

/* При наведении курсора */
.wrapper-dropdown-1 .dropdown li:hover a {
    background: #f3f8f8;
}
/* ------------------------*/


/* -------- Детализация при наведении --------- */
.cell {position:relative;}
.on-hover{
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 2px;
    border-radius: 5px;
}
.on-hover table{width:100%;}

.hidden-block {
	position: absolute;z-index:1;
	left: 10px;
    top: -10px;
    padding: 325px 10px 20px;
	width: 100%;
	opacity: 0;
	background: #fff;
	font-size: 1.2em;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
    box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.7);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.7);
    -moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.7);
    box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.7);
    transition: left 0.3s linear;
}
.cell:hover .hidden-block{
	opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	transition: 1s;
}

.hidden-block h2{
	font-size: 1.2em; font-weight: normal;
	margin: 0; padding: 10px 0; padding-left: 2rem;
}
.hidden-block p {padding: 0; margin: 0; font-size: 0.9em;}
/* ------------------------*/
.banner a {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.banner a:before,
.banner a:after {
  position: absolute;
  content: '';
  z-index: 1;
  -webkit-transform: scale(0,1);
  -moz-transform: scale(0,1);
  -ms-transform: scale(0,1);
  -o-transform: scale(0,1);
  transform: scale(0,1);
  -moz-transition: opacity 0.35s, -moz-transform 0.35s;
  -ms-transition: opacity 0.35s, -ms-transform 0.35s;
  -o-transition: opacity 0.35s, -o-transform 0.35s;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  opacity: 0;
}
.banner a:before {
  top: 15%;
  right: 7%;
  bottom: 15%;
  left: 7%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.banner a:after {
  top: 7%;
  right: 15%;
  bottom: 7%;
  left: 15%;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.banner a img {
  width: 100%;
  webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.banner a:hover:before,
.banner a:hover:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.banner a:hover img {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
  opacity: 0.7;
}
.banner img{
    position: relative;
    display: block;
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}

.banner.effect-apollo {
  display: inline-block;
  position: relative;
  float: left;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  padding:5px;
}
.banner.effect-apollo img {
  margin: 0 auto;
  position: relative;
  display: block;
  opacity: 0.95;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale3d(1.05,1.05,1);
  transform: scale3d(1.05,1.05,1);
}
.banner.effect-apollo:before {
  position: absolute;
  top: -100px;
  left: -100px;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
  content: '';
  z-index: 1;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,-1,30deg) translate3d(0,-100%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,-1,30deg) translate3d(0,-100%,0);
}
.banner.effect-apollo:hover img {
  opacity: 0.6;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}
.banner.effect-apollo:hover:before {
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,-1,30deg) translate3d(0,200%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,-1,30deg) translate3d(0,200%,0);
}

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

/*--------Стили центра ----------------*/
main #content{padding: 5px; border-radius:10px; margin-bottom: 10px; }
main #content ul{list-style:circle;}
main #content ol{counter-reset: li;}
/* Отсуп для вложенных списков*/
main #content ol ol{
    margin: 0 0 0 2em;
}
main #content li{line-height: 1.3em;  margin: .5em 0;}
main #content ol li, main #content #yoo-zoo .jbzoo-item-article ol li{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    background: #ddd;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    line-height: 1.3em;
}
main #content ol li:hover{background: #eee;}

main #content ol li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #84cc52;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
}
main #content .item-page ul, main #content #yoo-zoo .jbzoo-item-article ul{list-style:none}
main #content #yoo-zoo .jbzoo-item-kartochka ul{list-style: disc}
main #content .item-page ul li, main #content #yoo-zoo .jbzoo-item-article ul li,
main #content .item-page ol li{
    position:relative;
    min-height: 25px;
    font-size: 1.2em;
}
main #content .item-page ul li:before, main #content #yoo-zoo .jbzoo-item-article ul li:before{
	content: '';
    width: 8px;
    height: 8px;
    font-weight: 600;
    position: absolute;
    left: -20px;
    top: 8px;
    background-color: #4caf50;
    border-radius: 50%;
}
main #content #yoo-zoo .jbzoo-item-article .item-tabs ul li:before{
    content: none;
}
main #content .item-page .nav_services ul, main #content #yoo-zoo .jbzoo-item-article ul{padding:0;}
main #content .item-page .nav_services ul li:before{
    width: 0;
}

.preimushestva img{
    width: 50% !important;
    flex: inherit !important;}
.preimushestva .uk-box{color: #999; line-height: 1em;}

.reviews {
	box-shadow: inset 1px 1px 3px 1px lightgrey;
    padding: 2%;
    margin: 2% 0;
    background-color: rgb(245, 245, 245);
    border-radius: 3em;
}

/* Услуги*/
.nav_services {
	border: 5px solid #4caf50;
}
.nav_services ul{display: flex;flex-wrap: wrap;}
#sidebar .nav_services ul{display:block; margin-left:0; }
.nav_services ul li{
	list-style:none;
	height: 78px;
    display: table-row;
    width: 30%;
    margin: 10px 16px;
}

@media only screen and (max-width: 468px){
   .nav_services ul li{width:100%;}
}
.nav_services a{
	display:flex; flex-direction: column;
    height:75px;
    justify-content: center;
    color:#212121;
 }
.nav_services a:hover{color:green}
.nav_services a span{padding-left: 5em;}
.nav_services a:before{
	width:75px; height:75px;
	position: absolute;
	content:'';
    background-size: cover !important;
}
.nav_services a:hover:before{background-position: 0 -77px;}

.nav_services a.stabbed:before{background: url('../images/firewood/kolotie.png') 0 0 no-repeat;}
.nav_services a.grid:before{background: url('../images/firewood/drova-v-setke.png') 0 0 no-repeat;}
.nav_services a.ugol:before{background: url('../images/firewood/ugol.png') 0 0 no-repeat;}
.nav_services a.opilki:before{background: url('../images/firewood/opilki.png') 0 0 no-repeat;}
.nav_services a.elovie:before{background: url('../images/firewood/elovie-drova.png') 0 0 no-repeat;}
.nav_services a.dubovie:before{background: url('../images/firewood/dubovie.png') 0 0 no-repeat;}
.nav_services a.bricet:before{background: url('../images/firewood/bricet.png') 0 0 no-repeat;}
.nav_services a.berezovie:before{background: url('../images/firewood/berezovie.png') 0 0 no-repeat;}


/* Поиск */
input[type="text"]::-webkit-input-placeholder, input#roksearch_search_str::placeholder{color:#aaa}
input[type="text"]::-moz-placeholder, input#roksearch_search_str::placeholder{color:#aaa}
input[type="text"]::placeholder, input#roksearch_search_str::placeholder{color:#aaa}
input[type="text"]::-ms-input-placeholder, input#roksearch_search_str::placeholder{color:#aaa}
input[type="text"]:-ms-input-placeholder, input#roksearch_search_str::placeholder{color:#aaa}

/* ------ */
.gradient{
    background: #fff5b2; /* Old browsers */
    background: -moz-linear-gradient(left, #fff5b2 0%, #d6cb66 25%, #d6cb66 75%, #fff5b2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fff5b2 0%,#d6cb66 25%,#d6cb66 75%,#fff5b2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fff5b2 0%,#d6cb66 25%,#d6cb66 75%,#fff5b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5b2', endColorstr='#fff5b2',GradientType=1 ); /* IE6-9 */
}
.tm-content{
    font-family: 'LatoRegular', sans-serif;
    font-weight: 400;
    background: url("../images/footer.jpg") center top no-repeat;
    background-size: cover;
    overflow: hidden;
}
.tm-content p{
    margin-bottom:10px; color:white;
}
.tm-content h2{margin-top:0;}
.logo{position:relative; bottom:50px}
/*.tm-content .logo:before{
    background: url('../images/logo.png');
    background-repeat:no-repeat;
    content:""; position: absolute;
    top:18pt;
    width: 85pt;
    height: 55pt;
    background-size: contain;
}*/

span.loc:hover, span.tar:hover{cursor:pointer; text-decoration: underline;}
.map iframe {
    width: 100%;
    height: 330px;
    border: 0px;
}

/*----- Для модулей  ------*/
.moduletable h3{color: rgb(95, 185, 110); font-size:1.7em; text-align:center;font-weight: 700; text-shadow: 0px 0px 5px #fddb49;}

/*--------Низ сайта ------*/
.footer .brand img{
	width: 30%;
    margin: 0 auto;
 }
.footer span.phone{
 	font-weight: 600;
    color: #f5f2f0;
    text-shadow: 1px 1px 9px #333333;
    font-size:1.2em;
    line-height: 1.5em;
}

@media only screen and (max-width: 468px){
	.footer span.phone{font-size:1em;}
}
.footer-contact{padding-top: 10px;}
.footer-contact li{font-size:1.1em;}
.footer-contact li i{color:#f9ae1d;}
.tm-footer{background: #383838; margin-bottom:0; padding: 10px 0; overflow: hidden}
.tm-footer .dj-megamenu.horizontalMenu li a.dj-up_a{height:30px; font-size: 0.9em;}
.tm-footer .dj-megamenu.horizontalMenu li a.dj-up_a span {
    height: 30px;
    line-height: 30px;
}

.mycart_mini_txt{margin:0 auto;}

span.prod_attr_img img, .radio_attr_label img{width: 80px; height: 80px;}

#back-top{display:block; background: url('../images/bottom-top.png'); background-position: 0 0; width: 70px; height: 50px; overflow:hidden; background-size:cover;}
#back-top:hover{background-position: 0 55px;}

.productfull-main {
    margin-bottom: 10px;
}

div.modal.fade.in {
    top: 15%;
}

select.form-control:not([size]):not([multiple]){height:inherit;}
.vina-ticker-jshopping .control-block{position:relative;}
.vina-awesome-slider .ws_images{top:-1px !important;}

/* Кнопка наверх
-----------------------------------------------------------*/
#go-top {
     position: fixed;
     bottom: 0px;
     right: 15px;
     z-index:999;
     display:none;
}
#go-top a {
     display: block;
     text-decoration: none;
     -webkit-transition: 1s;
     -moz-transition: 1s;
     transition: 1s;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;

}
#go-top a:hover {
     color: #fff;
}
/* arrow icon (span tag) */
#go-top span {
     display: grid;
     margin-bottom: 7px;
     line-height:30px;
     background: url(../images/backtotop.png) no-repeat center center;
     opacity:0.7;
     -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
     border-radius: 7px;
     -webkit-transition: 1s;
     -moz-transition: 1s;
     transition: 1s;
}
#go-top a:hover span {
     opacity:1;

}
/*---------Кнопки соцсетей ---------*/
.header .socialIcons{margin-top:10px;}
.socialIcons {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
.socialIcons li {
  display: inline-block;
  margin: auto 10px;
  float:left;
}
.socialIcons li a, .socialIcons li span {
  text-align: center;
  display: inline-block;
  font-size: 2.8rem;
  /*height: 100px;
  width: 100px;
  line-height: 100px;*/
  color: #fff5b2;
  transition: all .5s ease;
  transform-origin: left;
  transform: rotateY(-30deg);
  text-shadow: 10px 0px 1px #131313, 10px 0px 1px #070707, 10px 0px 1px black, 10px 0px 1px black;
}
.socialIcons li a:hover, .socialIcons li span:hover {
  color: #202020;
  transform: rotate(0deg);
  text-shadow: 0px 0px 1px #131313, 0px 0px 1px #070707, 0px 0px 1px black, 0px 0px 1px black;
}
/*------------------------------------------*/

@media only screen and (max-width: 768px) {
   .tm-content .logo:before{
       width: 85pt;
       height: 55pt;
       top: 25pt;
   }
   .socialIcons li a{font-size: 2rem;}
}

/* Эффект параллакс для изображения с текстом */
.frontimg1{background:url(../images/home.png) no-repeat}
.frontimg2{background:url(../images/klop.png) no-repeat}
.frontimg3{background:url(../images/organizaciya.png) no-repeat}

.cols{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.col{
  width: calc(33% - 2rem);
  margin: 1rem;
  cursor: pointer;
}

.cols .container{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
    -webkit-perspective: 1000px;
            perspective: 1000px;
}

.front,
.back{
  background-size: contain;
    background-position: center;
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    text-align: center;
    min-height: 280px;
    height: auto;
    border-radius: 10px;
    color: #fff;
    font-size: 1.5rem;
}

.back{
  background: #F4F6F7;
  background: -webkit-linear-gradient(45deg,  #F4F6F7 0%,#e5e5e5  100%);
  background: -o-linear-gradient(45deg,  #F4F6F7 0%,#e5e5e5  100%);
  background: linear-gradient(45deg,  #F4F6F7 0%,#e5e5e5  100%);
}

.front:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    /* opacity: .6;
     background-color: #000;*/
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 10px;
}
.cols .container:hover .front,
.cols .container:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
            transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
}

.cols .container .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.cols .container .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.cols .container:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.cols .container:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.front .inner p{
  font-size: 2rem;
  margin-bottom: 2rem;
  position: relative;
  text-shadow:0px 0px 10px black;
  font-weight:800;
}

.front .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #C6D4DF;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

.front .inner span{
  color: rgba(255,255,255,0.7);
  font-family: 'Montserrat';
  font-weight: 300;
}

.back .inner p, .back .inner p a, .back .inner p span{width:100%;margin:0;color:#5fb96e;text-align: center;}
.back .inner a, .back .inner span{width: 48%;display: inline-block;text-decoration: none;font-size: 20px;text-align:center; color:#A8C135;}
.back .inner a:hover, .back .inner span:hover{color:#5fb96e;text-decoration:underline;}

@media screen and (max-width: 64rem){
  .col{
    width: calc(33.333333% - 2rem);
  }
}

@media screen and (max-width: 48rem){
  .col{
    width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 32rem){
  .col{
    width: 100%;
    margin: 0 0 2rem 0;
  }
}
span.loc:hover, span.tar:hover{cursor:pointer}

.uk-card-title{font-size: 1.2rem; min-height: 55px; font-weight: 600;}
.su-spoiler-style-glass-green > .su-spoiler-title h3{color:#666;}
.uk-button{border: 1px solid rgba(0,0,0,.2); border-radius: 5px;}
.uk-button-success{background-color:#82bb42;color:#fff;background-image:-webkit-linear-gradient(top,#9fd256,#6fac34);
    background-image:linear-gradient(to bottom,#9fd256,#6fac34);border-color:rgba(0,0,0,.2);
    border-bottom-color:rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(0,0,0,.2)}
.uk-button-success:focus,.uk-button-success:hover{background-color:#8fce48;color:#fff;background-image:none}
.uk-button-success.uk-active,.uk-button-success:active{background-color:#76b430;color:#fff;background-image:none;
    border-color:rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.4);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}

#price_button >div{
    background: #383838;
}
.city-catalog {
    margin:0 auto;
}
.city-catalog tr:nth-child(2n+1) {
    background: #404040 !important;
    position: relative;
    border-right: 1px solid #383838;
}

.city-catalog th {
    color: #fff;
    text-transform: uppercase;
    line-height: 2em;
}
.city-catalog td:first-child {
    background: rgba(0,0,0,0) repeat;
}
.city-catalog td {
    color: #dadada;
    padding:5px;
}
.city-catalog td:last-child {
    width: 65px;
    text-align: center;
    background: rgba(0,0,0,0) repeat;
}

#footer .uk-h4{
  color: rgb(177 249 189); 
  margin-bottom: 10px;
  display: block;
}