/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* --- Menu Цвета кнопок верхнего меню --- */

/*product scroller */

.uk-tab > li > a:focus{
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.tm-block.tm-block-image{
  padding-bottom: 0px;
}

/* скругливание всех углов */

 #yoo-zoo > div.items > div > div > div > div > div.pos-media > a > img{
  border-radius: 10px;
  border: 2px solid;
 }

 .uk-dropdown{
  border-radius: 10px;
  border: 1px solid rgb(200,203,205);
 }

.uk-breadcrumb > li:nth-child(n+2):before {
  content: "->";
}

/* web App */
.appWrap {
  position: relative;
  overflow: hidden;
  min-width: 960px;
  max-width: 1020px;
  margin: 0 -10px -30px;
  padding: 0 0 37px;
}

a{
  line-height: normal;
}

#yoo-zoo > div.items > div.box-1 > div > div > div > h2 > a > img{
  border-radius: 10px;
  border: 2px solid rgba(48,170,228,1);
}

img{
  border-radius:5px;
}

/* - fullscreen  - */
.tm-features-slideshow .uk-slideshow,
.tm-features-slideshow .uk-slideshow > li { 
  min-height: 400px; 
}

h2{
  letter-spacing: 0px !important;
}

/* Tabs */
.uk-tab > li > a {
  font-weight: 500;
}

.uk-button{
  font-weight: 300;
  letter-spacing: 0px;
  border-radius:10px;
}

#grey-block{
  position: relative;
  color: white;
  padding: 15px;
  background-image: url('/images/home_fullscreen_content_08.svg');
  background-repeat: no-repeat;
  background-position: center;
  border-radius:10px;
}

#down{
  position: relative;
  z-index: 1;
  border: 2px solid white;
  border-radius: 10px;
}

.uk-position{
  border: 2px solid white;
}

#grey-block{
  border: 0px solid white;
  background-color: rgba(15, 162, 230, 0.0);
}

#grey-block>h1{
  color: white;
  padding: 15px;
  margin: auto;
  position: relative;
}

#grey-block>h3{
  color: white;
  margin: auto;
  position: relative;
}

#widget-banner-img{
  border-radius: 10px;
}

#widget-banner{
  background-color: rgba(48,170,228,1);
  border-radius: 10px;
  padding: 20px;
}

#widget-banner>p{
  font-size: 120% !important;
}

#cover-block{
  background-image: url('../images/home_fullscreen_content_02.svg');
  background-repeat: no-repeat;
  background-position: center;
}

.uk-navbar-attached .uk-navbar-nav > li > a {
    color: #000000;
}

.uk-navbar-attached .uk-navbar-nav > li.uk-active > a{
  color: #0fa2e6;
}

.uk-nav-navbar > li > a:hover {
  color: #0fa2e6;
}

.uk-nav > li.uk-active > a, .uk-nav-dropdown > li.uk-active > a {
    color: #0fa2e6;
}

.uk-navbar-toggle {
  color:black;
}

.footer-socials{
  color:white;
  border-color: white;
  border-radius:10px;
}

.footer-socials:hover{
  border: 2px solid;
}

#dealer-socials{
  color: #000;
  border: 2px solid #000;
}

li{
  list-style-type: none;
}

.tm-logo-small img {
  max-width:50%;
}

/*product scroller */

.novator-slideshow{
  padding: 30px;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-left-radius: 15px;
  border-radius: 15px;
}

.uk-tab > li > a:hover{
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.tm-nova-icons {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
}

#card-bg > div.uk-grid > div > div{
  z-index: 1000;
}

#tm-wrapper > div.tm-block.tm-block-bottom-b{
  background-color:rgb(63,180,235) ;
}

#tm-wrapper > div.tm-block.tm-block-middle {
  background-image: url('/images/main/bg-label01.png');
}

#tm-wrapper > div.tm-block.tm-block-bottom-a.uk-hidden-small{
  background-image: url('/images/main/bg-label01.png');
  background-position: center;
}

.novator-slideshow{
  background-size: 100%;
  background-repeat: no-repeat;
  width:100%;
}

#tm-wrapper > div.tm-block.tm-block-bottom-a.uk-hidden-small > div > div > section > div{
  padding-left:0px;
  padding-right:30px;
}

.novator-slideshow{
  background-color:rgba(255, 255, 255, 0.8);
}

#tm-wrapper > div.tm-block.tm-block-middle > div > div {
  background: rgba(255, 255, 255, 1);
  border-radius: 10px;
}

div.tm-block:nth-child(1) > div:nth-child(1) > div:nth-child(1){
  background-color: #f2f6f6;
}

.tm-block .tm-block-middle > div >div.uk-container .uk-container-center{
  background-image:url('/images/nova-back.png');
}

.tm-nav-wrapper .uk-navbar-nav > li > a {
	padding:0 5px;
}


/* скругливание всех углов */
#intro-bg-image{
  border-radius: 10px;
}

.uk-icon-button{
  border-radius: 10px;
  color: #FFF;
}
.uk-icon-button:hover{
  border-color: white;
}

#yoo-zoo > div.items > div > div > div > div > div.pos-media > a > img{
  border-radius: 10px;
  border: 2px solid;
}
.uk-dropdown{
  border-radius: 10px;
  border: 1px solid rgb(200,203,205);
}

#tel{
	border-radius:10px;
}

.uk-tab > li.uk-active > a {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


.tm-block-image .tm-footer a:hover, .tm-block-image .tm-footer .uk-panel:not(.tm-panel-box-default):not(.uk-panel-box-primary) a:hover {
  color: #0fa2e6;
}

.tm-footer{
  padding-bottom:2.2em;
}

#yoo-zoo .categories h2.title a,
#yoo-zoo .items h2.pos-title a {
    color: #000;
}

.uk-nav-navbar > li > a {
    color: #000;
}
.uk-nav-navbar > li > a:hover {
    color: #0fa2e6;
}

.promo-stack{
  border-radius: 10px;
  padding: 5px;
  margin-top: 2em;
}

/* -- Background Devider -- */

/* product card */


.uk-slidenav-previous, .uk-slidenav-next {
  background-position: 0 0;
  background-repeat: no-repeat;
}

#card-bg{
  background-image: url('/images/bg.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;

}
#card-text{
  width:60%;
  color:#fff;
}
#card-text1 {
  width: 60%;
  background: rgba(194, 226, 226, 0.0);
  color: #fff;
  height: 35%;
  margin-top: 5%;

}
#card-nav>li.uk-active > a {
  background: rgba(50, 50, 50, 0.4);
  border-width: 12px;

}
#card-nav > li > a {
 background: rgba(0, 0, 0, 0.0);
 border-width: 2px solid;
 border-color:rgb(59,179,234);
 border-radius:15px;
  width: 25px;
  height: 25px;

}


#card-text>img{
  border-left: 3px solid #FFFFFF;
  padding-left: 30px;
}

#mob-prod-card>li{
 /* background-image: url('/images/bg.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  */
}
#mob-card-h1{
  color:rgba(15,162,230,0.8);
  letter-spacing: 0px;
}

#card-table{
  background-color: rgba(0, 0, 0, 0.05);
}

#mob-description{
  padding-left:1em;
  padding-right: 1em;
}

.mob-complect>p,div{
  margin-top:0;
  margin-bottom:0;
}

#ticket{
  padding-left:2em;
  padding-right:2em;
}
#ticket>div{
  margin-left:1em;
  margin-right: 1em;
}

#ticket-list{
  list-style-type: circle;
}

.category>h2>a{
  letter-spacing: 0px;
  font-size:22px;
}

.category>a>img{
  border-radius: 10px;
  border: 2px solid rgba(15, 162, 230, 0.6);
}

h2.pos-title{
  letter-spacing: 0px;
  font-size:22px;
}

h2.pos-title>a{
  font-size:22px;
}

h1.pos-title{
  font-size:24px !important;
  letter-spacing: 0px !important;
}

.dialog-rounded-img{
  border-radius: 150px;
  background-color: rgba(15, 162, 230, 0.3);
  max-width:50%;
  max-width:100px;
}

img.blog-face{
  max-width:50px;
  border-radius:60px;
  border:2px solid rgb(15,162,230) ;
  margin-right: 5px;
  float: left;
 }

.blog-face1 {
  max-width:50px;
  border-radius:60px;
  border:2px solid rgb(15,162,230) ;
  margin-right: 5px;
  float: left;
 }

#promo-stack>li {
  list-style-type: circle;
  text-align: left;
}

//Конструктор
#app-wrapper{
  margin-left:0px;
}

#app-block>img{
  position: absolute;
}

div.price-block{
  background-color: rgba(15, 162, 230, 0.8);
  border-radius: 10px;
  color:white;
  padding: 10px;
  max-width: 200px;
  margin-top:10px;
}

.uk-subnav-pill > li > a,
.uk-subnav-pill > li > a{
  border-radius:6px;
  border:2px solid rgb(15,162,230);
  color:black;
}
.app-button{
  font-size: smaller;
}

#app-panel{
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left:5px;
  border-radius:20px;
  border-left: 2px solid rgba(15, 162, 230, 0.8);
  border-right: 2px solid rgba(15, 162, 230, 0.8);
}
.app-button-wrap{
  margin-left:0px;
  margin-top:2px;
  max-width: 110px;
}

li.uk-active>a.app-button{
  background-color:#3fb4eb;
  color:white;
  border-radius: 6px;
  font-size: smaller;
}
.uk-subnav-pill > li > a:hover,
.uk-subnav-pill > li > a:focus {
  background: #0fa2e6;
  color: #ffffff;
  outline: none;
  border-radius:6px;
}
.uk-subnav-pill > li.app-button-wrap{
  margin-left:0px;
  margin-right:2px;
}
#scroll-panel{
  resize:none;
  height: 20em;
}
//Конструктор end's

.tm-logo-small img{
  border-radius: 0px !important;
}

div.pos-media > a > img {
  margin-bottom: 10px;
}

.uk-table-hover tbody tr:hover {
  background: rgba(63,180,235,0.6);
}

.uk-table-striped tbody tr:hover {
  background: rgba(63,180,235,0.30);
}

#features-widget-item{
  padding: 50px;
}

#slide-left-arrow{
left:0;
}
#slide-right-arrow{
right:0;
}

a.widget-button{
  width:8em;
}
.uk-navbar-toggle {
  color: black;
}
#yoo-zoo .item > div.floatbox {
    margin-top: 20px;
}
.uk-tab > li.uk-active > a {
  background-color:white;
}

//PRODUCT CARD
p#product-description{
  background-color: rgba(255, 255, 255, 0.9);
  color: black;
  border-radius: 10px;
  padding: 10px;
}
.uk-slidenav-position .uk-slidenav{
  display: block;
}

.product-icons-panel{
  margin-top:4em;
}
.tooltip-card{
  border-radius:10px;
}

.uk-modal-dialog {
  background: transparent;
}
.svg-features{
  width:30%;
}

.product-icon-badge:hover{
  z-index:1000;
  box-shadow:rgba(0, 0, 0, 0.3) 0 16px 16px 0;
  -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 16px 16px 0;
  -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 16px 16px 0;
}
.material-box{
  padding:10px;
  z-index:1000;
  box-shadow:rgba(0, 0, 0, 0.3) 0 16px 16px 0;
  -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 16px 16px 0;
  -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 16px 16px 0;
}

#teasers{
  margin:2em;
}

#features-widget-item>img{
  padding-left:1em;
}
#dop-links>li>a{
  color:white;
}
#dop-links>li.uk-active>a{
  color: #0fa2e6;
}
#dop-links>li>a:hover{
    color: #0fa2e6;
}

#dealer-logo{
  margin-right:10px;
}
#tm-wrapper > div.tm-block.tm-block-bottom-b {
  background-color: rgb(49, 60, 65);
}

h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6 {
  letter-spacing: 0px;
}


#yoo-zoo div.box-1 div.row {
  border-top: 4px solid #E6E7E8;
}
#yoo-zoo div.box-1 div.first-row {
  padding-top: 5px;
  border-top: none;
}

#mod_simpleemailform_field1_1,#mod_simpleemailform_field2_1,#mod_simpleemailform_field3_1{
    color: #ffffff;
    border-radius: 10px;
    border-color: #ffffff;
}
.moduletable{
  margin-left:39%;
}

.novator-slideshow>div>ul>li>a:focus{
-webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.uk-search {
  margin: 2% 10px;
  border-radius:10px;
}
input.uk-search-field{
  border-radius:10px;

}

.uk-form input[type="text"], .uk-form select{
   border-radius:10px;
}
blockquote{
background-color:rgba(223, 216, 216, 0.26);
  font-size: 18px;
}

/* Web-app styles */
//WEB-APP Constructor
#button-panel{

  padding-left:1em;
}
.ui-button-not-hover{
  background-color:rgba(15, 162, 230, 0.8);
}
.ui-button{
  margin-top: 10px;
  margin-right:5px;
  z-index: 1000;
    box-shadow: rgba(0, 0, 0, 0.3) 0 5px 5px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 5px 5px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 5px 5px 0;

}
.ui-button:hover{
   box-shadow: rgba(0, 0, 0, 0.3) 0 10px 10px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 10px 10px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 10px 10px 0;
    transition: 1s;
  }

#sredstva{
  padding-top: 5px;
  border: 2px solid #0fa2e6;
  margin-right: 15px;
  border-radius:10px;
  padding-bottom:5px;
}
.share-panel{
  background-color: rgba(15, 162, 230, 0.5);
  border-radius: 10px;
  padding:15px;
}



.checkbox {
  position:relative;
  padding-left:25px;
}
.checkbox input[type=checkbox] {
  display:none;

}
.checkbox label:after {
  content:'';
  display:block;
  height:15px;
  width:15px;
  /*outline: 1px solid #0fa2e6;*/
  position: absolute;
  top:3px;
  left:0;
  outline: 2px solid #3BB3EA;
  //border: 2px solid #0fa2e6;
  vertical-align: top;

}
.checkbox:hover label:after{
  outline: 3px solid #0fa2e6;
}
.checkbox input[type=checkbox]:checked:hover + label:after{
   outline: 3px solid #0fa2e6;
}

.checkbox input[type=checkbox]:checked + label:after {
  outline: 3px solid #3BB3EA;
  //border: 2px solid #0a6f9e;
  width:15px;
  height:15px;
  border-radius: 2px;
  /*background-color:#63849F;*/
  background: url(/images/icon/checkbox.png) 0px 0px;
  vertical-align: top;
}
.checkbox input[type=checkbox]:disabled +label:after{
    outline: 3px solid #B8B8B9;
    background-color: #C7C7C7;
    color: #BBBBBB;
   }

.my-radio>li>a{
    border-color: rgb(59,179,234);
    border-radius: 15px;
}
.my-radio>li.uk-disabled > a{
    border-color: #969595;
    border-radius: 15px;
}

.ui-label{
  margin-left:25px;
}

#wd>.without{
  margin-left:8px;
}

.my-radio>li{
  font-size: 18px;
    font-weight: normal;
    line-height: 24px;
}

.ui-new-bordered{
padding-top: 5px;
  border: 2px solid #0fa2e6;
  margin-right: 15px;
  border-radius:10px;
    
}

.grey-panel{
  margin-bottom: 1em;
  padding:1em;
  background-color: rgba(57, 174, 229, 0.28);
}
#table-lenght>button{
  border-radius: 0px;
  border:2px solid #0fa2e6;
}

#table-lenght>h6{
  margin-right: 5px;
}
#table2-lenght>button{
  border-radius: 0px;
  border:2px solid #0fa2e6;
}

#table2-lenght>h6{
  margin-right: 5px;
}
/*
#table-lenght>:nth-child(1){
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
#table-lenght>:nth-child(2){
 border-radius: 0px;
}
#table-lenght>:nth-child(3){
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

#table2-lenght>:nth-child(1){
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
#table2-lenght>:nth-child(2){
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}*/

#noty_top_layout_container{
    width: auto !important;
    height: auto !important;
    margin: 0px !important;
    padding: 0px !important;
    list-style-type: none !important;
    z-index: 10000000 !important;
    font-size: 1.1em !important;
    }
#noty_top_layout_container> li{
     background-color: #8DD4F3 !important;
  }
.noty_message{
  font-size:1.1em !important;
      line-height: 24px !important;

}

.sticky{
  position: fixed;
}

table#collection-items, table#adv-collection-items{
  border:1px solid black;
}

table#collection-items > thead, table#collection-items > tbody > tr > td{
  border-bottom: 1px solid black;
}

table#adv-collection-items > thead, table#collection-items > tbody > tr > td{
  border-bottom: 1px solid black;
}

#ispolnenie > h4{
  margin-right:15px;
}

#ispolnenie>button{
  border-radius:0px;
  //border-left:2px solid #0fa2e6;
}

#ui-button-panel > div:nth-child(5) > h4{
  margin-right:15px;
}

#s-size-buttons>button,#s-1-size-buttons>button, #s-2-size-buttons>button{
  border-radius:0;
  border-left:2px solid #0fa2e6;
}

 #s-2-size-buttons>button{
 border-radius:0;
 }
 #s-1-size-buttons>button{
   border-radius:0;
 }

.my-radio >li{
  cursor:pointer;
}

.ui-padding-top{
  padding-top:10px;
}
.ui-margin-top{
  margin-top:10px;
}

.ui-margin-five{
  margin:5px 0px;
}
.ui-margin-10{
  margin:10px 10px;
}

.ui-button-disabled>.uk-button{
  background-color: #C7C7C7 !important;
  border: 2px solid #aaa !important;
  color: white !important;
  border-radius: 0px;
}
.ui-button-disabled > button.uk-button.uk-active{
   border: 2px solid #aaa !important;
   background-color: #C7C7C7!important;
 }

 .ui-button-left{
  border-radius: 8px 0px 0px 8px !important;
  border-right:0px;
 }

 .ui-button-right{
  border-radius: 0px 8px 8px 0px !important;
  border-left:0px;
 }

 .ui-button-border-radius-0{
  border-radius:0px;
 }

#L-basic{
  margin-left:0px;
}

.page-nav.clearfix > a.next{
  float:right;
}

#badge{
    position: absolute !important;
    left: 76%;
    top: 10%;
}

#badge-2{
    position: absolute !important;
    left: 80%;
    top: 20%;
  }
#badge-3{
    position: absolute !important;
    left: 83%;
    top: 28%;
}

#badge-4{
    position: absolute;
    left: 81%;
    top: 35%;
}
#badge-5{
    position: absolute;
    left: 84%;
    top: 44%;
}

#badge-6{
    position: absolute;
    left: 80%;
    top: 48%;
}


#badge-7{
position: absolute;
    left: 67%;
    top: 55%;
}
#badge-8{
position: absolute;
    left: 90%;
    top: 60%;
}
#badge-9{
    position: absolute;
    left: 82%;
    top: 68%;
}

.lamp-badge{
  border-radius: 20px;
  color:white;
  background-color:rgba(141, 192, 243, 0.5) !important;
  max-width: 35px;
  max-height: 35px;
}

.lamp-badge>i{
  max-width: 35px;
  max-height: 35px;
}

.lamp-badge:hover{
  background-color:rgba(141, 192, 243, 1);
  cursor: pointer;
  } 


#bang-schema >h5{
  margin-top: 5px;
  margin-bottom:5px;
}

.hovered-click{
    background-color:rgb(15, 162, 230) !important;
  }

#bang-nav-bottons a{
  border-radius:20px;

}
.accordion-panel{
  border-left:1px solid #0fa2e6;
  border-right:1px solid #0fa2e6;
  border-bottom:1px solid #0fa2e6;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  padding:5px;
}
.ui-icon-button:hover{
border-color: transparent !important;
}

.ui-circled{
  border-radius:20px !important;
}

#tm-wrapper > div.tm-block.tm-bottom.tm-block-image > footer > div:nth-child(2) > a{
      width: 40px;
}

#to-constructor-btn{
    position: absolute;
    top: 96%;
    width: 22%;
    font-size: 1rem;
}

.tm-totop-scroller, #city-selector,#form-send-error,#form-send-success{
  border-radius:10px;
}
//new web-app styles

button .uk-thumbnail-caption {
  font-size:0.8em !important;
  color: white !important;
  background-color: #0fa2e6 !important; 
}

#fanera-plus6 > div,#fanera > div,#fanera-plus2 > div,#steel > div{
  font-size:0.8em;
  color: white;
  background-color: #0fa2e6; 
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border:1px solid;
}

#hammer-type > button.uk-thumbnail.uk-thumbnail-mini.uk-button.uk-active>.uk-thumbnail-caption{
  background-color:#0C80B6;
  transition:0.5s;
  color:white;
}

@keyframes scaling {
  0%  { transform: scale(1);
  color:red; }
  50%{
    transform: scale(0.8);
    color:black;
  }
  100%{ transform: scale(1);
  color:red; 
  }
}
#stoyka-helper, #planka-helper,#polka-helper{ 
  animation: scaling 2s linear infinite;
  transition:1s;
}
#stoyka-helper {
    left: 34px;
    position: relative;
}
#planka-helper{
    position: relative;
    top: -10px;
}

#polka-helper{
  position: relative;
}
.left-margin{
  margin-left:50px !important;
}

button .uk-thumbnail-caption{
  line-height:20px;
}

#ht-s-ext-size-buttons > button,#ht-s-size-buttons > button{
  border-radius:10px;
}


.nova-line{
    top: -5px;
    position: relative;
}

.product-left-nav li a{
 min-width: 100px;
 width:100px;
}
.product-left-nav li img{
  max-height: 100px;
  margin-top: 0.2em;
  border-radius: 0px;
}
.product-left-nav li a:hover {
    border-color: #98bcdc;
}
/* 
.product-left-nav li a {
    display: block;
    width: 96px;
    height: 104px;
   
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    transition: all 1s;
}

.product-left-nav li a:hover {
  opacity: 0.9;
   background: rgba(15, 162, 230, 0.3) url(/images/holder-brand.png) no-repeat center center;
} */

.ui-panel{
  background: rgba(0,0,0,.8);
}

#product-main-slideshow li {
  max-height:50%;
}

#product-main-slideshow > li.uk-active > div{
  max-height:50%;
}

.product-panel{
  padding: 15px;
  border-radius:10px;
  border: 2px solid #0fa2e6;
    z-index: 1000;
    box-shadow: rgba(0, 0, 0, 0.3) 0 10px 10px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 10px 10px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 10px 10px 0;
}

.ui-grey-panel{
  background-color:rgba(170, 170, 170, 0.3);
  padding:15px;
}

.ui-dialog-panel{
  background-color:white;
  border-radius:10px;
  width:1050px;
}

html, body {
    height: auto; 
}

body > div.uk-modal.uk-open > div > div.uk-lightbox-content > a.uk-slidenav.uk-slidenav-contrast.uk-slidenav-previous.uk-hidden-touch{
  color:rgb(15,162,230);

}
body > div.uk-modal.uk-open > div > div.uk-lightbox-content > a.uk-slidenav.uk-slidenav-contrast.uk-slidenav-previous.uk-hidden-touch:hover{
  color:rgb(15, 131, 230);
  transition: 1s;
}

body > div.uk-modal.uk-open > div > div.uk-lightbox-content > a.uk-slidenav.uk-slidenav-contrast.uk-slidenav-next.uk-hidden-touch{
  color:rgb(15,162,230);
 
}
body > div.uk-modal.uk-open > div > div.uk-lightbox-content > a.uk-slidenav.uk-slidenav-contrast.uk-slidenav-next.uk-hidden-touch:hover{
  color:rgb(15, 131, 230);
  transition: 1s;
}

.uk-thumbnail-caption{
  min-height:40px;
}

.uk-subnav-pill > li > a:hover,
.uk-subnav-pill > li > a:focus {
  background: none;
  color: #ffffff;
  outline: none;
  border-radius:6px;
}


.uk-nav-navbar > li.uk-parent{
    padding: 5px 0;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto';
    text-transform: uppercase;
    //cursor:none;
}

.uk-nav-navbar > li > a:hover {
    color: #000;
    cursor:default;
}

li.uk-parent>a:contains("Промышленная мебель"):hover{
  color: #000;
  //cursor:none;
}

.uk-nav-navbar ul a {
    color: rgb(15, 162, 230);
}

#product-main-slideshow{
  max-width:550px;
  padding-right:10px;
 
}

.uk-subnav.uk-subnav-pill.product-left-nav{
   margin-top:10px;
}

.uk-tooltip{
  font-size:16px;
  color:white;
}

input#fio::-moz-placeholder { color: white; }
input#fio::-webkit-input-placeholder{color:white;}
input#tel::-moz-placeholder { color: white; }
input#tel::-webkit-input-placeholder{color:white;}

.uk-nav-navbar .uk-nav-header, #second-panel .uk-nav-header {
    color: #000;
    text-transform:uppercase;
}
#second-panel ul a {
    color: rgb(15, 162, 230);
}
#second-panel ul a:hover {
   color: rgba(15, 162, 230, 0.6);
}
.uk-nav-navbar  .uk-parent > .uk-nav-sub,  
.uk-nav-navbar  .uk-parent > .uk-nav-sub > .uk-parent > ul {   
  display: none;   
} 

#second-panel .uk-parent > .uk-nav-sub, #second-panel .uk-parent > .uk-nav-sub > .uk-parent > ul {   
  display: none;   
}    

.uk-nav-navbar .uk-parent > a:after,  
.uk-nav-navbar .uk-parent > .uk-nav-sub > .uk-parent > a:after {      
  content: "\f054";      
  font-family: "FontAwesome";      
  display: block;      
  float: right;      
}

#second-panel .uk-parent > a:after, #second-panel .uk-parent > .uk-nav-sub > .uk-parent > a:after {      
  content: "\f054";      
  font-family: "FontAwesome";      
  display: block;      
  float: right;      
}
.uk-nav-navbar .uk-parent > a:hover:after,  
.uk-nav-navbar .uk-parent > .uk-nav-sub > .uk-parent > a:hover:after {
  content:"\f078";
  font-family: "FontAwesome";
}

.uk-nav-navbar  .uk-parent:hover > .uk-nav-sub,  
.uk-nav-navbar  .uk-parent > .uk-nav-sub > .uk-parent:hover > ul {       
  display: block;      
  background: none repeat scroll 0 0 padding-box white;      
  border: 1px solid rgba(0, 0, 0, 0.12);      
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);      
  min-width: 400px;      
  margin-top: -24px;      
  padding: 15px;      
  position: absolute;      
  left: 250px;      
  text-transform:none;
  border-radius:10px;
  z-index:9999;
}
#second-panel .uk-parent:hover > .uk-nav-sub,  
#second-panel .uk-parent > .uk-nav-sub > .uk-parent:hover > ul {       
  display: block;      
  background: none repeat scroll 0 0 padding-box white;      
  border: 1px solid rgba(0, 0, 0, 0.12);      
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);      
  min-width: 400px;      
  margin-top: -24px;      
  padding: 15px;      
  position: absolute;      
  left: 250px;      
  text-transform:none;
  border-radius:10px;
  z-index:9999;
}

#offcanvas > div > ul > li.uk-parent > ul > li> ul > li.uk-parent > ul{
  display:none;
}

.uk-dropdown-width-2:not(.uk-dropdown-stack) {
    width: 800px !important;
}

.special-block{
      background: white;
    border-radius: 10px;
    padding:1.5em;
}