html{overflow-x:hidden;overflow-y:auto;}
html, body{width:100%;min-height:100%;font-size: 16px;}
body{
margin:0;
font-size: 16px;
min-width: 320px;
position: relative;
line-height: 1.4;
font: 15px/24px "Open Sans", Arial, sans-serif;
font-family: 'Gilroy';
overflow-x: hidden;
margin: 0;
background-color:white;color: #555;
}
.logo__image{width:52px;}
.blink_me {
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0.5;
}
}
*{ box-sizing: border-box;}
* html .clearfix{height:1%;}
html[xmlns] .clearfix{display:block;}
p {
margin: 0 0 0.75rem;
}
*[data-href]{
cursor: pointer;
}
a {
color: #ffad00;
text-decoration: none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a:hover, a:focus {
color: #222;
}
/*.tag {margin: 40px 0; height:120px; overflow: hidden;}*/
.tag a {display:inline-block; margin: 0 1% 10px 0; padding:5px 10px; min-width:18%; text-align:center; border: 1px solid #ddd; background-color:#fdfdfd; -webkit-border-radius: 5px; border-radius: 5px; color:#555; text-decoration:none; font-size:16px;}
.tag a:hover {color:#000; border:1px solid #019A48; background-color:#fff; }
.tag .tag_act {color:#fff; background-color:#019A48;}
.more_tag {text-decoration:underline; cursor: pointer;}
p {
margin-bottom: 24px;
}
ul {
padding-left: 0px;
}
ul li {
list-style-type: none;
position: relative;
padding-left: 20px;
margin-bottom: 8px;
}
::selection {
background: #36b448; /* Safari */
color: #fff
}
::-moz-selection {
background: #36b448; /* Firefox */
color: #fff
}
.big-slider {
background: #fff;
}
/*a:hover{text-decoration:none;}*/
h1,h2,h3,h4,h5,h6{margin:0;font-weight:bold;margin:46px 0 26px 0;color:#222222;}
h1,h2,h3,h4{letter-spacing:normal;}
h1{font-size:2.133em;line-height:30px;margin:0 0 18px;font-weight:bold;}
h2{font-size:1.866em;line-height:28px;margin: 40px 0 26px;}
h3{font-size:1.6em; line-height:24px;margin: 40px 0 26px;}
h4{font-size:1.33em; line-height:20px;margin: 40px 0 26px;}
h5{font-size:1.2em; line-height:22px;margin: 40px 0 26px;}
h6{font-size:1.066em;line-height:22px;margin: 40px 0 26px;}
.h1,.h2,.h3,.h4,.h5,.h6{margin:0;font-weight:bold;margin:46px 0 26px 0;color:#222222;}
.h1,.h2,.h3,.h4{letter-spacing:normal;}
.h1{font-size:2.133em;line-height:30px;margin:0 0 18px;font-weight:bold;}
.h2{font-size:1.866em;line-height:28px;margin: 40px 0 26px;}
.h3{font-size:1.6em; line-height:24px;margin: 40px 0 26px;}
.h4{font-size:1.33em; line-height:20px;margin: 40px 0 26px;}
.h5{font-size:1.2em; line-height:22px;margin: 40px 0 26px;}
.h6{font-size:1.066em;line-height:22px;margin: 40px 0 26px;}
.clearfix{display:inline-block;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.menu-part nav > ul > li:first-child .dropdown,
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.form-control {
border-radius: 2px;
box-shadow: none;
border: 1px solid #e8e8e8;
height: 49px;
padding: 6px 12px;
background: #fbfbfb;
}
.nav li:before{
display: none;
}
#callback_button{display: contents;}
@media (min-width: 576px) {
.menu-part nav > ul > li:first-child .dropdown{
width: 540px;
}
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.menu-part nav > ul > li:first-child .dropdown{
width: 96vw;
}
.container {
max-width: 720px;
}
header.fixed1 .social__icon {
width: 25px;
}
header.fixed1 .logo__image-wrapper img {
width: 40px;
}
header.fixed1 .logo__text {
font-size: .838em;
}
header.fixed1 .scheme:before {
bottom: 420px;
}
header.fixed1 .btn_top {
height: 45px;
margin-left: 40px;
}
header.fixed1 .header__form input{
display: none;
}
header.fixed1.needfixed1,
header:not(.needfixed1):not(.header_up).fixed{
position: fixed;
margin: 0;
width: 100%;
top: 0;
z-index: 996;
right: 0;
left: 0;
background: #fff
}
header.fixed1 .menu-part {
width: 270px;
background-color: #fff;
top: 0;
position: fixed;
z-index: 9999;
height: 100%;
left: -270px;
transition: left 1s ease-in-out;
overflow-y: scroll;
}
header .top-part .row > .green-btn{
display: none;
}
header.fixed1 .top-part .row > .green-btn{
width: 139px;
height: 45px;
display: block;
margin-left: 0;
font-size: .8em;
font-weight: 600;
line-height: 45px;
}
header.fixed1 .top-part .logo {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
header.fixed1 .top-part .logo img{
width: 40px
}
header.fixed1 .top-part .phones a{
font-size: 1.1rem;
display: block;
}
}
@media (min-width: 992px) {
.menu-part nav > ul > li:first-child .dropdown{
width: 960px;
}
.container {
max-width: 960px;
}
header.fixed1 .social__icon {
width: 25px;
}
header.fixed1 .logo__image-wrapper img {
width: 40px;
}
header.fixed1 .logo__text {
font-size: .838em;
}
header.fixed1 .scheme:before {
bottom: 420px;
}
header.fixed1 .btn_top {
height: 45px;
margin-left: 40px;
}
header.fixed1 .header__form input{
display: none;
}
header.fixed1.needfixed1,
header:not(.needfixed1):not(.header_up).fixed{
position: fixed;
margin: 0;
width: 100%;
top: 0;
z-index: 996;
right: 0;
left: 0;
background: #fff
}
header.fixed1 .menu-part {
width: 270px;
background-color: #fff;
top: 0;
position: fixed;
z-index: 9999;
height: 100%;
left: -270px;
transition: left 1s ease-in-out;
overflow-y: scroll;
}
header .top-part .row > .green-btn{
display: none;
}
header.fixed1 .top-part .row > .green-btn{
width: 139px;
height: 45px;
display: block;
margin-left: 0;
font-size: .8em;
font-weight: 600;
line-height: 45px;
}
header.fixed1 .top-part .logo {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
header.fixed1 .top-part .logo img{
width: 40px
}
header.fixed1 .top-part .phones a{
font-size: 1.1rem;
display: block;
}
}
@media (min-width: 1200px) {
.menu-part nav > ul > li:first-child .dropdown{
width: 1140px;
}
.container {
max-width: 1140px;
}
}
.bx-context-toolbar-empty-area{
min-height: 0 !important
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.row > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
position: relative;
padding: 0 15px;
box-sizing: border-box;
}
.green{
color: #0fb445;
}
.yellow{
color: #fdaf00;
}
@keyframes ripple {
20% {
opacity: 0;
transform: scale(2.5);
}
100% {
opacity: 0;
transform: scale(2.5);
}
}
.animate {
webkit-animation: ripple 4s linear infinite;
-webkit-animation: ripple 4s linear infinite;
animation: ripple 4s linear infinite;
}
.ink {
display: block;
position: absolute;
background: #fff;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
z-index: 20;
pointer-events: none;
}
.green-btn{
display: inline-block;
text-decoration: none;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #0fb445;
background: -webkit-linear-gradient(90deg,#0eb847 0,#48c873 100%);
background: -ms-linear-gradient(90deg,#0eb847 0,#48c873 100%);
-webkit-box-shadow: 0 4px 0 0 rgba(23,133,49,.004), 0 24px 32px 0 rgba(0,0,0,.32);
box-shadow: 0 4px 0 0 rgba(23,133,49,.004), 0 24px 32px 0 rgba(0,0,0,.32);
color: #f5f5f5;
font-weight: 700;
position: relative;
text-transform: uppercase;
font-size: 1.375em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
position: relative;
width: 293px;
height: 78px;
line-height: 78px;
text-align: center;
overflow: hidden;
cursor: pointer;
}
.callback-btn {
display: inline-block;
text-decoration: none;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #0fb445;
background: -ms-linear-gradient(90deg,#0eb847 0,#48c873 100%);
background: -webkit-linear-gradient(90deg,#f44336 0,#ff9800 100%);
-webkit-box-shadow: 0 4px 0 0 rgba(23,133,49,.004), 0 24px 32px 0 rgba(0,0,0,.32);
box-shadow: 0 4px 0 0 rgba(23,133,49,.004), 0 24px 32px 0 rgba(0,0,0,.32);
color: #f5f5f5;
font-weight: 700;
position: relative;
text-transform: uppercase;
font-size: 0.8em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
position: relative;
padding: 10px;
text-align: center;
overflow: hidden;
cursor: pointer;
}
.c-form .green-btn:disabled {
background-color: #5c5c5c;
width: 100%;
background: -webkit-linear-gradient(90deg,#3f3f3f 0,#5c5c5c 100%);
background: -o-linear-gradient(90deg,#fc8308 0,#feb605 100%);
background: -webkit-gradient(linear,left top,right top,from(#3f3f3f),to(#5c5c5c));
background: -webkit-linear-gradient(left,#3f3f3f 0,#5c5c5c 100%);
background: -o-linear-gradient(left,#fc8308 0,#feb605 100%);
background: linear-gradient(90deg,#3f3f3f 0,#5c5c5c 100%);
-webkit-box-shadow: 0 4px 0 0 rgb(23 133 49 / 0%), 0 24px 32px 0 rgb(0 0 0 / 32%);
box-shadow: 0 4px 0 0 rgb(23 133 49 / 0%), 0 24px 32px 0 rgb(0 0 0 / 32%);
color: #918e8e;
cursor: wait;
-webkit-box-shadow: 0 0 5px 5px #3ec56c;
box-shadow: 0 0 25px 1px #3ec56c;
}
.c-form .green-btn {
display: inline-block;
text-decoration: none;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #0fb445;
background: -webkit-linear-gradient(90deg,#0eb847 0,#48c873 100%);
background: -ms-linear-gradient(90deg,#0eb847 0,#48c873 100%);
-webkit-box-shadow: 0 4px 0 0 rgba(23,133,49,.004), 0 24px 32px 0 rgba(0,0,0,.32);
box-shadow: 0 4px 0 0 rgba(23,133,49,.004), 0 24px 32px 0 rgba(0,0,0,.32);
color: #f5f5f5;
font-weight: 700;
position: relative;
text-transform: uppercase;
font-size: 1.375em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
position: relative;
width: 293px;
text-align: center;
overflow: hidden;
cursor: pointer;
}
.yellow-borderred-text{
display: inline-block;
color: #fdae00;
padding-bottom: 11px;
border-bottom: 1px solid #fdae00;
}
.green-btn:hover {
cursor: pointer;
-webkit-box-shadow: 0 0 25px 1px #3ec56c;
box-shadow: 0 0 25px 1px #3ec56c;
}
.green-btn:after{
position: absolute;
content: '';
height: 4px;
bottom: 0;
width: 100%;
background-color: #000;
opacity: .18;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
left: 0;
}
.or-btn{
display: inline-block;
text-transform: none;
text-decoration: none;
margin: 0 10px 10px 0;
border: 1px solid;
border-radius: 2px;
padding: 9px 20px 11px;
overflow: hidden;
transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
-webkit-transition: background-color 0.3s ease;
background-color: #ffad00;
border-color: #ffad00;
color: #ffffff;
text-align: center;
cursor: pointer;
}
.file-btn{
width: 100%;
height: 55px;
line-height: 55px;
font-size: 0.87em;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.file-btn.full{
background: none;
border: 1px rgba(255, 255, 255, 0.24) dashed;
-webkit-box-shadow: none;
box-shadow: none;
}
.file-btn img{
position: relative;
top: 5px;
left: 7px;
}
body.preloaded{
overflow: hidden;
}
.preloader__wrapper{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(36,36,36,0.75);
z-index: 9999999;
}
.preloader{
position: absolute;
top: 50%;
left: 50%;
margin-top: -2.7em;
margin-left: -6em;
width: 12em;
height: 5.4em;
text-align: center;}
.preloader-2{}
#loader {
width: 5.4em;
height: 5.4em;
background-color: transparent;
margin: 0 auto;
display: block;
position: relative;
}
.preloader-2 .text {
color: #fff;
margin: 15px 0 ;
text-transform: uppercase;
text-align: center;
font-family: 'Arial', sans-serif;
font-size: 18px;
letter-spacing: 2px;
font-weight: 600;
}
#hill {
position: absolute;
width: 7.1em;
height: 7.1em;
top: 1.7em;
left: 1.7em;
background-color: transparent;
border-left: .25em solid whitesmoke;
transform: rotate(45deg);
}
#hill:after {
content: '';
position: absolute;
width: 7.1em;
height: 7.1em;
left: 0;
background-color: transparent;
}
#box {
position: absolute;
left: 0;
bottom: -.1em;
width: 1em;
height: 1em;
background-color: transparent;
border: .25em solid whitesmoke;
border-radius: 15%;
transform: translate(0, -1em) rotate(-45deg);
animation: push 2.5s cubic-bezier(.79, 0, .47, .97) infinite;
}
@keyframes push {
0% {
transform: translate(0, -1em) rotate(-45deg);
}
5% {
transform: translate(0, -1em) rotate(-50deg);
}
20% {
transform: translate(1em, -2em) rotate(47deg);
}
25% {
transform: translate(1em, -2em) rotate(45deg);
}
30% {
transform: translate(1em, -2em) rotate(40deg);
}
45% {
transform: translate(2em, -3em) rotate(137deg);
}
50% {
transform: translate(2em, -3em) rotate(135deg);
}
55% {
transform: translate(2em, -3em) rotate(130deg);
}
70% {
transform: translate(3em, -4em) rotate(217deg);
}
75% {
transform: translate(3em, -4em) rotate(220deg);
}
100% {
transform: translate(0, -1em) rotate(-225deg);
}
}
header {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
font-family: 'Gilroy';
position: relative;
}
header p{
margin-bottom: 0
}
header .top-part{
padding: 10px 0;
border-bottom: 1px solid #e9e9e9;
}
header .top-part .row{
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
header .top-part .row > *{
padding: 0 15px;
}
header .top-part .logo{
-ms-flex: 0 0 25%;
-webkit-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: unset;
-ms-flex-pack: justify;
justify-content: -webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
header .top-part .logo-text{
font-weight: 700;
color: #444344;
font-size: 1.45rem;
padding-left: 5px
}
header .top-part .logo-text div{
font-size: 0.9rem;
margin-top: 3px;
color: #999;
font-weight: 500;
}
header .top-part .slogan{
-ms-flex: 0 0 29%;
-webkit-flex: 0 0 29%;
flex: 0 0 29%;
max-width: 29%;
font-size: 1.15em;
font-weight: 500;
text-align: center;
padding-left: 0
}
header .top-part .slogan .workhours{
font-size: 0.86em;
color: #d90000;
font-weight: bolder;
}
header .top-part .mess-links{
/*-ms-flex: 0 0 10.5%;
-webkit-flex: 0 0 10.5%;
flex: 0 0 10.5%;
max-width: 10.5%;
padding-left: 0;*/
/*text-align: right;*/
max-width: fit-content;
padding-left: 0;
}
header .top-part .row > .green-btn{
display: none;
}
header .top-part .phones{
-ms-flex: 0 0 20%;
-webkit-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
padding-left: 0
}
header .top-part .phones a{
direction: block;
color: #242424;
font-weight: 700;
font-size: 1.5rem;
text-decoration: none;
}
header .top-part .phones a:first-child{
margin-bottom: 9px;
}
header .top-part .phones:hover .hidden-phone{
opacity: 1;
}
header .top-part .phones:hover a:not(.hidden-phone):after{
-webkit-transform: scale(1,-1);
transform: scale(1,-1);
}
header .top-part .form-button{
-ms-flex: 0 0 15%;
-webkit-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
padding-left: 0
}
header.fixed1 .top-part .logo-text{
display: none;
}
.orange-btn {
display: inline-block;
background-color: #fff;
border: 1px solid #fcae00;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 40px;
line-height: 40px;
text-align: center;
padding: 0 15px;
font-size: .875em;
color: #fcae00;
font-weight: 700;
cursor: pointer;
}
.orange-btn:hover{
-webkit-box-shadow: 0 0 25px 1px #fdaf00;
box-shadow: 0 0 25px 1px #fdaf00;
}
.menu-part {
border-bottom: 2px solid #eeeeee
}
.menu-part nav > ul{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
margin: 0
}
.menu-part nav > ul > li{
display: block;
list-style: none;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
padding-left: 0
}
.menu-part nav > ul > li .dropdown{
padding: 0;
position: absolute;
left: 0;
top: 100%;
z-index: 99999;
list-style-type: none;
display: none;
background-color: #fff;
width: 240%;
}
li:not(:first-child) .dropdown li {
padding-bottom: 10px;
margin-bottom: 0;
padding: 10px;
border-bottom: 1px solid #e0e0e0;
}
.menu-part nav > ul > li:first-child .dropdown{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
border-top: 1px solid #ededed;
padding: 30px 8px 38px;
}
.menu-part .dropdown .column{
-webkit-box-flex: 1;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
padding: 0 15px;
}
.menu-part .dropdown .column .icon{
width: 50px;
height: 35px;
display: block;
background-size: 100%;
background-image: url(images/sprite-menu.png);
background-position: 0 0;
margin-bottom: 7px
}
.menu-part .dropdown .column:nth-child(2) .icon{
height: 36px;
margin-top: -1px;
background-position: 0 -40px
}
.menu-part .dropdown .column:nth-child(3) .icon{
background-position: 0px -74px;
height: 30px;
margin-top: 2px;
margin-bottom: 10px;
}
.menu-part .dropdown .column:nth-child(4) .icon{
height: 42px;
background-position: 0 -105px;
margin-top: -7px
}
.menu-part .dropdown .column svg{
width: 39px;
height: 50px;
display: block;
fill: #06b643;
margin: 0 0 23px;
}
.menu-part .dropdown .column .title{
font-size: 16px;
font-weight: 800;
position: relative;
margin-bottom: 9px;
padding-bottom: 11px;
}
.menu-part .dropdown .column .title:after{
width: 103px;
height: 1px;
display: block;
position: absolute;
top: 100%;
left: 0;
background: #c7c8ca;
content: ''
}
.menu-part .dropdown .column ul,
.menu-part .dropdown .column li{
list-style: none;
padding: 0;
margin: 0
}
.menu-part .dropdown .column li{
margin-bottom: 2px;
list-style: initial;
}
.menu-part .dropdown .column .menu-link{
color: #098935;
font-weight: 400;
font-size: 16px;
}
.menu-part nav > ul > li.hide-items{
display: none;
}
.menu-link {
display: block;
color: #444344;
font-size: 1.08em;
font-weight: 500;
text-decoration: none;
cursor: pointer;
}
.menu-part nav > ul > li > .menu-link {
padding: 7px 0 7px
}
.menu-item.item-d::after {
content: "\f107";
position: absolute;
font-family: FontAwesome;
right: -20px;
top: 50%;
margin-top: -10px;
font-size: 1.05em;
}
header .open-slide{
display: none;
}
#mobilemenu,
.mobileheader-v1{
display: none;
}
.mess-links{
text-align: left;
}
.mess-links a{
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
background: url(images/sprite-mess.png) no-repeat 0 0;
background-size: 100%
}
.mess-links a.viber{
background-position: 0 -64px;
}
.mess-links a.telegram{
background-position: 0 -32px;
}
.open>.dropdown-menu {
display: block;
max-height: 250px !important;
max-width: 100%;
min-width: 100% !important;
}
.b-title{
color: #fff;
font-size: 36px;
line-height: 1.1;
width: 100%;
text-align: center;
font-weight: 700;
margin-bottom: 1.9em
}
.b-header{
margin: 0 auto 35px auto;
padding: 0;
margin: 0;
color: #242424;
font-size: 3em;
text-align: center;
padding-top: 90px;
margin: 0 auto;
line-height: 1
}
.b-header .yellow{
border-bottom: 3px solid
}
.b-subheader{
text-align: center;
max-width: 100%;
font-size: 1.25em;
color: #797979;
font-weight: 500;
padding-top: 30px;
margin: 0 auto;
}
.breadcrumb{
/*font-size:11px;*/line-height:13px;padding:0;margin: 0px 0px 17px;list-style:none;background:none;
}
.breadcrumb > li, .breadcrumb .active, .breadcrumb a, .breadcrumb > *{
text-decoration:none;color:#9a9a9a;
}
.breadcrumb > li{
text-shadow:none;padding:0px;font-size:0.800em;
}
.breadcrumb > li:before{
display:none;
}
.breadcrumb > li + li:before{
font-family:FontAwesome;content:"\f054";font-size:7px;padding:0 8px 0px 10px;vertical-align:middle;color:#2e2e2f;opacity:0.2;display:inline-block;position:static;background:none;width:auto;height:auto;
}
.wrap_pagination{text-align:center;border:1px solid #f5f5f5;position:relative;}
.pagination{border-radius:0;border-color:#dfe5e9;margin:23px 0 15px;border:none;}
.pagination > li{display:inline-block;margin: 0px 2px;}
.pagination a, .pagination span{border-radius:4px;padding:5px 14px 6px !important;font-size:14px;font-weight:bold;border:none !important;color:#222;margin-left:0 !important;}
.pagination .before span:hover, .pagination .before a:hover{color:#909da5 !important;background-color:transparent !important;border-left-color:#dddddd !important;}
.pagination a:hover, .pagination span:hover, .pagination a:active, .pagination span:active, .pagination a:focus, .pagination span:focus{color:white;}
.pagination li.next, .pagination li.prev{position: absolute;top:24px;}
.pagination li.next{right: 20px;}
.pagination li.prev{left: 20px;}
.pagination .fa{color:#222;font-size:12px;vertical-align:middle;}
.pagination li:hover a .fa{color:#fff;}
.owl-carousel{
display: block;
}
.owl-carousel .owl-nav button span{
display: none;
}
@media only screen and (min-width: 992px){
.owl-carousel .owl-nav button.owl-next{
right: -82px;
}
.owl-carousel .owl-nav button.owl-prev{
left: -82px;
}
}
form .file-field{
display: none;
}
.online-form input[type="button"].green-btn:disabled {
background-color: #5c5c5c;
margin-top: 1px;
width: 100%;
background: -webkit-linear-gradient(90deg,#3f3f3f 0,#5c5c5c 100%);
background: -o-linear-gradient(90deg,#fc8308 0,#feb605 100%);
background: -webkit-gradient(linear,left top,right top,from(#3f3f3f),to(#5c5c5c));
background: -webkit-linear-gradient(left,#3f3f3f 0,#5c5c5c 100%);
background: -o-linear-gradient(left,#fc8308 0,#feb605 100%);
background: linear-gradient(90deg,#3f3f3f 0,#5c5c5c 100%);
-webkit-box-shadow: 0 4px 0 0 rgb(23 133 49 / 0%), 0 24px 32px 0 rgb(0 0 0 / 32%);
box-shadow: 0 4px 0 0 rgb(23 133 49 / 0%), 0 24px 32px 0 rgb(0 0 0 / 32%);
color: #918e8e;
}
.online-form input[type="button"].green-btn {
background-color: #fdaf00;
margin-top: 22px;
width: 100%;
background: -webkit-linear-gradient(90deg,#fc8308 0,#feb605 100%);
background: -o-linear-gradient(90deg,#fc8308 0,#feb605 100%);
background: -webkit-gradient(linear,left top,right top,from(#fc8308),to(#feb605));
background: -webkit-linear-gradient(left,#fc8308 0,#feb605 100%);
background: -o-linear-gradient(left,#fc8308 0,#feb605 100%);
background: linear-gradient(90deg,#fc8308 0,#feb605 100%);
-webkit-box-shadow: 0 4px 0 0 rgb(23 133 49 / 0%), 0 24px 32px 0 rgb(0 0 0 / 32%);
box-shadow: 0 4px 0 0 rgb(23 133 49 / 0%), 0 24px 32px 0 rgb(0 0 0 / 32%);
}
.online-form input[type="submit"].green-btn{
background-color: #fdaf00;
margin-top: 22px;
width: 100%;
background: -webkit-linear-gradient(90deg,#fc8308 0,#feb605 100%);
background: -o-linear-gradient(90deg,#fc8308 0,#feb605 100%);
background: -webkit-gradient(linear,left top,right top,from(#fc8308),to(#feb605));
background: -webkit-linear-gradient(left,#fc8308 0,#feb605 100%);
background: -o-linear-gradient(left,#fc8308 0,#feb605 100%);
background: linear-gradient(90deg,#fc8308 0,#feb605 100%);
-webkit-box-shadow: 0 4px 0 0 rgba(23,133,49,.004), 0 24px 32px 0 rgba(0,0,0,.32);
box-shadow: 0 4px 0 0 rgba(23,133,49,.004), 0 24px 32px 0 rgba(0,0,0,.32);
}
.online-form input[type="submit"].green-btn:disabled{
background-color: #5c5c5c;
margin-top: 22px;
width: 100%;
background: -webkit-linear-gradient(90deg,#3f3f3f 0,#5c5c5c 100%);
background: -o-linear-gradient(90deg,#fc8308 0,#feb605 100%);
background: -webkit-gradient(linear,left top,right top,from(#3f3f3f),to(#5c5c5c));
background: -webkit-linear-gradient(left,#3f3f3f 0,#5c5c5c 100%);
background: -o-linear-gradient(left,#fc8308 0,#feb605 100%);
background: linear-gradient(90deg,#3f3f3f 0,#5c5c5c 100%);
-webkit-box-shadow: 0 4px 0 0 rgb(23 133 49 / 0%), 0 24px 32px 0 rgb(0 0 0 / 32%);
box-shadow: 0 4px 0 0 rgb(23 133 49 / 0%), 0 24px 32px 0 rgb(0 0 0 / 32%);
color: #918e8e;
}
form .form-f{
text-align: center;
line-height: 1.1;
margin-top: 3px
}
.steps{
background: #242424;
color: #fff;
padding: 31px 0 29px;
font-family: 'Gilroy';
}
.about,
.about1{
padding: 40px 0;
}
.types {
width: 100%;
background-color: #f7f7f7;
}
.callback {
width: 100%;
padding-top: 90px;
padding-bottom: 56px;
position: relative;
font-family: 'Gilroy';
}
.callback:before{
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: rgba(36,37,41,1);
z-index: 5;
background: -moz-linear-gradient(left, rgba(36,37,41,1) 0%, rgba(72,73,76,1) 73%, rgba(36,37,41,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(36,37,41,1)), color-stop(73%, rgba(72,73,76,1)), color-stop(100%, rgba(36,37,41,1)));
background: -webkit-linear-gradient(left, rgba(36,37,41,1) 0%, rgba(72,73,76,1) 73%, rgba(36,37,41,1) 100%);
background: -o-linear-gradient(left, rgba(36,37,41,1) 0%, rgba(72,73,76,1) 73%, rgba(36,37,41,1) 100%);
background: -ms-linear-gradient(left, rgba(36,37,41,1) 0%, rgba(72,73,76,1) 73%, rgba(36,37,41,1) 100%);
/*background: linear-gradient(to right, rgba(36,37,41,1) 0%, rgba(72,73,76,1) 73%, rgba(36,37,41,1) 100%);*/
background: linear-gradient(to right, rgb(57 23 13) 0%, #337335 73%, rgb(10 43 11) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242529', endColorstr='#242529', GradientType=1 );
content: ''
}
.callback:after{
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 7;
background-image: url(images/car.webp);
-webkit-background-size: auto 90%;
background-size: auto 90%;
background-repeat: no-repeat;
background-position: right bottom;
content: ''
}
.callback .container{
position: relative;
z-index: 10
}
.callback .b-header{
color: #fff;
font-size: 41px;
text-align: left;
font-weight: 700;
padding: 0 0 45px;
}
.callback .b-header span{
text-decoration: none;
border: 0;
color: #fdaf00;
}
.callback .b-header .green{
color: #0fb445;
}
.callback .checked{
color: #fff;
position: relative;
padding-left: 48px;
font-size: 30px;
line-height: 1.2;
margin-bottom: 20px;
}
.callback .checked .icon{
width: 72px;
height: 72px;
display: block;
position: absolute;
left: 0;
top: -8px;
margin-left: -18px;
}
@media only screen and (max-width: 767px){
.callback .checked .icon{
width: 41px;
height: 41px;
display: block;
position: absolute;
left: 0;
top: -2px;
margin-left: -10px;
}
.callback .checked .icon img{
width: 41px;
}
}
.callback .checked svg{
width: 28px;
height: 31px;
display: block;
position: absolute;
left: 0;
top: 1px;
fill: #fff;
}
.callback .checked a{
color: #46c656;
font-size: 30px;
margin-left: 30px;
font-weight: 700;
}
.callback .checked a img{
position: relative;
top: 11px;
margin-right: 6px;
margin-top: -11px
}
.callback .checked a i{
font-style: normal;
border-bottom: 2px dashed;
}
.callback .checked .tel{
display: block;
color: #fff;
font-size: 48px;
font-weight: 600;
margin-top: 20px;
margin-left: 0;
}
.callback form{
margin-bottom: 20px;
}
.scheme{
background-color: #f7f7f7;
position: relative;
font-family: 'Gilroy';
padding-top: 20px;
padding-bottom: 90px;
}
.scheme h5{
text-align: center;
}
.documents {
padding: 0 0 40px
}
.services{
background-color: #f7f7f7;
padding-bottom: 60px;
}
.brand {
padding-bottom: 60px
}
.brand .main-header{
margin: 0 auto 35px auto;
}
.fact {
background-color: #242424;
background-image: url(img/factBG.png);
-webkit-background-size: cover;
background-size: cover;
color: #fff;
padding-bottom: 60px;
}
.example{
background: #f7f7f7;
padding: 50px 0 30px
}
.example .b-header{
padding-top: 0
}
.example .btns-line{
text-align: center;
color: #797979;
font-size: 24px;
}
.example .btns-line .arr-btn{
margin-bottom: 23px;
}
.content-part img{
max-width: 100%
}
.map {
padding: 40px 0;
position: relative;
overflow: hidden;
}
.container > .row > .map-info {
/* -webkit-box-flex: 0;
-ms-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-width: 510px;
position: relative;
z-index: 100;
top: 0;
left: 0;*/
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-width: 510px;
position: absolute;
z-index: 100;
top: 0;
left: 0;
width: fit-content;
left: 5%;
top: 20%;
}
.line {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 37px;
}
.img-map {
/* -webkit-box-flex: 0;
-ms-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
min-height: 520px;
position: relative;
max-width: 400px;
margin-left: 53px;*/
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
min-height: 600px;
position: relative;
width: 100%;
}
.map .b-header{
font-size: 1.5em;
color: #242424;
padding: 28px 0 25px 40px;
text-align: left;
}
.map .block {
background: #f7f7f7;
padding: 15px 0;
margin-bottom: 15px !important
}
.map .icon{
padding-right: 12px;
}
.map .info{
color: #242424;
font-size: 1em;
font-weight: 600;
}
.map .icon .fa {
height: 45px;
width: 45px;
line-height: 45px;
font-size: 25px;
margin: 0 20px 20px 0;
background: #ffad00;
color: #fff;
border-radius: 50%;
text-align: center;
}
.slogan .icon .fa{
height: 35px;
width: 35px;
line-height: 35px;
font-size: 25px;
margin: 0 20px 20px 0;
background: #ffad00;
color: #fff;
border-radius: 50%;
text-align: center;
}
.map .map-info{
padding: 40px 35px 40px;
background-color: #fff;
width: 100%;
-webkit-box-shadow: 0 6px 32px 0 rgba(0,0,0,.12);
box-shadow: 0 6px 32px 0 rgba(0,0,0,.12);
padding: 60px 35px 40px;
}
.img-map:before {
/* width: 2500px;
height: 600px;
display: block;
background: url(images/map.jpg) no-repeat top center;
position: absolute;
top: -40px;
left: -1305px;
content: "";*/
}
.map .light{
color: #797979;
margin-bottom: 10px;
font-weight: 500;
}
.map .info .phone{
color: #242424;
font-weight: 700;
font-size: 1.2em;
text-decoration: none;
}
.map .info .phone p, .map .info .phone-p{
color: #2db942;
font-weight: 700;
font-size: 0.6em;
text-decoration: none;
margin: 0;
}
.map .info .link{
color: #242424;
}
.img-map .marker{
position: absolute;
}
.img-map .marker:nth-child(1){
top: 5%;
left: 33%;
}
.img-map .marker:nth-child(2){
top: 27%;
left: 20%;
}
.img-map .marker:nth-child(3){
top: 32%;
left: 3%;
}
.img-map .marker:nth-child(4){
top: 32%;
left: 43%;
}
.img-map .marker:nth-child(5){
top: 34%;
left: 30%;
}
.img-map .marker:nth-child(6){
top: 39%;
left: 52%;
}
.img-map .marker:nth-child(7){
top: 42%;
left: 36%;
}
.img-map .marker:nth-child(8){
top: 47%;
left: 22%
}
.img-map .marker:nth-child(9){
top: 62%;
left: 34%;
}
.img-map .marker:nth-child(10){
top: 79%;
left: 31%;
}
.img-map .marker:nth-child(11){
top: 83.5%;
left: 92.5%;
}
.img-map .marker .icon {
position: absolute;
z-index: -1;
opacity: 0;
margin: 10px 0 0 20px;
}
.img-map .marker .info {
display: none;
}
.img-map .marker label {
position: relative;
cursor: pointer;
}
.img-map .marker label:before {
content: '';
position: absolute;
top: -4px;
left: 0;
width: 28px;
height: 38px;
display: block;
/* border-radius: 15px; */
background: url(images/map-marker.png) no-repeat bottom center;
background-size: auto 100%;
}
.img-map .marker .icon:checked + .info{
width: 250px;
height: 68px;
display: block;
background: #fff;
position: absolute;
padding: 5px 10px;
line-height: 18px;
bottom: 100%;
margin-bottom: 10px;
-webkit-box-shadow: 2px 2px 24px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 2px 2px 24px 0px rgba(0,0,0,0.15);
box-shadow: 2px 2px 24px 0px rgba(0,0,0,0.15);
}
.img-map .marker .icon:checked ~ label:after{
width: 10px;
height: 10px;
display: block;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ljk3MSA0Ny45NzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3Ljk3MSA0Ny45NzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxwYXRoIGQ9Ik0yOC4yMjgsMjMuOTg2TDQ3LjA5Miw1LjEyMmMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBMMjMuOTg2LDE5Ljc0NEw1LjEyMSwwLjg4ICAgYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBjLTEuMTcyLDEuMTcxLTEuMTcyLDMuMDcxLDAsNC4yNDJsMTguODY1LDE4Ljg2NEwwLjg3OSw0Mi44NWMtMS4xNzIsMS4xNzEtMS4xNzIsMy4wNzEsMCw0LjI0MiAgIEMxLjQ2NSw0Ny42NzcsMi4yMzMsNDcuOTcsMyw0Ny45N3MxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWwxOC44NjUtMTguODY0TDQyLjg1LDQ3LjA5MWMwLjU4NiwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OSAgIHMxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyTDI4LjIyOCwyMy45ODZ6IiBmaWxsPSIjYjBiMGIwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
position: absolute;
cursor: pointer;
left: 236px;
bottom: 64px;
content: '';
}
hr {
height: 1px;
margin: 25px 0;
border: none;
border-top: 1px solid #f5f5f5;
}
hr.bottoms {
margin: 55px 0px 44px;
}
.arr-btn{
display: inline-block;
font-size: 20px;
color: #fff;
font-weight: 700;
padding: 18px 105px 18px 45px;
position: relative;
border-radius: 60px;
background: rgba(252,140,5,1);
background: -moz-linear-gradient(left, rgba(252,140,5,1) 0%, rgba(254,173,5,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,140,5,1)), color-stop(100%, rgba(254,173,5,1)));
background: -webkit-linear-gradient(left, rgba(252,140,5,1) 0%, rgba(254,173,5,1) 100%);
background: -o-linear-gradient(left, rgba(252,140,5,1) 0%, rgba(254,173,5,1) 100%);
background: -ms-linear-gradient(left, rgba(252,140,5,1) 0%, rgba(254,173,5,1) 100%);
background: linear-gradient(to right, rgba(252,140,5,1) 0%, rgba(254,173,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8c05', endColorstr='#fead05', GradientType=1 );
-webkit-box-shadow: 0 0 5px 1px #fdaf00;
box-shadow: 0 0 5px 1px #fdaf00;
cursor: pointer;
}
.arr-btn:hover{
-webkit-box-shadow: 0 0 25px 1px #fdaf00;
box-shadow: 0 0 25px 1px #fdaf00;
color: #fff
}
.arr-btn:after{
width: 40px;
height: 40px;
display: block;
position: absolute;
top: 11px;
right: 12px;
border-radius: 50%;
background: #fff;
line-height: 46px;
text-align: center;
font: normal normal normal 26px/40px FontAwesome;
color: #212121;
content: "\f105"
}
/*.page-wrapper{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}*/
.page-wrapper .left-menu{
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
-webkit-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.page-wrapper .left-menu + .content-part{
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
-webkit-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.pt-wrapper{
background: #f9f9f9
}
section .page-top {
min-height: 0;
padding: 30px 15px 30px;
position: relative;
}
section .page-top h1 {
margin-bottom: 15px;
font-weight: normal;
}
footer {
min-height: 60px;
margin-top: -60px;
background: none repeat scroll 0 0 #2e2e2f;
clear: both;
color: #969ba5;
line-height: 18px;
padding: 0;
position: relative;
}
.footer {
margin-top: 0!important;
background-color: #242424;
color: #797979;
font-size: .875em;
font-weight: 500;
padding: 15px 0;
}
.scroll-to-top {
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
cursor: pointer;
opacity: 0;
position: fixed;
text-align: center;
text-decoration: none;
display: block;
background: #ffba29 url(images/scroll.png) no-repeat scroll center 14px;
width: 44px;
height: 44px;
border-radius: 50%;
left: 23px;
right: inherit;
bottom: 23px;
opacity: 1;
z-index: 1040;
z-index: 99!important;
}
.bx_filter input[type="checkbox"] + label:before, .filter input[type="checkbox"] + label:before, .filter input[type="radio"] + label:before{
top: 2px;
left: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.big-text{
font-size: 3em;
line-height: 30px;
margin: 26px 0 40px;
font-weight: bold;
color: #222222;
}
.result-text{
margin-top: 51px;
}
.result-text .whatsapp{
display: inline-block;
vertical-align: middle;
}
.result-text .whatsapp i{
font-style: normal;
border-bottom: 2px dashed;
color: #0fb445;
font-size: 14px;
font-weight: 600;
background: none;
}
.result-text .whatsapp img{
width: 25px;
height: auto;
display: inline-block;
vertical-align: middle;
margin-bottom: 2px;
margin-right: 3px;
}
.result-text .result-img{
width: 50%;
height: auto;
position: absolute;
right: -114px;
bottom: -25px;
}
@media only screen and (max-width: 991px){
.result-text img{
display: none;
}
}
/* 404 PAGE */
.page404{position:relative;opacity:0;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.page404 .i404{font-size:300px;text-align:center;line-height:365px;height:365px;}
.page404 .i404 > span{position:absolute;}
.page404 .i404 .d1{left:0px;}
.page404 .i404 .d2{left:200px;}
.page404 .i404 .d3{left:400px;}.page404 .i404 {
color: #fdaf00;
}
.page404 .left-part{
-ms-flex: 0 0 58.3333333%;
-webkit-flex: 0 0 58.3333333%;
flex: 0 0 58.3333333%;
max-width: 58.3333333%;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.page404 .right-part{
-ms-flex: 0 0 41.66666%;
-webkit-flex: 0 0 41.66666%;
flex: 0 0 41.66666%;
max-width: 41.66666%;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.css-link{
text-decoration: none;
outline: none;
color: #08c;
cursor: pointer;
}
.css-link:hover{
color: #222
}
.with_error .right_block {display: none;}
.page404 .t404{margin:74px 0 0;text-align:center;}
@media only screen and (max-width: 991px){
.page404 .left-part{
display: none;
}
.page404 .right-part{
-ms-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 767px){
.scroll-to-top{
display: none;
}
}
.form.popup{
max-width: 440px
}
.content-part{
padding-top: 15px;
}
header ul li:before {
display:none!important;
}
.banner-AUTO{
padding-bottom: 0px!important;
}
.bx_filter_vertical input[type="checkbox"] + label.disabled{cursor:default;}
.bx_filter input[type="checkbox"], .bx_filter input[type="radio"]{display:none;}
.bx_filter input[type="checkbox"] + label{padding-left: 36px;padding-top: 4px;position: relative;z-index: 97;cursor: pointer;outline: none;display: block;margin: 0px 0px 8px;color:#555555;font-size:0.867em;min-height:20px;}
.bx_filter input[type="radio"] + label{color:#888888;padding-left:21px;display: block;position: relative;}
.bx_filter input[type="checkbox"]:checked + label, .bx_filter input[type="radio"]:checked + label{color:#333;}
.bx_filter .bx_filter_input_checkbox .bx_filter_param_text, .filter label > span {display: block;line-height: 16px;/*margin-left: 16px;*/text-align: left;}
.bx_filter .filter{margin:0px;padding:0px;}
.bx_filter input[type="checkbox"]:checked + label:after, .filter input[type="checkbox"]:checked + label:after{background-image: url(images/digital.png);background-position:-159px -183px;background-repeat:no-repeat;box-shadow: none;}
label.error{
display: none !important;
}
.error > input{
border-color: red;
background: #ffe4e4;
}
.video-wrapper{
text-align: center;
margin-bottom: 2.5rem
}
.video-wrapper .orange-btn{
margin-bottom: 1.5rem
}
.tabs ul li{
padding-left: 0
}
ul li:before{
width: 6px;
height: 6px;
display: block;
position: absolute;
left: 5px;
border-radius: 50%;
top: 10px;
background: #fdaf00;
content: '';
}
@media (min-width: 2500px){
.img-map:before{
width: 100vw;
left: -50vw;
background-size: 100%;
}
}
@media (max-width: 1440px){
header .top-part .slogan{
display: none;
}
.callback:after{
background-position: 131% 0;
}
header .top-part .phones .hidden-phone{
width: 100%;
display: block;
font-size: 16px;
padding: 10px 25px;
white-space: nowrap;
position: absolute;
top: 100%;
left: 0;
background: #fff;
box-shadow: 0 0 2px rgba(0,0,0,0.2);
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
header .top-part .phones a:not(.hidden-phone):after{
position: absolute;
right: 2px;
width: 0;
height: 0;
border: 5px solid rgba(0,0,0,0);
border-top-color: rgba(0,0,0,0.5);
top: 11px;
content: '';
}
}
@media (min-width: 1401px){
}
@media (min-width: 1201px) and (max-width: 1401px){
}
@media (min-width: 992px){
header .top-part .mess-links .whatsapp, header .top-part .mess-links .viber, header .top-part .mess-links .telegram{
width: auto;
height: auto;
background: none;
color: #0fb445;
font-size: 14px;
font-weight: 600;
background: none;
}
header .top-part .mess-links .whatsapp:hover > span img, header .top-part .mess-links .viber:hover > span img, header .top-part .mess-links .telegram:hover > span img{
width: 30px;
}
header .top-part .mess-links .viber{ color: #7d519e; }
header .top-part .mess-links .telegram{ color: #1e97ca; }
header .top-part .mess-links .whatsapp img, header .top-part .mess-links .viber img, header .top-part .mess-links .telegram img {
width: 25px;
height: auto;
display: inline-block;
vertical-align: middle;
margin-bottom: 2px;
margin-right: 3px;
}
header .top-part .mess-links .whatsapp i, header .top-part .mess-links .viber i, header .top-part .mess-links .telegram i {
font-style: normal;
border-bottom: 2px dashed;
}
}
@media (min-width:1201px){
.big-slider .item .left-part{
-webkit-box-flex: 0;
-ms-flex: 0 0 65%;
-webkit-flex: 0 0 65%;
flex: 0 0 65%;
/*max-width: 65%;*/
background: #ffffffb5;
padding: 20px;
border-radius: 1em;
max-width: fit-content;
}
.slider-form-wrapper{
margin-right: -700px;
}
}
@media only screen and (min-width: 992px) and (max-width:1440px){
header .top-part .logo,
header .top-part .slogan,
header .top-part .mess-links,
header .top-part .phones,
header .top-part .form-button {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
}
@media only screen and (min-width: 992px) and (max-width:1200px){
.owl-carousel .owl-nav button.owl-prev {
left: -19px;
}
.owl-carousel .owl-nav button.owl-next {
right: -19px;
}
}
@media (max-width: 991px){
header .top-part .mess-links .whatsapp img,
header .top-part .mess-links .whatsapp i{
display: none;
}
header:not(.header_up) .top-part .logo{
display: none;
}
header:not(.header_up) .top-part .mess-links #callback_button{display:contents; padding:0px;}
header:not(.header_up) .top-part .row > .green-btn{
display: inline-block;
font-size: 12px;
width: auto;
height: auto;
line-height: 1.2;
padding: 9px 6px;
margin-left: 2px;
}
header .top-part .logo,
header .top-part .slogan,
header .top-part .mess-links,
header .top-part .phones,
header .top-part .form-button {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
header .container{
max-width: 100%
}
header .top-part .logo img{
width: 40px
}
header .top-part .logo-text{
font-size: 14px;
}
header .top-part .logo-text div{
font-size: 9px;
margin-top: 0
}
header .top-part .phones a{
font-size: 1.4rem
}
header .top-part .phones a:not(.hidden-phone):after{
right: 3px;
}
.callback:after{
display: none;
}
.page-wrapper .left-menu{
display: none;
}
.page-wrapper .left-menu + .content-part{
-ms-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media only screen and (min-width:768px){
.menu-part nav > ul > li.hover .dropdown,
.menu-part nav > ul > li:hover .dropdown{
display: block;
}
.menu-part nav > ul > li:first-child.hover .dropdown,
.menu-part nav > ul > li:first-child:hover .dropdown{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width:851px) and (max-width: 991px){
.container > .row > .map-info{
margin-left: -53px;
}
}
@media only screen and (min-width:768px) and (max-width: 991px){
}
@media only screen and (min-width:768px) and (max-width: 851px){
.b-header{
font-size: 2.3em;
padding-top: 39px
}
.fact{
font-size: 11px
}
.container > .row > .map-info{
margin-left: -25px;
}
.container > .row > .map-info{
font-size: 13px;
padding: 20px 25px;
}
.map .b-header{
padding-left: 5px
}
.menu-part nav > ul > li > .menu-link{
padding: 18px 0 19px;
font-size: 1em;
}
.menu-item.item-d::after {
right: -10px;
top: 50%;
margin-top: -11px;
font-size: 0.9em;
}
.img-map{
margin-left: 25px
}
}
@media only screen and (max-width:767px){
header {
background: #fff;
position: fixed;
margin: 0;
width: 100%;
top: 0;
z-index: 99999;
right: 0;
left: 0;
}
header:not(.header_up) .top-part .row > .green-btn{
margin-left: 50px
}
header .top-part .form-button{
display: none;
}
.about1 {
display: none;
}
header .top-part .row > .green-btn{
-webkit-box-shadow: 0 4px 0 0 rgba(23,133,49,.004), 0 8px 32px 0 rgba(0,0,0,.32);
box-shadow: 0 4px 0 0 rgba(23,133,49,.004), 0 8px 32px 0 rgba(0,0,0,.32);
}
header .open-slide {
display: block;
position: absolute;
left: 5px;
top: 20px;
z-index: 111;
padding: 5px 10px
}
header .top-part .logo {
padding-left: 43px;
}
.menu-part {
width: 270px;
background-color: #fff;
top: 0;
padding-top: 19px;
padding-bottom: 16px;
position: fixed;
z-index: 9999;
height: 100%;
left: -270px;
-webkit-transition: left 1s ease-in-out;
-o-transition: left 1s ease-in-out;
transition: left 1s ease-in-out;
overflow-y: scroll;
}
.menu-part nav {
padding: 0
}
.menu-part nav > ul{
display: block;
}
.menu-part nav > ul > li{
border-bottom: 1px solid #e9e9e9;
padding: 0;
}
.menu-part nav > ul > li > .menu-link{
padding: 10px 0 10px 15px;
position: relative;
z-index: 10;
}
.menu-link{
display: block;
padding: 10px 0;
padding-left: 15px;
}
.menu-item.item-d::after{
right: 10px;
top: 20px;
z-index: 5;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.menu-item.item-d.open::after{
-webkit-transform: scale(1,-1);
transform: scale(1,-1);
}
.menu-part nav > ul > li .dropdown{
width: 100%;
max-height: 0;
display: block;
position: relative;
overflow: hidden;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.menu-part nav > ul > li .dropdown .menu-link{
padding: 0 0 0 25px;
}
.menu-part nav > ul > li.open .dropdown{
max-height: 99rem;
}
.menu-part nav > ul > li:first-child .dropdown{
flex-direction: column;
padding: 0;
margin: 0
}
.menu-part nav > ul > li.hide-items{
display: block;
margin-top: 15px;
padding-left: 15px;
}
.hide-items span{font-weight:500;margin-bottom:15px;display:block}.hide-items .social__link_hide{margin-bottom:15px}.hide-items .mob-phone{ color: #242424;
font-weight: 700;
font-size: 1.6em;
text-decoration: none;margin-top:15px;display:block;margin-bottom:15px}.hide-items .header__input{margin-bottom:10px;margin-top:15px}.hide-items .address{font-size:1em;line-height:24px;margin-top:25px}.hide-items .address p{color:#242424;font-weight:600}.hide-items .address span{color:#797979;font-weight:500}.hide-items .address a{text-decoration:none;color:#0ea840;font-weight:600}.brands__inner{width:78%;margin:0 auto}.brands__inner .slick-prev{left:-70px;display:block}.brands__inner .slick-next{right:-70px;display:block}
.menu-part .dropdown .column{
-webkit-box-flex: 1;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 15px
}
.menu-part .dropdown .column svg{
display: none;
}
.b-header{
padding-top: 37px;
}
.b-header,
.b-title{
font-size: 28px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
width: 26px;
height: 47px;
background-size: auto 100%;
background-repeat: no-repeat;
left: -34px;
}
.owl-carousel .owl-nav button.owl-next{
right: -34px;
left: auto;
}
.img-map,
.container > .row > .map-info{
-ms-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-width: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.img-map:before{
height: 560px;
top: 0;
}
.scheme{
padding-bottom: 50px
}
.callback .b-header{
font-size: 29px;
padding-bottom: 19px
}
.callback .checked{
padding-left: 30px;
font-size: 22px;
}
.callback .checked svg{
width: 20px;
height: 21px;
}
.callback .checked a{
font-size: 23px;
display: block;
margin-left: 0
}
.callback .checked a img{
width: 28px
}
.callback .checked .tel{
font-size: 27px
}
form .form-group.animated-labels label:not(.error){
-ms-transform: translateY(-24px);
-webkit-transform: translateY(-24px);
transform: translateY(-24px);
background: #fff;
left: 7px !important;
z-index: 6;
padding: 0px 5px;
font-size: 0.800em;
}
}
@media only screen and (min-width: 500px) and (max-width: 767px){
body{
padding-top: 68px
}
.mess-links a{
width: 25px;
height: 25px;
background-position: 0 0;
}
.mess-links a.telegram{
background-position: 0 -25px;
}
.mess-links a.viber{
background-position: 0 -50px;
}
.open-slide {
top: 14px!important;
}
.open-slide img {
width: 23px;
height: auto;
}
header .top-part .logo {
padding-left: 33px;
}
header .top-part .phones a{
font-size: 1.1rem
}
header .top-part .logo-text{
line-height: 1.3
}
}
@media only screen and (min-width:501px){
.visible-xs {
display: none;
}
}
@media only screen and (max-width:500px){
.map .icon .fa, .slogan .icon .fa, .slogan .icon .phone-p{
display: none;
}
body{
padding-top: 82px
}
.hidden-xs{
display: none;
}
.b-title{
font-size: 20px;
}
.header:not(.header_up) .open-slide,
.open-slide {
top: 8px!important;
}
.open-slide img {
width: 22px;
height: auto;
}
header .top-part .row{
padding-bottom: 3px;
position: relative;
}
header .top-part .logo-text div,
header .top-part .logo img{
display: none;
}
header .top-part .phones a{
font-size: 1rem
}
header .top-part .slogan{
display: block;
position: absolute;
bottom: 5px;
width: 100%;
text-align: center;
}
header .top-part .slogan .workhours{
display: none;
}
.mess-links span{
display: block;
}
.mess-links a{
width: 32px;
height: 32px;
display: inline-block !important;
}
.mess-links a.telegram{
background-position: 0 -24px;
}
.mess-links a.viber{
background-position: 0 -48px;
}
header .top-part .logo {
padding-left: 8px;
padding-right: 0;
}
#callback_button{display:none;}
header .top-part .logo-text{
font-size: 16px
}
header .top-part .phones .hidden-phone{
padding: 10px 3px
}
.callback{
background: #1a1b1e;
padding-top: 20px;
padding-bottom: 10px
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
width: 14px;
left: -5px;
}
.owl-carousel .owl-nav button.owl-next{
right: -5px;
left: auto;
}
.img-map, .container > .row > .map-info{
padding: 0 15px
}
.img-map, .container > .row > .map-info .line{
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
width: max-content;
}
.img-map, .container > .row > .map-info img{
width: 40px;
}
header .top-part .logo-text{
padding-left: 20px;
}
.inline-round input, .inline-round button{
width: 100%
}
}
@media only screen and (max-width:400px){
.open-slide {
top: 6px!important;
}
.open-slide img {
width: 19px;
}
header .top-part .mess-links{
padding: 0;
left: 50px;
}
header .top-part .mess-links a{
width: 32px;
height: 32px;
display: none !important
}
header .top-part .row {
padding-bottom: 23px;
}
header .top-part .slogan{
font-size: 16px;
bottom: -5px
}
header .top-part .mess-links a.whatsapp{
background: url(images/WhatsAppIco.png) no-repeat center center;
background-position: 0 0;
background-size: 100%;
}
header .top-part .mess-links a.viber{
background: url(images/ViberAppIco.png) no-repeat center center;
background-position: 0 0;
background-size: 100%;
}
header .top-part .logo-text{
font-size: 16px
}
}
@media only screen and (min-width:350px) and (max-width:400px){
header .top-part .mess-links a.whatsapp{
display: block !important;
background-position: 0 0;
}
}
@media only screen and (max-width:350px){
header .top-part .slogan {
font-size: 15px;
padding: 0
}
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-ExtraBold.eot');
src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
url('fonts/Gilroy/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-ExtraBold.woff') format('woff'),
url('fonts/Gilroy/Gilroy-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-Heavy.eot');
src: local('Gilroy Heavy'), local('Gilroy-Heavy'),
url('fonts/Gilroy/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-Heavy.woff') format('woff'),
url('fonts/Gilroy/Gilroy-Heavy.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-LightItalic.eot');
src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'),
url('fonts/Gilroy/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-LightItalic.woff') format('woff'),
url('fonts/Gilroy/Gilroy-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-ThinItalic.eot');
src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
url('fonts/Gilroy/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-ThinItalic.woff') format('woff'),
url('fonts/Gilroy/Gilroy-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-BlackItalic.eot');
src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'),
url('fonts/Gilroy/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-BlackItalic.woff') format('woff'),
url('fonts/Gilroy/Gilroy-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-BoldItalic.eot');
src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
url('fonts/Gilroy/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-BoldItalic.woff') format('woff'),
url('fonts/Gilroy/Gilroy-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-SemiBold.eot');
src: local('Gilroy SemiBold'), local('Gilroy-SemiBold'),
url('fonts/Gilroy/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-SemiBold.woff') format('woff'),
url('fonts/Gilroy/Gilroy-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-UltraLightItalic.eot');
src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
url('fonts/Gilroy/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-UltraLightItalic.woff') format('woff'),
url('fonts/Gilroy/Gilroy-UltraLightItalic.ttf') format('truetype');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-SemiBoldItalic.eot');
src: local('Gilroy SemiBold Italic'), local('Gilroy-SemiBoldItalic'),
url('fonts/Gilroy/Gilroy-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-SemiBoldItalic.woff') format('woff'),
url('fonts/Gilroy/Gilroy-SemiBoldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-Light.eot');
src: local('Gilroy Light'), local('Gilroy-Light'),
url('fonts/Gilroy/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-Light.woff') format('woff'),
url('fonts/Gilroy/Gilroy-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-MediumItalic.eot');
src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
url('fonts/Gilroy/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-MediumItalic.woff') format('woff'),
url('fonts/Gilroy/Gilroy-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-ExtraBoldItalic.eot');
src: local('Gilroy ExtraBold Italic'), local('Gilroy-ExtraBoldItalic'),
url('fonts/Gilroy/Gilroy-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-ExtraBoldItalic.woff') format('woff'),
url('fonts/Gilroy/Gilroy-ExtraBoldItalic.ttf') format('truetype');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-Regular.eot');
src: local('Gilroy Regular'), local('Gilroy-Regular'),
url('fonts/Gilroy/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-Regular.woff') format('woff'),
url('fonts/Gilroy/Gilroy-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-HeavyItalic.eot');
src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
url('fonts/Gilroy/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-HeavyItalic.woff') format('woff'),
url('fonts/Gilroy/Gilroy-HeavyItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-Medium.eot');
src: local('Gilroy Medium'), local('Gilroy-Medium'),
url('fonts/Gilroy/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-Medium.woff') format('woff'),
url('fonts/Gilroy/Gilroy-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-RegularItalic.eot');
src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
url('fonts/Gilroy/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-RegularItalic.woff') format('woff'),
url('fonts/Gilroy/Gilroy-RegularItalic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-UltraLight.eot');
src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'),
url('fonts/Gilroy/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-UltraLight.woff') format('woff'),
url('fonts/Gilroy/Gilroy-UltraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-Bold.eot');
src: local('Gilroy Bold'), local('Gilroy-Bold'),
url('fonts/Gilroy/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-Bold.woff') format('woff'),
url('fonts/Gilroy/Gilroy-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-Thin.eot');
src: local('Gilroy Thin'), local('Gilroy-Thin'),
url('fonts/Gilroy/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-Thin.woff') format('woff'),
url('fonts/Gilroy/Gilroy-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('fonts/Gilroy/Gilroy-Black.eot');
src: local('Gilroy Black'), local('Gilroy-Black'),
url('fonts/Gilroy/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
url('fonts/Gilroy/Gilroy-Black.woff') format('woff'),
url('fonts/Gilroy/Gilroy-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
.form-h-mobile, .form-h2-mobile, .form-h3-mobile {display:none;}
#mobtext-slider1-desktop{color:#fdaf00; border-bottom: unset;}
@media only screen and (hover: none) and (pointer: coarse){
#mobtext-slider1{
font-size: .62em;
font-weight: 600;
}
header .top-part .logo-text div{
display: unset;
font-size: 0.7em;
/*left: 34px;*/
position: fixed;
font-weight: 800;
top: 35px;
}
.container > .row > .map-info {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-width: 510px;
position: relative;
z-index: 100;
top: 0;
left: 0;
}
header .top-part .mess-links a.whatsapp {
background: url(images/WhatsAppIco.png) no-repeat center center;
background-position: 0 0;
background-size: 100%;
display: flex !important;
}
header .top-part .mess-links a.viber {
background: url(images/ViberAppIco.png) no-repeat center center;
background-position: 0 0;
background-size: 100%;
display: flex !important;
}
header .top-part .mess-links a.telegram {
background: url(images/TelegramAppIco.png) no-repeat center center;
background-position: 0 0;
background-size: 100%;
display: flex !important;
}
header .top-part .mess-links .whatsapp img, header .top-part .mess-links .whatsapp i, header .top-part .mess-links .viber img, header .top-part .mess-links .viber i, header .top-part .mess-links .telegram img, header .top-part .mess-links .telegram i{
display:none;
}
.mess-links span {
display: flex;
}
.mess-links {
margin-left: 1px;
}
header .top-part .row {
padding-bottom: 1px;
}
header .top-part .slogan .workhours{
display: block;
}
.form-h-mobile {
display:block;
color: #000;
font-size: 2em;
font-weight: 700;
text-align: center;
padding: 0;
margin: 0 auto;
width: 90%;
margin-bottom: 10px;
}
.form-h2-mobile {
display: block;
color: #000;
font-size: 0.8em;
font-weight: 600;
text-align: center;
padding: 0;
margin: 0 auto;
width: 90%;
margin-bottom: 1px;
}
.form-h3-mobile {
display: block;
color: #d58f08;
font-size: 0.9em;
font-weight: 600;
text-align: center;
padding: 0;
margin: 0 auto;
width: 90%;
margin-bottom: 1px;
}
.form-h-mobile span {
color: #d58f08;
}
#mobtext-slider{
color:#000;
font-size: .62em;
font-weight: 600;
}
.slider-form-wrapper {
margin: -25px 5%;
}
.form-h2-mobile {
line-height: normal;
}
}
.padding-unset {padding-top:0px;}
.margin-b-0 {margin-bottom:0px;}
.dropdown-header.optgroup-1{
background:#01822c;color:#01822c;font-weight:800;
}
.dropdown-header.optgroup-1 span{
color:#fff;font-weight:800;
}
.optgroup-1{
background: #01822c36;
margin-bottom: 0px;
}
.dropdown-header.optgroup-1 span:before{
content: "";
display: block;
width: 30px;
height: 30px;
float: left;
margin: -1px 15px 0 -10px;
background: url("../../../bitrix/templates/navisell/img/icons/icon-gps.png") no-repeat;
background-size: contain;
}