.sppb-btn-primary {text-transform:none;}
@media (max-width:480px){
.cifra-back {
    font-size: 150px;
}
.tm-text-small, .tm-text-large1 {
    line-height: 26px;
    font-size: 22px;
}
}
.tm-weight-bold {
    font-weight: 600 !important;
}
.tm-main-top > div > .uk-panel-box, .tm-main-bottom > div > .uk-panel-box {
    padding: 40px 0;
}
@media (max-width: 1220px){.tm-right-icons {
    margin-left:auto;
}
/*.uk-flex1 {padding: 0 30px 0 30px;}*/
.tm-navbar.uk-flex1{padding: 0 15px;}}
.tm-header.tm-header-dark-classic .uk-navbar-nav > li .uk-dropdown-navbar, .tm-header.tm-header-dark-classic .tm-navbar .tm-slideset-recover .uk-slidenav, .tm-header.tm-header-dark-classic .tm-navbar .tm-slideset-recover .uk-subnav li.uk-active::after {
    background-color: #171a23;
}

h1, h2, h3, h4, h5, h6 {

    font-weight: 600;

}

#cookie_notification{
  display: flex;
  opacity: 0;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 46.875vw;
  max-width: 90%;
  transform: translateX(-50%) translatey(100%);
  padding: 1vw;
  background-color: white;
border-radius: var(--brad-regular);
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
  z-index: 50;
  transition: 0.4s;
}

#cookie_notification.show{
	opacity: 0.9;
	bottom: 0.5vw;
	transform: translateX(-50%) translatey(0);
}

#cookie_notification p{
  margin: 5px 0 0 0;font-size:13px;
  text-align: left;
  line-height: 1.5;
  /*color: $color_text;*/
}

#cookie_notification .btn-primary {
    font-size: 0.7291666667vw;
    max-width: 100%;
    padding: 0.46875vw 1.510416667vw;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    white-space: normal;
    color: #000;
    border: 1px solid #000;
border-radius: 10px;
    background: #fff;
	cursor: pointer;

}

@media (max-width: 767px) {
	#cookie_notification{
		width: 100%;
		padding: 1vw 2vw;
		align-items: center;
	}
	#cookie_notification p{
		font-size: 2.5vw;
    	width: 70%;
	}
	#cookie_notification .btn-primary{
		width: 25%;
		height: auto;
		padding: 3vw 0;
		font-size: 3vw;
	}
    
    #cookie_notification.show {

    bottom: 50px;}
    
}

#tm-footer {
    background-color: #171a23;
}
.mtop40 {margin-top:40px;}

b, strong {
    font-weight: 600;
}
#tm-toolbar {display:none;}
.right-top {
    top: -10px;
    position: relative;
    right: -87px;
}

.priceblocks .price {font-size:30px}
@media (max-width: 335px) {
.priceblocks .price {font-size:22px}
}
@media (min-width: 992px) {

.priceblocks .opisanie {min-height:80px;}
.priceblocks .uk-list {min-height:260px;}
.priceblocks .uk-h3 {min-height:70px;}
}
.priceblocks .uk-h3 {text-transform:uppercase;}

.tab-anketa input[type="radio"] {display:none;}

.portfolio-class .image-title {
    margin-left: -15px;
    margin-right: 10px;
}

.list-icons li {
    line-height: 1.2;
    padding-bottom: 10px;
}
.tm-header.tm-header-white .uk-navbar-nav>li:hover>a, .tm-header.tm-header-white .uk-navbar-nav>li.uk-open>a, .tm-header.tm-header-white .uk-navbar-nav>li.uk-active>a, .tm-header.tm-header-white .uk-navbar-nav>li>a.uk-active {
    color: #f9c41c;
}
#tm-page-header .sozdaniesajtov .tm-background-cover {
    position: relative;
    height: 350px;
}

 a. wh-widget-send-button-get-button {display:none !important;}
.phone11 {font-size: 24px;width: 230px !important;}

span.weight600 {font-weight:600;
color: #ffcc33 !important;}

.phone11 a:hover {text-decoration:none;}
.phone11 a {display: unset;}

.uk-panel-title {font-weight: 500;}


.zayavka-hidden {display:none;}
.wizard {
    border: none !important;
}
.wizard .btn {padding: 8px 14px;height: auto;
    width: auto;}

div.contactus-lightbox, div.contactus-alert, div.contactus-lightbox.jmoddiv.jmodinside {

    border: none;
}

label.contactus-checkbox-label {    margin-bottom: 10px;
    font-size: 16px !important;}

.contactus-lightbox-caption {background-color: #ffffff !important;}

input[type="checkbox"].contactus-fields {
    display:none;
} 

.checkbox-custom {
	position: relative;    
	width: 14px;             
	height: 14px;          
	border: 2px solid #ccc;
	border-radius: 3px;
}

.radio-custom {
	position: absolute;    
	width: 20px;             
	height: 20px;          
	border: 2px solid #ccc;
	border-radius: 50%;
}
.checkbox-custom,
.label {
	display: inline-block;
	vertical-align: middle;
}

.radio-custom {
	display: inline-block;
	vertical-align: middle;
}

input[type="checkbox"]:checked  + .checkbox-custom::before {
	content: "";        
	display: block;		
	position: absolute;      

	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background: #a2a2a2;    
}

input[type="radio"]:checked  + .radio-custom::before {
	content: "";        
	display: block;		
	position: absolute;      
border-radius:50%;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background: #a2a2a2;    
}

span.contactus-sp {padding-left:15px;}

label.contactus-checkbox-label {
    max-width: 100%;
    width: 100%;
    margin: 0px 0px;
    font-weight: normal;
    text-align: left;
}

.steps-index-container {display:none;}
li.sp-contact-text {display:none;}
.sp-contact-info {padding: 17px 0 0 10px;}
li.sp-contact-phone {padding-bottom:5px;}
.btn.btn-sm, .sppb-btn.sppb-btn-sm {border: solid 1px #FFF !important;}
/*.btn, .btn-primary, .spproperty .btn, .spproperty .btn-primary, .sppb-btn, .sppb-btn-primary {
    border-radius: 0;}*/

span.decor {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #296cad ;
    background: #fff;
    display: block;
    position: relative;
    z-index: 1;
top: 10px;
}

span.decor:before {
    left: 14px;
}

span.decor:before {
    content: '';
    position: absolute;
    top: 5px;
    width: 80px;
    height: 2px;
    background: #c6c6c6;
    z-index: -1;
}

span.inner {
    width: 6px;
    height: 6px;
    background: #296cad;
    border-radius: 50%;
    display: block;
    margin: auto;
    margin-top: 3px;
}

.zayavka-btn  {border: solid 1px #FFF !important;}


.wizard .steps-content {
    border-top: none !important;
}

.wizard .btn-next {}


.wizard .btn-default {
    color: #fff;
    background-color:#458ed6;

}

.wizard h3 {
   padding-bottom:10px;
   font-weight:600;

}

.wizard .btn-success {padding:0;}


.zayavka .container-fluid {    padding-left: 0;
    padding-right: 0;}

.wizard .steps-content {min-height:388px}
.wizard .step-pane {min-height:314px}

.wizard .btn-default1, .wizard span.btn-success, .wizard .btn, .wizard button.contactus-button {border-radius: 30px !important;}


@media (max-width: 480px) {

  .uk-hidden-phone {
    display: none !important;
  }
}




.pulse {
  animation: pulse 2s infinite;
}
.pulse:hover, .blik:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,50,50, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 40px rgba(255,50,50, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,50,50, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,50,50, 0.8);
    box-shadow: 0 0 0 0 rgba(255,50,50, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 40px rgba(255,50,50, 0);
      box-shadow: 0 0 0 40px rgba(255,50,50, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,50,50, 0);
      box-shadow: 0 0 0 0 rgba(255,50,50, 0);
  }
}


::-webkit-input-placeholder {color:#a2a2a2 !important;}
::-moz-placeholder {color:#a2a2a2 !important;}
:-moz-placeholder {color:#a2a2a2 !important;}
:-ms-input-placeholder {color:#a2a2a2 !important;}




.elementor-widget-price-list .elementor-price-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.elementor-widget-price-list .elementor-price-list li {
    margin: 0;
}

.elementor-price-list li:not(:last-child) {
    margin-bottom: 20px;
}

.elementor-273 .elementor-element.elementor-element-f8d145c .elementor-price-list li:not(:last-child) {
    margin-bottom: 20px;
}

.elementor-price-list .elementor-price-list-item .elementor-price-list-header {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.elementor-273 .elementor-element.elementor-element-f8d145c .elementor-price-list-header {
    color: #54595f;
}
.elementor-price-list .elementor-price-list-item .elementor-price-list-title {
    max-width: 100%;
}

.elementor-price-list .elementor-price-list-item .elementor-price-list-separator {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    height: 0;
}

.elementor-273 .elementor-element.elementor-element-f8d145c .elementor-price-list-separator {
    border-bottom-style: dotted;
    border-bottom-width: 2px;
}.elementor-widget-price-list .elementor-price-list-description {
    color: #7a7a7a;
    font-family: "Roboto", Sans-serif;
    font-weight: 400;
}
.elementor-price-list .elementor-price-list-item p.elementor-price-list-description {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 14px;
    margin: 0;
}

.elementor-price-list .elementor-price-list-header, .elementor-price-list .elementor-price-list-item, .elementor-price-list .elementor-price-list-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.elementor-price-list .elementor-price-list-item, .elementor-price-list .elementor-price-list-item .elementor-price-list-text {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.elementor-price-list .elementor-price-list-item .elementor-price-list-text {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.elementor-widget-container a:hover {text-decoration:none; cursor:default;}

.elementor-price-list .elementor-price-list-item p.elementor-price-list-description {
    margin: -10px 0 0 0;

}

.elementor-heading-title {padding-top:40px}

.elementor-widget-price-list .elementor-price-list-description {
    color: #111111;

}

.uk-block-primary-split:after {
    position: relative !important;
    background: none!important;
}

.elementor-widget-container a {
    color: #E74339;
}

.uslugiclass h3.uk-h5,.uslugiclass .uk-h5 {font-weight: 500;}

h2.elementor-heading-title {font-weight:500;}

h3.titleukladka {margin-top: 0;
    text-align: center;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 37px;
    color: #111111;
    padding-bottom: 5px;
    position: relative;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;}

.zayavkaceni h3 {padding-top:20px; padding-bottom:20px;}

.seoicon {
    width: 200px;
    height: 200px;
    float: left;
}

.tm-services-tabs .uk-tab > li .tm-nav-title {font-weight:500;}

#tm-bottom-d {background: #ffcc33;background-image: linear-gradient(90deg, #ffb347 0%, #ffcc33 100%);}

#tm-bottom-d h3 {color: #111111 !important;}

.uk-button-green {
    background-color: #4caf50;
    color: #ffffff;
}

.price-site-2 .tm-light-font {
    color: #a8aeb6 !important;
}


.price-site-2 .uk-tab > li > a {
    color: #a8aeb6;

}

.portfolio .uk-subnav > * > * {
    color: #111111;
    font-weight: 500;

}

.portfolio .uk-panel {box-shadow: 0 7px 30px rgba(0,0,0,0.15); min-height: 300px;}
.item img {box-shadow: 0 7px 30px rgba(0,0,0,0.15);}

.portfolio h3 {font-weight:500 !important;}

.vidy-saitov .uk-tab > li > a {
    color: #fff;
}
.wk-popover-toggle ~ .uk-dropdown-blank .uk-panel-box h3 {display:none;}
@media (max-width:991px) {
    
    .tm-popover .uk-slideset li {display:block!important;margin-bottom:10px;}
.tm-popover .uk-slideset .uk-panel-box {
    display: flex;padding: 10px;}
    
.tm-popover .uk-slideset .uk-panel-box h3 {display:block;
    width: 40px;margin-right: 10px;}    
    
.tm-popover  .uk-panel> .uk-margin {
    margin-top: 0;
}

.vidy-saitov .uk-nav-dropdown li a .uk-width-1-4 {display:none;}
}




.vidy-saitov-white .tm-primary-color path,.vidy-saitov1 .tm-primary-color path {
    fill: #1b1b1b !important;
}
.vidy-saitov .tm-primary-color path {
    fill: #fff !important;
}

.vidy-saitov .uk-tab > li.uk-active > a .tm-primary-color path,.vidy-saitov1 .uk-tab > li.uk-active > a .tm-primary-color path {
   fill: #ffcc33 !important;
}

@media (max-width: 480px) {
.tm-services-tabs .tm-slider-panel {
    padding: 50px 0 50px 0;
}

.wiz-icon-arrow-right,.wiz-icon-arrow-left{display:none;}}


.sppb-carousel-pro-text {align-items: center !important;}



.telmodal,.telmodal:hover,.telmodal:focus {text-decoration:none!important; color:#222;display: block; font-size:20px; font-weight:900; padding-top:8px;}

#k2Container .itemImage {max-width: 300px; box-shadow: 0 7px 30px rgba(0,0,0,0.20);}

.sppb-blocknumber-number {

    font-size: 24px;
    font-weight: 900;
}
.blik {/*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
-webkit-transition: ease 0.3s;
    transition: ease 0.3s;
position: relative;overflow: hidden;
}


.blik:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
 
@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    30% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; } 
}

.white .uk-slidenav {

    color: rgb(27, 27, 27);

}

.white .uk-slidenav:hover {

    color: #ffcc33;

}


.portfolio-block {
    text-align: center;
}

@media (max-width: 767px)  {



.tm-grid-filters.uk-subnav:not(.uk-subnav-pill) li.uk-active::after {
    display:none;
}}

@media (max-width: 991px)  {
.vidy-saitov .uk-tab > li.uk-active > a {
width: 190px;
}

.zayavka-main-button {padding-top:20px;}
.zayavka-main-text {text-align:center;}

}

.uk-block-primary-light, .tm-block-bottom-b {
background-image: radial-gradient(at bottom right, #f0f0f0 23%, #d4d4d4 100%);

}
.tm-header.tm-header-dark-alt .uk-nav-navbar ul li.uk-active > a {color: #5d5d5d;}
/*
.uk-navbar {

    position: relative;

}
.uk-navbar > ul.uk-navbar-nav {
position: relative;
    left: 50%;
 
}

.uk-navbar > ul.uk-navbar-nav > li {
position: relative;
    left: -50%;
}
*/
.noise {
    background: url(/img/noise.gif);
   /* position: fixed;*/
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
    pointer-events: none;
    opacity: .07;
}

.glitch {
  position: relative;
  color: white;
  mix-blend-mode: lighten;
}
  .glitch:before,
 .glitch:after {
      content: attr(data-text);
      position: absolute;
      top: 0;
      width: 100%;
      background: #171a23;
      clip: rect(0, 0, 0, 0);
  }
  
  .glitch:before {
      left: -1px;
      text-shadow: 1px 0 rgba(red,0.7);
  }

  .glitch:after {
      left: 1px;
      text-shadow: -1px 0 rgba(blue,0.7);
  }


    .glitch:before {
      text-shadow: 4px 0 rgba(red,0.7);
      animation: glitch-loop-1 1.8s infinite ease-in-out alternate-reverse;
    }
    .glitch:after {
      text-shadow: -5px 0 rgba(blue,0.7);
      animation: glitch-loop-2 1.8s infinite ease-in-out alternate-reverse;
    }



@keyframes glitch-loop-1 {
  0% { clip: rect(36px, 9999px, 9px, 0) }
  25% { clip: rect(25px, 9999px, 99px, 0) }
  50% { clip: rect(50px, 9999px, 102px, 0) }
  75% { clip: rect(30px, 9999px, 92px, 0) }
  100% { clip: rect(91px, 9999px, 98px, 0) }
}

@keyframes glitch-loop-2 {
  0% { top: -1px; left: 1px; clip: rect(65px, 9999px, 119px, 0) }
  25% { top: -6px; left: 4px; clip: rect(79px, 9999px, 19px, 0) }
  50% { top: -3px; left: 2px; clip: rect(68px, 9999px, 11px, 0) }
  75% { top: 0px; left: -4px; clip: rect(95px, 9999px, 53px, 0) }
  100% { top: -1px; left: -1px; clip: rect(31px, 9999px, 149px, 0) }
}

@media (max-width: 480px){
    .phone11 {top: 13px;
 margin-right:15px;
    width: auto!important;
}
.tm-popover  .uk-panel> .uk-margin {
   font-size:12px!important; line-height:1.2;
}    
    
#section-id-1589478213052 {background-image: none!important;}
.uk-grid.tm-indent-even.uk-text-left > div:nth-child(even) {
    padding-left: 15px;
}
.list ul li::before {
    top: 10px!important;
}
#seo-chat .text {
    font-size: 15px!important;
    line-height: 1.2!important;
}

.tm-text-small,.tm-text-large1 {
    line-height: 36px;
    font-size: 30px;
}
#tm-page-header h1 {
    font-size: 20px;
    line-height: 24px;

}}

@media (max-width: 991px){
.vidy-saitov1 .uk-tab > li.uk-active > a {
    width: 252px;
}}

.vidy-saitov1 .uk-tab > li.uk-active > a {
    background: rgb(27, 27, 27);
}

.vidy-saitov1 .tm-services-tabs .uk-tab > li .tm-nav-title,.vidy-saitov .tm-services-tabs .uk-tab > li .tm-nav-title {
    padding-top: 18px;
}

.contactss .tm-block-icon path {
    fill: #000000;
}

.contactss .tm-block-content, .footer-contacts {padding-top:15px;}

@media (max-width: 1220px) {
.tm-header-dark-classic .tm-nav-inner, .tm-header-white-classic .tm-nav-inner {
    padding: 0;
}
#tm-spotlight {display:none;}
}

.uslugipage .uk-list.tm-primary-icons > li > i {
    color: #333;
}

/* Hover */
.uk-button-primary:hover,
.uk-button-primary:focus,
.cart-checkout-button > a:hover,
.cart-checkout-button > a:focus,
.cart-update-button > input:hover,
.cart-update-button > input:focus,
.j2store-addtocart-form > a.btn-success:hover,
.j2store-addtocart-form > a.btn-success:focus,
.j2store-cart-button:hover,
.j2store-cart-button:focus,
.sppb-btn-primary:hover,
.sppb-btn-primary:focus {
  background-color: #f8d02b;
  color: #1a1a10;
box-shadow: 0px 18px 57px 0px rgba(255, 227, 71, 0.6);
}

.uk-primary-hovered {box-shadow: 0px 9px 50px 0px rgba(255, 227, 71, 0.6);}
/* Active */
.uk-button-primary:active,
.uk-button-primary.uk-active,
.cart-checkout-button > a:active,
.cart-checkout-button > a.uk-active,
.cart-update-button > input:active,
.cart-update-button > input.uk-active,
.j2store-addtocart-form > a.btn-success:active,
.j2store-addtocart-form > a.btn-success.uk-active,
.j2store-cart-button:active,
.j2store-cart-button.uk-active,
.sppb-btn-primary:active,
.sppb-btn-primary.uk-active {
  background-color: #f8d02b;
  color: #1a1a10;
}
.tm-cta-button, .tm-cta-button {transition: all .3s;}
.tm-cta-button:hover, .tm-cta-button:focus {box-shadow: 0px 18px 57px 0px rgba(255, 227, 71, 0.6) !important;}


.uk-dotnav > * > * {

    background: rgba(183, 183, 183, 0.7);

}

.im1 .tm-services-tabs .uk-tab > li > a {
    padding: 10px!important;
}

.im1 .tm-services-tabs .uk-tab > li .tm-nav-title, .im1 .tm-services-tabs .uk-tab > li .tm-nav-title {
    padding-top: 0!important;
}

.im1 .tm-services-tabs .uk-tab > li .tm-nav-title, .im1 .tm-services-tabs .uk-tab > li .tm-nav-title {
    padding-top: 0!important;
    font-size: 16px !important;
    line-height: 16px!important;
}

.uslugipage .tm-panel-icon.tm-primary-light {
    background-color: #ffcc33;
}

.uslugipage .tm-panel-icon.tm-primary-light:hover {
    background-color: #fff;
}
.uslugipage .tm-panel-icon.tm-primary-light:focus {
    background-color: #fff;
}

#tm-top-a, .sozdanie #tm-bottom-a{
background-image: url(/images/background/bg-image-transport.jpg);
background-position: center bottom !important;
background-repeat: repeat-x !important;
}

.tm-panel-icon.tm-primary-light {
    padding: 60px 20px 90px;
}

#tm-page-header .tm-background-cover:before {
    background-color: rgba(0, 0, 0, 0.55);
}

.shadowbig img, .shadowbig-div,.ba-form-page {box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.2) !important;}
.portfolio-class:after {
    content: '1';
    position: absolute;
    right: -15px;
    top: 7px;
  /*  width: 15px;*/
    height: 15px;

    border-radius: 30px;
    font-size: 10px;
    background: #ef4646;
    padding: 0 6px;
    display: unset;
    line-height: 15px;
}

.tel2 {height: 35px;top: 7px;}
.tel2 a {line-height: 1.2; color:#fff;display:block;width: 100%;
    text-align: right;}
.tel2 .mobilephone {font-size: 18px;}

.phone11:before {display:none;}

.align-left {text-align:left;}

.uk-contrast h2 span {
    font-size: 2em;
    color: #ffcc33;
    display: block;
line-height:1.5;
}


.heading2 span {font-weight: 500;
    color: #ffcc33;  font-size: 1.5em;
float: none;
margin-left: 0;
}
.preimush-nash {padding-top:100px}

#calcul{display:none;}

.uk-text-primary h2, .uk-text-primary h3, .uk-text-primary h4, .uk-text-primary h1 {
    color: #ffcc33 !important;
}

.border-left-primary {border-left: 3px solid #ffcc33;padding-left:20px;}

ul.padding-bottom10 li {padding-bottom:10px;}

.etapy-slide .tm-nav-title {
font-weight:bold;
}
.etapy-slide .tm-nav-title span {display:block;text-transform:none;
font-weight: 400;line-height:1.2;color:#999;
}
.etapy-slide .uk-active .tm-nav-title span {color:#000;
}

.uk-subnav-pill > .uk-active > * {
    color: #111111;
}
.etapy-slide .uk-subnav-pill > * > * {
    padding:10px 10px;
    border-radius: 5px;
}


.etapy-slide .uk-subnav li:after {
    left: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    content: '';
    border: 12px solid transparent;
    border-left-color: #ffffff;
}

.etapy-slide .uk-subnav li.uk-active:after {
    left: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    content: '';
    border: 12px solid transparent;
    border-left-color: #ffcc33;
}


.etapy-slide .uk-subnav li  a{
    color: #000 !important;width:100%;
}
.etapy-slide .uk-subnav li {
    display: block;padding-right:10px;
    color: #000 !important;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    margin-right: 20px;
    background: #ffffff;
    padding-top: 0;
    padding-bottom: 0;
}

.etapy-slide .uk-subnav li.uk-active {

    background: #ffcc33;background-image: linear-gradient(90deg, #ffb347 0%, #ffcc33 100%);
   padding-top: 0; 
     padding-bottom: 0; 
}


.etapy-slide .uk-subnav li:hover,.etapy-slide .uk-subnav li:focus {
     background: #ffcc33;background-image: linear-gradient(90deg, #ffb347 0%, #ffcc33 100%);
}

.etapy-slide .uk-subnav li:hover:after,.etapy-slide .uk-subnav li:focus:after{

    border-left-color: #ffcc33;
}
.etapy-slide .tm-slider-title {text-transform:uppercase; font-weight: 700;display:none;}
.etapy-slide .tm-slider-title span {display:block;   padding-top: 10px; font-size: 30px;
    line-height: 36px;text-transform:none;font-weight: 500;}

.etapy-slide .uk-subnav{
margin-left: 0;
}
.etapy-slide .uk-panel-space {
    padding: 40px 0;
}

.etapy-slide .uk-panel-box .uk-margin {margin:0;}

#tm-top-f {
    background: #eef0f3;
}

#tm-main { background: #eef0f3;}

.shadow-small {-webkit-box-shadow: -1px 28px 80px rgba(0,0,0,.062);
    box-shadow: -1px 28px 80px rgba(0,0,0,.062);
}

.marginb-80 {
    margin-bottom: -80px;
}

span.cifra-big {
    position: absolute;
    top: -10px;
    font-size: 60px;
    font-weight: 900;
}
.hover-primary{        -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}
.hover-primary:hover, .hover-primary:focus{background:#ffcc33 !important;background-image: linear-gradient(90deg, #ffb347 0%, #ffcc33 100%);}

.shadow-small.hover-primary:hover  {-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);-webkit-box-shadow:0 27px 51px rgba(80,87,108,.23);box-shadow:0 27px 51px rgba(80,87,108,.23)}

.hover-primary:hover, .hover-primary:focus,.hover-primary:hover .sppb-addon-title, .hover-primary:hover .cifra-big{color:#000 !important;}

.citata:before {
    content: '\201C';
    position: absolute;
    font-size: 200px;
    line-height: 1em;
    color: #ffcc33;
    z-index: 0;
    left: -15px;
    top: -100px;
}

.text-contactus .form_title {
    font-size: 28px;

}

.list ul li, .list ol li {
    position: relative;
    margin: 0.5rem 0;
    list-style: none;
    line-height: 1.4;
    padding-bottom:20px;
}

.list ul li::before {
    content: '';
    display: block;
    position: absolute;
    left: -30px;
    width: 1rem;
    height: 1px;
    top: 17px;
    background: #fff;
}

.tm-main-hidden #tm-main, .tm-page-corners-hidden .tm-page-corners {display:none;}
.mtop20 {margin-top:20px !important;}



/*стили */

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}

.h-100 {
    height: 100%!important;
}

.bg-lighter-gray {
    background-color: #eef0f3!important;
}

.prod-block-preview .product {
    position: relative;
    min-height: 380px;
}

.mh300 {
    position: relative;
    min-height: 300px;
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
}

.prod-block-preview .product .content {
    padding: 1.5rem 1rem 0;
    margin: 0 0 auto;
}

.svg-icon {
    max-width: 100%;
    height: auto;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.prod-block-preview .product .content .svg-icon {
    position: absolute;
    top: 20px;
    right: 20px;
}

.prod-block-preview .product .content .title {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    min-height: 50px;
    font-weight: 700;
}

.prod-block-preview .product .content .descr {
    font-size: 16px;
    line-height: 22px;
    padding: 50px 0 53px;
    color: #333333;
}

.w-100 {
    width: 100%!important;
}

.bold, .font-weight--bold {
    font-weight: 700!important;
}

.prod-block-preview .product .button {
    padding: 20px 26px;
    border-top: 1px solid #d5d7dc;
    color: #333333;
    fill: #d5d7dc;
}




.prod-block-preview .product .hover {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 0 27px 51px rgba(80,87,108,.23);
    box-shadow: 0 27px 51px rgba(80,87,108,.23);
    width: calc(100% + 60px);
    height: calc(100% + 60px);
    -webkit-transform: translate(-30px,-35px);
    -ms-transform: translate(-30px,-35px);
    transform: translate(-30px,-35px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.prod-block-preview .product-sozdanie-saitov .hover {
    background-color: #171a23;
    background: url(/img/bg-product-sozdanie-saitov.jpg) center no-repeat;
    background-size: cover;
    
}

.prod-block-preview .product-seo .hover {
    background-color: #171a23;
    background: url(/img/bg-product-seo.jpg) center no-repeat;
    background-size: cover;
    
}
.prod-block-preview .product-podderzhka .hover {
     background-color: #171a23;
    background: url(/img/bg-product-podderzhka.jpg) center no-repeat;
    background-size: cover;
   
}

.prod-block-preview .product-direct .hover {
    background: url(/img/bg-product-direct.jpg) center no-repeat;
    background-size: cover;
    background-color: #171a23;
}

.prod-block-preview .product-landing .hover {
    background: url(/img/bg-product-landing.jpg) center no-repeat;
    background-size: cover;
    background-color: #171a23;
}

.prod-block-preview .product-vizitka .hover {
    background: url(/img/bg-product-vizitka.jpg) center no-repeat;
    background-size: cover;
    background-color: #171a23;
}

.prod-block-preview .product-corp .hover {
    background: url(/img/bg-product-corp.jpg) center no-repeat;
    background-size: cover;
    background-color: #171a23;
}

.prod-block-preview .product-catalog .hover {
    background: url(/img/bg-product-catalog.jpg) center no-repeat;
    background-size: cover;
    background-color: #171a23;
}

.prod-block-preview .product-shop .hover {
    background: url(/img/bg-product-shop.jpg) center no-repeat;
    background-size: cover;
    background-color: #171a23;
}

.prod-block-preview .product-dost .hover {
    background: url(/img/bg-product-dost.jpg) center no-repeat;
    background-size: cover;
    background-color: #171a23;
}

.prod-block-preview .product .content .title {

    color: #000;
}

.prod-block-preview .product .hover .button {
    border: none;
    background: #ffcc33;background-image: linear-gradient(90deg, #ffb347 0%, #ffcc33 100%);
    color: #000;
    fill: #000;
    padding: 24px 26px;
    font-size: 15px;
    line-height: 24px;
}




.prod-block-preview .product:hover .hover {
    opacity: 1;
    z-index: 2;

}

  .prod-block-preview .product{  transition: all .1s !important;}

.prod-block-preview .product:hover {text-decoration:none;}

.prod-block-preview .product .hover .content .title {
    min-height: 60px;
    color: #ffcc33;
    font-size: 20px;
    line-height: 22px;
}

.prod-block-preview .product .hover .content .descr {
    padding: 30px 0 50px;
    color: #fff;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}
.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (max-width:320px){
    
    .product .front .svg-icon {display:none;}
}
/**/

.product .front .uk-list.tm-primary-icons > li > i, .product .front .uk-list.tm-primary-icons > li > em {
    color: #111111;
}


.uk-panel-box-secondary {
    color: #ffffff;
    background: transparent;
}


.slider-black .uk-slidenav:hover,
.slider-black .uk-slidenav:focus,.slider-black .uk-slidenav:active,.uk-slidenav.uk-slidenav-contrast:hover,
.uk-slidenav.uk-slidenav-contrast:focus,.uk-slidenav.uk-slidenav-contrast:active{
color: #222;
}


.slider-black .uk-panel-box-secondary h3 {color: #ffcc33;}

.cifra-back {
    color: #333039;
    position: absolute;
    font-size: 300px;
    font-weight: 900;
    z-index: -1;
    right: 0;
    top: 50%;
}

@media (max-width:480px) {
.slider-black .uk-panel-body {
   padding-left: 0; padding-right:0;
}
.uk-panel-box {
    padding: 15px;}
}

@media (max-width:597px) {
.etapy-slide .tm-nav-title {
    font-size: 12px;
}

.etapy-slide .uk-subnav li {
    padding: 0;
}
.uk-h3 {
    font-size:18px; line-height:1.2;
}
.etapy-slide .uk-panel-box {
    font-size: 12px;
}
}

.etapy-slide .bbgray {
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);
    padding-bottom: 20px;
}



/*@media (max-width:400px)  {
.sp-page-builder .sppb-row {margin-right: 0;
    margin-left: 0;}
.sp-page-builder .sppb-row .sppb-col-md-12 {    padding-right: 0;
    padding-left: 0;}

}*/
body {overflow-x:hidden;}

.step-head .-arrow-step {
    position: absolute;
    top: -40px;
    left: 110px;
    width: 36px;
    height: 14px;
}

.step-head .sppb-img-responsive {width:80px; height:80px;margin-bottom:20px;}
.pb0 ul li, .pb0 ol li {padding-bottom:0!important;}
.blacklist ul li::before {
    left: -30px;
    background: #000;
}

@media (max-width: 969px) {
#tm-container .tm-offset-left-xlarge {
    margin-left: -30px;
}}

.tm-related-block .uk-list li {
    background: url(/img/latest.svg) 0 0 no-repeat;
}

.tm-header.tm-header-dark-classic {
    background-color: #171a23;border-bottom: 1px solid #312e3a;
}
.tm-navbar .uk-navbar {margin-left:0;}
.tm-navbar .uk-navbar-nav {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    height: 45px;
    align-content: space-between;
}


.button22{position:relative;top:0;cursor:pointer;display:inline-block;vertical-align:middle;border:1px solid #ffd131;font-size:14px;outline:0;color:#524329!important;text-transform:uppercase;text-decoration:none!important;letter-spacing:.1em;font-weight:700;padding:0 45px;height:70px;line-height:70px;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;text-shadow:0 2px 1px rgba(255,255,255,.43);-webkit-box-shadow:0 19px 22px rgba(109,89,21,.39),inset 0 4px 5px rgba(255,255,255,.33),inset 0 0 0 70px rgba(255,225,125,0.0);box-shadow:0 19px 22px rgba(109,89,21,.39),inset 0 4px 5px rgba(255,255,255,.33),inset 0 0 0 70px rgba(255,225,125,0.0);



background: -moz-linear-gradient(100deg,#f5b812 0,#ffdb5e 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffcc33),color-stop(100%,#ffcc33));
    background: -webkit-linear-gradient(100deg,#ffcc33 0,#ffcc33 100%);
    background: -o-linear-gradient(100deg,#f5b812 0,#ffdb5e 100%);
    background: -ms-linear-gradient(100deg,#f5b812 0,#ffdb5e 100%);
    background: linear-gradient(350deg,#ffcc33 0,#ffcc33 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdb5e',endColorstr='#f5b812',GradientType=0);-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}
.button22:before{content:'';position:absolute;left:-1px;top:1px;width:100%;padding-right:1px;height:74px;background:#c67605;z-index:-1;-webkit-border-radius:150px;-moz-border-radius:150px;-ms-border-radius:150px;-o-border-radius:150px;border-radius:150px;-webkit-border-bottom-left-radius:200px;-moz-border-bottom-left-radius:200px;-ms-border-bottom-left-radius:200px;-o-border-bottom-left-radius:200px;border-bottom-left-radius:200px;-webkit-border-bottom-right-radius:200px;-moz-border-bottom-right-radius:200px;-ms-border-bottom-right-radius:200px;-o-border-bottom-right-radius:200px;border-bottom-right-radius:200px;-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}
.button22:hover,button22.b-button:focus{top:3px;text-shadow:0 2px 1px rgba(255,255,255,.2);-webkit-box-shadow:0 19px 22px rgba(109,89,21,.2),inset 0 4px 5px rgba(255,255,255,.33),inset 0 0 0 70px rgba(255,225,125,0.5);box-shadow:0 19px 22px rgba(109,89,21,.2),inset 0 4px 5px rgba(255,255,255,.33),inset 0 0 0 70px rgba(255,225,125,0.5)}
.button22:hover:before,button.b-button22:focus:before{top:8px;height:64px}.button_mini{font-size:11px;letter-spacing:.2em;border:1px solid rgba(245,184,18,1.0);background:rgba(245,184,18,.0);color:#fff;font-weight:700;height:27px;line-height:29px;padding:0 20px;text-shadow:none;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;opacity:1.0}

@media (max-width:383px){
.button22 {
    line-height: 1.2;
    text-align: center;
    padding-top: 20px;
}
}

#contactus-lightbox605 .field1605 {background: url(css/images/forms/fields/person.svg) no-repeat left center;-webkit-background-size: 17px 17px;
    background-size: 17px 17px;}


#contactus-lightbox605 .field2605 {background: url(css/images/forms/fields/mail.svg) no-repeat left center;-webkit-background-size: 17px 17px;
    background-size: 17px 17px;}

#contactus-lightbox605 .field2605 {background: url(css/images/forms/fields/phone.svg) no-repeat left center;-webkit-background-size: 17px 17px;
    background-size: 17px 17px;}

#contactus-lightbox605 .field3605 {background: url(css/images/forms/fields/mail.svg) no-repeat left center;-webkit-background-size: 17px 17px;
    background-size: 17px 17px;}
.text-contactus p {
    text-align: center;
    color: #969FAA;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 25px;
}

.relative {position:relative;}

span.cifra-big50 {
    top: -50px;
}


.listsmall ul li, .listsmall ol li {
    line-height: 1.2;
    padding-bottom: 10px;
    font-weight: 500;
font-size: 22px;
}

@media (max-width: 479px){
.tm-text-large {
    line-height: 32px;
    font-size: 26px;
}}

.tm-totop-scroller {
    position: fixed;
 top:auto;
    bottom: 10px;
    right: 10px;
z-index:3;
}

.tm-totop-scroller:after {
display:none
}
.tm-totop-scroller:hover:after {
display:block;
}

.tm-totop-scroller {background:transparent;    color: #8e8e8e;-webkit-transition: none; 
    transition: none;}





@media (max-width:991px) {
.tgorod{display:none;}
}

.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {
    height: 55px;
}

.tm-logo-container {
    height: 55px;
}

.tgorod .mcs-module .current-location {
    color: #fff;

    border-bottom: 1px dashed #fff;

    position: relative;
}

.tgorod .mcs-dialog .cities .cities-group .first-letter-cities,.tgorod .mcs-modal-header .mcs-header .title {
    color: #222;
}

.tgorod .mcs-modal-header .mcs-header .title {text-align:left;}


.tgorod .mcs-dialog a {
    font-size: 14px;
    line-height: 18px;
    color: #222;
    text-align: left;
}


.tgorod .mcs-module {  text-align: right; 
}

.tel2 a span{
    color: #fff;
font-weight:500;
}
.tel2 a:hover span{
    color: #fbd746;
}

.uk-navbar-nav > li > a {
    height: 45px;
    line-height: 47px;
    font-weight: 500;
    text-transform: none;

}

.tm-header.tm-header-dark-classic .uk-navbar-nav > li {
    margin-right: 0;
}

.tm-header.tm-header-dark-classic .uk-navbar-nav > li > a:before {
    bottom: 10px;
}

.tm-header.tm-header-dark-classic .uk-navbar-nav > li .uk-dropdown-navbar {top: 45px !important;
}

.tm-header.tm-header-dark-classic .uk-navbar-nav > li:hover > a, .tm-header.tm-header-dark-classic .uk-navbar-nav > li.uk-open > a, .tm-header.tm-header-dark-classic .uk-navbar-nav > li.uk-active > a, .tm-header.tm-header-dark-classic .uk-navbar-nav > li > a.uk-active {
    color: #eef0f3;
}

@media (max-width: 1403px) {
.contexlink {
    display: none!important;
}}

.tm-block-page-header .uk-breadcrumb li.uk-active span:after {display:none;}

.tm-block-page-header .uk-breadcrumb li.uk-active span {
    background-color: transparent;
}

/*@media (max-width: 991px){
.tm-block-page-header .uk-width-medium-1-3.uk-text-right.uk-grid-margin.uk-row-first {display:none;}}*/

@media (max-width: 991px){
#tm-page-header, #tm-page-header .tm-background-cover {
    height: 200px;
}}

@media (max-width: 991px){
#tm-page-header, #tm-page-header .tm-background-cover {
    height: 200px;
}
/*.uk-slideshow > li {

    height: 250px;
}*/
}

.tm-navbar .uk-navbar-nav > li[data-menu-fullwidth] .uk-dropdown.uk-dropdown-navbar {
    top: 42px !important;
}

@media (max-width: 460px){
#tm-page-header, #tm-page-header .tm-background-cover {
    height: 255px;
}
/*.uk-slideshow > li {

    height: 250px;
}*/

}

.text-logo {
    color: #fff;
    font-size: 12px;
    margin-left: 20px;
line-height:1.7;
}

.hover-block .hover {
opacity: 1!important; 
z-index: 1!important; 
width: calc(100%)!important; 
    height: calc(100%)!important; 
  -webkit-transform:  none!important; 
    -ms-transform:  none!important; 
     transform: none!important; 

}

.hover-block.prod-block-preview .product:hover {
-webkit-transform:translateY(-10px)!important; -ms-transform:translateY(-10px)!important; transform:translateY(-10px)!important; 

}

.hover-block1 .bg-lighter-gray {
    background-color: #fff!important;
}

.cifre-big-left  {
    position: absolute;
    left: 40px;
    top: 80px;
    font-size: 200px;
    font-weight: 900;
    color: #edeff2;
}
.cifre-big-right {
    position: absolute;
    right: 40px;
    top: 80px;
    font-size: 200px;
    font-weight: 900;
    color: #edeff2;
}

.tel2 .mainphone span {
color: #ffcc33!important;}

@media (max-width: 767px)  {
        .phone11.tel2 {
top: 13px;
    width: auto!important;
}
.cifre-big-right, .cifre-big-left {right: 40px;
    top: 80px; left:auto;
    font-size: 100px;}}

.uk-tab > li.uk-active > a {
    color: #171a23;
    font-weight: 500;
}

.uk-tab-responsive .uk-nav-dropdown li a {    color: #171a23;}

.tm-slideset-recover .tm-filters-top {
    border-bottom: none;
    margin-bottom: 0;
}

.uk-tab a:not([class*="uk"]):hover {
    color: #171a23;
}

.uk-dropdown-navbar .uk-nav-navbar ul a, .uk-dropdown-navbar .uk-nav-navbar > li > a {
    text-transform: none;
}

.smallbutton {
    text-transform: none;
    padding: 7px 15px!important;
    line-height: 1.2;
    min-height: 20px;
    font-weight: 500;
    margin-top: 15px;
}

.price-yellow-bg {
    padding: 2px 5px 5px 5px;
    background-color: #fbdb5c;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.fullheader .tm-header.tm-header-dark-classic {background-color: #171a23;}

.row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.labelll span {
    left: -30px;
}

.sppb-btn-round {
    border-radius: 100px;
}

.tm-caps {
    text-transform: none!important;
    line-height: 1.2!important;
}

@media (min-width: 481px){
h2.tm-text-large {
    font-size: 36px;line-height: 40px;
}}

@media (min-width: 1200px){
h2.tm-text-large {
    line-height: 48px;
    font-size: 42px;
}}



.mw64 img {width:64px;}

@media (min-width:768px){
.sppb-addon-form-builder .sppb-form-check {
    position: absolute;
    bottom: 50px;
}    
    
.vertical{
-webkit-transform: rotate(90deg); 
transform: rotate(90deg);}}

.mh150 {min-height:150px;}

.sppb-btn-secondary {background-color:#000!important;border-color:#000!important;}
@media(max-width:767px){
.bg767left {background-position:0 50%!important;}}
@media (max-width:480px){
.smalliconsmob img {
width:100px;
}
.list ul li, .list ol li {
font-size:14px;
}
}

.saleBanner {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    transition: all .3s;
}

.saleBanner .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .1;
}

.saleBanner button.close {
    cursor: pointer;
    outline: 0;
    width: 25px;
    height: 25px;
    padding: 0;
    border: 0;
    background-color: transparent;
    position: relative;
    margin: 10px;
    -webkit-appearance: none;
}

.saleBanner .closeBtn {
    position: absolute;
    right: calc(50% - 16px);
    top: calc(50% - 16px);
    width: 32px;
    height: 32px;
    opacity: 1;
    transition: opacity .3s,transform .3s;
}

.saleBanner .closeBtn:after, .saleBanner .closeBtn:before {
    position: absolute;
    left: 15px;
    content: " ";
    height: 33px;
    width: 2px;
    background-color: red;
}

.closeBtn:before {
    transform: rotate(45deg);
}

.closeBtn:after {
    transform: rotate(-45deg);
}

.closeBtn:hover {
    opacity: 1;
    transform: rotate(90deg);
}

.absoluta {
    width: 100%;
    height: 100%;
    position: absolute;
}

.blogTimer {

    background-color: transparent!important;
}
.portfoliomain .uk-text-center {
    text-align: left !important;
}

.portfoliomain h3,.portfoliomain .uk-h5 {margin-top:0!important; font-weight:600!important;}
.works ul li {
    list-style-type: none;
}
ul.works{
    padding-left:0;
}
.works li {
    margin-top: 12px;
    margin-right: 20px;
    display: table;
    padding-left: 18px;
    font-size: 12px;
    color: #808080;
    background: url(/img/li.png) left center no-repeat;
    -webkit-background-size: 12px 11px;
    background-size: 12px 11px;
}

.works .activework {
    color: #fff;
    background: url(/img/activeli.png) left -4px center no-repeat;
    -webkit-background-size: 22px;
    background-size: 22px;
}

.btnwithline {
    font-size: 12px;
    font-weight: bold;
    color: #ffcc33;
    text-transform: uppercase;
    -ms-align-self: flex-start;
    align-self: flex-start;
    position: relative;
    display: table;
    cursor: pointer;
}

.btnwatchkeys {
    margin-top: 20px;
}

.btnwithline:after {
    content: '';
    position: absolute;
    width: 48px;
    height: 2px;
    top: calc(50% - 1px);
       margin-left: 20px;
    background: url(/img/lindedes.png) left center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.arrow-icon, .btn-content, .btn-icon {
    position: relative;
    z-index: 1;
}

.btn-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-left: 15px;
    border-radius: 10em;
    border: 1px solid rgba(146,146,146,.25);
border-color: rgba(0,0,0,.2);
}

.btn-icon:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 10em;
    border: 1px solid rgba(81,81,81,.2);border-color: rgba(0,0,0,.05);
}

.arrow-icon, .btn-content, .btn-icon {
    position: relative;
    z-index: 1;display: inline-block;
}

.arrow-icon:after, .arrow-icon:before, .btn-icon:after {
    content: '';
    position: absolute;
    left: 4px;
    top: -10px;
   /* -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);*/
}

.arrow-icon:after, .arrow-icon:before {
    background-image: url(/img/sprite.svg);
    background-position: -4px -540px;
    width: 9px;
    height: 9px;
    background-repeat: no-repeat;
    -webkit-transition: .5s;
    transition: .5s;
}

.arrow-icon:after {
    background-position: -4px -592px;
    height: 7px;
    opacity: 1;
}



.btn-icon:after {
    z-index: -1;
    border-radius: 10em;
    background: -webkit-radial-gradient(center ellipse,#ff951a 0%,#ff8918 8%,rgba(255,49,8,0) 68%,rgba(255,2,0,0) 100%);
    background: radial-gradient(ellipse at center,#ff951a 0%,#ff8918 8%,rgba(255,49,8,0) 68%,rgba(255,2,0,0) 100%);
    opacity: 0;
    border: none!important;
    width: 68px;
    height: 68px;
}

.gektor-button:active, .gektor-button:focus, .gektor-button:hover {
    box-shadow: none;
    -webkit-animation: gektor-button-pulse .9s 0s ease-out 1;
    animation: gektor-button-pulse .9s 0s ease-out 1;
}

@-webkit-keyframes gektor-button-pulse{0%{box-shadow:0 0 8px 6px #ffa200,0 0 12px 14px #ffa200}to{box-shadow:0 0 10px 6px rgba(255,165,0,0),0 0 2px 35px rgba(255,165,0,0)}}
@keyframes gektor-button-pulse{0%{box-shadow:0 0 8px 6px #ffa200,0 0 12px 14px #ffa200}to{box-shadow:0 0 10px 6px rgba(255,165,0,0),0 0 2px 35px rgba(255,165,0,0)}}

.active-box:after {
    content: "";
    background: -webkit-linear-gradient(left,rgba(255,255,255,.1),rgba(255,255,255,.5));
    background: linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.5));
    height: calc(100% + 16px);
    width: 50px;
    position: absolute;
    z-index: 1;
    top: -8px;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    -webkit-animation: btn-anim 4.5s ease infinite;
    animation: btn-anim 4.5s ease infinite;
}
.active-box1:after {
    content: "";
    background: -webkit-linear-gradient(left,rgba(255,255,255,.1),rgba(255,255,255,.5));
    background: linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.5));
    height: calc(100% + 16px);
    width: 50px;
    position: absolute;
    z-index: 1;
    top: -8px;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    -webkit-animation: btn-anim 4.5s ease infinite;
    animation: btn-anim 4.5s ease infinite;
}

.btn-box, .site-btn {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10em;
}

.btn-box {
    overflow: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
}

.btn-box.active-box {
    box-shadow: 0 0 140px 0 rgba(255,162,0,.3), 0 0 140px 0 rgba(255,162,0,.3);
}

.site-btn.active, .site-btn.active-btn, .site-btn.active-btn:after, .site-btn.active:after {
    background: -webkit-linear-gradient(top,#ffbe28 0%,#ffcc33 100%);
    background: linear-gradient(180deg,#ffbe28 0%,#ffcc33 100%);
}

.site-btn.active, .site-btn.active-btn {
    border: none;
    color: #202020!important;
    box-shadow: 0 0 140px 0 rgba(255,162,0,.3), 0 0 140px 0 rgba(255,162,0,.3);
}
.btn-box, .site-btn {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10em;
}

.site-btn {
    display: -webkit-box;
    display: -ms-flexbox;
     display: flex; 
    height: 50px;
    padding: 2px 20px;
    box-shadow: inset 0 0 0 2px #2c2c2c;
    font-size: 13.89px;
    color: #fff;
    background-color: transparent;
}
.site-btn {
    height: 56px;
    padding: 5px 20px;
    font-size: 15.5px;text-decoration: none!important;
}

@-webkit-keyframes btn-anim{0%,55%{left:-100%}to{left:130%}}
@keyframes btn-anim{0%,55%{left:-100%}to{left:130%}}
.active-box {margin-bottom:20px;margin-right:20px;}

.saleBanner button.close:after {display:none;}
.ba-form-page .ba-form-page-break-button[data-action="next"],
.ba-form-page .ba-form-page-break-button,
.ba-form-submit-wrapper[class*="animation"] .ba-form-submit-btn {
    border-radius: 30px!important;
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn:hover i {
    color: #000;
}



#seo-chat .item {
    margin-bottom: 1rem;
}

#seo-chat .item:nth-child(1) {
   /* width: 320px;
    margin-left: auto;
    margin-right: 2rem;*/
}

#seo-chat .text {
    position: relative;
    font-size: 1.125rem;
    padding: 1rem 2rem;
    border-radius: 15px;
    line-height: 1.3;
    background: #fff;
    display: inline-block;
}

#seo-chat .item:nth-child(1) .text {
    font-size: 2rem;
    font-weight: bold;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 0px;
}

#seo-chat .text::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    transform: skewY(-11deg);
    z-index: -1;
}

#seo-chat .item:nth-child(2n+1) .text::before {
    border-width: 2rem 3rem 0 0;
    border-color: #ffffff transparent transparent transparent;
    right: -1.2rem;
    top: 0;
}
#seo-chat .item:nth-child(2n) .text {
    background: #ffcc33;
}
#seo-chat .item:nth-child(2n) .text::before {
    border-width: 0 0 2rem 3rem;
    border-color: transparent transparent #ffcc33 transparent;
    left: -1.5rem;
    bottom: 0;
}

span.new {background:red; padding:4px; font-size:12px; color:#fff;}
#saleBan {display:none;}
a.callbackphone {
    margin-left: 10px;
    margin-top: 10px;
}
a.callbackphone:hover {text-decoration: none;}
a.callbackphone i {
    font-size: 22px;
    color: #fed343;
    width: 42px;
    height: 42px;
    border: 2px solid #fed343;
    border-radius: 100%;
    line-height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    display: block;
}

.call_animation {
    -webkit-animation: pzv-phone-animation 1.2s ease-in-out 0 normal none;
    animation: pzv-phone-animation 1.2s ease-in-out 0 normal none;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes pzv-phone-animation{0%,50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%,30%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}20%,40%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}}@-webkit-keyframes pzv-phone-animation{0%,50%,100%{-webkit-transform:rotate(0deg)}10%,30%{-webkit-transform:rotate(-25deg)}20%,40%{-webkit-transform:rotate(25deg)}}

@media (max-width:991px){
a.callbackphone {
    margin-top: 13px;
}
a.callbackphone i {
    width: 32px;
    height: 32px;
    line-height: 28px;
    font-size: 16px;
}
.fa.fa-phone.call_animation:before {    content: "\f1d8"!important;}
}

.items-partners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}

.items-partners .img_wr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;margin-bottom: 30px;
}

.items-partners .img_wr img {
    max-height: 60px;
    max-width: 130px;
    margin: 0 20px;
    transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    -moz-transition: All 0.2s ease-in-out;
    -o-transition: All 0.2s ease-in-out;
}

.items-partners .img_wr:after {
    content: '';
    display: block;
    background: #ebecf0;
    height: 56px;
    width: 1px;
}

@media (max-width: 991px){
.tm-block-bottom-e {
    text-align: left;
}}

.subheader-small {font-size:22px;line-height:1.2;}

@media (max-width: 767px){
   .subheader-small {font-size:16px;} 
   .site-btn {
    height: 45px;
    font-size: 13px;
}
.w80p{width:80%;}
   
}

#callibri_checkbox_footer {display:none!important;}
.items-partners .img_wr img {
    max-width: 120px;}
.mcs-module .question-popup {
    border: none;
}
.tm-navbar {
    z-index: auto;
}

a.tm-svg-link {
    display: none;
}

.uk-text-left .uk-text-center {
    text-align: left !important;
}

.uk-dropdown-navbar .uk-nav-navbar > li > a.tm-menu-large-icon {
    font-size: 18px; align-items: center;
    line-height: 20px;
}


.block-number {
    height: 40px;z-index: 999;
    width: 45px;
    border-left: 4px solid #171a23;
background:#171a23;
    position: absolute;
    top: 0;
 left: -30px;
    color: #fff;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;

}


.numbered {
    position: relative;
}
.numbered:before {
    content: '';
    position: absolute;
    background: #ffcc33;
    top:0;
    left: -50%!important;
    z-index: 11;
    width: 50%;height: 40px;
}

@media screen and (max-width: 1800px){
.numbered:before, .block-number{
    left: -30px;
}}

@media screen and (max-width: 1600px){
.numbered:before, .block-number {
   left: -30px;
}}

@media screen and (max-width: 1500px){
.numbered:before, .block-number {
     left: -30px;
}}

@media screen and (max-width: 1400px){
.numbered:before, .block-number {
  left: 0;
}}
@media screen and (max-width: 800px){
.numbered:before,.block-number {
      left: 10px;  top: 0;
}
.numbered:before {
    left: -240px!important;
    width: 250px;
}
}


.prod-block-preview .product-trafic .hover {
    background-color: #171a23;
    background: url(/img/bg-product-trafic.jpg) center no-repeat;
    background-size: cover;
}

.prod-block-preview .product-dorabotka .hover {
    background-color: #171a23;
    background: url(/img/bg-product-dorabotka.jpg) center no-repeat;
    background-size: cover;
}

.prod-block-preview .product-optimization .hover {
    background-color: #171a23;
    background: url(/img/bg-product-optimization.jpg) center no-repeat;
    background-size: cover;
}

.prod-block-preview .product-design .hover {
    background-color: #171a23;
    background: url(/img/bg-product-design.jpg) center no-repeat;
    background-size: cover;
}

.mt0 {margin-top:0!important;}
.mb0 {margin-bottom:0!important;}


@media (max-width:767px){
  .mw250 img{
max-width:250px;
}
  .mw200 img,.mw200{
width:250px;
}

.mw200 {position:absolute; bottom: 180px;   right: -150px;}

#utp .sppb-row-overlay {background-color: rgb(29,26,36,0.90)!important;}
}

.shadow-small-panel .uk-panel-box {
    -webkit-box-shadow: 0 27px 51px rgba(80,87,108,.23);
    box-shadow: 0 27px 51px rgba(80,87,108,.23);
}

.cifrablocksmall {
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-size: 40px;
    font-weight: 900;
}

.blacksvgicons path {
    fill: #000000!important;
}

.switcher.tm-services-tabs .uk-tab > li > a {
    border: none!important;
    width: 60px;
color:inherit!important;margin-left:40px;padding: 0!important;
}

.switcher.tm-services-tabs .uk-tab > li .tm-nav-title {
    padding-left: 0;
    font-size: 16px;
    line-height: 1.2;
    margin-top: 10px;
}

.switcher.tm-services-tabs .uk-tab {
    display: flex;margin: 0;
    padding: 0;
    flex-wrap: wrap;
    flex-direction: row;
}

.switcher.tm-services-tabs  path {fill:inherit!important;}

.switcher.tm-services-tabs  li.uk-active .tm-nav-image,.switcher.tm-services-tabs  li:hover .tm-nav-image {
background:#fc3; border-color:fc3;

}


.switcher.tm-services-tabs .tm-nav-image {
padding:5px;
border:2px solid #333;
border-radius:5px;
}

.switcher.tm-services-tabs .uk-tab-left > li:nth-child(n+2) > a,.switcher.tm-services-tabs .uk-tab-right > li:nth-child(n+2) > a {
    margin-top: 0;
}

.switcher.tm-services-tabs .tm-slider-panel .uk-panel-box {border-left:0;}

.switcher.tm-services-tabs .tm-slider-panel {
    padding: 0;
}

.switcher.tm-services-tabs .navblock {}
.switcher.tm-services-tabs .contentblock {}

.switcher.tm-services-tabs .tm-slider-panel .uk-panel-box {background:#fff;margin-top:0;-webkit-box-shadow: 0 27px 51px rgba(80,87,108,.23);
    box-shadow: 0 27px 51px rgba(80,87,108,.23);}

.switcher.tm-services-tabs  .uk-panel-space {
    padding: 0;
}

.switcher.tm-services-tabs .uk-tab-left > li {min-height:120px;}
.switcher.tm-services-tabs .uk-tab {margin-left:-40px;}
@media (max-width:677px){
.switcher.tm-services-tabs .uk-tab > li > a {width:55px;margin-left:20px;}
.switcher.tm-services-tabs .uk-tab {margin-left:-20px;}
.switcher.tm-services-tabs .uk-tab-left > li {min-height:100px;}
.switcher.tm-services-tabs .uk-tab > li .tm-nav-title {font-size:12px;}
}

.switcher.tm-services-tabs .uk-tab-left > li, .switcher.tm-services-tabs .uk-tab > li > a {margin-right:0!important;}

.newlink:after {
    content: 'NEW';
    background: #ef4646;
    padding: 2px 5px;
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
}

.slider-light .cifra-back {color:#dad9d9;}
.uk-slidenav {
    display: inline-block;
    box-sizing: border-box;
    width: 45px;
    height: 50px;
    line-height: 50px;
    color: #000!important;
    font-size: 24px;
    text-align: center;
    background: #ffcc33;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.uk-slidenav:hover, .uk-slidenav:focus {
    color: #ffcc33;
    background-color: #fdba12;
}


.main__advantages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.main__advantages-item {
    margin: 0 1.5%;
}

.main__advantages-num {
    position: relative;
    color: #ffc600;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    margin-bottom: 10px;
}

.main__advantages-item.black .main__advantages-num{
    color: #000;
}

/*.main__advantages-num:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: translate(-50%, -45%);
    -ms-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%);
    background: url(/img/Ellipse.svg) no-repeat center;
    background-size: 1.5rem;
}*/

.main__advantages-item.black .main__advantages-num:before {
    background: url(/img/Ellipse-black.svg) no-repeat center;
}

.main__advantages-text {
    font-size: 14px; line-height:1.1;
    font-weight: 300;color:#fff;
}

@media (max-width: 567px){
.main__advantages-text {
    font-size: 12px;
}

.main__advas-num {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.main__advas-num:before {
    width: 1.2rem;
    height:1.2rem;
    background-size: 1.2rem;
}

}

@media (min-width:767px) {
.bigabslb {
position: absolute;
    bottom: -60px;
    left: -40px;
    width: 745px;
}

.bigabslb.w450{
    width: 450px;
}
}
#sp-page-builder .page-content .sppb-section, #sp-page-builder .sppb-section, .mod-sppagebuilder .sppb-section {
    z-index: auto;
}

.chip__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
 
}
.chip__item {
    position: relative;
    width: 25%;
    padding: 2.7vw 1.7vw;
    overflow: hidden;
}

.chip__item:nth-child(1) {
    background-color: #ffcc33;
}

.chip__item:nth-child(2) {
    color: #fff;
    background-color: #04a9f3;
}

.chip__item:nth-child(3) {
    background-color: #ccdb3a;
}

.chip__item:nth-child(4) {
    color: #fff;
    background-color: #ff5722;
}

.chip__img {
    height: 12vw;
}

.chip__img img {
    position: absolute;
    right: 0;
    top: 0;
    width: 90%;
}

.chip__item .descr {
    margin: 1vw 0;
    position: relative;
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
}

.chip__item .descr span {
    font-weight: 700;
    margin-top: 0;
}


.main__advas-text {
    font-size: 16px;
    font-weight: 300;
}


@media (max-width: 970px){
.main__advas-text {
    font-size: 12px;
}
.chip__item .descr {
    margin: 1rem 0;
    font-size: 16px;
}

}

@media (max-width: 767px){
.prod-block-preview .xs-small3  .product .content .descr {font-size:12px;line-height:1.2;}
      .prod-block-preview .xs-small3 .product .hover .content .title {font-size:16px;line-height:1.4;}    
.prod-block-preview .xs-small3 .product {
    min-height: 300px;
}    
.chip__cont {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}    
.prod-block-preview .product .hover .button {
    padding: 15px 26px;}    
.chip__item {
    width: 50%;    padding: 2.5rem 1.1rem;
}

.chip__img {
    height: 17vw;
}


}

@media (max-width: 597px){
.etapy-slide .tm-nav-title {
    line-height: 1.2;
}
.etapy-slide .list ul li,.etapy-slide .list ol li {
font-size:12px;
}
    
}

/**************************************************/
/*widgetkit*/

@media (max-width: 597px){
    .small-xs {font-size: 12px;
    line-height: 1.2;}
.small-xs h3{font-size: 16px;
    line-height: 1.2;}

    
}



.form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .sppb-addon-form-builder .sppb-form-check-label::before {border: 2px solid #ffcc33;background: #ffcc33!important;}

.form-builder-checkbox-item label::after, .sppb-addon-form-builder .sppb-form-check-label::after {color:#222;
    background: #ffcc33;}
    
    .sppb-addon-form-builder .sppb-form-check-label {
    font-size: 10px;
    width: 220px;
    line-height: 1.2;
    margin-top: 2px;
}
.sppb-form-group {
    margin-bottom: 5px;
}

.fa-telegram {color:#37aee3;}

.fa-whatsapp {color:#40e37a;margin-right:15px;}

#offcanvas .telmodal {font-size:28px;color:#222;}

.switcher .uk-hidden {display:block!important;visibility: visible !important;}
.switcher .uk-tab-responsive {display:none!important;}


@media (min-width:992px){
.portfolioblock .uk-tab-responsive {display:none!important;}

.portfolioblock .uk-tab li.uk-hidden {
    display: block !important;
    visibility: visible !important;
}}

.portfoliolink,.portfoliolink i,.portfoliolink .fa {font-size:1.5em!important;text-transform:none;}

.hars {
    display: flex;
    margin-bottom: 20px;
}.hars img {
    width: 30px;
    height: 30px;
}.hars .text {
    line-height: 1.5;
    margin-left: 10px;
    font-size: 18px;
    font-weight: 400;
}.hars .text span {
    display: block;
color: #ffcc33;
    font-weight: 500;
}

.smalllist ul li, .smalllist ol li {
    line-height: 1.2;
    padding-bottom: 5px;
}

.smalllist ul li::before {
    top: 10px;}

.mt40 {margin-top:40px;}


@media (max-width:480px){
.uk-margin-large-top {margin-top:20px!important;}    
    
.mcs-module .city {
    font-size: 12px;
}
.callbackphone {display:none;}
.tgorod {
    display: block;
    width: 70px;}


.mcs-dialog .quick-search {
    width: 48%;
    display: none;
    vertical-align: bottom;
}

.mcs-module .question-popup.right {
    left: -100px;
    right: auto;
}

.mcs-dialog .inner {
    padding: 0 15px;
    margin: 0 -25px;
    overflow-y: auto;
}

.mcs-dialog .mcs-container {padding:15px;overflow-y: scroll;
    overflow-x: hidden;}
.mcs-dialog .cities .cities-group {
    padding-top: 20px;
    padding-left: 0;}

.mcs-dialog .cities .cities-group{ width: 45%;
    display: inline-block;}
.mcs-dialog .title {
    width: 90%;}
}

.tgorod {
    display: block;
}

.mcs-dialog .close svg {
    width: 20px;
    height: 20px;}

.mcs-dialog .close {

    border: none;}

.tgorod .mcs-module {
    width: auto!important;
}

.sppb-blocknumber {display:flex;align-items:center;}

.wk-popover-toggle.uk-icon-button {box-sizing: border-box;
    width: 30px;color:#fff!important;
    height: 30px;
    border-radius: 50%;
    background: #ff5722!important;
    line-height: 30px!important;}

.flexitem .sppb-media {display:flex; align-items:center;}

.flexitem .sppb-img-container {
    width: 70px;
}

.hars span {font-size:30px; font-weight:600;}
.hars span .title_name {display:block; color:#999;font-size:14px; font-weight:400; line-height:1.2;margin-bottom:10px;}

.hars span .small {font-size:0.7em;}
.ok-list li {
    position: relative;line-height:1.5;
    overflow: hidden;padding-left:30px;
}
.ok-list li:before {
    position: absolute;
    left: 0;
    top: 2px;
    content: "";
    width: 20px;
    height: 20px;
    background: url(/img/ok.svg) no-repeat center;
    background-size: 17px;
}

.ok-list {padding-left:0;margin-bottom:30px;}

.bbgray{border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding-bottom:30px;}

.title-bg-bottom .sppb-section-title {
    position: absolute!important;
    bottom: -50px;
    margin: 0!important;
}

.title-bg-bottom .sppb-section-title .sppb-title-heading {    font-size: 50px!important;}
.mb30 {
    margin-bottom: 30px;
}
.color_blue {color: #ffcc33;}

@media (min-width: 1220px){
.sppb-row-container {
    max-width: 1400px;
    width: 100%;
}}

.roundedtabs.etapy-slide .uk-subnav li {border-radius:8px;}
.withoutarraytabs.etapy-slide .uk-subnav li:after {display:none;}
.greytabs.etapy-slide .uk-subnav li {background: #e9eaf2;}
.greytabs.etapy-slide .uk-subnav li.uk-active, .greytabs.etapy-slide .uk-subnav li:hover{background: #ffcc33;
    background-image: linear-gradient(90deg, #ffb347 0%, #ffcc33 100%);}

.etapy-slide .uk-subnav li a {
text-transform: none;
    height: 100%;
}

.scroll {max-height: 28.646vw;
    overflow-y: auto;}

.uk-offcanvas-close {float: right;}
.uk-nav-offcanvas {margin-top:30px;}

.uk-nav-offcanvas > li > a {
    font-size: 16px;
    font-weight: 600;
}


.uk-offcanvas-bar,.uk-nav-offcanvas > li,.uk-close-alt {
    background: #171a23;}
@media (max-width: 479px) {
  .uk-offcanvas-bar {
  width: 100%;}}
  
  
  
  @media (max-width: 480px){
     .tm-nav-inner .tm-right-icons {
    padding-right: 0;
} 
.text-logo {display:none;}
      
    .small-xs .uk-panel {}
.small-xs .uk-panel>div:first-child {float: left;margin-top:10px;
    width: 80px;
    margin-right: 20px;}   
    
.small-xs h3,.small-xs .uk-margin.uk-margin {width:calc(100% - 100px);
    float: left;margin-top: 5px!important;margin-bottom: 0;
}
    
    
.scroll {
    max-height: 100%;
}  


.small-xs1 .uk-panel [class*='uk-width'] {padding-left:15px;}
.small-xs1 .uk-width-small-3-10 {
    width: 30%;
}

.small-xs1 .uk-width-small-7-10 {
    width: 70%;
}

    .small-xs1 {font-size: 12px;
    line-height: 1.2;}
.small-xs1 h3{font-size: 16px;margin-bottom: 0!important;
    line-height: 1.2;}
    
   .prod-block-preview .xs-small3  .product .content .descr {font-size:12px;line-height:1.2;}
      .prod-block-preview .xs-small3 .product .hover .content .title {font-size:16px;line-height:1.4;}
    
    .prod-block-preview .xs-small3 .product {
    min-height: 290px;
}
    
  .prod-block-preview .xs-small3 .product .hover .content .descr {
    padding: 20px 0 30px;  }
    
 .prod-block-preview .xs-small3 .product .hover .button {    padding: 8px 13px;}
    p{margin:10px 0;}
    
    
    h2.tm-text-large,h2.uk-h1 {
    font-size: 26px!important;
    line-height: 30px!important;
}

.uk-grid-medium {
    margin-left: -15px;
    
}.uk-panel-body {
    padding: 15px;
}
    
.uk-grid-medium > * {
    padding-left: 15px;
}
.greytabs.etapy-slide .uk-subnav li{

    margin-right: 10px;width: calc(50% - 10px);
} 

.etapy-slide .uk-subnav li{

   width: calc(50% - 20px);
}    
    
 .ok-list li {

   padding-left: 25px!important;
}   


.ok-list li:before {
    width: 15px!important;
    height: 15px!important;
    background-size: 13px!important;
}

.items-partners .img_wr img {
    max-width: 100px;
}
}

.bg_title {
    font-family: var(--font_family2);
    font-size: 180px;
    font-weight: bold;
    line-height: 170px;
    position: absolute;
    z-index: -2;
    bottom: 20px;
    right: 0;
    left: 10px;
    
    transform: rotate(-180deg);
    pointer-events: none;
    background: linear-gradient(135deg, rgba(70,70,98,.56) 0%,rgba(64,64,82,.3) 100%);
    -webkit-background-clip: text;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -webkit-text-fill-color: transparent;
}  

@media (max-width:991px){


    .bg_title {display:none;}
}


.uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span {
color: rgba(255, 255, 255, 0.7);
}

.blackoverlay .uk-overlay-hover .uk-overlay-panel.uk-overlay-background { transition-duration: 0.6s;   box-shadow: none;
   
    background: -webkit-linear-gradient(top,transparent 30%,#1d1a24 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#1d1a24));
    background: -o-linear-gradient(top,transparent 30%,#000 100%);
    background: linear-gradient(to bottom,transparent 30%,#1d1a24 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 );
}


.blackoverlay:not(.casesnew) .uk-overlay-hover .uk-overlay-panel.uk-overlay-background { transition-duration: 0.6s;   box-shadow: none;
    opacity: 1!important;
  
}




.blackoverlay .uk-panel:hover .uk-overlay-hover .uk-overlay-panel.uk-overlay-background {    box-shadow: inset 0 0 0 5px #ffcc33;background: rgba(0, 0, 0, 0.75);}


.blackoverlay .uk-overlay-panel .btnwatchkeys,.blackoverlay .uk-overlay-panel .works {display:none;}

.blackoverlay .uk-panel:hover .uk-overlay-panel .btnwatchkeys, .blackoverlay .uk-panel:hover .uk-overlay-panel .works{display:block;}

.blackoverlay .uk-panel .descr {font-size:12px;position: relative;
   /* top: -15px;*/
    line-height: 1;}
.blackoverlay .uk-panel:hover .descr {display:none;}
.blackoverlay .uk-panel{transition-duration: 0.6s;
  }
.blackoverlay .uk-overlay-panel:not(.uk-overlay-background) {transition-duration: 0.6s;
   
    top: auto;
    padding: 20px;  
}

.blackoverlay .uk-panel:hover .uk-overlay-panel:not(.uk-overlay-background) {
    top: 0;    padding-bottom: 20px;
}
.tm-caps.uk-h5 {margin-bottom:5px;}

@-webkit-keyframes scale-before {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
  }

  50% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
  }
}
.uk-icon-info:after {
    content: "\f129";
}
.wk-popover-toggle.uk-icon-button:before {
    content: '';
    width: 200%;
    height: 200%;
    z-index: 1;
    background-color: #ffc600;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
    -webkit-animation: scale-before 5s infinite linear;
    animation: scale-before 5s infinite linear;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

@keyframes scale-before {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
  }

  50% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
  }
}

.scroll-block {
    overflow: auto;
    max-height: 100vh;
    position: relative;
}

.tm-hero .uk-slideshow-fullscreen, .tm-hero .uk-slideshow-fullscreen > li {
    height: 100vh;
}

.uk-slideshow .btnwatchkeys {display:none;}

#vidy {z-index:0;}



.uk-modal-page #tm-anchor-bottom {display:none;}

@media (min-width:991px){
.topcases .uk-modal-dialog-blank .uk-panel-body {
    padding-left: 0;
    padding-right: 20px;
}

.topcases .uk-open .uk-modal-dialog {
    overflow-x: hidden;
}}

.ba-form-page .ba-form-page-break-button[data-action="next"] {
    overflow: hidden;
}

.ba-form-page .ba-form-page-break-button[data-action="next"]:after {
    content: "";
    background: -webkit-linear-gradient(left,rgba(255,255,255,.1),rgba(255,255,255,.5));
    background: linear-gradient( 
90deg
 ,rgba(255,255,255,.1),rgba(255,255,255,.5));
    height: calc(100% + 16px);
    width: 50px;
    position: absolute;
    z-index: 1;
    top: -8px;
    -webkit-transform: skewX( 
-45deg
 );
    transform: skewX( 
-45deg
 );
    -webkit-animation: btn-anim 4.5s ease infinite;
    animation: btn-anim 4.5s ease infinite;
}

#tm-container .ba-form-page .ba-form-page-break-button:hover {
    background: var(--theme-color)!important;
    color: #000 !important;
}

.ba-form-page-break-button.nexxt img {
    margin-top: 4px;
    margin-left: 7px;
    height: 12px;
    width: 37px;
    animation: transform-shiver 2000ms linear 0ms infinite normal both;
    z-index: 1;
}

@keyframes transform-shiver{0%{transform:rotate(0deg)}25%{transform:translate(-5px,0) rotate(0deg)}75%{transform:translate(5px,0) rotate(0deg)}100%{transform:translate(0,0) rotate(0deg)}}

@media (min-width:768px) and (max-width:1219px){
    .uk-container {
    padding: 0 40px;
}
.tm-header:not(.tm-header-dark-minimal):not(.tm-header-dark-minimal-centered):not(.tm-header-white-minimal):not(.tm-header-white-minimal-centered) > .uk-container {
   padding: 0 25px;
}    
}

@media (min-width:1220px) and (max-width:1450px){ 
.small_font{}
.p_font{}
.medium_font,.uk-h3 li{font-size: 22px!important;}   
.list ul li::before {
    top: 12px;}
.h2_font {} 
.tm-text-large {
    font-size: 50px;
    line-height: 1.1;
}
h2.tm-text-large {
    line-height: 1.1;
    font-size: 40px;
} 

.prod-block-preview .product .content .descr {font-size:14px; line-height:1.4;}
}
@media (min-width:992px) and (max-width:1219px){ 
h5,.small_font,.sppb-addon-text{font-size:12px!important;line-height:1.2!important;}
.p_font{font-size:14px;}
.medium_font,.uk-h3 li{font-size: 18px!important;} 
.list ul li::before {
    top: 10px;}
.h2_font {} 

.tm-text-large {
    font-size: 45px;
    line-height: 1.1;
}

h2.tm-text-large {
    line-height: 1.1;
    font-size: 38px;
} 

 .uk-panel{
    font-size: 14px;
}
}

.tm-popover .uk-dotnav>*>* {
    background: rgb(129, 129, 129);
}

span.number {
    
display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    
        background-color: #ffcc33;
    color: #000000;
    border-color: #ffcc33;
    border-radius: 100px;
        width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    font-weight: 600;
    
}


.fullheader .tm-header.tm-header-dark-classic {
    background-color: rgb(23, 26, 35, .57);
}

.tm-uppercase {text-transform:uppercase;}


@media (min-width:992px) {

.steps-circle:before {
    background-image: url(/img/logo-vm.svg);
    background-size: 916px 916px;
    content: "";
    display: block;
    height: 916px;
    left: 50%;
    position: absolute;
    top: -32px;
    transform: translate(-50%);
    width: 916px;
}

.steps-circle {
    
 margin: 86px auto 0;
    max-width: 1175px;
    position: relative;    
    
}

.steps-circle >div{
max-width: 310px;}


.steps-circle >div:nth-child(1) {
  
    left: 50%;
    top: -20px;
    position: relative;
    transform: translateX(-50%);
}

.steps-circle >div:nth-child(2){
    position: absolute;
    right: 0;
    top: 150px;
    
}

.steps-circle >div:nth-child(3){
position: absolute;
    right: 0;
    top: 510px;
    
}

.steps-circle >div:nth-child(4) {
    margin: 720px auto 0 0;
}

.steps-circle >div:nth-child(5){
        left: 0;
    position: absolute;
    top: 500px;
    
}

.steps-circle >div:nth-child(6){
    left: 0;
    position: absolute;
    top: 150px;
    
}

}




@media (min-width:1200px){
    
.steps-circle >div:nth-child(4) {
    margin: 670px auto 0 80px;
}    
    
}

@media (min-width:1400px){
    
.steps-circle >div:nth-child(4) {
    margin: 670px auto 0 120px;
}    
    
}


.steps__block2 .uk-thumbnav>* {
    width: 11.11111%;
    text-align: center;
    line-height: 1.2;
    color: #222;
    margin-top: 20px;
}

.steps__block2 .uk-thumbnav>li {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
}

.steps__block2 .uk-thumbnav>li:before {
    content: '';
    position: absolute;
    border-top: 1px solid #bfbfbf;
    left: 5px;
    right: 5px;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    height: 5px;
    top: 10px;
}

.steps__block2 .uk-thumbnav>li.openli:before {
    right: 0;
    border-right: none;
}

.steps__block2 .uk-thumbnav > li.uk-active > a:after {display:none;}



.steps__block2 .uk-thumbnav>* a {
    background: transparent; color:#222;
}

.steps__block2 .time {
    top: -12px;
    position: relative;
}

.steps__block2 .time {
    font-size: 0.8em;
    display: block;
    color: #0476ff;
    line-height: 1vw;
    min-height: 1vw;
}

.steps__block2 .closeli .time {
    left: -50%;
}

.img_etap2 {
    border-radius: 0.5em;
    background: #e0e0e0;
    box-shadow: 5px 5px 8px #b3b3b3, -5px -5px 8px #ffffff;
    width: 4em;
    height: 4em;
    padding: 0.75em;
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}

.img_etap2 img {
    width: 2.5em;
}

.steps__block2 .text_etap {
    font-size: 0.8em;
    line-height: 1vw;
}

.steps__block2 .uk-thumbnav>li.closeli:before {
    left: 0;
    border-left: none;
}

.steps__block2 .etap_number {
    color: #ffffff!important;
    font-weight: 500;
    padding: 2px 15px;
    border-radius: 4px;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    display: inline-block;
    background: #2386fe;
    margin-bottom: 15px;
}

.steps__block2 .etap_number span {
    -webkit-transform: skewX(10deg);
    transform: skewX(10deg);
    display: block;
}

.uk-active .img_etap2 {
    box-shadow: inset 5px 5px 8px #b3b3b3, inset -5px -5px 8px #ffffff;
}

.steps__block2 .uk-thumbnav>* a  {text-decoration:none!important;}

.uk-thumbnav > li.uk-active > a .text_etap {text-decoration:underline!important;}

@media (max-width:991px) {
    .steps__block2 .uk-thumbnav>* {
    width: 20%;
  margin-top: 40px;
}
    
    
}


@media (max-width:575px) {
    .steps__block2 .uk-thumbnav>* {
    width: 33.33333%;
}
.steps__block2 .uk-thumbnav>li:before {
    top: 4px;
}    
    
}

   
    
.right-menu {
    position: fixed;
    right: 1vw;
    top: 50%;
    -webkit-box-shadow: 0 1px 57px rgba(0, 0, 0, 0.1), inset 0 0 24px rgba(255, 255, 255, 0.15);
    box-shadow: 0 1px 57px rgba(0, 0, 0, 0.1), inset 0 0 24px rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    z-index: 333;
    background-color: #ffcc33;


}

.right-menu__item {
    width: 3vw;
    height: 3.3vw;
    padding: 0.6vw 0.4vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #e3b321;
    position: relative;
    z-index: 3;
}

.right-menu__item-hover {
    position: absolute;
    padding: 0.6vw;
    padding-right: 4vw;
    padding-left: 2vw;
    white-space: nowrap;
    right: 0;
    top: 0;
    height: 100%;
    z-index: -1;
    -webkit-box-shadow: 0 1px 57px rgba(0, 0, 0, 0.1), inset 0 0 24px rgba(255, 255, 255, 0.15);
    box-shadow: 0 1px 57px rgba(0, 0, 0, 0.1), inset 0 0 24px rgba(255, 255, 255, 0.15);
    border-radius: 4px;
  background-color: #ffcc33;

    color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-transform: translateX(10%) scale(0);
    -ms-transform: translateX(10%) scale(0);
    transform: translateX(10%) scale(0);
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    pointer-events: none;
}

.right-menu__item:hover .right-menu__item-hover {
    transform: translateX(0) scale(1);
    opacity: 1;
}.right-menu__item:last-child {
    border: none;
}
@media (max-width:1299px){
.right-menu{display:none;}}

@media (min-width:1500px) {
    
    .uk-container.big-container {max-width:90vw;}
    
    .portfoliomain h3 {
  font-size:20px;
}
    .blackoverlay.portfoliomain .uk-panel .descr {
    font-size: 14px;
}
    
}

@media (min-width:1400px) {
.uk-modal-dialog .uk-width-medium-7-10 {width:80%;}
.uk-modal-dialog .uk-width-medium-3-10 {width:20%;}
}


.mcs-modal-header .quick-search {
    display: none;
}

.mcs-header svg path {fill:#000!important;}
.mcs-modal-header .close:hover svg path {fill:#fff!important;}
.mcs-modal-header .close:hover {
    background-color: #000!important;
    border-color: #000!important;
}

.mcs-dialog a.active {
    color: #000!important;
}


.greytabs1 .uk-panel-box {
    padding: 0;
    background: transparent;}
    
.uk-modal-dialog-blank .uk-panel-body {padding:30px 0;}
.ba-form-acceptance-html {line-height:1.1!important;font-size:13px!important;}

#mobile-menu-icons {
 
	display: none;
}

@media (max-width:767px){

 #tm-bottom-e {padding-bottom:150px;}   
.forms-modal-opened #mobile-menu-icons,.uk-offcanvas-page #mobile-menu-icons{display:none;}    
#mobile-menu-icons {
    position: fixed;        padding: 0 0 5px 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    z-index: 100000;
    background: #fff;
    color: var(--dark);
    text-align: center;
	display: none;
}
#mobile-menu-icons .mess-title {
}
#mobile-menu-icons .mess-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#mobile-menu-icons .soc-link {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 0 1 25%;
    color: var(--dark);
    border-right: 1px solid #eee;
}
#mobile-menu-icons .soc-link svg {
	width: 2rem;
	height: 40px;
}
#mobile-menu-icons .soc-link.tg svg {
    fill: rgb(42, 171, 238);
}
#mobile-menu-icons .soc-link.wa svg {
	fill: rgb(32, 176, 56);
}
#mobile-menu-icons .soc-link span {
    font-size: 12px;line-height:1; font-weight:500;
  
}
#mobile-menu-icons .button {
    flex: 0 1 50%;
    margin: 0;
}
#mobile-menu-icons .btn {
}
#mobile-menu-icons .btn span {
    font-size: 10px;
   
}    
 #mobile-menu-icons {
    display: block;
}   
.mess-icons .btn {
text-transform:uppercase;
    height: 40px;
    padding: 5px 15px;
    text-decoration: none!important;
  
      -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    
        border-radius: 50px;
        background:#f13546;
  
    color: #fff;
  
    border:none;
    text-decoration: none!important;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
   -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
   
}    
}
.nishi .uk-panel {border-radius:8px; padding:15px;}
.nishi .uk-h4 {font-size:16px;}