body {
	margin: 0;
	padding: 0;
	line-height: 1.25;
	font-family: 'Inter', sans-serif !important;
	font-size: 20px;
		  background-image: url(/wp-content/themes/steklo-theme/img/new-header-top.png);
		position: relative;
            font-variant-numeric: tabular-nums;
            color: #fff;
             background-color: #1c1f2c;
             background-size: contain;
             background-repeat: no-repeat;
}
.main-single{
    
}

html{    
    overflow-x: hidden !important;
    scroll-padding-top: 80px;
}
*{    outline: 0 !important;}
button.btn-custom {
	min-height: 50px;
	line-height: 50px;
	padding: 0 40px;
	background-color: #b3d135;
	color: #333333;
	border-radius: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: none;
	outline: none;
}
img{max-width: 100%;height: auto;}
button.btn-custom:hover {
	box-shadow: 0 0 25px 0 rgba(179, 209, 53, 1);
}
a{
    cursor: pointer;
}
h1{
    font-size: 50px;
}
.w100px img{
    width: 130px;
    height: 130px;
}
#b1{
    background-size: cover;
    background-position: center;
}
#b1.back-image{
    background-color: transparent !important;
}
#b1.back-image .calc-green-block{
    font-weight: bold;
}
#b1.back-image:before{
    content:'';
}
#b1.back-image .calc-line-data{
    border-bottom: 1px solid;
    margin-bottom: 10px;
}
#b1.back-image .calc-line-data:before{
    border-bottom: none !important;
}
#b1.back-image .calc-green-block{
    background: transparent;
    border: 1px solid;
}
#b1.back-image .calc-line-data span{
    background: transparent !important;
}
#b1.back-image>.wpb_column{
    
}
#b1.back-image .thischeck .itcheker, #b1.back-image .box-calck .inputa select{
    border: 1px solid;
}
#b1.back-image form{
    background: #f2f2f2d9;
        display: flex;
    flex-direction: column;
    width: 440px;
    background: #f2f2f2b5;
    padding: 20px;
    max-width: 100%;
}
#b1.back-image form .left{
        width: 400px;
        max-width: 100%;
}
#b1.back-image .area-panel-lf{
    width: 70%;
}
#b1.back-image .area-panel-rt{
    width: 30%;
}
.back-calc{
        position: absolute;
    left: -100%;
    top: -100%;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
}
h2{font-size: 50px;}
.w100{width: 100%;}
.mb0{margin-bottom:0px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
.mt0{margin-top:0px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mt-20{margin-top:-20px;}
.mt-40{margin-top:-40px;}
.mt-60{margin-top:-60px;}
.mt-80{margin-top:-80px;}
.nopadding{padding:0px;}
.nopr{padding-right:0px;}
.nopl{padding-left:0px;}
.pinside10{padding:10px;}
.pinside20{padding:20px;}
.pinside30{padding:30px;}
.pinside40{padding:40px;}
.pinside50{padding:50px;}
.pinside60{padding:60px;}
.pinside80{padding:80px;}
.pinside130{padding:130px;}
.pdt10{padding-top:10px;}
.pdt20{padding-top:20px;}
.pdt30{padding-top:30px;}
.pdt40{padding-top:40px;}
.pdt60{padding-top:60px;}
.pdt80{padding-top:80px;}
.pdb10{padding-bottom:10px;}
.pdb20{padding-bottom:20px;}
.pdb30{padding-bottom:30px;}
.pdb40{padding-bottom:40px;}
.pdb60{padding-bottom:60px;}
.pdb80{padding-bottom:80px;}
.pdl10{padding-left:10px;}
.pdl20{padding-left:20px;}
.pdl30{padding-left:30px;}
.pdl40{padding-left:40px;}
.pdl60{padding-left:60px;}
.pdl80{padding-left:80px;}
.pdr10{padding-right:10px;}
.pdr20{padding-right:20px;}
.pdr30{padding-right:30px;}
.pdr40{padding-right:40px;}
.pdr60{padding-right:60px;}
.pdr80{padding-right:80px;}
.tac{text-align: center;}

.bold{
    font-weight: bold;
}
.text-medium {
	font-size: 18px;
	font-weight: bold;
}

.text-big {
	font-size: 22px !important;
	font-weight: bold;
}

.text-superbig {
	font-size: 52px;
	font-weight: bold;
}
.fl{
    float: left;
}
.fdc{flex-direction: column;}
.flex-wrap{display: flex;flex-wrap: wrap;}
.jcc{justify-content: center;}
.jcsb{justify-content: space-between;}
.jcsa{justify-content: space-around;}
.aic{align-items: center;}
.aifs{
    align-items: flex-start;
}
.top-header{
	background: #4c4947;
	padding:10px 0;
}
.feedbacks{
    margin-bottom: 50px;
}
.top-header ul{
	display: flex;flex-wrap: wrap;
	justify-content: center;
	padding:0px;
	margin:0px;
	list-style: none;
	align-items: center;
}
.top-header ul li{
        margin: 0 15px;
}
.top-header ul li a{    font-size: 13px;
    color: #fff !important;margin: 0 10px;}
.top-header ul li p{    font-size: 13px;
    color: #fff !important;margin: 0 10px;}
.top-header ul i{margin-right: 5px;}
#header{

    height: 100px;
        position: relative;
    z-index: 2;
    background: #FFFFFF;
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.25);
}
.main-header{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.main-header p{
	margin-bottom: 0px;
}
.phones-header{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 10px;
	padding: 0px;
	list-style: none;
}
.phones-header a{
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 25px;
    margin: 3px 15px;
    font-size: 15px;
    color: #232323;
    text-decoration: none !important;
    padding: 3px 0px 3px 28px;
    font-weight: 600;
}
.phones-header a.city-phone{
	background-image: url('/wp-content/themes/steklo-theme/img/svg/phone.svg');
}
.phones-header a.mts{
    padding-left: 0px;
        display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: none;
}
.phones-header a.a1{
    padding-left: 0px;
        display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: none;
}
.phones-header a.mts img, .phones-header a.a1 img{
    margin-right: 5px;
}
footer .phones-header a{
    font-size: 18px;
    margin-bottom: 10px;
}
.open-pop{
    background: #00ece1;
    color: #222;
    transition: .4s;
    font-size: 20px;
    padding: 10px 25px;
    border-radius: 0px;
    cursor: pointer;
    position: relative;
    font-weight: bold;
    border: none;
}
.new-pretty-button{
    background: #00ece1;
    color: #222 !important;
    transition: .4s;
    font-size: 20px;
    padding: 10px 25px;
    border-radius: 0px;
    cursor: pointer;
    position: relative;
    font-weight: bold;
    border: none;
    width: max-content;
    display: flex
;
    margin: 20px auto 20px;
    text-decoration: none !important;
}
.new-pretty-button:before{
        content: '';
    width: 20px;
    height: 20px;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    border-left: 5px solid #00ece1;
    border-top: 5px solid #00ece1;
    transition: .4s;
}
.new-pretty-button:after{
        content: '';
    width: 10px;
    height: 10px;
    display: flex;
    position: absolute;
   right: 0px;
   bottom: 0px;
    border-right: 5px solid #00ece1;
    border-bottom: 5px solid #00ece1;
    transition: .4s;
}
.new-pretty-button:hover{

}
.new-pretty-button:hover:before{
    transform: translate(-12px, -12px);
}
.new-pretty-button:hover:after{
    transform: translate(12px, 12px);
}
.slide-conrainer .open-pop{
    margin-top: 20px;
}
.open-pop:before{
        content: '';
    width: 20px;
    height: 20px;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    border-left: 5px solid #00ece1;
    border-top: 5px solid #00ece1;
    transition: .4s;
}
.open-pop:after{
        content: '';
    width: 10px;
    height: 10px;
    display: flex;
    position: absolute;
   right: 0px;
   bottom: 0px;
    border-right: 5px solid #00ece1;
    border-bottom: 5px solid #00ece1;
    transition: .4s;
}
.open-pop:hover{

}
.open-pop:hover:before{
    transform: translate(-12px, -12px);
}
.open-pop:hover:after{
    transform: translate(12px, 12px);
}
.main-menu-block{
	background: #00ece1;
}
.slide-conrainer{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#desktop_menu {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
#desktop_menu>li {
    padding: 15px 25px;
    position: relative;
}
#desktop_menu>li:not(.menu-item-41).menu-item-has-children:after{
    content: '\f107';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: .4s;
    margin-left: 10px;
    color: #fff;
    transition: .4s;
    
}
#desktop_menu>li:not(.menu-item-41).menu-item-has-children:hover:after{
    transform: rotate(180deg);
    color: #000;
}
#desktop_menu>li a {
    color: #fff;
    font-weight: 600;
    text-decoration: none !important;
    transition: .4s;
}#desktop_menu>li:hover a{
	color: #232323;
}
#desktop_menu>.menu-item-has-children>.sub-menu {
    position: absolute;
    min-width: max-content;
    flex-direction: column;
    padding: 10px;
    list-style: none;
    background: #fff;
    border: 3px solid #00ece1;
    color: #fff !important;
    top: 45px;
    z-index: 999999;
    justify-content: space-between;
        box-shadow: 3px 4px 6px #bebebe;
    display: none;
}
#desktop_menu>.menu-item-has-children:hover .sub-menu{
    display: flex;
}
#desktop_menu .sub-menu li{
	padding-left: 20px;
	position: relative;
}
#desktop_menu .sub-menu li a{
	color: #4F4F4F;
}

#desktop_menu>li:first-child{
	padding-left: 0px;
}
#desktop_menu #menu-item-41>.sub-menu{
       flex-direction: column;
    flex-wrap: wrap;
    width: 1150px;
    max-width: 100vw;
    max-height: 100vw;
    height: 425px;
    justify-content: flex-start;
}
#desktop_menu #menu-item-41>.sub-menu>li{
    padding-left: 0px;
    margin: 0 10px 10px;
}
#desktop_menu #menu-item-41>.sub-menu>li img{
    max-width: 35px;
    max-height: 35px;
}
#desktop_menu #menu-item-41>.sub-menu>li a{
        display: flex;
    flex-direction: row-reverse;
    text-align: left;
    justify-content: flex-end;
    align-items: center;
        color: #00ece1;
        font-size: 16px;
}
#desktop_menu #menu-item-41 .sub-menu li::before{
    display: none;
}
#desktop_menu #menu-item-41 .sub-menu li .select-item-menu{
    width: 40px;
    height: 40px;
    margin-right: 5px;
}
#desktop_menu #menu-item-41 .sub-menu li .sub-menu{
    flex-direction: column;
    padding-left: 0px;
}
#desktop_menu #menu-item-41 .sub-menu li .sub-menu li{
    padding-left: 0px;
    margin-bottom: 5px;
    list-style: none;
}
#desktop_menu #menu-item-41 .sub-menu li .sub-menu li a{
    font-size: 13px;
    color: #4F4F4F;
    font-weight: normal;
}
#menu21+label  div {
    left: 0px;
  }
#menu21+label  div:nth-child(2):before {
    content: "";
    opacity: 0;
  }


#menu21:checked+label  div:first-child {
    top: 10px;
    left: 0px;
    transform: rotate(-45deg);
  }
#menu21:checked+label  div:nth-child(2) {
    top: 10px;
    left: 40px;
    width: 22px;
  }
#menu21:checked+label  div:nth-child(2):before {
    content: "";
    opacity: 1;
    transform: rotate(45deg);
    background: none;
    border-bottom: 5px solid #00ece1;
    border-left: 5px solid #00ece1;
    border-radius: 0px;
    height: 15px;
    width: 15px;
    top: -5px;
  }
#menu21:checked+label  div:nth-child(3) {
    top: 10px;
    left: 0px;
    transform: rotate(45deg);
  }

.burger input {
  display: none;
}
.burger b{
    display: none;
}
#menu21:checked ~ #for-mobile-block{
    left: 0;
}
label.mob-menu {
  position: relative;
  width: 50px;
  height: 40px;
  display: flex;
  cursor: pointer;
  margin: 1.7em;
  transition: all .5s;
  text-align: left;
  margin:0px;
}

label.mob-menu div,
label.mob-menu div:before,
label.mob-menu div:after {
  background: #00ece1;
  position: absolute;
  height: 5px;
  width: 50px;
  border-radius: 4px;
  transition: all .5s;
}
label.mob-menu  div:first-child {
    top: 0px;
  }
 label.mob-menu  div:nth-child(2) {
    top: 15px;
  }
 label.mob-menu  div:nth-child(3) {
    top: 30px;
  }

.pop_up_container{position:fixed;display:none;width:100%;height:100%;background:black;top:0;left:0;opacity:0.8;z-index:999999;}
.call_pop_up{    position:fixed;left:0;right:0;top:50%;transform:translateY(-50%);margin:auto;width:500px;max-width:90%;background-color:#1c1f2c;padding:30px;animation:opacityOut 1s forwards;display:none;z-index:9991000;border-radius: 0px;}
.zakaz_pop_up{position:fixed;left:0;right:0;top:50%;transform:translateY(-50%);margin:auto;min-width:300px;max-width:340px;background-color:#f9f9f9;padding:0px 15px 5px;animation:opacityOut 1s forwards;display:none;z-index:9991000;border-radius:10px;font-size:15px;}
.close_pop_up{
  position: absolute;
    right: 0px;
    top: 0;
    width: 30px;
    cursor: pointer;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(45deg);
    height: 30px;
    
}

.call_pop_up .formajax input[type="text"], .call_pop_up .formajax input[type="tel"], .calc_mail input[type="text"], .calc_mail input[type="tel"]{
 background: transparent;
border: 1px solid #00ece1;
box-sizing: border-box;
border-radius: 0px;
padding: 14px 20px;
}
.call_pop_up .formajax input[type="submit"], .calc_mail input[type="submit"], #frm input[type="submit"]{
    background: #00ece1;
    border-radius: 0px;
    color: #fff;
    border:none;
    padding:10px 46px;
    transition: .4s;
}
.call_pop_up .formajax input[type="submit"]:hover, .calc_mail input[type="submit"]:hover, #frm input[type="submit"]:hover{
    background: #fff;
    color: #00ece1;
}

.calc_mail{
    min-width:320px;max-width:420px;background-color:#fff;border-radius: 0px;
}
#breadcrumbs{
    margin:10px 0;
    font-size: 14px;
}
form.formajax .thanks{
    font-size: 14px;
    line-height: 1.2;
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: normal;
}
footer form.formajax .thanks{
    text-align: center;
}
footer{
    background-image: linear-gradient(0deg, #282e42, #1c1f2c);
    padding: 25px 0;
}
.footer-content p{
    color: #fff;
    font-size: 13px;
}
.footer-content .pol-block p{
    font-size: 18px;
}
.footer-content{
    display: flex;flex-direction: column;
    align-items: center;
}
.footer-content form{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.footer-content input{
    padding: 8px 15px;
    margin-bottom: 10px;
    border-radius: 0px;
    border: 1px solid #ACACAC;
    background: transparent;
    color: #fff;
    width: 100%;
}
.footer-content input[type="submit"]{
    color: #FFFFFF;
    background: #00ece1;
    transition: .4s;
    border:2px solid #00ece1;
    margin-top: 10px;
    margin-bottom: 0px;
    border-radius: 0px;
    width: max-content;
}
.footer-content input[type="submit"]:hover{
    color: #00ece1;
    background: #FFFFFF;
}
footer .phones{
        display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 10px 15px;
    padding-left: 40px;
    background: url('../img/mobile.svg');
    background-repeat: no-repeat;
    background-position: 13px center;
    background-size: 20px;
}
footer .fax{
    padding: 10px 15px;
    padding-left: 40px;
    background: url('../img/phone.svg');
    background-repeat: no-repeat;
    background-position: 13px center;
        display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
footer a{
    color: #FAFAFA;
    transition: .4s;
}
.beat{animation:heartbeat 2s infinite;margin:0 5px;}
@keyframes heartbeat{0%{transform:scale(1);}
10%{transform:scale(1.2);}
20%{transform:scale(1);}
30%{transform:scale(1.2);}
40%{transform:scale(1);}
100%{transform:scale(1);}
}
#for-mob-menu{
    position: fixed;
    top: 0;
    z-index: 20;
    left: -100%;
    width: calc(100% - 100px);
    background: #3c4051;
    padding: 20px 0px;
        box-shadow: 3px 0px 15px 0px #000000;
    bottom: 0;
    overflow-y: scroll;
    transition: .4s;
    display: none;
}
#for-mob-menu.open{
    left: 0;
}
#mobile_menu{
    padding: 0;
    margin: 0;
}
#mobile_menu a{
    color:  #fff !important;
}
#mobile_menu .sub-menu{
    display: none;
    list-style: none;
    font-size: 16px;
    padding: 0px;
    width: 100%;
    margin-bottom: -10px;
}
#mobile_menu>li{
    padding: 10px 0;
    border-bottom: 1px solid #777;
}
#mobile_menu>li a{
    width: 100%;
    padding: 0 15px;
    flex-wrap: wrap;
    display: flex;
}
#mobile_menu>li>a{
    padding-left: 40px;
    line-height: 27px;
    position: relative;
}
#mobile_menu li.menu-item-has-children{
    display: flex;
    flex-wrap: wrap;
}
#mobile_menu li.menu-item-has-children>a{
    width: calc(100% - 50px);
    
}
#mobile_menu>li.menu-item-has-children .toggle-sub{
width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #777;
    color: #fff;

}
#mobile_menu>li.menu-item-has-children .toggle-sub i{
    transition: .4s;
}
#mobile_menu>li.menu-item-has-children .toggle-sub.active i{
    transform: rotate(180deg);
}
#mobile_menu .sub-menu a{
        padding: 5px 15px;
    border-bottom: 1px solid #777;
    font-size: 14px;
    line-height: 24px;
    padding-left: 40px;
    position: relative;

}
#mobile_menu .sub-menu a:before{
        content: '';
    width: 20px;
    height: 2px;
    position: absolute;
    left: 10px;
    top: 16px;
    background: #00ece1;
    border-radius: 50px;
}
#mobile_menu .sub-menu li:last-child a{
    border-bottom: 0px;
}
.footer-copyr{
	    background: transparent;
    border-top: 1px solid #fff;
    padding: 10px 0;
}
.copyr{
	    display: flex;
    justify-content: center;
        align-items: center;
    font-weight: bold;
    flex-wrap: wrap;
        font-size: 13px;
}
.copyr p{
	margin-bottom: 0px;
	color:#fff;
}
.copyr p a{
	color: #fff;
	font-weight: bold;
}
.copyr .copyr-sep{
	width: 1px;
    height: 25px;
    margin: 0 50px;
    display: flex;
    background: #969798;
}
.fotter-h{
    min-height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}
.fotter-h.footer-logo{
    justify-content: flex-start;
}
.fotter-h p{
	position: relative;
    font-size: 20px;
    line-height: 19px;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 0px;
}

.footer-after-logo{
    color: #fff;
    font-size: 14px;
    margin: 0px 0 20px;
}
.grafik {
    display: flex;
    float: left;
    max-width: 280px;
    cursor: pointer;
    padding: 0px;
}
.grafik li {
    width: 30px;
    height: 30px;
    background: 0 0;
    margin-right: 5px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
        font-weight: bold;
    position: relative;
    background: 0 0;
    border: 1px solid;
    border-radius: 0px;
}
.grafik li.full-day{
	background: #fff;
	color: #232323;
	border-color: #fff;
}
.grafik li.today {
    background: #00ece1;
    color: #fff;
    border-color: #00ece1;
}
.grafik li span {
    display: block;
    position: absolute;
    bottom: 996px;
    font-size: 12px;
    line-height: 13px;
    font-weight: 400;
    padding: 3px;
    z-index: -2;
    background-repeat: no-repeat;
    background-color: #00ece1;
    background-size: cover;
    color: #fff;
    opacity: 0;
    width: 100px;
    text-align: center;
}
.grafik li:hover span {
    z-index: 1000;
    opacity: 1;
    max-height: 215px;
    bottom: -25px;
}
.grafik li span:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #00ece1;
    position: absolute;
    transform: rotate(45deg);
    left: 0;
    right: 0;
    top: -3px;
    z-index: -2;
    margin: 0 auto;
}
.jcfs{
	justify-content: flex-start;
}
.aifs{
	align-items: flex-start;
}
.grafik-w{

    font-size: 14px !important;
    padding-left: 0px;
    background-size: contain;
    background-repeat: no-repeat;
}
.sposob-w{

    font-size: 14px !important;
    padding-left: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 15px;
}
.border-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: inherit;
}
.border-footer .pol-block{
    width: 50%;
    min-width: 200px;
    padding: 0 10px 0 0;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pop-up-content{
    display: none;
    color: #000;
    max-width: 90vw;
}
.top-pol-block{
    margin-bottom: 25px;
}
.phone-w,.adres-w, .email-w{
        font-size: 22px !important;
    font-weight: bold;
    padding-left: 0px;
    background: none !important;
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 1;
}
.border-footer .pol-block .phones-header{
    margin:0px;
    flex-direction: column;
    align-items: flex-start;
}
.border-footer .pol-block a{
    color: #fff !important;
}
.border-footer .pol-block .phones-header a{
    margin:0px;
    padding: 0px;
    margin-bottom: 5px;
        font-weight: normal;
        display: flex;
        flex-wrap: wrap;
}
footer .map-link{
    border-bottom: 1px dashed;
    display: flex;
    width: fit-content;
    text-decoration: none;
    margin-top: 5px;
}
.wfc{
        width: fit-content;
}
.for-slider-block{
        padding: 30px 0;
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.slide-block{
    width: 450px;
    height: 200px;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    max-width: 100%;
    background-size: cover;
    border-radius: 0px;
    text-decoration: none !important;
    position: relative;
    overflow:hidden;
    } 
.slide-block img{
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    min-width: 100%;
}
.slide-block.first-block{
    width: 640px;
    height: 420px;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    max-width: 100%;
}
.slide-block .header-slide{
    background: #1F1F1F8c;
    padding: 15px 30px;
    color: #fff;
    font-size: 22px;
    border-radius: 0px;
    font-weight: bold;
}
.slide-block .text-slide{
    background: #1F1F1F8c;
    padding: 15px 30px;
    color: #fff;
    font-size: 16px;
    border-radius: 0px;
    font-weight: bold;
}
.slide-block button{
background: #00ece1;
    box-shadow: 0px 5px 30px rgba(31, 158, 209, 0.2);
    border-radius: 30px;
    border: 2px solid #00ece1;
    padding: 7px 20px;
    color: #fff;
    transition: 4s;
}
.slide-block button:hover{
    background: #00ece17d;
}
.mini-slides{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 100%;
}
.back-grey{
    padding: 50px 0;
    background: #F9F9F9;

}
.pretty{       display: flex;
    justify-content: flex-start;
    align-items: center;
position: relative;
font-weight: bold;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 35px;
}

h2.pretty span, h1.pretty span{
        font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 1px;
    background: linear-gradient(15deg, #fff 56.57%, #00ece1 56.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        font-weight: 500 !important;
    font-family: 'HalvarBreit', sans-serif !important;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default{
    font-family: inherit !important;
}

.shadow-row{
    box-shadow: 0px 0px 50px rgb(0 0 0 / 25%);
    border-radius: 0px;
}
.main-catalog{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pod-catalog{
display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}
.pod-catalog .cat-header{
    font-size: 18px;
    font-weight: bold;
}
.pod-catalog .podcar-link{
    text-decoration: none !important;
        width: 270px;
    display: flex;
    flex-wrap: wrap;
    height: 90px;
    margin-bottom: 10px;
    border-radius:5px;
    box-shadow: 0px 0px 20px rgba(35, 35, 35, 0.1);
    transition: .4s;
    overflow: hidden;
}
.pod-catalog .podcar-link:hover{
    transform: scale(1.05);
}
.pod-catalog .podcar-link img{
    width: 105px;
}
.pod-catalog .podcar-link span{
    width: calc(100% - 105px);
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #fff;
    color: #333 !important;
    text-decoration: none !important;
    font-size: 15px;
}
.block-form{
 padding: 20px;
border-radius: 20px;
background:#f8f8f8;
margin: 30px 0; 
}
.main-info-form{
        width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 120px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.main-info-form input{
        padding: 10px 10px 10px 40px;
    border-radius: 10px;
    border: 1px solid #4c4947;
    transition: .4s;
    margin: 0px 10px 10px 0;
    width: 220px;
}
#front-form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.file-input{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.file-input input {
        opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.file-input span{
        color: #9A9A9A;
    font-size: 18px;
    font-weight: normal;
    padding: 9px 9px 9px 40px;
    display: flex;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #4c4947;
    transition: .4s;
     background-image:url('../img/input/download.svg');
    background-repeat: no-repeat;
    background-position: 10px center;
}
#front-form input[type="checkbox"]{
        position: relative;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #4c4947;
    margin-right: 5px;
    margin-top: 0px;
}
#front-form input[type="checkbox"]:after{
    content: '';
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    display: flex;
    background: #fff;
    border: 1px solid #4c4947;
}
#front-form input[type="checkbox"]:checked:after{
    background-image: url(../img/input/chec.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.for-label{
    display: flex;
    align-items: center;
        margin-bottom: 10px;
        font-size: 12px;
}
p.doh-h{
        color: #333333;
    font-weight: bold;
    font-size: 15px;
}
.vid{
        display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 590px;
    max-width: 100%;
}
.for-vid{
       position: relative;
    padding-left: 25px;
    width: 115px;
    margin: 0px 15px 5px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.for-vid input{
        position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 1;
}
.for-vid span{
    font-size: 12px;
}
.for-vid img{
    
}
.for-vid span:before{
   content: '';
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: 1px solid #4c4947;
    display: flex;
    position: absolute;
    left: 0;
    top: calc(50% - 10px);
}
.for-vid span:after{
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50px;
    border: 1px solid #4c4947;
    display: flex;
    position: absolute;
    left: 3px;
    background: #4c4947;
    top: calc(50% - 7px);
    opacity: 0;
    transition: .4s;
}
.for-vid  input:checked~span:after{
    opacity: 1;
}
.for-sub{
  display: flex;
    align-items: center;
    margin-top: 30px;
    width: 100%;
    justify-content: center;
    max-width: 100%;
}
.for-sub input{
    color: #fff;
    display: flex;
    padding: 15px 40px 15px 40px;
    background: #00ece1;
    box-shadow: 0px 5px 30px rgba(31, 158, 209, 0.2);
    border-radius: 30px;
    transition: .4s;
    font-weight: bold;
    text-decoration: none !important;
    border: none;
    border:2px solid #00ece1;

}
.for-sub input:hover{
     background-color: transparent;
    box-shadow: 0px 0px 10px #bebebe;
    color: #00ece1;
}
#front-form input[name="floar"]{
    background-image:url('../img/input/floars.svg');
    background-repeat: no-repeat;
    background-position: 10px center;
}
#front-form input[name="squear"]{
    background-image:url('../img/input/squear.svg');
    background-repeat: no-repeat;
    background-position: 10px center;
}
#front-form input[name="user-name"], #from-contacty input[name="user-name"], #rassrochki-form input[name="user-name"]{
    background-image:url('../img/input/user.svg');
    background-repeat: no-repeat;
    background-position: 10px center;
}
#front-form input[name="user-phone"], #from-contacty input[type="tel"], #rassrochki-form input[type="tel"]{
    background-image:url('../img/input/phone.svg');
    background-repeat: no-repeat;
    background-position: 10px center;
}
#front-form input[name="floar"]{
    background-image:url('../img/input/floars.svg');
    background-repeat: no-repeat;
    background-position: 10px center;
}
#front-form input[name="floar"]{
    background-image:url('../img/input/floars.svg');
    background-repeat: no-repeat;
    background-position: 10px center;
}
.half-form{
    display: flex;
    flex-wrap: wrap;
    width: 480px;
    justify-content: space-between;
    max-width: 100%;
}
.ras-block{
position: relative;
    padding-left: 40px;
}
.ras-block img{
    width: 240px;
    height: 150px;
    border-radius: 0px;
}
.ras-block p{
        position: absolute;
    margin: 0;
    background: #00ece1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transform: rotate(-90deg);
    width: 150px;
    left: -48px;
    bottom: 60px;
    z-index: -1;
    height: 30px;
    font-size: 12px;

}


.brand-slide{
width: 170px !important;
    height: 170px !important;
    border-radius: 100px;
    box-shadow: 0px 0px 10px #bebebe;
    display: flex !important;
    justify-content: center;
    margin: 15px;
    align-items: center;
    background: #f9f9f9;
}
.box-arrow-next {
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    background: #00ece1;
    border-radius: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    border: none;
}
.main-slider .box-arrow-prev {
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    background: #00ece1;
    border-radius: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.main-slider .box-arrow-next {
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    background: #00ece1;
    border-radius: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.slick-slide{
    display: flex !important;
    justify-content: center;
}

.map-block{
    min-height: 400px;
    width: 100%;
    border:2px solid #00ece1;
    border-radius: 0px;
}
.podcat-block{
width: 350px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 100%;
    margin: 10px;
    box-shadow: 0px 0px 15px rgba(35, 35, 35, 0.15);
    border-radius: 0px;
    overflow: hidden;
    text-decoration: none !important;
    padding-bottom: 40px;
    position: relative;
}
.podcat-block .thrumb{
        width: 100%;
    height: 200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
        background: #fff;
        margin-top: 20px;

}
.podcat-block .thrumb img{
        max-height: 200px;
        height: auto;
        width: auto;
}

.category-list{
display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    width: calc(100% + 20px);
}
.next-cat{
        display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
}
.next-cat span{
    text-decoration: none !important;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}
.podcat-block button{
background: #00ece1;
    color: #fff;
    border: 2px solid #00ece1;
    transition: .4s;
    font-size: 15px;
    padding: 3px 10px;
    border-radius: 0px;
    cursor: pointer;
    margin-top: 10px;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.podcat-block button:hover{
    color: #00ece1;
    background: transparent;
}
.nav-links{

}
.nav-links a, #breadcrumbs a{
    color: #00ece1;
}
.nav-links span.current{
    color: #00ece1;
    font-weight: bold;
}
.single-prod{
    width: 365px;
    margin: 10px;
    overflow: hidden;
    border-radius: 0px;
    box-shadow: 0px 0px 15px #bebebe8c;
    text-decoration: none !important;
    transition: .4s;
    max-width: 100%;
}
.single-prod:hover{
    transform: scale(1.05);
}
.single-prod p{
    text-decoration: none !important
}
.catalog-thumb{
    position: relative;
    display: flex;justify-content: center;align-items: center;
    background: #fff;
   

}
.catalog-thumb img{
     max-height: 200px;
    height: auto;
    width: auto;
}
.for-brand{
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50px;
    padding: 5px;
    overflow:hidden;
        display: flex;
    justify-content: center;
    align-items: center;
    
    box-shadow: 0px 0px 10px #bebebe6e;
}
.catalog-title{
        margin: 20px 15px;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}
.catalog-nalichie{
    margin: 0 15px;
    color: #B4B4B4;
    font-size: 12px;
}
.catalog-top-info{
    position: relative;
    padding-bottom: 40px;
    height: 100%;
    padding-top: 20px;
}
.catalog-price{
        position: absolute;
    bottom: 10px;
    margin: 0 15px;
    color: #4c4947;
    font-weight: bold;
    font-size: 16px;
}
.burger-catalog{
    width: 20px;
    height: 3px;
    background: #fff;
    border-radius: 50px;
    display: flex;
    position: relative;
    margin-top: 3px;
    margin-right: 5px;

}
.burger-catalog:before{
    content: '';
    position: absolute;
    width: 16px;
    height: 3px;
    background: #fff;
    display: block;
    top: 5px;
    right: 0;
    border-radius: 50px;
}
.burger-catalog:after{
    content: '';
    position: absolute;
    width: 12px;
    height: 3px;
    background: #fff;
    display: block;
    top: 10px;
    right: 0;
    border-radius: 50px;
}
#menu-item-41>a{
    display: flex;
}
.tovar-header{
    clip-path: polygon(0 0, 100% 0, 100% 75%, 70% 45%, 0 95%);
    position: absolute !important;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
}
.main-tovar{
        overflow: hidden;
    position: relative;
    padding: 70px 0 0;
}
.tovar-header:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    background-image: linear-gradient(90deg, #00ece1 0%, #ebf7f6 80%);
    background-repeat: repeat-x;
}
.tovar-header:after {
    position: absolute;
    top: 0;
    left: 70%;
    bottom: 0;
    right: auto;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    background-image: linear-gradient(90deg, #020202 0%, #8d8d8d 30%);
    background-repeat: repeat-x;
    transform: skew(45deg);
}
.block-for-text{
    background: #fff;
    padding: 20px;
    color: #333;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #38a5e5;
    margin:20px 0 10px;
}
.block-for-text.has-price{
    padding-bottom: 40px;
    position: relative;
    margin-bottom: 30px;
}
.block-for-text.has-price .price-link{
        background: #00ece1;
    border-radius: 5px 50px 50px 5px;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    text-decoration: none;
    width: max-content;
    padding: 8px 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -10px;
    padding-left: 40px;
}
.block-for-text.has-price .price-link span{
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: absolute;
    left: -27px;
    top: -7px;
    background: #00ece1;
    z-index: 1;
}
.block-for-text.has-price .price-link label{
    z-index: 1;
}
.block-for-text.has-price .price-link:before{
content: '';
    width: 61px;
    height: 61px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: absolute;
    left: -30px;
    top: -10px;
    z-index: 0;
    background-image: linear-gradient(135deg, #00ece1 0%, #ebf7f6 80%);
    transition: .4s;
}
.block-for-text.has-price .price-link:hover:before{
    transform: scale(1.1);
}
.block-for-text p:last-child{
    margin-bottom: 0px;
}
.block-for-text table tr td:first-child{
    text-align: left;
}
.block-for-img img{
        border-radius: 10px;
    box-shadow: 0px 0px 10px #545454;
}
.block-for-img{
    margin:10px 0;
}
.block-for-text .for-brand{
left: 0;
    right: 0;
    top: 10px;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border: 3px solid #00ece1;
}
.pretty-table table{
        width: 100%;
    box-shadow: 0px 0px 10px #bebebe;
    border-radius: 0px;
    margin:10px auto;
}
.pretty-table table tr:nth-child(odd) {
        background: #f4f4f4;
}
.pretty-table table tr td{
    padding: 5px 10px;
}
.tiovar-price{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
    padding: 10px 15px;
        color: #fff;
    background: #00ece1;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #bebebe;
    font-weight: bold;
}
.fast-order{
    border-radius: 10px;
    background: #1558a3;
    padding: 8px 14px;
    color: #fff;
    display: inline-block;
    position: relative;
    border:none;
    margin-top: 50px;
    font-size: 20px;
}
.fast-order.open-pop:hover{
    background-color: #00ece1;
    padding: 8px 14px;
    color: #fff;
}
.fast-order:before{
 content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    bottom: 0;
    left: -1px;
    right: 0;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: background .31s cubic-bezier(.25,.1,.25,1) 0s,opacity .31s cubic-bezier(.25,.1,.25,1) 0s,-webkit-transform .31s cubic-bezier(.25,.1,.25,1);
    transition: background .31s cubic-bezier(.25,.1,.25,1) 0s,opacity .31s cubic-bezier(.25,.1,.25,1) 0s,-webkit-transform .31s cubic-bezier(.25,.1,.25,1);
    -o-transition: transform .31s cubic-bezier(.25,.1,.25,1),background .31s cubic-bezier(.25,.1,.25,1) 0s,opacity .31s cubic-bezier(.25,.1,.25,1) 0s;
    transition: transform .31s cubic-bezier(.25,.1,.25,1),background .31s cubic-bezier(.25,.1,.25,1) 0s,opacity .31s cubic-bezier(.25,.1,.25,1) 0s;
    transition: transform .31s cubic-bezier(.25,.1,.25,1),background .31s cubic-bezier(.25,.1,.25,1) 0s,opacity .31s cubic-bezier(.25,.1,.25,1) 0s,-webkit-transform .31s cubic-bezier(.25,.1,.25,1);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: background,opacity,-webkit-transform;
    transition-property: background,opacity,-webkit-transform;
    -o-transition-property: transform,background,opacity;
    transition-property: transform,background,opacity;
    transition-property: transform,background,opacity,-webkit-transform;
    height: auto;
}
.fast-order:hover:before{
    width: calc(100% + 2px);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    background: rgba(255,255,255,.3);
    opacity: 1;
}
.tovar-slider .slick-track{
    padding:10px 0;
}
.tovar-slider .slick-track>img{
    width: auto !important;
    height: auto !important;
}
.tovar-slider .box-arrow-next{
    color:#fff;
    right: -10px;
}
.tovar-slider .box-arrow-prev{
    left: -10px;
    color:#fff;
}
.tovar-slider{
    max-width: 560px;
    opacity: 0;
    overflow: hidden;
    transition: .4s;
}
.tovar-slider.slick-initialized{
    opacity: 1;
    overflow:inherit;
}
.wpb_wrapper ul{
    padding-left: 20px;
}
.news-block{
    justify-content: flex-start;
    width: calc(100% + 30px);

}
.main-tovar .open-pop{
	background: #19ad40;
	border-color: #19ad40;

}
.main-tovar .open-pop:hover{
	background: transparent;
}
.CDEK-widget__preloader-truck{width:50%;height:18%;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;overflow:hidden}.CDEK-widget__preloader-truck svg{width:17%;margin:auto auto 3px;position:relative;z-index:5}.CDEK-widget__preloader-truck__grass{width:100%;height:20px;position:absolute;box-shadow:0 0 0 50px rgba(143,190,45,.19),-20px 0 0 20px rgba(143,190,45,.19),-90px 0 0 50px rgba(143,190,45,.19),250px 0 0 50px rgba(143,190,45,.19),290px 0 0 50px rgba(143,190,45,.19),620px 0 0 50px rgba(143,190,45,.19);border-radius:50%;bottom:-50px;-webkit-transform:translateX(103%);-ms-transform:translateX(103%);transform:translateX(103%);-webkit-animation:gruss 5s linear 0s infinite normal;animation:gruss 5s linear 0s infinite normal}.CDEK-widget__preloader-truck__road{content:'';width:100%;height:2px;position:absolute;background:-webkit-repeating-linear-gradient(0deg,#333,#333 .5em,transparent .5em,transparent 1em);background:repeating-linear-gradient(90deg,#333,#333 .5em,transparent .5em,transparent 1em);background-repeat:repeat-x;background-size:600px;bottom:0;left:0;background-position-x:0;-webkit-animation:truck 5s linear 0s infinite normal;animation:truck 5s linear 0s infinite normal;z-index:1}@-webkit-keyframes truck{0%{background-position-x:0}100%{background-position-x:-600px}}@keyframes truck{0%{background-position-x:0}100%{background-position-x:-600px}}@-webkit-keyframes gruss{0%{-webkit-transform:translateX(103%);transform:translateX(103%)}100%{-webkit-transform:translateX(-250%);transform:translateX(-250%)}}@keyframes gruss{0%{-webkit-transform:translateX(103%);transform:translateX(103%)}100%{-webkit-transform:translateX(-250%);transform:translateX(-250%)}}.path1{fill:#375f94}.path2,.path3,.path4,.path5{fill:#888}

.slick-dots li button:before{
    font-size: 20px;
}
.slick-dots li.slick-active button:before, .slick-dots li:hover button:before {

    color: #00ece1;
}
.single-prod-button svg{
    width: 25px;
    height: 25px;
    transition: .4s;
}
.single-prod-button:hover svg{
    fill:#19ad40;
}
.single-prod-button:hover{
    background: #fff !important;
    color: #19ad40;
}
.single-prod-button{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 12px;
    flex-direction: column;
    justify-content: center;
    margin: 10px;
    border-radius: 10px;
}
.for-prod-buttons{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px 0 30px;
}
.new-feed-buttons {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    justify-content: center;
    margin-top: 20px;
}
.new-feed-buttons a {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 10px;
    border: 2px solid #00ece1;
    width: fit-content;
    margin: 0 10px 10px 0;
    transition: .4s;
    align-items: center;
    color: #00ece1;
    border-radius: 0px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: bold;
}
.new-feed-buttons a:hover {
    color: #fff;
    background: #00ece1;
}
.new-feed-buttons a:hover svg, .new-feed-buttons a:hover svg path {
    fill: #fff!important;
}
.new-feed-buttons a:hover img {
    filter: grayscale(12) brightness(999);
}
.new-feed-buttons a svg {
    width: 25px;
    height: 25px;
    transition: .4s;
    margin-right: 10px;
}
.new-feed-buttons a img {
    width: 25px;
    transition: .2s;
    margin-right: 10px;
}
.otz-w {
    display: flex!important;
    width: 550px;
    flex-wrap: wrap;
    margin: 10px 10px;
    max-width: 100%;
    align-items: flex-start;
    padding: 10px;
    box-shadow: 0 0 20px #bebebe61;
}
.text-feed {
    width: 100%;
}
.name-logo-feed {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.feed-from {
    text-align: center;
    color: #371b4a;
}
.desc-feed {
    font-size: 15px;
    line-height: 18px;
    margin-top: 20px;
}
.img-feed a {
    color: #00ece1;
    text-decoration: underline;
    font-size: 18px;
}
.name-feed {
    display: flex;
    flex-direction: column;
}
.name-feed span:first-child {
        font-size: 16px;
    color: #371b4a;
    line-height: 1;
    margin-bottom: 5px;
}
.name-feed span.data-feed{
    color: #999494;
    font-size: 12px;
    margin: 0px 0 10px 0;
}
.feed-sep {
    width: 3px;
    background: #00ece1;
    height: 30px;
}
.otz-w .stars {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.otz-w .stars span {
    color: #371b4a;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
}
.block-stars {
    height: 20px;
    display: flex;
    justify-content: center;
}
.block-stars .fa.active {
    color: #f8b805;
}
.block-stars .fa {
    margin: 0 1px;
}
.otziv-s svg, .otziv-s img{
    width: 25px;
}
.otziv-s{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0px 0px 10px 10px;
    padding: 5px 10px;
    border: 1px solid #00ece1;
    width: fit-content;
    color: #00ece1;
    border-radius: 50px;
    width: 50px;
    height: 50px;
}
.name-stars-feed{
    max-width: calc(100% - 60px);
}
#frm .star.star-hover g{    fill: #f8b805;}
#frm .star-hovers g{    fill: #f8b805;}
.fast-buy{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.fast-buy p{
    margin: 5px;
    border: 2px solid #00ece1;
    border-radius: 10px;
    padding: 8px 20px;
    font-weight: bold;
}
.fast-buy button{
    font-size: 16px;
    margin: 5px;
}
#blog-menu{
      padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 30px 0;
}
#blog-menu li{
  margin-right: 10px;
}
#blog-menu li a{
    min-width: 80px;
    display: flex;
    text-align: center;
    justify-content: center;
    padding: 5px 10px;
    color: #fff;
    background: #00ece1;
    transition: .4s;
    text-decoration: none !important;
        border-radius: 10px;
    padding: 8px 20px;
    border: 1px solid #00ece1;
}
#blog-menu li a:hover{
  transform: translateY(-3px);
  box-shadow: 0px 5px 10px #bebebe;
}
#blog-menu li.current-menu-item{

}
#blog-menu li.current-menu-item a{
     background: #fff;
    color: #00ece1;
    border: 1px solid;
}
.main-info-stickers{
    display: flex;
    flex-wrap: wrap;
}
.main-info-stickers p{
background: #F5F5F5;
    padding: 5px 10px;
    margin: 0px 10px 10px 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.main-info-stickers p i{
    margin-right: 3px;
}
.new-meta-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 5px;
    justify-content: space-between;
}
.new-meta-td.first-td {
    color: #4c4947;
    margin-bottom: 0;
    padding-bottom: 2px;
    background: #fff;
    z-index: 1;
    position: relative;
    width: 50%;

}
.new-meta-td p {
    margin-bottom: 0;
    z-index: 1;
    background: #fff;
    padding-right: 5px;
}
.new-meta-td.first-td span {
    width: 200%;
    position: absolute;
    left: 0;
    bottom: 6px;
    border: 1px dashed #B4B4B4;
}
.new-meta-td {
    max-width: 50%;
    display: flex;
}
.desc-case{
    margin: 20px 0;
    text-align: justify;
}
.catalog-top-info .new-meta, .catalog-top-info .main-info-stickers{
    padding: 0 15px;
    font-size: 14px;
    color: #242424;
    margin-bottom: 20px;
}
.catalog-top-info .new-meta p{
    font-size: 12px;
    color: #3a3a3a;
}
.category-list.cases-list .single-prod{
    width: calc(33.3% - 40px);
    min-width: 300px;
    position: relative;
    background-color: #fff;
}
.category-list.cases-list .single-prod .read-more{
    position: absolute;
    z-index: 4;
    bottom: 10px;
    font-size: 14px;
    left: 0;
    right: 0;
    width: max-content;
    margin: 0 auto;
    box-shadow: none;
    border-radius: 0px;
}
.category-list.cases-list h2{
    z-index: 3;
    margin-top: 40px;
    margin-bottom: 10px;
    text-align: center;
}
.category-list.cases-list h2 span{
padding: 5px 15px;
    background: #fff;
    border-radius: 10px;
        box-shadow: 0px 0px 10px #bebebe;
}
.sert-slider{
    padding: 20px 0;
    min-width: 100%;
}
.sert-slider img{
    filter: grayscale(1);
    transition: .4s;
}
.sert-slider .front-new-block:hover img{
    filter: grayscale(0);
}
.sert-slider .front-new-block{
    width: 230px !important;
    position: relative;
    padding: 5px 20px;
    background: #fff;
    border: 2px solid #1c1f2c;
}
#left-header-menu{
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
}
#left-header-menu li{
    padding-right: 15px;
        list-style: none;
}
#left-header-menu>li{
    min-height: 100px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#left-header-menu li a{
    color: #000000;
    text-decoration: none !important;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
#left-header-menu li a[title]:after{
    content: attr(title);
    position: absolute;
    left: 25px;
    background: #00ece1;
border-radius: 50px;
padding: 4px 8px;
font-size: 10px;
top: 0px;
display: flex;
width: max-content;
color: #fff;

}
#left-header-menu li a div{
        width: 55px;
    height: 55px;
}
#left-header-menu li a div img{
        height: auto !important;
    width: auto !important;
}
.menu-left-header-menu-container, .right-top-container{
    width: calc(50% - 150px);
}
.main-phone-adres{
    display: flex;
    flex-direction: column;
        justify-content: space-between;
}
.main-phone-adres a{
    color: #000;
    text-decoration: none !important;
    font-size: 12px;
}
.main-phone-adres a i{
    width: 20px;
    color:  #00ece1;
    font-size: 14px;
}
.main-phone-adres a.main-phone{
    font-size: 16px;
    transition: .4s;
}
.main-phone-adres a.main-phone:hover{
     color:  #00ece1;
}
.right-top-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#right-header-menu{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0px;
    padding: 0px;
        margin-top: 15px;
}
#right-header-menu li{
    list-style: none;
}
#right-header-menu li a{
    text-decoration: none !important;
    color: #000;
    font-size: 14px;
    transition: .4s;
}
#right-header-menu li a:hover{
    color:  #00ece1;
}
.main-slider {
    overflow: hidden;
    transition: .4s;
    margin: 0 0 50px 0 !important;
    max-height: 535px;
}
.main-slider.slick-initialized {
    opacity: 1;
    max-height: inherit;
    overflow: visible;
}
.main-sldie.slick-slide {
    /*height: 535px;*/
    height: calc(100vw / 3.75);
    position: relative;
    padding: 0 ;
    overflow: hidden;
}

.box-arrow-prev {
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    background: #00ece1;
    border-radius: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    border: none;
    z-index: 3;
}
.main-sldie .col-xs-12 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.main-sldie .slider-header {
    color: #494d52;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
}
.main-sldie .desc-slider {
    color:#fff;
    font-size: 20px;
}
.main-sldie .slide-link {
background: #00ece1;
    border-radius: 0px;
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    padding: 8px 20px;
    transition: .4s;
    margin: 30px 0;
}
.main-sldie .slide-link:hover {
    transform: translateY(-3px);
    text-decoration: none;
}
.main-sldie .main-slider-img {
    position: absolute;
    left: 50%;
    max-width: max-content;
    max-height: 100%;
    min-height: 100%;
    min-width: 50%;
}
.mini-cat-items {
    margin: 0 -10px;
    width: calc(100% + 20px);
    display: flex;
    flex-wrap: wrap
}
.main-sliderser .vc_column-inner {
    padding: 0px !important;
}
.mini-cat-sector {
display: flex;
    flex-direction: column;
    color: #fff!important;
    text-decoration: none!important;
    align-items: flex-start;
    margin: 0 10px 20px;
    width: 175px;
    height: 216px;
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    padding: 20px 0px 0px;
    transition: .4s;
    max-width: calc(50% - 20px);
    background-color: #efedef;
    justify-content: space-between;
}
.mini-cat-sector:hover {
    box-shadow: 0 1px 4px rgb(0 0 0 / 8%), 0 4px 20px rgb(0 0 0 / 12%);
    transform: translateY(-3px)
}
.mini-cat-img{
    min-width: 100%;
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 0;
    top: 0;
}
.mini-cat-img img {
       max-width: initial;
    max-height: inherit;
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;
}
.mini-cat-sector p {
font-size: 16px;
    font-weight: normal;
    padding: 5px 10px;
    z-index: 1;
    background: #00ece1;
    width: fit-content;
    border-radius: 0px;
}
.mini-cat-sector span {
    font-size: 12px;
    width: 100%;
    padding: 0 10px 0 10px;
    display: none;
}
.mini-cat-sector span:before {
    content: '';
    background: var(--bg-color);
    width: 133px;
    height: 133px;
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    top: 20px;
    right: -40px;
    transform: translateY(-50%)
}
.mini-cat-sector svg {
    z-index: 2
}
h2.vc_custom_heading{
position: relative;
    font-weight: bold;
    width: max-content;
    line-height: calc(100% + 10px);
}
h2.vc_custom_heading:before{
    content: '';
    background: #00ece1;
    height: 9px;
    bottom: 0px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    z-index: -1;
    left: 2px;
}
.prod-brand-slide{
    position: relative;
    margin-bottom: 50px;
}
.prod-brand-slide img{
    filter: brightness(0.6);
}
.prod-brand-slide span{
position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    padding: 5px 10px;
    color: #fff;
}
.prod-slider .slick-arrow i, .rec-prod-slider .slick-arrow i{
    font-size: 15px;
}
.prod-slider .box-arrow-prev, .rec-prod-slider .box-arrow-prev{
    background: #00ece1;
    border-radius: 0px;
    color: #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -65px;
    right: 55px;
    left: auto;
}
.prod-slider .box-arrow-next, .rec-prod-slider .box-arrow-next{
    background: #00ece1;
    border-radius: 0px;
    color: #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -65px;
    right: 0;
}
.prod-slider-container{
    position: relative;
}
.prod-slider-container h2{
width: 100%;
    border-bottom: 1px solid #999494;
    padding: 10px 100px 5px 0px;
    margin-bottom: 20px;
}
.rec-for-slide{
    padding: 10px 10px;
}
.rec-brand-slide{
    width: 280px;
    background: #FFFFFF;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
border-radius: 0px;
display: flex;
flex-direction: column;
max-width: 100%;
padding: 20px 15px 60px 15px;
position: relative;
overflow: hidden;
text-decoration: none !important;
}
.for-rec-img{
    height: 160px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}
.for-rec-img img{
    max-width: 100%;
    max-height: 100%;
}
.rec-brand-slide .pretty-button{
position: absolute;
    bottom: 15px;
    color: #FFFFFF;
    background: #00ece1;
    transition: .4s;
    border: 2px solid #00ece1;
    border-radius: 0px;
    width: max-content;
    left: 0;
    right: 0;
    margin: auto;
    padding: 5px 15px;

}
.rec-brand-slide .pretty-button:hover{
    color: #00ece1;
    background: #FFFFFF;
}
.rec-brand-slide .text{
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */

margin-bottom: 20px;
color: #000000;
}
.rec-brand-slide .cost-per{
font-weight: 300;
font-size: 14px;
line-height: 17px;
/* identical to box height */


color: #999494;
}
.rec-brand-slide .rec-price{
font-weight: 600;
font-size: 18px;
line-height: 22px;
margin-top: 10px;
color: #000000;
}
.icon-html{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.icon-block{
    width: 30px;
    margin-right: 10px;
}
.icon-block img{

}
.html-block{
    width: calc(100% - 40px);
}
.html-block p{

}
.wpcf7-form{

}
.wpcf7-form span.wpcf7-form-control-wrap{
    max-width: 100%;
}
.wpcf7-form span.wpcf7-form-control-wrap input{
    width: 100%;
    border: 0.5px solid #999999;
box-sizing: border-box;
border-radius: 0px;
padding: 8px 15px;
margin-bottom: 15px;
}
.wpcf7-form span.wpcf7-form-control-wrap textarea{
    width: 100%;
    border: 0.5px solid #999999;
box-sizing: border-box;
border-radius: 0px;
padding: 5px 15px;
margin-bottom: 15px;
}
.wpcf7-form input[type="submit"]{
    background: #00ece1;
    color: #fff;
    border: 2px solid #00ece1;
    transition: .4s;
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 0px;
    cursor: pointer;
}
.news-block{
    display: flex;flex-wrap: wrap;
    width: calc(100% + 30px);
    margin: 0px;
    padding: 0px;
}
.new-block .info-new-block{
    padding: 30px 30px 0 30px;
}
.new-block .new-header{

}
.new-block  .new-desk{

}
.new-block .info-new{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.new-block .date-read-time{
        width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.new-block .read{
    font-size: 16px;
    line-height: 150%;
    color: #221D1F;
    bottom: 30px;
    left: 30px;
    position: absolute;
}
.new-block .read:after{
        content: '';
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    border-top: 5px solid #00ece1;
    border-right: 5px solid #00ece1;
    display: flex;
    position: absolute;
    right: -15px;
    top: 7px;
}
.new-block .read:before{
    content: '';
    display: flex;
    width: 100%;
    background: #00ece1;
    position: absolute;
    bottom: 0;
    height: 1px;
    opacity: 0;
    transition: .4s;
}
.new-block .read:hover:before{
    opacity: 1;
}
.new-block .new-header{
    font-weight: bold;
    font-size: 24px;
    line-height: 110%;
    color: #221D1F;
    margin: 15px 0 10px;
}
.new-block .new-desk{
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    color: #221D1F;
    margin-bottom: 30px;
}
.category-content{
    width: 100%;
    margin: 40px 0;
}
.for-new-img{
    max-height: 200px;
    overflow: hidden;
    max-width: 100%;
}
.for-new-img img{
        min-height: 200px;
    min-width: 100%;
    max-height: 250px;
    height: auto;
    width: auto;
    max-width: initial;
}
.new-block{
width: 360px;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    margin: 10px;
    text-decoration: none !important;
    border: 1px solid #DFDDE3;
    padding-bottom: 50px;
    position: relative;
}
.news-block{
    display: flex;flex-wrap: wrap;
    width: calc(100% + 30px);
    margin:0 -15px 50px;
}
.new-block .info-new-block{
    padding: 30px 30px 0 30px;
}
.new-block .new-header{

}
.new-block  .new-desk{

}
.new-block .info-new{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.new-block .date-read-time{
        width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.new-block .read{
    font-size: 16px;
    line-height: 150%;
    color: #221D1F;
    bottom: 30px;
    left: 30px;
    position: absolute;
}
.new-block .read:after{
        content: '';
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    border-top: 5px solid #00ece1;
    border-right: 5px solid #00ece1;
    display: flex;
    position: absolute;
    right: -15px;
    top: 7px;
}
.new-block .read:before{
    content: '';
    display: flex;
    width: 100%;
    background: #00ece1;
    position: absolute;
    bottom: 0;
    height: 1px;
    opacity: 0;
    transition: .4s;
}
.new-block .read:hover:before{
    opacity: 1;
}
.new-block .new-header{
    font-weight: bold;
    font-size: 24px;
    line-height: 110%;
    color: #221D1F;
    margin: 15px 0 10px;
}
.new-block .new-desk{
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    color: #221D1F;
    margin-bottom: 30px;
}
.container{
    max-width: 100%;
}
.sticky-mob {
    position: sticky;
    z-index: 3;
    background: #3c4051;
    bottom: 0;
    padding: 15px;
    box-shadow: 3px -8px 10px #3c3c3cb8;
    display: flex;
    flex-direction: column;
}
.sticky-mob .open-pop{
    width: max-content;
    margin-bottom: 10px;
}
.sticky-mob ul{
    padding-left: 0px;

}
.sticky-mob li{
    list-style: none;
}
.sticky-mob a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.sticky-mob .header-soc{
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
}
.sticky-mob .header-soc li{
    margin-right: 10px;
}
.proof{
    position: relative;
    display: flex;
    
    margin-bottom: 10px;
}
.proof input{
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    opacity: 0;
    z-index: 3;
}
.proof div{
    width: calc(100% - 30px);
    font-size: 12px;
}
.proof div:before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid;
    left: 0;
    top: 2px;
}
.proof input:checked~div:after{
content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00ece1;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 2px;
    color: #fff;
    border: 1px solid #333;
}
footer .proof div{
    color: #fff;
}
footer .proof input:checked~div:after{
    border: 1px solid #fff;
}

.wpcf7-acceptance label{
    position: relative;
    display: flex;
    margin-bottom: 10px;
    font-weight: normal;
}
.wpcf7-acceptance label input{
    width: 20px !important;
    height: 20px;
    margin: 0 10px 0 0;
    opacity: 0;
    z-index: 3;
}
.wpcf7-acceptance label span{
    width: calc(100% - 30px);
    font-size: 12px;
}
.wpcf7-acceptance label span:before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid;
    left: 0;
    top: 2px;
}
.wpcf7-acceptance label input:checked~span:after{
content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00ece1;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 2px;
    color: #fff;
    border: 1px solid #333;
}
.wpcf7-acceptance .wpcf7-list-item{
    margin-left: 0px;
}
#left-header-menu .sub-menu{
    position: absolute;
    top: 100px;
    left: calc(50vw - 585px);
    width: 1170px;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    display: flex;
    visibility: hidden;
    opacity: 0;
    transition: .2s;
    background: #fff;
}
#left-header-menu>li:hover>.sub-menu{
    opacity: 1;
    display: flex;
    visibility: inherit;
}
#left-header-menu:after{
content: '';
    top: 100%;
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0;
    background: #1d2327b5;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: .2s;
}
#left-header-menu.menu-hovered:after{
    content: '';
    opacity: 1;
    display: flex;
    visibility: inherit;
}
#left-header-menu .sub-menu li{
        display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #adadad;
}
#left-header-menu .sub-menu li>a{
    padding: 10px;
    border-radius: 0px;
    font-size: 14px;
    box-shadow: 0px 0px 10px #bebebe;
    margin: 10px;
    margin-bottom: 0px;
    margin-top: 0px;

}
#left-header-menu .sub-menu li .menu-price{
    position: relative;
}
#left-header-menu .sub-menu li .menu-price:before{
content: '';
    width: 61px;
    height: 61px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: -50px;
    right: 0;
    z-index: 0;
    background-image: linear-gradient(135deg, #00ece1 0%, #ebf7f6 80%);
    transition: .4s;
    margin: auto;
    z-index: 1;
}
#left-header-menu .sub-menu li .menu-price:after{
    content: '';
}
#left-header-menu .sub-menu li .menu-price i{
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: absolute;
    top: -47px;
    left: 0;
    right: 0;
    margin: auto;
    background: #00ece1;
    z-index: 1;
    font-size: 25px;
}
#left-header-menu .sub-menu li .menu-price a{
    background: #00ece1;
    border-radius: 50px;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    width: max-content;
    padding: 10px 20px;
    padding-top: 15px;
}

.top-header{
    background: #efedef;
    padding: 8px;
}
.top-header .header-flex, header .header-flex{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.top-header .header-flex p{
    margin-bottom: 0px;
    color: #7D7D7D;
    font-size: 13px;
    line-height: 13px;
}
.top-header .header-flex br{
    display: none;
}
.top-header .header-flex a{
    color: #7D7D7D;
    font-size: 13px;
    line-height: 13px;
}
.top-header .header-flex .header-soc{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
    padding-left: 0px;
    align-content: center;
}
.top-header .header-flex .header-soc li{
    list-style: none;
    margin-left: 10px;
    margin-right: 0px;
}
.top-header .header-flex .header-soc li a{
    width: 24px;
    height: 24px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    text-decoration: none !important;
    transition: .4s;
    margin: 0px;
}
.top-header .header-flex .header-soc li a:hover{
    transform: translateY(-3px);
}
.top-header .header-flex .header-soc li a i{
    color: #00ece1;
        font-size: 20px;
}
.top-header .adres-time{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.top-header .adres-time>*{
    margin-right: 20px;
}
#search-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    border-radius: 30px;
}
#search-form input[type="text"]{
        width: 500px;
        max-width: 100%;
    height: 40px;
    background: transparent;
border-radius: 30px;
    border: none;
    padding: 0px 70px 0 30px;
    border: 1px solid #DCDCDC;
}
#search-form input[type="submit"]{
    width: 70px;
    height: 38px;
    background-color: #efedef;
border-radius: 30px;
    background-image: url(/wp-content/themes/steklo-theme/img/svg/main-search.svg);
    background-size: 20px;
        border: none;
    font-size: 0px;
    background-position: center;
    background-repeat: no-repeat;
        position: absolute;
    right: 1px;
    top: 1px;

}
.search {
    position: relative;
    width: 250px;
}

.search .search-input {
    width: 210px;
}

.search .result-search {
    display: none;
}

.search .result-search {
    position: absolute;
    width: 100%;
    z-index: 5;
    display: none;
    top: 100%;
}

.search .result-search .preloader {
    width: 100%;
    display: none;
    background: #fff;
    border-top: none;
    border: 1px solid #eee;
}

.search .result-search .preloader .loader {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    display: block;
}

.search .result-search .result-search-list {
    width: 100%;
    display: none;
    overflow-y: auto;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    border-top: none;
    border: 1px solid #eee;
    max-height: 250px;
}

.search .result-search .result-search-list .result_item {
    line-height: 15px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-top: 10px;
}

.search .result-search .result-search-list .result_item:first-child{
    margin-top: 0;
}

.search .result-search .result-search-list .result_item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.search .result-search .result-search-list .result_item a {
    color: #7c83a0;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.search .result-search .result-search-list .result_item a>span{
    width: calc(100% - 70px);
        display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.search .result-search .result-search-list .result_item a>span>div{
    width: 100%;
}
.search .result-search .result-search-list .result_item a>span {
    height: 100%;
    float: left;
    min-height: 50px;
}

.search .result-search .result-search-list .result_item p {
    line-height: 13px;
    font-size: 13px;
    color: #7c83a0;
    font-style: italic;
    background-color: white;
}
.search-price{
        color: #000 !important;
}
.search .result-search .result-search-list .result_item img {
    width: 60px;
    float: left;
    box-shadow: 0px 0px 10px #efefef;
    margin: 0 5px 5px 0;
    height: auto;
}
header{
    padding: 15px 0;
}
.phone-mail{
    display: flex;
    flex-direction: column;
}
.phone-mail a{
    text-decoration: none !important;
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0;
    color: #fff;
    font-size: 15px;
    align-items: flex-end;
    transition: .4s;

}
.phone-mail a:hover{
    text-shadow: #000 0px 0px 1px;
}
.phone-mail a i{
    color: #00ece1;
    font-size: 20px;
    margin-right: 10px;
}
.phone-mail a.a1{
    padding-left: 30px;
   /* background-image: url(/wp-content/themes/steklo-theme/img/a1.png); */
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}
.phone-mail a.mts{
    padding-left: 30px;
   /*  background-image: url(/wp-content/themes/steklo-theme/img/mts.png); */
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}
.phone-mail a.email{
    padding-left: 30px;
   /*  background-image: url(/wp-content/themes/steklo-theme/img/001-envelope.png); */
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}
.phone-mail a span{
    font-size: 24px;
    line-height: 1;
    margin-left: 5px;
    font-weight: bold;
}
header .open-pop, .sticky-mob .open-pop {
    background: #00ece1;
    border-radius: 0px;
    border: 1px solid #00ece1;
    color: #222;
    font-size: 16px;
    padding: 10px 20px;
    transition: .4s;
}
nav.header-nav{
    position: sticky;
    top: 0px;
    z-index: 10;
   background: transparent;
   transition: .4s;
}
nav.header-nav.active{
    background: #1c1f2c;
}
#menu-main-menu{
    margin-bottom: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
#menu-main-menu>li{
    list-style: none;
}
#menu-main-menu>li>a{
font-weight: 300;
font-size: 20px;
line-height: 20px;
/* identical to box height */
padding: 15px 15px;
text-align: center;
display: flex;
flex-wrap: wrap;
color: #fff;
text-decoration: none;
position: relative;
font-weight: bold;
}
#menu-main-menu>li>a:before{
    content: '';
    width: 20px;
    height: 20px;
    display: flex;
    position: absolute;
    left: 10px;
    top: 10px;
    border-left: 5px solid #00ece1;
    border-top: 5px solid #00ece1;
    transition: .4s;
    opacity: 0;
}
#menu-main-menu>li>a:after{
    content: '';
    width: 10px;
    height: 10px;
    display: flex;
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-right: 5px solid #00ece1;
    border-bottom: 5px solid #00ece1;
    transition: .4s;
    opacity: 0;
}

#menu-main-menu>li>a:hover:before{
    opacity: 1;
    left: 5px;
    top: 5px;
}
#menu-main-menu>li>a:hover:after{
    opacity: 1;
    right: 5px;
    bottom: 5px;
}
#menu-main-menu>li>a:hover{
    color: #00ece1
}

#menu-main-menu>li.catalog-menu{

}
#menu-main-menu>li.catalog-menu>a{
    padding: 15px 20px;
    background: #4c4947;
    text-decoration: none !important;
    color: #fff;
    border-radius: 0px;
}
#menu-main-menu>li.catalog-menu i{
    color: #fff;
    margin-right: 5px;
}
footer{

    padding: 40px 0 20px;
}
.footer-h{
    color: #fff;
    font-size: 24px;
    margin-bottom: 25px;
}
.cont-footer{
        display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}
.cont-footer i{
    color: #fff;
    font-size: 20px;
    width: 30px;
}
.cont-footer-block{
    display: flex;
    flex-direction: column;
}
.cont-footer-block a{
    color: #fff !important;
    display: flex;
    margin: 3px 0;
}
.cont-footer-block span{
    color: #fff !important;
}
.footer_menu{
    margin-bottom: 15px;
    padding-left: 0px;
}
.footer_menu li{
    list-style: none;
    margin-bottom: 10px;
}
.footer_menu li a{
    position: relative;
    padding-left: 25px;
    color: #fff;
}
.footer_menu li a:before{
    content: '';
    width: 16px;
    height: 1px;
    background: #fff;
    left: 0;
    position: absolute;
    top: 8px;
}
footer .formajax{

}
footer .formajax input{
    border: 1px solid #ACACAC;
    border-radius: 0px;
    padding: 10px 30px;
    background: transparent;
        color: #fff;
}
footer .formajax input[type="submit"]{
    background: #00ece1;
    border-radius: 0px;
    padding: 10px 30px;
    color: #222;
    border: none;
}
.flex-footer{
    margin-top: 15px;
    padding-top: 20px;
    border-top: 1px solid #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.beat{animation:heartbeat 2s infinite;margin:0 5px;}
@keyframes heartbeat{0%{transform:scale(1);}
10%{transform:scale(1.2);}
20%{transform:scale(1);}
30%{transform:scale(1.2);}
40%{transform:scale(1);}
100%{transform:scale(1);}
}
.flex-footer{
    color:  #fff;
}
.flex-footer .copur{
    margin-bottom: 0px;
}
.flex-footer .copur a{
    font-weight: bold;
    color: #fff;
    margin-left: 5px;
}
footer .header-soc{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
footer .header-soc li{
    list-style: none;

}
footer .header-soc li a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    transition: .4s;
}
footer .header-soc li a:hover{
    transform: translateY(-3px);
}
footer .header-soc li a img, footer .header-soc li a svg{
    /*filter: brightness(.8);*/
    transition: .4s;
}
footer .header-soc li a:hover img, footer .header-soc li a:hover svg{
    filter: brightness(1);
}
.main-categories {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -10px;
    width: calc(100% + 20px);
    justify-content: center;
}
.main-categories .main-category {
    width: calc(25% - 20px);
    display: flex;
    flex-direction: column;
    margin: 10px;
    text-decoration: none;
    transition: .4s;
    max-width: 100%;
    position: relative;
}
.main-categories .main-category.cat-3{
    width: calc(33.3% - 20px);
}
.main-categories .main-category.cat-2{
    width: calc(50% - 20px);
}
.main-categories .main-category.cat-5{
    width: calc(20% - 20px);
}
.main-category .slider-header {
margin-top: 10px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 25px 15px 15px;
    font-size: 18px;
    background: linear-gradient(0deg, black, transparent);
    width: 100%;
}
.main-category .slider-header i {
    transition: .4s;
}
.main-categories .main-category:hover .text-cat-block {
    transform: translateY(-3px);
    box-shadow: 0px 0px 10px #bebebe;
}
.main-categories .main-category:hover i {
    transform: translateX(3px);
}
.main-categories .main-category .text-cat-block{
    border-radius: 0px;
    transition: .4s;
    overflow: hidden;
    width: 100%;
}
.main-categories .main-category img{
    height: auto;
    width: 100%;
}
.slogan{
    margin: 10px 0;
}
.slogan span{

}
.amo-new-etaps{
    display: flex;flex-direction: column;
    position: relative;
    margin-bottom: 50px;
}
.amo-new-etap{
        display: flex;
    position: relative;
    flex-wrap: wrap;
    width: 100%;

}

.amo-prices.ppc-price .amo-price-func.dev-p{
    width: 500px;
    max-width: 100%;
}
.amo-type-price.dev{
    width: 230px;
}
.amo-price-func p{
    font-size: 14px;
line-height: 17px;
text-align: center;
margin-bottom: 0px;

color: #464646;
}
.amo-price-tag span.normal{
    font-weight: normal;
        font-size: 15px;
}
.amo-new-etap:nth-child(even){
    flex-direction: row-reverse;
}
.amo-new-etap:nth-child(even) img{
    margin-left: 20px;
}
.amo-new-etap .amo-new-text{
        width: calc(50% - 175px);
    margin: 0;
    min-width: 190px;
}
.amo-new-etap:nth-child(even) .amo-new-text{
    text-align: right;
}
.amo-new-etap .new-etap-number{
    position: absolute;
    left: calc(50% - 24px);
    top: calc(50% - 24px);
    width: 48px;
    height: 48px;
    background: #efedef;
    border-radius: 50px;
    font-size: 18px;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 4px solid #f7f7f7;
}
.amo-new-etaps:before{
    content: '';
    height: calc(100% - 140px);
    width: 2px;
    background: #efedef;
    position: absolute;
    left: calc(50% - 1px);
    top: 70px;
}
.amo-new-header{
    font-size: 24px;
    line-height: 28px;
    color: #464646;
}
.amo-new-block{
    font-size: 14px;
    line-height: 17px;
    color: #464646;
}
.amo-integ{
    display: flex;flex-wrap: wrap;
    justify-content: center;
}
.amo-integ img{
    border-radius: 10px;
        margin: 20px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15), 0px -5px 15px rgba(0, 0, 0, 0.15);
}
.amo-new-etap .for-etap-img{
    width: 120px;
    height: 120px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    border-radius: 50%;
    background: #efedef;
    background: linear-gradient(90deg, #f1f1f1, #fbfbfb);
    box-shadow: 2px 2px 15px #d8d8d8ad;
}
.amo-new-etap .for-etap-img img{
    max-width: 100%;
    max-height: 100%;
    margin: 0px !important;
}
.faq-blocks{

}
.faq-block{
    margin-bottom: 20px;
        border: 2px solid #00ece1;
}
.faq-block .faq-question{
        padding: 25px 90px 25px 30px;
        position: relative;
        cursor: pointer;
}
.faq-block .faq-question span.faq-number{
    font-weight: 600;
font-size: 28px;
line-height: 27px;
/* identical to box height, or 96% */
padding-left: 24px;
margin-right: 15px;

/* голуб */
position: relative;
color: #057DFF;
}
.faq-block .faq-question span.faq-number:before{
    content: '';
    background: #A5D277;
    position: absolute;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.faq-block .faq-question span.faq-text{

}
.faq-block .faq-question i{
    transition: .4s;
    position: absolute;
    right: 30px;
    height: 45px;
    width: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    top: calc(50% - 22px);
    background: #00ece1;
    color: #111;
    border-radius: 50px;
    font-size: 24px;
    padding-bottom: 4px;
}
.faq-block.active .faq-question i{
    transform: rotate(180deg);
}
.faq-answer{
    display: none;
    margin-bottom: 20px;
    padding: 40px 80px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}
.faq-block.active .faq-answer{
    
}
.shadow-img img{
    box-shadow: 0px 0px 10px #bebebe;
}
.wpcf7 form .wpcf7-response-output{
    width: 100%;
    float: left;
}
.cf-controle{
    position: relative;
    margin-bottom: 15px;
    padding-top: 15px;
}
.cf-controle input{
    
}
.cf-controle span.input-header{
        position: absolute;
    z-index: 1;
    top: 0px;
    left: 5px;
    background: #3c4051;
    padding: 5px 10px;
}
.wpcf7-form span.wpcf7-form-control-wrap input, .wpcf7-form span.wpcf7-form-control-wrap textarea{
    margin-bottom: 15px;
    background: #3c4051;
    padding-top: 15px;
    margin-bottom: 10px;
}
div.wpcf7 .wpcf7-submit:disabled{
        background: #3c4051;
}
.wpcf7-form span.wpcf7-form-control-wrap textarea{
        height: 132px;
    resize: none;
}
.main-form{
        display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
    background: #f2f2f2;
    margin-bottom: 35px;
}
.main-form .h2{
    width: 100%;
}
#menu-main-menu>li.catalog-menu{
    position: relative;
}
#menu-main-menu>li.catalog-menu>ul{
        position: absolute;
    top: 100%;
    flex-wrap: wrap;
    opacity: 0;
    transition: opacity .4s;
    width: max-content;
    z-index: 33;
    padding: 10px;
    list-style: none;
    background: #f2f2f2;
    box-shadow: 1px 10px 10px #bebebe;
    display: flex;
    visibility: hidden;
    z-index: -2;

}
#menu-main-menu>li.catalog-menu:hover>ul{
    z-index: 33;
    visibility: visible;
    opacity: 1;
}
#menu-main-menu>li.catalog-menu>ul li{
    margin: 10px;
}
#menu-main-menu>li.catalog-menu>ul li a{
position: relative;
    box-shadow: 0px 0px 10px #bebebe;
    display: flex;
    border-radius: 5px;
    overflow: hidden;
    transition: .4s;
}
#menu-main-menu>li.catalog-menu>ul li a:hover{
    transform: translateY(-3px);
}
#menu-main-menu>li.catalog-menu>ul li a span{
    position: absolute;
    padding: 5px;
    color: #fff;
    background: #00ece1;
    bottom: 5px;
    font-size: 12px;
}
#menu-main-menu>li.catalog-menu>ul li a div{

}
#menu-main-menu>li.catalog-menu>ul li a div img{

}
.text_right.usd{
    display: none !important;
}
.form-block{
    padding-top: 5px;
        background: #f2f2f2;
}
.first-screen{
    position: relative;
    padding: 35px 0;
    overflow: hidden;
}
.first-screen .big-map img{
    position: absolute;
    max-width: initial;
    top: 0px;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    filter: brightness(0.7);
}
.container{
    position: relative;
    

}
.first-screen .form-block{
    background: #f2f2f2cf;
}
.first-screen .main-form{
    background: none;
}
.first-screen .cf-controle span.input-header{
    display: none;
}
.first-screen .wpcf7-form span.wpcf7-form-control-wrap input, .first-screen .wpcf7-form span.wpcf7-form-control-wrap textarea{
    padding-top: 8px;
}
.first-screen .wpcf7-form span.wpcf7-form-control-wrap textarea{
    height: 116px;
}
.first-screen .wpcf7 form .wpcf7-response-output{
    color: #fff;
}
.slider-primery{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.primer-block{
    width: 200px;
    padding: 10px;
    background: #fff;
    box-shadow: 0px 0px 10px #bebebe;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.primer-block.primety-3{
    width: 500px;
        margin: 10px auto;
        max-width: calc(100% - 20px);
}
.primer-block.primety-3 .primer-slider{
        height: 480px;
    max-height: calc(100vw - 70px);
    

}
.primer-block.primety-3 img{
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}
.primer-block.primety-3 a{
    width: 100%;
    height: 100%;
}
.primer-slider{
    width: 100%;
        max-height: 180px;
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: 0px !important;
}
.primer-slider .slick-dots{
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
        bottom: 15px;

}
.primer-slider .slick-dots button{
    opacity: 0;
}
.primer-slider .slick-dots li{
width: 10px;
    height: 10px;
    background: #bebebe;
    border-radius: 50px;
    transition: .4s;
    box-shadow: 0px 0px 10px #bebebe;
    border: 1px solid #333;
}
.primer-slider .slick-dots li.slick-active{
background: #333;
}
.primer-slider .slick-dots li button:before{
    line-height: 10px;
    width: 10px;
    font-size: 10px;
    height: 10px;
}
.primer-desc{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.primery-title{
font-size: 14px;
text-align: center;
margin-top: 10px;
}
.primery-link{
color: #999;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}
.primery-price{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.soc-mob-header{
    display: none;
}
.mob-logo{
    display: none;
}
.new-header-calc{
    background: none!important;
    border: none!important;
    padding: 0px!important;
    display: flex;
    flex-wrap: wrap;
    transition: .4s;
    text-decoration: none !important;
}
.new-header-calc span {
    background-color: #00ece1;
    color: #fff;
    font-weight: 400;
    text-transform: none;
    margin-left: 5px;
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    font-size: 14px;
    transition: .4s;
    line-height: 1;
        box-shadow: 0px 0px 8px rgb(159 156 156);
}
.new-header-calc:hover span:first-child {
    transform: translateX(5px);
}
.main-slider {
    opacity: 0;
    transition: .2s;
    max-height: 452px;
    overflow: hidden;
    margin-bottom: 0px !important;
}
.main-slider img{
    height: auto;
}
.main-slider.slick-initialized {
    opacity: 1;
    max-height: initial;
    min-height: auto;
    overflow: inherit;
}
.counters{
        display: flex;
    justify-content: space-between;
    margin: 20px 0;
    flex-wrap: wrap;
}
.counter-block{
        display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 25%;
    width: 180px;
    flex-wrap: wrap;
    max-width: 50%;
}
.od-block{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 35px;
    align-items: center;
}
.od-block p.od-tag{
    color: #00ece1;
    margin-left: 5px;
    font-size: 80px;
    line-height: 70px !important;
}
.counter-text{
text-align: center;
}
ol.pretty-ol{
        margin: 0 0 20px;
    list-style-position: inside;
    padding-left: 0;
    counter-reset: item;
}
ol.pretty-ol li{
        list-style: outside none none;
    margin-bottom: 10px;
    padding-left: 35px;
    position: relative;
    font-size: 18px;
}
ol.pretty-ol li:before {
color: #000;
    content: counter(item,decimal) " ";
    counter-increment: item;
    display: block;
    left: 7px;
    position: absolute;
    top: 1px;
    z-index: 2;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 20px;
}
ol.pretty-ol li:after {
background: linear-gradient(90deg, #f1f1f1, #fbfbfb);
    border: 1px solid #f1f1f1;
    color: #fff;
    content: "";
    display: block;
    height: 22px;
    left: 0;
    line-height: 22px;
    position: absolute;
    top: 0;
    width: 22px;
    border-radius: 50px;
}
.header-soc {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
    list-style: none;
    align-items: center;
    padding-left: 0px !important;
}
.header-soc li:first-child {
    margin-left: 0px;
}
.header-soc li {
    margin: 0 5px;
}
.header-soc li a {
    transition: .4s;
    flex-wrap: wrap;
    display: flex;
}
.header-soc li a:hover {
    transform: translateY(-3px);
}
.main-single .wpb_image_grid .wpb_image_grid_ul .isotope-item{
    max-width: calc(20% - 2px);
    padding: 10px;
}
.main-single .wpb_image_grid .wpb_image_grid_ul .isotope-item img{
    box-shadow: 0px 0px 10px #bebebe;
    margin: 0 auto;
}
.vc_carousel-slideline-inner .vc_inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.vc_images_carousel .icon-next{
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    background: #00ece1;
    border-radius: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.vc_images_carousel .icon-prev{
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    background: #00ece1;
    border-radius: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.vc_images_carousel .icon-prev:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f104" !important;
    top: -4px !important;
}
.vc_images_carousel .icon-next:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105" !important;
    top: -4px !important;
}
#result-calc-infa.hidden{
    display: none !important;
}
.sfeeds-content{
    width: 420px;
    padding: 10px;
    border: 1px solid #111;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    box-shadow: 0px 0px 5px #bebebe;
}
.sfeeds-sldie .img-sfeeds{
    width: 200px;
}
.sfeeds-sldie .img-sfeeds iframe{
    width: 200px;
    height: 367px;
    box-shadow: 0px 0px 5px #bebebe;
}
.sfeeds-desk{
        width: calc(100% - 200px);
    padding-left: 20px;
    display: flex;
    flex-direction: column;
}
.sfeeds-desk .sfeeds-header{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.sfeeds-desk .sfeeds-deck{

}
.new-etaps{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.new-etap{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 15px;
    width: calc(25% - 30px);
    line-height: 1.3;
        padding-top: 10px;
    margin-top: 45px;
}
.new-etap-header{
    font-size: 26px;
    font-weight: bold;

}
.new-etap-number{
    position: absolute;
    left: -10px;
    top: 0;
    font-weight: 700;
    font-size: 200px;
    line-height: 200px;
    color: #00ece121;
    transform: translateY(-30%);
    transition: .4s;
    z-index: -1;

}

.container{
        width: 96vw;
    }
.serv-sec{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.serv-sec a{
    display: flex;
    flex-wrap: wrap;
    margin: 15px;
    width: calc(33.33% - 30px);
    flex-direction: column;
        background: #3c4051;
    text-decoration: none !important;
    color: #fff !important;
    position: relative;
    transition: .4s;
}
.serv-sec a:hover{
    transform: translateY(-3px);
}
.serv-link-img{
        width: 100%;
    padding-top: 56%;
    position: relative;
}
.serv-link-img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.serv-link-top{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.serv-link svg{
    position: absolute;
    right: 25px;
    bottom: 10px;
}
.serv-link-header{
    margin: 15px 75px 15px 15px;
        font-size: 20px;
    line-height: 30px;
    transition: .4s;
}
.serv-link svg path, .serv-link svg rect{
    transition: .4s;
}
.serv-link:hover .serv-link-header{
    color: #00ece1;
}
.serv-link:hover svg path{
    fill:#00ece1;
}
.serv-link:hover svg rect{
    stroke: #00ece1;
}
.third-images {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    z-index: 3;
    margin: 50px 0;
}@property --angle {
  syntax: '<angle>';
  inherits: true;
  initial-value: 0deg;
}

@property --z {
  syntax: '<integer>';
  inherits: true;
  initial-value: 0;
}

@keyframes revolve {
  from {
    --angle: 0deg;
    --z: -1;
  }
  to {
    --angle: 360deg;
    --z: 0;
  }
}
.token-1, .token-2, .token-3, .token-0, .token-4 {
  --x-amplitude: 370px;
  --y-amplitude: 25px;
  --x: calc(cos(var(--angle)) * var(--x-amplitude));
  --y: calc(sin(var(--angle)) * var(--y-amplitude));
  transform:
    rotate(var(--rotation))
    translate(var(--x), var(--y))
    rotate(calc(var(--rotation) * -1));
  z-index: calc(var(--z)); /* calc() is for Safari */
  animation: revolve 6s linear infinite;
  position: absolute;
  top: 35%;
}

.token-0 {
  --rotation: 10deg;
  animation-delay: -5s;
}
.token-4 {
  --rotation: -25deg;
  animation-delay: -1s;
}
.token-1 {
  --rotation: 200deg;
  animation-delay: 0s;
}

.token-2 {
  --rotation: 155deg;
  animation-delay: -2s;
}

.token-3 {
  --rotation: 180deg;
  animation-delay: -4s;
}
@keyframes circle {
  0% {
    left: 0%;
    bottom: 0%;
    transform: scale(0);
    opacity: 1;
  }
  50% {
    left: 50%;
    bottom: 50%;
    transform: scale(1.0);
    opacity: 1;
  }
  100% {
    left: 100%;
    bottom: 0%;
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes circle2 {
  0% {
    left: 0%;
    bottom: 0%;
    transform: scale(0);
    opacity: 1;
  }
  50% {
    left: 50%;
    bottom: 20%;
    transform: scale(1.0);
    opacity: 1;
  }
  100% {
    left: 100%;
    bottom: 0%;
    transform: scale(0);
    opacity: 0;
  }
}





@keyframes circle_mob {
  0% {
    left: 0%;
    bottom: 0%;
    transform: scale(0);
    opacity: 1;
  }
  50% {
    left: 50%;
    bottom: 50%;
    transform: scale(0.4);
    opacity: 1;
  }
  100% {
    left: 100%;
    bottom: 0%;
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes circle2_mob{
  0% {
    left: 0%;
    bottom: 0%;
    transform: scale(0);
    opacity: 1;
  }
  50% {
    left: 50%;
    bottom: 20%;
    transform: scale(0.4);
    opacity: 1;
  }
  100% {
    left: 100%;
    bottom: 0%;
    transform: scale(0);
    opacity: 0;
  }
}




@keyframes cash{

}


@keyframes scan {
 0% { height:0px; }
 50% { height:100%; }
  100% { height:0px }
}
















@media(max-width: 1660px){
    .main-img{
        max-height: 400px;
        width: auto;
        max-width: 50vw;
    }
    .token-1, .token-2, .token-3, .token-0, .token-4{
            transform: scale(.7) rotate(var(--rotation)) translate(var(--x), var(--y)) rotate(calc(var(--rotation)* -1));
            top: 25%;
    }
}

@media(max-width: 1200px){
    .token-1, .token-2, .token-3, .token-0, .token-4 {
        --x-amplitude: 480px;
        --y-amplitude: 55px;
                transform: scale(.5) rotate(var(--rotation)) translate(var(--x), var(--y)) rotate(calc(var(--rotation)* -1));
    }
}


@media(max-width: 1190px){
    #left-header-menu .sub-menu{
        left:  15px;
        width: calc(100vw - 30px);
    }
    .main-categories .main-category{
        width: calc(33.33% - 20px) !important;
    }
    .main-single .wpb_image_grid .wpb_image_grid_ul .isotope-item{
        max-width: calc(33.33% - 2px);
        padding: 10px;
    }

}


@media(max-width : 1145px){
    .right-top-top .open-pop{
        padding: 5px 10px;
        font-size: 14px;
    }
}



@media(max-width: 1130px){
    .menu-left-header-menu-container, .right-top-container{
        width: calc(50% - 110px);
    }
     .faq-block .faq-question span.faq-text{
        font-size: 14px;
        line-height: 1.5;
    }
    .faq-answer{
        padding: 20px 40px;
        font-size: 14px;
        line-height: 21px;  
    }
    .faq-block .faq-question i{
        height: 35px;
    width: 35px;
    }
}

@media(min-width:998px){
  	.desk-hidden{
  		display: none !important;
  	}

}
@media(max-width:997px){
    #menu-main-menu>li>a:before{
        border-left: 3px solid #00ece1;
    border-top: 3px solid #00ece1;
    width: 10px;
    height: 10px;
    }
    #menu-main-menu>li>a:after{
        width: 5px;
        height: 5px;
         border-left: 3px solid #00ece1;
    border-top: 3px solid #00ece1;
    }
    .container{
        width: 100%;
    }
    .main-categories .main-category{
        width: calc(50% - 20px) !important;
    }
    header{
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 10;
    }
    .soc-mob-header{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .soc-mob-header a.a1{
            padding-left: 30px;
    background-image: url(/wp-content/themes/steklo-theme/img/a1.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    color: #333;
    margin-bottom: 10px;
    }
    .soc-mob-header ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0px;
        margin-bottom: 0px;
    }
    .soc-mob-header li{
        margin: 0 5px;
        list-style: none;
    }
    .phone-mail{
        display: none;
    }
    #mobile_menu a>i{
        display: none;
    }
    #mobile_menu .select-item-menu{
        display: none;
    }
    header{
            box-shadow: 0px 1px 10px #bebebe;
    }
    .top-header{
        display: none;
    }
    header .slogan{
        display: none;
    }
    .main-menu-contianer, nav .open-pop{
        display: none;
    }
    #header{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
  	.mob-hidden{
  		display: none !important;
  	}
    
    #for-mob-menu{
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding-bottom: 0px;
            padding-top: 0px;
    }
     .menu-left-header-menu-container, .right-top-container{
        display: none;
    }
    #wpadminbar{
        display: none !important;
    }
    footer .row>.col-xs-12{
        margin-bottom: 50px;
    }
}
@media(max-width: 768px){
    .main-single .wpb_image_grid .wpb_image_grid_ul .isotope-item{
        max-width: calc(50% - 2px);
        padding: 10px;
        width: calc(50% - 2px);
    }
    .main-sldie .main-slider-img {
        position: absolute;
        z-index: 0;
        min-width: 100%;
        min-height: 100%;
        max-width: max-content;
        top: 0;
        height: auto;
        left: -100%;
        right: -100%;
        filter: brightness(.3);
        margin: auto;
    }
    .main-sldie .slider-header, .main-sldie .desc-slider{
        color: #fff;
        font-size: 16px;
    }
    .main-sldie .container, .main-sldie .row, .main-sldie .col-xs-12{
        z-index: 1;
    }
    .amo-new-etap{
        margin-bottom: 35px;
    }
     .faq-blocks {
        margin-top: 0px;
    }
    .faq-block .faq-question{
        margin-bottom: 10px;
    }
    .faq-block .faq-question i{
        color: #fff;
        right: 10px;
    }
    .faq-block .faq-question{
            padding: 20px 55px 20px 20px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
    }
    .faq-block .faq-question span.faq-text{
        width: calc(100% - 85px);
        font-size: 16px;
        line-height: 20px;
    }
    .faq-block.active .faq-answer{
        margin-bottom: 10px;
    }
    .slide-block{
        width: 100% !important;
    padding: 10px 15px !important;
    height: auto !important;
    margin-bottom: 20px;
    box-shadow: 0px 0px 10px #bebebe;
    }
    .main-info-form{
        height: auto;
    }
    .main-info-form input{
        width: 100%;
        margin:5px 0;
    }
    .for-vid{
        width: 107px;
    }
    .ras-block{
        margin-bottom: 10px;
    }
    
}
@media(max-width: 767px){
    .token-1, .token-2, .token-3, .token-0, .token-4 {
        --x-amplitude: 110vw;
        transform: scale(.42) rotate(var(--rotation)) translate(var(--x), var(--y)) rotate(calc(var(--rotation)* -1));
    }
    .main-img{
        max-width: 70vw;
    }
    .mob-reverse{
        display: flex;
        flex-direction: column-reverse;
    }
    .main-sldie.slick-slide{
        height: calc(100vw / 1.42);
    }
    .main-slider img ,.main-slider picture{
        width: 100%;
    }
    .main-slider.slick-initialized {
        opacity: 1;
        max-height: initial;
        min-height: calc((100vw - 30px)/1.66);
    }
    header .open-pop{
        display: none;
    }
    .mob-logo-show .desk-logo{
        display: none !important;
    }
    .mob-logo-show .mob-logo{
        display: block;
    }
    .phone-mail{
        display: none;
    }
    .mini-cat-items{
        justify-content: center;
    }
    .amo-new-etap .new-etap-number {
        position: initial;
        margin: 0;
    }
    .amo-new-etap .amo-new-text {
        width: 100%;
    }
    .amo-new-etaps:before{
        display: none;
    }
    .amo-new-etap:nth-child(even) {
        flex-direction: row;
    }
    .amo-new-etap:nth-child(even) .amo-new-text{
        text-align: left;
    }
}
@media(max-width: 600px){
    .cf-controle{
        margin-bottom: 0px;
    }
    .first-screen .cf-controle{
        padding-top: 0px;
    }
    .main-sldie .slider-header{
        font-size: 22px;
    }
    .category-list{
        justify-content: center;
    }
    .main-catalog{
        justify-content: center;
    }
    .news-block{
        justify-content: center;
    }
    .copyr{
    	flex-direction: column;
    }
    .copyr .copyr-sep{
    	display: none;
    }
    .copyr p{
    	margin-bottom: 10px;
    }
    .main-sldie{
        min-height: 300px;
    }
    .main-slider .box-arrow-next{
        top: calc(100% - 50px);
        border-radius: 0px;
    }
    .main-slider .box-arrow-prev{
        top: calc(100% - 50px);
        left: calc(100% - 100px);
        border-radius: 0px;
    }
    .main-sldie .text-slider-block{
        padding: 50px 15px;
    }
    .mini-cat-sector{
            width: calc(50% - 20px);
    }
    .main-slider.slick-dotted.slick-slider{
        margin-bottom: 20px;
    }
    .primer-block{
        width: calc(50% - 20px);
    }
    .main-categories .main-category{
        width: calc(50% - 20px) !important;
    }
    .main-category .slider-header{
        font-size: 16px;
    }
}

@media(max-width: 479px){
    .soc-mob-header a.a1{
        font-size: 14px;
    }
    header .open-pop{
        display: none;
    }
    .faq-block .faq-question span.faq-number{
        margin-right: 10px;
    }
}










.calc-green-block {
    background: #efedef;
    padding: 30px 70px;
    color: #333;
    margin-bottom: 40px;
    white-space: nowrap
}
.calc-green-block-title {
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 30px;
    letter-spacing: 1px
}
.calc-green-block .linetext .texto {
    background: #bbb
}
.calc-line-data {
    margin-bottom: 5px;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between
}
.calc-line-data:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 100%;
    height: 1px;
    display: block;
    border-bottom: #333 2px dotted
}
.calc-line-data span {
    font-size: 16px;
    background: #efedef;
    z-index: 1
}
.calc-line-data span:nth-child(1) {
    padding-right: 5px
}
.calc-line-data span:nth-child(2) {
    padding-left: 5px
}
.hrd {
    height: 20px
}
.calc-line-total {
    font-size: 20px
}
.calc-green-block.light {
    background: #5cb557
}
.calc-green-block.light .calc-line-data span {
    background: #5cb557
}
.box-calck .btn-area {
    text-align: center
}
.box-calck .inputa input {
    height: 34px
}
#podsvetka_length_s {
    display: none
}
.box-calck .inputa select {
    width: 167px !important
}
.fx_wrapper {
    width: 1060px
}
@media screen and (max-width:1060px) {
    .fx_wrapper {
        width: 100%
    }
}
.box-calck .right {
    margin-top: -53px
}
.main-box.main-calk {
    padding: 0 0 10px
}
.thiscalc {
    padding-top: 20px;
    padding-bottom: 60px
}
.box-calck {
    padding-top: 30px
}
.box-calck .left {
    width: 670px;
    float: left
}
.box-calck .right {
    float: right;
    width: 390px
}
.line-one {
    padding-bottom: 15px
}
.line-one label {
    width: 35%;
    display: inline-block;
    font-size: 18px
}
.box-calck .inputa {
    display: inline-block
}
.line-one.spanel {
    padding-bottom: 10px
}
.line-one.spanel label {
    font-size: .9em;
    width: 50%
}
.box-calck .inputa select {
    height: 38px !important;
    background: #e3e3e4;
    width: 260px !important;
    width: 164px !important;
    border: 0;
    padding: 0 5px;
    margin: 0 5px;
    font-size: 16px
}
.box-calck .inputa label {
    width: auto
}
.box-calck .inputa input {
    height: 42px;
    height: 30px;
    margin: 0 5px;
    font-size: 16px;
    display: inline-block
}
.box-calck .inputa .input-small {
    display: inline-block;
    width: 66px
}
.box-calck .inputa .input-medium {
    display: inline-block;
    width: 100px
}
.box-calck .inputa input[type="checkbox"] {
    width: auto;
    vertical-align: middle
}
.area-panel-lf {
    width: 70%;
    vertical-align: middle;
    display: inline-block
}
.area-panel-rt {
    width: 20%;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 15px
}
form input.error {
    background-color: #fdd !important
}
.thischeck input {
    position: absolute;
    opacity: 0;
    visibility: hidden
}
.thischeck {
    position: relative;
    vertical-align: middle;
    margin: 0 5px
}
.thischeck .itcheker {
    display: inline-block;
    background: #e3e3e4;
    width: 40px;
    height: 40px
}
.thischeck .itcheker:hover {
    background-color: #ccc
}
.thischeck input:checked+.itcheker {
    background-image: url("/wp-content/themes/steklo-theme/img/icon-galochka.png");
    background-position: 11px 11px;
    background-repeat: no-repeat
}
.resulting {
    text-transform: uppercase;
    font-size: 24px;
    padding-top: 70px
}
.resulting>.red {
    font-size: 36px;
    display: inline-block;
    color: #ff1e00
}
.realy-red .t-title {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 34px
}
.realy-red {
    background: #5cb557;
    padding: 37px 0 37px 40px;
    color: #fff;
    margin-bottom: 40px
}
.linetext {
    position: relative;
    display: block;
    font-size: 16px;
    margin-bottom: 6px;
    padding-right: 0;
    width: 100%;
    font-weight: 600;
    overflow: hidden
}
.linetext:before {
    content: ""
}
.linetext:after {
    clear: both;
    display: block;
    content: ""
}
.linetext .ttito {
    position: relative;
    margin-right: 2%;
    max-width: 85%;
    display: inline-block
}
.linetext .texto {
    position: relative;
    width: 21%;
    display: block;
    background: #5cb557;
    float: right;
    padding-left: 1px
}
.linetext .ttito:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 3px;
    border-bottom: 1px dotted #fff;
    height: 1px;
    width: 235px;
    left: 104%;
    top: 13px
}
.realy-text {
    margin-top: 30px;
    line-height: 24px;
    padding-bottom: 20px
}
.box-calck .btn-area {
    text-align: left
}
.box-calck .btn-area .btn {
        background: #00ece1;
    border-radius: 0px;
    border: 1px solid #00ece1;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    transition: .4s;
}
.box-calck .btn-area .btn :hover{
    color: #00ece1;
    background: transparent;
    box-shadow: 0px 0px 10px #bebebe;
}
form .infcalc {
    display: none
}
.calc-grey {
    background: #f8f8f8
}
.toolinf {
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    position: relative;
    line-height: 20px;
    margin-bottom: -3px;
    white-space: normal;
    vertical-align: top
}
.toolinf:before {
    content: "";
    position: absolute;
    top: -.9em;
    left: -.5em;
    right: 0;
    width: 9em;
    height: 3em;
    visibility: hidden
}
.toolinf>p {
    width: 20px;
    margin: 0 1px;
    padding: 0;
    display: inline-block;
    position: relative;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    height: 20px;
    color: #bbb;
    border: 1px solid #bbb;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}
.toolinf>p:hover {
    color: #fff;
    background: #bbb;
    border: 1px solid #bbb
}
.toolinf>span {
    text-align: left;
    box-shadow: 0 6px 20px 5px rgba(0, 0, 0, .15);
    color: #333;
    position: absolute;
    bottom: 100%;
    max-width: 310px;
    max-height: 80vh;
    overflow: auto;
    visibility: hidden;
    margin: 0 auto 1em;
    padding: 1em;
    font-size: 90%;
    background: #efedef;
    line-height: normal;
    cursor: auto;
    z-index: 99
}
.toolinf>span>p {
    margin-top: 0
}
.toolinf>span>a {
    color: #111;
    position: relative
}
.toolinf>span>a:hover {
    text-decoration: underline
}
.toolinf>span>a>i:after {
    content: "";
    display: inline-block;
    margin: 0 0 1px 3px;
    width: 5px;
    height: 5px;
    border: 1px solid #111;
    border-color: #111 #111 transparent transparent;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}
.toolinf.lefta>span {
    left: 0;
    right: -20em;
    margin: 0 0 1em
}
.toolinf.righta>span {
    left: -20em;
    right: 0;
    margin: 0 0 .4em auto
}
.toolinf.bottoma>span {
    left: 0;
    right: -20em;
    top: 100%;
    bottom: auto;
    margin: 1em 0 0 0
}
.toolinf:after {
    content: "";
    position: absolute;
    top: calc(100% - 50px);
    left: 50%;
    visibility: hidden;
    margin: 0 0 0 -.5em;
    cursor: auto;
    width: 2.1em;
    height: 1.3em;
    background: transparent;
    border: .8em solid #efedef;
    border-top: 0;
    border-right: 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg)
}
.toolinf.lefta:after {
    left: 1em
}
.toolinf.righta:after {
    left: auto;
    right: .6em
}
.toolinf.bottoma:after {
    left: 1.3em;
    top: 1.9em;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 1.3em;
    height: 1.3em
}
.toolinf:before {
    content: "";
    position: absolute;
    top: -.9em;
    left: -.5em;
    right: 0;
    width: 9em;
    height: 3em;
    visibility: hidden
}
.toolinf:hover>span, .toolinf:hover:before, .toolinf:hover:after, .toolinf:focus>span, .toolinf:focus:before, .toolinf:focus:after {
    visibility: visible;
    transition: 0s .4s
}
.toolinf:focus {
    outline: 0
}
.skinali-new-ofer {
    position: absolute;
    top: 70px;
    left: 50%;
    width: 840px;
    margin-left: -540px;
    text-align: center
}
.skinali-new-ofer h1 {
    background: rgba(0, 0, 0, .4);
    color: #fff;
    padding: 2px 15px;
    font-size: 48px;
    font-style: normal;
    text-shadow: 0 0 5px #555
}
.skinali-new-ofer p {
    background: rgba(0, 0, 0, .4);
    color: #fff;
    text-align: center;
    padding: 1px 10px;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: .3px;
    text-shadow: 0 0 5px #555;
    display: inline-block
}
.skinali-new-ofer .mini-text4, .skinali-new-ofer .mini-text5 {
    font-size: 32px;
    line-height: 36px
}
.skinali-new-ofer .mini-text4, .skinali-new-ofer .mini-text1 {
    margin-top: 0
}
.mapaga.skinali-new-ofer {
    position: absolute;
    top: 170px;
    left: 50%;
    width: 840px;
    width: 1100px;
    margin-left: -540px;
    text-align: center
}
.mapaga.skinali-new-ofer h1 {
    background: none;
    color: #fff;
    padding: 2px 15px;
    font-size: 48px;
    font-style: normal;
    text-shadow: 0 0 5px #555
}
.mapaga.skinali-new-ofer p {
    background: none;
    color: #fff;
    text-align: center;
    padding: 1px 10px;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: .3px;
    text-shadow: 0 0 5px #555;
    display: inline-block
}
.mapaga.skinali-new-ofer .mini-text1 {
    margin-top: 10px
}
.preim3-box h2 {
    font-weight: bold;
    font-style: normal
}
.preim3-list {
    text-align: center;
    margin: 10px 0 25px
}
.preim3-list .item {
    width: 29%;
    margin: 0 2%;
    display: inline-block;
    box-shadow: 0 5px 20px rgba(51, 51, 51, .16)
}
.preim3-list .item:hover {
    box-shadow: 0 5px 20px rgba(51, 51, 51, .25)
}
.calc-green-block.light{
    display: none;
}
#frm .stars{
    display: flex;
    flex-wrap: wrap;
}
.fancybox-container .hidden{
    display: inline-block !important;
}
.form-fields{
    display: flex;
    flex-direction: column;
}
.field-button{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.field-button label{
    min-width: 120px;
    margin-bottom: 10px;
    margin-right: 10px;

}
.field-button input{
    background: #f2f2f2;
    padding: 5px 15px;
    margin-bottom: 10px;
    max-width: calc(100% - 130px);
    width: 200px;
    box-shadow: none;
    border: 1px solid;
}
.field-button select{
    background: #f2f2f2;
    padding: 5px 15px;
    margin-bottom: 10px;
    max-width: calc(100% - 130px);
    width: 200px;
    box-shadow: none;
    border: 1px solid;

}
.form-fields button.form-fast-button{
background: #00ece1;
    color: #fff;
    border: 2px solid #00ece1;
    transition: .4s;
    font-size: 16px;
    padding: 4px 20px;
    border-radius: 0px;
    cursor: pointer;
    margin-top: 10px;
}
.main-filds-block{
    max-width: 100%;
        width: max-content;
    padding: 10px;
    box-shadow: 0px 0px 10px #bebebe;
    margin: 20px 0;
    background: #f2f2f2;
}
.open-price{
border: 1px solid #000;
    background: #000000b8;
    color: #fff;
    padding: 5px 10px;
    transition: .4s;
    margin-bottom: 5px;
}
.open-price:hover{
    transform: translateY(-3px);
}
#menu-main-menu .sub-menu{
        position: absolute;
    min-width: max-content;
    flex-direction: column;
    padding: 18px 20px;
    list-style: none;
    background: #242A3C;
    color: #fff !important;
    top: calc(100% + 40px);
    opacity: 0;
    transition: .4s;
    z-index: 99;
    justify-content: space-between;
    -webkit-box-shadow: 0 0 7px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0 7px 0 rgb(0 0 0 / 20%);
    border-radius: 0;
    display: flex;
    min-width: 100%;
    width: max-content;
    max-width: 280px;
    left: 0px;
    max-width: 410px;
    visibility: hidden;
}
#menu-main-menu .sub-menu:after{

}
#menu-main-menu li{
    position: relative;
}
#menu-main-menu li:hover .sub-menu {
    opacity: 1;
    top: 100%;
    z-index: 99;
    visibility: visible;
}
#menu-main-menu .sub-menu:before {
    content: '';
    width: 20px;
    height: 20px;
    display: flex
;
    position: absolute;
    left: 5px;
    top: 5px;
    border-left: 5px solid #00ece1;
    border-top: 5px solid #00ece1;
    transition: .4s;
    opacity: 0;
}
#menu-main-menu .sub-menu:after{
    content: '';
    width: 10px;
    height: 10px;
    display: flex
;
    position: absolute;
    right: 5px;
    bottom: 5px;
    border-right: 5px solid #00ece1;
    border-bottom: 5px solid #00ece1;
    transition: .4s;
    opacity: 0;
}
#menu-main-menu .sub-menu:hover:before{
left: 0px;
    top: 0px;
    opacity: 1;
}
#menu-main-menu .sub-menu:hover:after{
right: 0px;
    bottom: 0px;
    opacity: 1;
}
#menu-main-menu li .sub-menu li {
    padding-bottom: 0px!important;
    position: relative;
    padding-left: 10px;
    margin-bottom: 8px;
}
#menu-main-menu li .sub-menu li:last-child{
    margin-bottom: 0px;
}
#menu-main-menu li .sub-menu li a{
    color: #fff;
    text-decoration: none !important;
    line-height: 30px;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    position: relative;
}
#menu-main-menu li .sub-menu li a:hover{
    color: #00ece1;
}
.get-contacts-pdf {
    padding-top: 2px;
    margin: 0;
    transition: .4s;
    display: flex;
    text-decoration: none !important;
    margin: 0px auto 10px;
    width: max-content;
    max-width: 100%;
}
.get-contacts-pdf>div {
    width: fit-content;
    background: 0 0;
    box-shadow: none;
    font-size: 18px;
    display: flex;
    align-items: center;
    position: relative;
    background: #00ece1;
    border-radius: 0 5px 5px 0;
}
.get-contacts-pdf>div>div {
    width: 41px;
    height: 53px;
    position: absolute;
    background: #fff;
    box-shadow: 2px 1px 2px rgb(0 0 0 / 25%), 0px 0px 2px rgb(0 0 0 / 25%);
    border-radius: 5px;
    padding: 11px 4px;
    left: -4px;
    top: -9px;
}
.get-contacts-pdf span {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    padding: 12px 24px 10px 51px;
}
.get-contacts-pdf:hover{
    transform: translateY(-3px);
}
.header-flex{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}
.big-map{
    position: relative;
        width: 500px;
    height: 250px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}
.big-map:before{
        content: '';
    width: 30vw;
    height: 30vw;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(#ffffff54, transparent 50%);
    border-radius: 50%;
}
.big-map>div{
    position: absolute;
    transition: .4s;
}
.big-map>div.dev{
    top: -100px;
    left: 0;
    width: 300px;
    z-index: 3;
    clip-path: polygon(73px 24px, 291px 0px, 263px 120px, 175px 260px, 13px 170px, 73px 24px);
}
.big-map>div.edu{
    left: 135px;
    top: -30px;
    width: 308px;
    z-index: 3;
    clip-path: polygon(133px 55px, 306px 140px, 194px 265px, 0 343px, 61px 153px, 133px 55px);
}
.big-map>div.inter{
    z-index: 2;
    width: 250px;
    left: 200px;
    top: -110px;
    clip-path: polygon(100px 7px, 250px 215px, 158px 307px, 2px 226px, 23px 109px, 100px 7px);
}
.big-map>div.konsult{
    top: -115px;
    z-index: 4;
    width: 375px;
    left: -70px;
    clip-path: polygon(141px 51px, 320px 144px, 285px 295px, 194px 421px, 80px 205px, 141px 51px);
}
.big-map>div img{
    position: relative;
    transition: .4s;
}
.big-map>div:hover{
    transition: .4s;
}
.big-map>div.dev:hover, .big-map>div.dev.active{
    transition: .4s;
    transform: translateY(-15px);
}
.big-map>div.edu:hover, .big-map>div.edu.active{
    transition: .4s;
    transform: translateY(15px);
}
.big-map>div.inter:hover, .big-map>div.inter.active{
    transition: .4s;
    transform: translateX(15px);
}
.big-map>div.konsult:hover, .big-map>div.konsult.active{
    transition: .4s;
    transform: translateX(-15px);
}
.big-map>a{
    position: absolute;
    font-weight: 600;
font-size: 18px;
line-height: 27px;
    width: 150px;
    padding: 0 10px;
color: #fff;
z-index: 4;
text-decoration: none !important;
}
.big-map>a.for-dev{
    top: -135px;
    left: 0;
    border-bottom: 2px solid #EE7F1A;
}
.big-map>a.for-dev:before{
        content: '';
    position: absolute;
    left: -5px;
    bottom: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #ee7f1a;
}
.big-map>a.for-dev:after{
    content: '';
    width: 2px;
    height: 35px;
    position: absolute;
    right: -13px;
    background: #ee7f1a;
    bottom: -31px;
    transform: rotate(-45deg);
}
.big-map>a.for-edu{
    bottom: -40px;
    right: 0;
    border-bottom: 2px solid #2d5773;
    text-align: right;
    z-index: 4;
}
.big-map>a.for-edu:before{
         content: '';
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #2d5773;
}
.big-map>a.for-edu:after{
    content: '';
    width: 2px;
    height: 69px;
    position: absolute;
    left: -24px;
    background: #2d5773;
        bottom: -12px;
    transform: rotate(-45deg);
}
.big-map>a.for-inter{
    top: -120px;
    right: 0;
    border-bottom: 2px solid #727272;
    text-align: right;
}
.big-map>a.for-inter:before{
         content: '';
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #727272;
}
.big-map>a.for-inter:after{
    content: '';
    width: 2px;
    height: 40px;
    position: absolute;
    left: -15px;
    background: #727272;
    bottom: -35px;
    transform: rotate(45deg);
}
.big-map>a.for-konsult{
    bottom: -40px;
    left: -75px;
    border-bottom: 2px solid #fff;
    z-index: 4;
    text-align: center;
}
.big-map>a.for-konsult:before{
            content: '';
    position: absolute;
    left: -5px;
    bottom: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #fff;
}
.big-map>a.for-konsult:after{
    content: '';
    width: 2px;
    height: 50px;
    position: absolute;
    right: -18px;
    background: #fff;
    bottom: -9px;
    transform: rotate(45deg);
}
.first-screen{
    min-height: 600px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.first-screen img{
    max-width: 100% !important;
}
.b-header-company-name__title{
        -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #FFF;
    font-size: 75px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    color: transparent;
}
.services-blocks{
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
    margin-bottom: 70px;
}
.services-block{
    width: calc(25% - 40px);
    margin: 0 20px 40px;
    background-size: cover;
    background-position: center;
    border-radius: 0px;
    position: relative;
    overflow: hidden;

}
.services-back{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    transition: .4s;
}
.services-block:hover .services-back{
    transform: scale(1.05);
}
.services-block:nth-child(2n) {
    transform: translateY(60px);
}
.services-content{
    position: relative;
}
.services-content:before{
    content: '';
    padding-top: 120%;
    display: flex;
    width: 100%;
    height: 100%;
        background: linear-gradient(180deg, rgba(2, 62, 96, 0) 0%, rgb(60 64 81 / 80%) 100%);
}
.services-left{
       position: absolute;
    bottom: 40px;
    width: calc(100% - 80px);
    left: 0;
    padding: 0 40px;
    z-index: 3;
    color: #fff;
    text-align: left;
    display: flex;
    flex-direction: column;
}
.services-content svg {
    position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: 3;
    transition: .4s;

    border-radius: 50px;
}
.services-content .serv-icon{
position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: 3;
    transition: .4s;
        filter: brightness(7);
}
.services-block:hover .serv-icon{
    filter: brightness(1);
}
.services-content svg path{
    transition: .4s;
}
.services-block:hover svg{
        background: #fff;
}
.services-block:hover path{
    fill: #1c1f2c;
}
.services-title{
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 10px;
}
.services-desc{
    font-weight: 400;
font-size: 14px;
line-height: 150%;
margin-bottom: 0px;
}

.services-section{
    padding-top: 45px !important;
    padding-bottom: 100px !important;
}

.pretty-content{
    position: relative;
        display: flex;
    flex-direction: column;
    align-items: center;
    padding: 55px 40px !important;

    position: relative;
    overflow: hidden;
}
.pretty-content .in-pretty-content{

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 35px 70px;
    position: relative;
    margin-bottom: 25px;
}
.pretty-content .in-pretty-content>div{
    position: relative;
    z-index: 3;
}

.pretty-content h2{
    margin-top: 0px;
}
.pretty-content em{
    font-style: normal;
        font-weight: 600;
    color: #222;
    background: #00ece1;
    border-radius: 6px;
    padding: 3px 6px;
}
.reset-list{
    display: flex;
    flex-wrap: wrap;
}
.projects-tags{
display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 15px;
    padding-left: 0px;
}
.projects-tags li{
    list-style: none;
}
.projects-tags li a{
    margin-right: 30px;
    margin-bottom: 30px;
    color: #fff !important;
    font-size: 20px;
    padding: 10px 40px;
    border: 1px solid #00ece1;
    position: relative;
    transition: .4s;
    text-decoration: none !important;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.projects-tags li a:before{
    content: '';
    width: 20px;
    height: 20px;
    display: flex;
    position: absolute;
    left: -2px;
    top: -2px;
    border-left: 5px solid #00ece1;
    border-top: 5px solid #00ece1;
    transition: .4s;
    opacity: 0;
}
.projects-tags li a:after{
    content: '';
    width: 10px;
    height: 10px;
    display: flex;
    position: absolute;
    right: -2px;
    bottom: -2px;
    border-right: 5px solid #00ece1;
    border-bottom: 5px solid #00ece1;
    transition: .4s;
    opacity: 0;
}
.projects-tags li a.current, .projects-tags li a:hover{
    border-bottom: 1px solid #00ece1;
    
}
.projects-tags li a.current:before, .projects-tags li a:hover:before{
    left: 3px;
    top: 3px;
    opacity: 1;
}
.projects-tags li a.current:after, .projects-tags li a:hover:after{
    right: 3px;
    bottom: 3px;
    opacity: 1;
}
.news-block{
    display: flex;
    flex-wrap: wrap;
    margin: 20px -15px;
}
.news-blocker{
    width: calc(33.33% - 30px);
    margin: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #3c4051;
    text-decoration: none !important;
    color: #fff !important;
}
.news-img{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-top: 66%;
    overflow: hidden;
}
.news-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: .4s;
}
.news-blocker:hover img{
    transform: scale(1.1);
    filter: brightness(.8);
}
.news-content{
    padding: 15px;
    display: flex;
    flex-direction: column;

}
.news-content .news-title{
    font-size: 20px;
    margin-bottom: 10px;
}
.news-blocker:hover .news-title{
    color: #00ece1;
}
.news-content .news-desk{
    font-size: 14px;
}
.read-more{
    text-decoration: none !important;
    width: max-content;
    position: relative;
    margin: 0 15px 15px;
    font-size: 20px;
    transition: .4s;
    padding: 0 3px 3px 0;
}
.news-blocker:hover .read-more{
    color: #00ece1;
}
.read-more:before{
    content: '';
    width: 10px;
    height: 10px;
    display: flex;
    position: absolute;
    right: -3px;
    bottom: 3px;
    border-right: 3px solid #00ece1;
    border-bottom: 3px solid #00ece1;
    transition: .4s;
}

.news-blocker:hover .read-more:before{
        transform: rotate(-45deg) translate(7px, -2px);
}
.wp-video{
    position: absolute !important;
    top: 0;
    left: 0;
}
.meadia-header{
    transform: translateY(-80px);
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 100px 0;
    display: flex
;
    align-items: center;
}
.image_media_bg {
    z-index: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}
.gradient-media-template {
    z-index: 3;
    background-image: linear-gradient(84deg, #1c1f2c, #1c1f2cdb 41%, #1c1f2c80 77%, #40090900);
    align-self: auto;
    display: block;
    position: absolute;
    inset: 0%;
}
.bg-color-media-template {
    z-index: 0;
    background-color: #2d000000;
    background-image: linear-gradient(357deg, #2a2e3a, #0e1017);
    display: block;
    position: absolute;
    inset: 0%;
}
.meadia-header .container{
    position: relative;
    z-index: 6;
}
.meadia-header .pretty{
    margin: 35px 0;
}
.short-desc-media a{
    color: #00ece1;
}
.wp-video-shortcode video, video.wp-video-shortcode{
    max-height: 100% !important;
}

.wpb_video_widget .wpb_video_wrapper>div{
    max-height: 100% !important;
}
.mejs-container{
    max-height: 100% !important;
}
.main-single.statii{
    position: relative;
}
.main-single.statii>*{
    position: relative;
    z-index: 2;
}




@media screen and (max-width:767px) {
	.pretty-content .in-pretty-content:after{
		left: -15px;
		top: -15px;
	}
    .box-calck {
        padding-top: 20px
    }
    .box-calck .right {
        margin-top: 20px
    }
    .box-calck .line-one>label {
        width: 40%;
        font-size: 14px
    }
    .box-calck .inputa {
        width: 60%
    }
    .area-panel-lf {
        width: 100%
    }
    .box-calck .line-one.spanel label {
        width: 40%
    }
    .box-calck .line-one.spanel .inputa {
        text-align: right
    }
    .area-panel-rt {
        width: 100%;
        text-align: right;
        margin-top: 0
    }
    .area-panel-rt .inputa {
        padding-right: 12px
    }
    .box-calck .line-one {
        padding: 15px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .box-calck .inputa select {
        width: calc(100% - 30px) !important
    }
    .mounting-box .inputa {
        width: 50px
    }
    #mounting_sel {
        width: calc(100% - 80px)
    }
    #mounting_sel select {
        width: 140px !important;
        height: 40px !important;
        margin-bottom: 2px
    }
    .box-calck .left {
        width: 100%;
        float: none;
    }
    

}

.btn-top{
    font-size: 40px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    position: fixed;
    right:  25px;
    bottom: 28px;
    color: #00ece1 !important;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
}
.icon-angle-up:before {
    content: "⟩";
}
.progress-bar {
    background: transparent;
    width: 50px;
    border-radius: 50%;
    height: 50px;
    position: fixed;
    bottom: 30px;
    right:  30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 19;

    border: none;
    box-shadow: none !important;
}
.is-visible {
    visibility: visible;
    opacity: 1;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
.products{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0 50px;
}
.vertical-tabs{
    margin-right: 40px;
    width: 280px;
    max-width: 100%;

}
.products-block {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 320px);
    margin-bottom: 30px;
    flex-direction: column;
}
.podbor-block.prod-item{
    margin: 0 20px 40px;
    width: calc(33.33% - 40px);
    position: relative;
}
.podbor-block.prod-item ul.plashki{
    padding: 0px;
    display: flex;
    flex-direction: column;
    list-style: none;
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 1;
}
.podbor-block.prod-item ul.plashki li{
    list-style: none;
    margin-bottom: 5px;
    width: 100px;
    padding: 6px 10px;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #FFFFFF;
    background: #3AB8EB;
    border-radius: 12px;
}
.podbor-block.prod-item ul.plashki li:nth-child(odd){
    background: #1DD56A;
}
.podbor-block.prod-item .for-podbor-img{
        display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
    height: 220px;
}
.podbor-block.prod-item .doc-down{
    font-weight: 500;
    font-size: 12px;
    line-height: 133%;
    letter-spacing: 0.04em;
    color: #107CCF;
        margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 0px;
    justify-content: center;
    flex-wrap: wrap;
}
.podbor-block.prod-item .doc-down span{
    border-bottom: 0px;
    font-weight: 500;
    font-size: 12px;
    line-height: 133%;
    letter-spacing: 0.04em;
    color: #107CCF;
    width: fit-content;
}
.podbor-block.prod-item .doc-down:before{
        position: relative;
    left: auto;
    top: auto;
    transform: none;
    background-size: cover;
}
{
    font-weight: 400;
font-size: 18px;
line-height: 21px;
/* or 117% */

text-align: center;

color: #FFFFFF;
}
.podbor-block.prod-item .podbor-footer .open-pop{
    padding: 23px 15px;
    font-size: 18px;
}
.podbor-block.prod-item .podbor-footer .prod-price{
    font-weight: 500;
font-size: 30px;
line-height: 133%;
    text-align: center;
background: linear-gradient(180deg, #107CCF 0%, #36B7EB 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.podbor-blocks.product-block{
    height: 0px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.podbor-blocks.product-block.active{
    height: inherit;
    overflow: inherit;
}
.vertical-tabs{
    display: flex;
    flex-direction: column;
}
.vertical-tabs .prod-tab-nutton{
    cursor: pointer;
    background: linear-gradient(180deg, #2f3031 0%, #9fa7aa 100%);
    border-radius: 0px;
    color: #4B5258;
    font-size: 18px;
    padding: 30px 60px;
    transition: .4s;
    padding: 2px;
    margin: 0 0 15px;
}
.vertical-tabs .prod-tab-nutton.active{
    background: linear-gradient(180deg, #2f3031 0%, #9fa7aa 100%);
    border-radius: 0px;
    color: #fff;
    transition: .4s;
}
.vertical-tabs .prod-tab-nutton span{
         padding: 10px 10px;
    background: #ffffff;
    border-radius: 0px;
    font-size: 18px;
    line-height: 100%;
    text-align: right;
    color: #4B5258;
    height: 55px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    transition: .4s;
    
}
.vertical-tabs .prod-tab-nutton.active span {
    background: transparent;
    color: #fff;
}
.vertical-tabs .prod-tab-nutton span img{
    transition: .4s;
    margin-right: 15px;
}
.vertical-tabs .prod-tab-nutton.active span img{
    filter: brightness(100);
}
.text-cat-block img{
    height: auto;
}
.slide-text{
    display: none;
    margin-bottom: 20px;
}
.slide-text img{
        animation: slidein 2s linear 0s infinite running;
        margin-left: 10px;
}
@keyframes slidein{
    0%{transform: translateX(0);opacity: 1;}

    50%{transform: translateX(-10px);opacity: 0;}

    100%{transform: translateX(0);opacity: 1;}
}
.mob-header-b button{
    display: none;
}
.main-utp{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.main-utp-block{
    margin: 0 15px 15px;
    display: flex;
    flex-direction: column;
    width: calc(33.33% - 30px);
    padding: 10px;
    box-shadow: 0px 0px 10px #c3c3c3;
}
.main-utp-top{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.text-cat-block{
    display: flex;
    flex-wrap: wrap;
    width: 70px;
    margin-right: 15px;
}
.main-utp-header{
    width: calc(100% - 85px);
    font-size: 18px;
    font-weight: bold;
}
.vc_empty_space{
    height: 120px !important;
}
.count.odometer{
    font-size: 80px;
    line-height: 70px !important;
}
.for-model-frame{
    width: 100%;
    position: relative;
    padding-top: 56.6%;
}
.sert-img{
    position: relative;
}
.for-model-frame:before, .services-block:before, .sert-img:before, .call_pop_up:before{
        content: '';
    width: 20px;
    height: 20px;
    display: flex;
    position: absolute;
    left: 10px;
    top: 10px;
    border-left: 5px solid #00ece1;
    border-top: 5px solid #00ece1;
    transition: .4s;
    z-index: 3;

}
.for-model-frame:after, .services-block:after, .sert-img:after, .call_pop_up:after{
       content: '';
    width: 10px;
    height: 10px;
    display: flex;
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-right: 5px solid #00ece1;
    border-bottom: 5px solid #00ece1;
    transition: .4s;
    z-index: 3;
}
.for-model-frame iframe{
        position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none !important;
}
.wiki-list .letter-list {
    background: #1c1f2c;
    box-shadow: 0 4px 7px rgba(0, 0, 0, .14);
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
}
.wiki-list .new-letter {
    font-weight: 500;
    font-size: 42px;
    line-height: 48px;
    width: 100%;
    color: #fff;
    display: flex;
    margin-bottom: 30px;
    margin-top: 30px;
}
.wiki-ul {
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px;
}

.wiki-ul li {
    width: 220px;
    margin-right: 40px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 0;
    list-style: none;
}
.wiki-ul li a {
    font-weight: 300;
    font-size: 18px;
    line-height: 21px;
    transition: .4s;
    position: relative;
    color: #fff;
    padding-right: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.wiki-ul li a:before {
    content: "\f105";
    position: absolute;
    right: 0;
    top: 3px;
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #00ece1;
}
.wiki-list .letter-list li {
    margin: 0;
    list-style: none;
}
.wiki-list .letter-list li a {
    border-radius: 3px;
    transition: .4s;
    width: 34px;
    height: 34px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 0;
    text-decoration: none !important;
}
.video-content-link{
    position: relative;
}
.play-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 33;
    left: 0;
    right: 0;
    margin: auto;
    width: max-content;
}
.statii ul{
    padding-left: 20px;
}
.statii .alignnone{
    margin-right: 30px;
}
.statii a{
    color: #00ece1;
}
.footer-logo img{
    width: 180px !important;
    height: auto !important;
}
.serv-link:before{
        content: '';
        width: 20px;
        height: 20px;
        display: flex;
        position: absolute;
        left: 10px;
        top: 10px;
        border-left: 5px solid #00ece1;
        border-top: 5px solid #00ece1;
        transition: .4s;
        z-index: 3;
    }
    .serv-link:after{
            content: '';
        width: 10px;
        height: 10px;
        display: flex;
        position: absolute;
        right: 10px;
        bottom: 10px;
        border-right: 5px solid #00ece1;
        border-bottom: 5px solid #00ece1;
        transition: .4s;
        z-index: 3;
    }

.footer-menu{
    padding: 0px;
    margin-bottom: 20px;
}
.footer-menu li{
    list-style: none;
}
.footer-menu li a{
    font-size: 16px;
    transition: .4s;
    text-decoration: none !important;
    position: relative;
    padding-left: 25px;
}
.footer-menu li a:before{
content: '';
    width: 15px;
    height: 2px;
    background: #00ece1;
    display: flex
;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    top: 9px;
}
.footer-menu li a:hover{
    color: #00ece1;
}
.intl-tel-input .country-list .flag, .intl-tel-input .country-list .country-name{
    color: #222;
}
.intl-tel-input .country-list{
    z-index: 9;
}
.intl-tel-input{
    width: 100%;
    margin-bottom: 20px;
}
footer .intl-tel-input{
    margin-bottom: 10px;
}
.intl-tel-input input[type="tel"]{
    padding-left: 50px !important;
}
.info-section{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.info-section .h2{
    margin: 0 0 15px;
    color: #222;
    font-size: 24px;
}
.show-phones{
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
}
.info-section a{
    font-size: 20px;
    color: #222;
    text-decoration: none;
    transition: .4s;
}
.info-section a:hover{
    color: #00ece1;
}
.show-phones:last-child{
    margin-bottom: 0px;
}
.intl-tel-input .country-list .divider{
    display: none;
}
.intl-tel-input .country-list .divider ~ .country{
    display: none !important;
}
.intl-tel-input .country-list .divider ~ .country[data-country-code="all"]{
    display: block !important;
}

.iti-flag.all{
        background-image: url(/wp-content/themes/steklo-theme/img/es.png);
            background-position: center;
}

.fc-calendar .fc-head{
    background: #00ece1 !important;
}
.tscalcontainer .custom-calendar-wrap *:not(i){
        font-family: 'Inter', sans-serif !important;
}
.fc-row>div, .fc-row, .fc-body{
    border-color: #00ece1 !important;

}
.fc-calendar .fc-row > div.fc-today{
 background: #00ece1 !important;
 transition: .4s;

}
.fc-calendar .fc-row > div.fc-today span{
    transition: .4s;
}
.fc-calendar .fc-row > div.fc-today:hover{
    background: #fff !important;
}
.custom-header{
    background: #00ece1 !important;
        border-top: none !important;
}
.tscalcontainer .custom-calendar-wrap h4{
    background: #00ece1 !important;
        border-bottom: 0px !important;
        margin-bottom: 0px !important;
}

.custom-calendar-wrap .TotalSoftcalEvent_Title{
    background: #00ece1 !important;
        border-bottom: 0px !important;
        margin: 0px !important;
}
.custom-calendar-wrap .TotalSoftcalEvent_Link{
        background: #00ece1;
    color: #222 !important;
    border-radius: 0px !important;
    padding: 10px 20px !important;
    border: none !important;
    transition: .4s;
}
.custom-calendar-wrap .TotalSoftcalEvent_Link:hover{
    transform:translateY(-3px);
    color: #222 !important;
}











@media(max-width: 1599px){
    #menu-main-menu>li>a:after {
        content: '';
        width: 6px;
        height: 6px;
        display: flex;
        position: absolute;
        right: 10px;
        bottom: 10px;
        border-right: 2px solid #00ece1;
        border-bottom: 2px solid #00ece1;
        transition: .4s;
        opacity: 0;
    }
    #menu-main-menu>li>a:before {
        content: '';
        width: 12px;
        height: 12px;
        display: flex;
        position: absolute;
        left: 15px;
        top: 10px;
        border-left: 2px solid #00ece1;
        border-top: 2px solid #00ece1;
        transition: .4s;
        opacity: 0;
    }
    #menu-main-menu>li>a:hover:before {
        opacity: 1;
        left: 3px;
        top: 5px;
    }
    body{

        font-size: 16px;
    }
    #menu-main-menu>li>a{
            font-size: 14px;
    line-height: 14px;
    padding: 10px 10px;
    }
    
    .phone-mail a{
        font-size: 16px !important;
    }
    .phone-mail a span{
        font-size: 18px !important;
    }
    .open-pop{
        font-size: 14px;
            padding: 12px 12px;
    }
    .b-header-company-name__title{
        font-size: 60px;
    }
    h1{
        font-size: 36px;
    }
    h2{
        font-size: 30px;
    }
    .services-blocks{
        margin-top: 35px;
    }
 .services-title {
        font-size: 18px;
    }
	.services-left {
        padding: 0 20px;
    }
	.services-content .serv-icon {
        width: 50px;
        height: auto;
    }
	.services-content svg{
            right: 20px;
    width: 50px;
    height: auto;
    }
	.services-block{
        transform:none !important;}
}
@media(max-width: 1180px){
	   .services-block{
            width: calc(33.33% - 40px);
    }
    .services-block:nth-child(2n) {
        transform: inherit;
    }
    .services-block:nth-child(3n - 1) {
        transform: translateY(35px);
    }

    .big-map{
        transform: scale(0.7);
    }
    .services-block {
        width: calc(50% - 40px);
        transform: none !important;
    }
    .new-etap{
        width: calc(50% - 30px);
    }
    .counter-block{
        width: 50%;
    }
}

@media(max-width: 1023px){
    nav .header-soc{
        display: none;
    }
    .serv-sec a{

        width: calc(50% - 30px);
    }
    .services-blocks{
        margin-bottom: 35px;
    }
    #menu-main-menu>li>a{
        padding: 15px 10px;
    }
    .slide-text{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .vertical-tabs{
        width: 100%;
    }
    .products-block{
        width: 100%;
    }
    .podbor-block.prod-item{
        width: calc(50% - 40px);
    }
    .vertical-tabs {
        display: flex!important;
        overflow: auto!important;
        flex-wrap: nowrap;
        justify-content: normal;
        overflow-y: hidden!important;
        width: calc(100% + 15px);
        padding-right: 30px!important;
        min-width: calc(100% + 15px);
        background: transparent;
        box-shadow: none;
        padding-bottom: 10px!important;
        border-radius: 0px!important;
            flex-direction: row;
    }
    .vertical-tabs .prod-tab-nutton{
        margin-right: 10px;
    }
    .vertical-tabs .prod-tab-nutton span {
        padding: 5px 10px;
        border-radius: 0px;
        font-size: 16px;
        line-height: 100%;
        text-align: right;
        color: #4B5258;
        min-height: 40px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        transition: .4s;
        width: max-content;
    }
    .main-utp-block{
        width: calc(50% - 30px);
    }
    .news-blocker {
        width: calc(50% - 30px);
    }
}
@media(max-width: 767px){
    .vc_empty_space {
    height: 50px !important;
}
    .count.odometer {
        font-size: 40px;
        line-height: 40px !important;
    }
    .vc_empty_space{
        height: 40px !important;
    }
    .od-block p.od-tag{
            font-size: 40px;
    line-height: 30px !important;
    }
    .news-block{
        margin: 0 -15px 50px;
    }
    h1, .h1{
        font-size: 28px;
    }
    h2, .h2{
        font-size: 24px;
    }
    .main-utp-block{
        width: calc(100% - 30px);
    }
    .back-calc{
        margin: auto;
        position: relative;
        left: auto;
        right: auto;
        z-index: 1;
        bottom: auto;
        top: auto;
    }
    #b1.back-image{
        display: flex;
        flex-direction: column-reverse;
    }
    .mob-header-b button {
        display: flex;
        font-size: 14px;
        line-height: 1;
        flex-wrap: wrap;
        align-items: center;
        padding: 0px 5px;
        background: linear-gradient(125deg, #ddd, #fbfbfb);
        border: 1px solid #dddddd;
    }
    .mob-header-b{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 179px;
        justify-content: center;
    }
    .mob-header-b button i{
        margin-right: 5px;
    }
    .mob-header-b button span span{
            letter-spacing: 2.5px;
    }
    .border-footer .pol-block{
        padding: 0px;
    }
}
@media(max-width: 600px){
    .main-single.statii:before{
        max-width: 150vw;
        max-height: 150vw;
    }
    .meadia-header{
        padding-bottom: 50px;
    }
    .services-content:before{
         background: #000000a8;
    }
    .main-single.statii{
        overflow: hidden;
    }
    .news-blocker {
        width: calc(50% - 20px);
        margin: 10px;
    }
    .news-content .news-title{
        font-size: 14px;
    }

    .new-etap{
        margin-bottom: 50px;
        width: 100%;
    }
    .services-blocks {
        margin-left: -15px;
        margin-right: -15px;
    }
    .services-block{
        margin: 0 10px 30px;
        width: calc(50% - 20px);
        transform: none !important;
    }
    .services-left{
            padding: 0 10px;
                bottom: 60px;
    width: 100%;
    }
    .services-title{
        font-size: 14px;
    }
        .services-blocks {
        margin-bottom: 0px;
    }
    .services-content svg, .services-content .serv-icon{
        right: 20px;
        bottom: 20px;
        width: 40px;
        height: 40px;
    }
    .sfeeds-sldie .img-sfeeds iframe{
            width: 150px;
            height: 275px;
    }
    .sfeeds-sldie .img-sfeeds{
        width: 150px;
    }
    .sfeeds-desk{
        width: calc(100% - 150px);
    }
    .main-sfeeds{
        padding-bottom: 50px;
    }
    .box-arrow-prev{
            bottom: 0;
    top: auto;
    transform: none;
    left: calc(50% - 50px);
    }
    .box-arrow-next{
            right: calc(50% - 50px);
        bottom: 0;
        top: auto;
        transform: none;
    }
    .big-map{
        transform: scale(0.6);
    margin: 0 auto;
    margin-top: 80px;
    left: 0;
    right: 0;
    }
    .b-header-company-name__title {
        font-size: 40px;
    }
    .pretty-content .in-pretty-content{
        padding: 15px 30px;
    }
    .pretty-content{
        padding: 25px 10px !important;
    }
    .serv-link-header {
        margin: 10px;
        font-size: 14px;
        line-height: 16px;
        transition: .4s;
        margin-bottom: 60px;
    }
    .news-desk{
        display: none !important;
    }
}
@media(max-width: 425px){
     .vc_empty_space {
    height: 35px !important;
}
    .big-map{
        transform: scale(0.5);
        left: -20%;
    }
    .b-header-company-name__title {
        font-size: 35px;
    }

}
.progress-bar canvas{
	display: none;
}