.levels ol {
   /* убираем стандартную нумерацию */
   list-style: none;
   /* Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0 */
   counter-reset: li;
}
.levels ol > li:before {
   /* Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает, что содержимое, вставляемое при помощи свойства content, будет располагаться перед пунктами списка. Здесь же устанавливается значение приращения счетчика (по умолчанию равно 1). */
   counter-increment: li;
   /* С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем. Точка в кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка */
   content: counters(li, ".") ". ";
}

/*размер карточек в выдаче модулей joomshopping*/
.grid-module {
  min-height: 360px!important;
}

span.label_name {
  padding: 2px 10px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
}


/*.label_products > div > .uk-width-xlarge-1-4 {
  margin-bottom: 20px!important;
}*/

.laminat-450px > div > div.uk-grid > div > div.uk-panel {
  min-height: 410px!important;
}

.uk-modal-dialog > .uk-close {
  color: #000000!important;
}

.jshop_list_category {
  display:none!important;
}

@media (min-width: 1220px) {
.slider-otk {
    margin-top: -35px!important;
}
}

@media (max-width: 767px) {
  h2, .uk-h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
table.border-table, .border-table th, .border-table td {
  border: 1px solid;
}

.colors input[type=radio]:checked+label>span>img {
    box-shadow: 0 0 3px 3px #00000059;
    border-radius: 50%;
}
.colors .radio_attr_label > img {
  width: 20px;
  margin-right: 8px;
}
.jshop_prod_attributes {
  margin-bottom: 10px;
}
.colors .jshop_prod_attributes {
  margin-bottom: -5px;
}
.colors .input_type_radio > input {
  display: none;
}

.colors .input_type_radio > label {
    white-space: nowrap;
    display: inline-block;
    padding-top: 5px;
  	cursor: pointer;
}

/*.product_label_small {
   display: none!important;
}*/

.uk-overflow-container {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.not_available {
  display: none!important;
}

div.prod_buttons > div > input[type='number']{
    width: 80px;
} 

body.description-hidden div.description {
  display: none!important;
}

div.prod_buttons {
  display: none!important;
}

body.zakaz div.prod_buttons {
  display: inherit!important;
}

@font-face {
	font-family: 'TitlingGothic'; 
	src: url(TitlingGothicFBExt-Med.otf); 
}

.uk-navbar-nav > li > a {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}


.uk-navbar {
  border: 0;
}

.uk-h4 {
  margin-bottom: 10px;
}

#background-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

body {
/*  background: url(/images/bg/opk_bg_red.jpg) fixed;*/
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
}

body > .uk-container {
  background-color: #ffffffe8;
}
.tm-headerbar .tm-logo {
  float: left;
  margin: -5px 0px -25px 15px;
}
.titling {
	text-align: left; 
	margin: 20px 0 0 -320px;
}
.title-phone {
	font-family: 'TitlingGothic'; 
	color: #1F255C;
	text-align: right; 
	font-size: 36px;
	padding: 10px 0 0 0;
}
.title-address {
	font-family: 'Open Sans'; 
	color: #1F255C;
	text-align: right; 
	font-size: 13.2px;
}
.uk-navbar {
    background: #1f255c;
    background-image: linear-gradient(to bottom, #1f255c, #393532);
}
@media (max-width: 930px) {
.title-phone {
	font-family: 'TitlingGothic'; 
	color: #1F255C;
	text-align: right; 
	font-size: 30px;
	padding: 10px 0 0 0;
}
.title-address, .title-address a {
	font-family: 'Open Sans'; 
	text-align: right; 
	font-size: 10px;
	margin-top: -5px;
}	
.uk-navbar-nav li a {
	font-size: 10px;
}
}
blockquote {
    border-left: 2px solid #c80a0a;
}
/***** FOOTER *****/
.tm-footer {
  padding: 25px;
  background: #393532;
  color: #fff;
}

.tm-totop-scroller {
  color: #fff;
  top: 35px;
  right: 35px;
}

.tm-totop-scroller:hover, .tm-totop-scroller:focus {
    color: #c9040b;
}

.tm-footer > div > ul > li > a {
  color: #fff;
  text-decoration: underline;
}
.tm-footer p {
  color: #fff!important;
}
.tm-footer .text-link {
  color: #fff;
}

.tm-footer > .blog-hidden {
  display: none!important;
}

.uk-panel-teaser {
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
}

.tm-leading-article > div > article > div > p.blog-hidden {
  display: none!important;
}

li > a.uk-text-danger {
  color: #c80a0a;
}
li > a.uk-text-danger > img {
  margin-right: 5px;
}
.social-button {
    width: 50px;
}
.uk-margin-small-right {
    margin-right: 5px !important;
}

.uk-grid-small>* {
    padding-left: 10px!important;
}
.uk-grid-small {
    margin-left: -10px!important;
}

@media (min-width: 1220px) {
.margin--20-large {
  margin: -20px!important;
}
}

.text-link {
  text-decoration: underline;
}

/*********JSHOP*******************/

.product > h2.uk-h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}

.input-block .span10 > span > .input_type_radio {
  display: block;
}

.uk-panel-box-secondary .text-link {
  color: #250683;
}

ul.uk-nav-sub {
    padding: 5px 0 5px 30px;
}
.uk-nav-sub > li.uk-active > a {
	color: #c80a0a;
    font-weight: bold;
  	text-decoration: none;
}
.uk-nav-sub > li > a {
	text-decoration: underline;
}
.input_type_radio {
  margin-right: 10px;
}
input[type=radio]:checked+label {
  font-weight: bold;
}

.attributes_title {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
}

.jshop_img {
  padding: 0 40px;
}

.big-foto .jshop_img {
  padding: 0 0 10px 0!important;
}

/*.big-foto .uk-list {
  margin-top: 0!important;
}*/

.jshop_prod_description > h2 {
  display: none;
}

#mxcpr {
  display: none!important;
}
.uk-h5 {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 15px;
}
.jshop_related .uk-h5 {
  font-size: 14px;
}

div.jshop.uk-panel-box {
  padding: 30px;
}
.extra_fields {
  font-size: 16px;
  line-height: 24px;
}
.extra_fields_name {
  font-weight: bold;
}
.main_block {
  color: white;
  margin-top: -600px;
  padding: 0 0 420px 0;
}
.main_block h3 {
  color: white;
  font-weight: bold;
  padding: 0 0 150px 0;
  font-size: 250px;
}
.main_block p{
  font-weight: bold;
  font-size: 59px;
}
a .main_block h3:hover {
  color: red;
  text-decoration: none;
}
a .main_block p:hover {
  color: red;
  text-decoration: none;
}

.navbar-call-whatsapp:after{
      content: "";
    position: absolute;
    right: 48px;
  right: 15px;  
  top: 10px;
    width: 22px;
    height: 22px;
    background-image: url(/images/icons/telegram_logo_80.png);
    background-size: 22px 22px;
  
}

.uk-navbar-call{
      margin-right: 45px;
}

/*whats-app плавающий круг*/
.whatsapp-button {
		position: fixed;
		left: 63px;
		bottom: 20px;
		transform: translate(-50%, -50%);
		background: #25D366; /*цвет кнопки*/
		border-radius: 50%;
		width: 55px; /*ширина кнопки*/
		height: 55px; /*высота кнопки*/
		color: #fff;
		text-align: center;
		line-height: 53px; /*центровка иконки в кнопке*/
		font-size: 35px; /*размер иконки*/
		z-index: 9999;
		}
		.whatsapp-button a {
		color: #fff;
		}
		.whatsapp-button:before,
		.whatsapp-button:after {
		content: " ";
		display: block;
		position: absolute;
		border: 50%;
		border: 1px solid #25D366; /*цвет анимированных волн от кнопки*/
		left: -20px;
		right: -20px;
		top: -20px;
		bottom: -20px;
		border-radius: 50%;
		animation: animate 1.5s linear infinite;
		opacity: 0;
		backface-visibility: hidden; 
		}
		
		.whatsapp-button:after{
		animation-delay: .5s;
		}
		
		@keyframes animate
		{
		0%
		{
        transform: scale(0.5);
        opacity: 0;
		}
		50%
		{
        opacity: 1;
		}
		100%
		{
        transform: scale(1.2);
        opacity: 0;
		}
		}
		@media (max-width : 800px) {  
		.whatsapp-button {   
		bottom: 5px; /*отступ кнопки снизу от экрана*/
		left: 70px; /*отступ кнопки слева от экрана(right - справа)*/
		}
		
		.whatsapp-button {
		width: 55px; /*ширина кнопки*/
		height: 55px; /*высота кнопки*/
		line-height: 54px;
		font-size: 35px;
		
		}
		}

.header__small-logo{
  height: 80% !important;
}