*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a {
  transition:all 0.5s ease;
}

/* Cookie Dialog */
    #gdpr-cookie-message {
        position: fixed;
        right: 30px;
        bottom: 30px;
        max-width: 375px;
        background-color:rgba(0, 119, 182, 1);
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 6px 6px rgba(0,0,0,0.25);
        margin-left: 30px;
        font-family: system-ui;
		z-index:100;
    }
    #gdpr-cookie-message h4 {
        color:#fff;

        font-size: 18px;
        font-weight: 800;
        margin-bottom: 10px;
    }
    #gdpr-cookie-message h5 {
        color: var(--red);

        font-size: 15px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    #gdpr-cookie-message p, #gdpr-cookie-message ul {
        color: white;
        font-size: 15px;
        line-height: 1.5em;
    }
    #gdpr-cookie-message p:last-child {
        margin-bottom: 0;
        text-align: right;
    }
    #gdpr-cookie-message li {
        width: 49%;
        display: inline-block;
    }
    #gdpr-cookie-message a {
        color: var(--red);
        text-decoration: none;
        font-size: 15px;
        padding-bottom: 2px;
        border-bottom: 1px dotted rgba(255,255,255,0.75);
        transition: all 0.3s ease-in;
    }
    #gdpr-cookie-message a:hover {
        color:#000;
        border-bottom-color: var(--red);
        transition: all 0.3s ease-in;
    }
    #gdpr-cookie-message button {
        border: none;
        background: var(--red);
        color: white;
        font-family: 'Quicksand', sans-serif;
        font-size: 15px;
        padding: 7px;
        border-radius: 3px;
        margin-left: 15px;
        cursor: pointer;
        transition: all 0.3s ease-in;
    }
    #gdpr-cookie-message button:hover {
        background:rgba(87, 87, 86, 1);
        color: var(--red);
        transition: all 0.3s ease-in;
    }
    button#gdpr-cookie-advanced {
            background: #eee;
    color: #000;
}
    #gdpr-cookie-message button:disabled {
        opacity: 0.3;
    }
    #gdpr-cookie-message input[type="checkbox"] {
        float: none;
        margin-top: 0;
        margin-right: 5px;
    }
.bread {
  margin-bottom:20px
}
.gallery-itmes {text-align: center;border:1px solid #004385;}
.fotogallery-item {
		display: grid;
grid-template-columns:1fr 1fr 1fr;
grid-gap: 24px; 
	
}


.grid-category3 {
	display: grid;
grid-template-columns:1fr 1fr 1fr;
grid-gap: 24px; 
	
}
.cat-ll a:hover {box-shadow: 0px 0px 12px 2px rgba(0, 119, 182, 0.25);       -webkit-border-radius: 12px;
-moz-border-radius:12px;  transition:all 0.5s ease;
border-radius:12px; }
.cat-ll a{
	display: grid;
grid-template-columns:.4fr 1fr;
grid-gap: 24px; 	text-decoration:none;
background:rgba(230, 250, 252, 1);
	padding:10px 10px 10px 10px;
     -webkit-border-radius: 12px;
-moz-border-radius:12px;
border-radius:12px;  
}
.title-catt {
font-weight: 700;
font-size: 24px;
    display: table-cell;

    vertical-align: middle;
color:rgba(0, 67, 133, 1);
}
.thankyou {font-size:18px;font-weight:700;text-align:center;}
/*Страница товара*/
.items-conten h1{
font-weight: 700;
font-size: 34px;
color:rgba(12, 20, 23, 1);
}
.filtr-grid-item {
	display: grid;
grid-template-columns:1fr 1fr 1fr;
grid-gap: 24px; 	
	
}
.section-double {margin-top:60px;}
.content-items {
	display: grid;
grid-template-columns:1fr 1fr;
grid-gap: 24px; 
}
.desc-items {
font-family: "Nunito Sans", sans-serif;
font-weight: 400;
font-size: 16px;
color:rgba(12, 20, 23, 1);
}
.chara-ul ul {padding:0px;padding-left:15px;margin:0px;}
.chara-ul ul li{
font-family: "Nunito Sans", sans-serif;
font-weight: 400;margin-bottom:6px;
font-size: 16px;
color:rgba(12, 20, 23, 1);
}
.chara-h2 {
font-weight: 700;
font-size: 24px;margin-bottom:15px;
color:rgba(12, 20, 23, 1);
}
.price-in {
font-family: "Nunito Sans", sans-serif;
font-weight: 700;
font-size: 44px;
color:rgba(12, 20, 23, 1);
}
.center .slick-prev {right: 120px !important;
  left: auto !important;}
.center .slick-prev::before, .center .slick-next::before {opacity: .75;color:rgba(0, 67, 133, 1); }
.center .slick-prev, .center .slick-next {
	top: -50px !important;}
.breadcrumbs-row {
  margin:30px 0
}
.grid-category-filttr  {
	display: grid;
grid-template-columns:300px 1fr;
grid-gap: 24px; 
	
}

.grid-category {
	display: grid;
grid-template-columns:1fr 1fr 1fr 1fr;
grid-gap: 24px; 
	
}

.breadcrumb {
  background-color:transparent;
  padding:10px 0 0;
  margin:0
}
.breadcrumb > li a {color:#0C1417;}
.breadcrumb > li {
  position:relative;
  display:inline;color:#0C1417;
}
.breadcrumb > li:first-child {
  padding:0 10px 0 0
}
.breadcrumb > li {
  padding:0 10px;
  font-weight: 700;
  font-size: 28px;
}
.content-pages h1{
font-weight: 700;margin-top:0px;
font-size: 34px;
color:rgba(12, 20, 23, 1);
}
.content-pages {font-size: 18px;}

.breadcrumb > li + li::before {
  color:rgba(110,110,110,.6);
  position:absolute;
  content:"/ ";
  top:0;
  left:-4px;
  padding:0;
  display:inline-block
}
.breadcrumb > li {
  font-size:14px;
  font-weight:400
}
.breadcrumb > li a {
  color:#0C1417;
  text-decoration:underline
}
.breadcrumb > li a:hover,
.breadcrumb > li a:focus {
  text-decoration:none
}
.input-c2:focus {outline:none;}
.input-c2 {border: 1px solid rgba(0, 119, 182, 1);
-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;    
height:100px;margin-bottom:15px;padding-top:15px;
    padding-left:10px;
font-family: "Nunito Sans", sans-serif;
font-weight: 400;
font-size: 16px;
color:rgba(158, 161, 162, 1)    ;
width:100%;
}
.fancybox-close-small::after {font-size:30px !important;}
.error input[placeholder]          {-o-text-overflow:ellipsis;text-overflow:ellipsis; font-style:italic; color:#ff0048 !important}
.error::-webkit-input-placeholder {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important}
.error::-moz-placeholder     {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important} 
.error:-moz-placeholder      {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important} 
.error:-ms-input-placeholder {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important}
.mar-inp {margin-bottom:20px;}
.modal-title-f {
  font-weight: 700;
  margin-bottom: 30px;
  font-size: 28px;
  text-align: center;
  color: #0C1417;
  text-transform: uppercase;
}
.note2 {
  font-weight: 400;
  font-size: 13px;
  color: rgba(71, 81, 100, 1);
  margin-top: 12px;
}
.note2 a {color:#437DF0;}
.form-supject {
  opacity: 0;
  display: none;
  pointer-events: none;
}
.sr-only {
  border:
0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin:
-1px;
  overflow:
hidden;
  padding:
0;
  position: absolute;
  width: 1px;
}
.switcher {
  position: absolute;
  visibility: hidden;
  left: -9999px;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
img {
  max-width: 100%;
  height: auto;
}
a {transition: all 0.5s ease;}
html, body {
  overflow-x: hidden !important;
}
.small_search {position:relative;}
.small_search .form-group {
    display: block;
    width: 240px;
    margin: 0 auto;
    position: relative;
}
.small_search input {
    background-color: rgba(245, 245, 245, 1);
    border: 0;
    display: block;
    width: 100%!important;
    height: auto;
    min-height: 44px;
    line-height: 44px;
    padding: .3em 3em .3em .5em;
    font-size: 1em;
    text-decoration: none;
    border-radius: 10px;
    position: relative;
}
.small_search input:focus {
    box-shadow: none;
	outline:none;
}
.small_search button {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    top: 1em;
	border:none;
    right: 1.4em;
    background: url(../i/search.svg) no-repeat 50% 50%!important;
}
body {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
    margin: 0;
font-family: "PT Sans", sans-serif;
}
.container{
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.container-fluid{
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.row{
	margin-right: -15px;
	margin-left: -15px;
}
.row-flex{
	display: flex;
	flex-flow: row wrap;
}
.sliders {position: relative;}
.sliders img{ -webkit-border-radius: 12px;
-moz-border-radius:12px;
border-radius:12px;   

}
/*Главный блок*/
.text-banner {width:700px;position: absolute;top:80px;left:170px;z-index: 100;}

.banner-n{
color:#fff;
font-weight: 700;
    margin-bottom:40px;
font-size: 56px;
}
.banner-n2 {
font-family: "Nunito Sans", sans-serif;  
font-weight: 400;
font-size: 20px;margin-bottom:40px;
color:#fff;

}
  .navbar-top .site-nav > .navbar-nav {display:flex !important; flex-direction:row; justify-content:center!important; width:100%; margin:0 !important}
  .navbar-top .site-nav > .navbar-nav > li {flex:1 1 auto !important}
.section-slider {margin-top:50px;}
.header-menu-after {
 display: grid;
grid-template-columns: 350px 1.3fr 1.3fr 1fr;
grid-gap: 24px; 
}

.grid-header {
   display: grid;
grid-template-columns: 250px 1fr ;
grid-gap: 24px;    
}
.menu-header ul li a {font-family: "Nunito Sans", sans-serif;  
font-weight: 400;
font-size: 16px;
color:rgba(12, 20, 23, 1);
text-decoration: none;
}
.menu-header ul li a:hover {color:rgba(255, 185, 88, 1);}
header {padding-top:30px;padding-bottom:10px;}
.menu-header ul li {float:left; list-style: none;margin-right:10px;}

.phone-h::before {background: url('../i/phone.svg');background-repeat: no-repeat;}
.phone-h::before {content:''; position:absolute; top: 2px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:24px; height:16px; line-height:16px;background-repeat:no-repeat;}
.phone-h{font-family: "Nunito Sans", sans-serif; font-weight: 600;padding-left:25px;font-size: 16px;position: relative;margin-bottom:12px;margin-top: 10px;}
.phone-h a {color:rgba(12, 20, 23, 1);text-decoration: none;}

.email-h::before {background: url('../i/mail.svg');background-repeat: no-repeat;}
.email-h::before {content:''; position:absolute; top: 4px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:24px; height:17px; line-height:17px;background-repeat:no-repeat;}
.email-h{font-family: "Nunito Sans", sans-serif; font-weight: 600;padding-left:25px;font-size: 16px;position: relative;margin-bottom:12px;margin-top: 10px;}
.email-h a {color:rgba(12, 20, 23, 1);text-decoration: none;}
.callback:hover {background:rgba(127, 187, 218, 1);}
.callback {background:rgba(0, 119, 182, 1);color:#fff;
display:block;width:100%;
font-family: "Nunito Sans", sans-serif;  
font-weight: 600;
font-size: 16px;
padding:10px 0px;
text-align: center;
        -webkit-border-radius: 12px;
-moz-border-radius:12px;
border-radius:12px;   
text-decoration: none;
}

/*Категория товаров*/
.category a:hover {box-shadow: 0px 0px 12px 2px rgba(0, 119, 182, 0.25);       -webkit-border-radius: 12px;
-moz-border-radius:12px;  transition:all 0.5s ease;
border-radius:12px; }
.category a{background:rgba(230, 250, 252, 1);
       -webkit-border-radius: 12px;
-moz-border-radius:12px;  transition:all 0.5s ease;
border-radius:12px;   
display: grid;text-decoration:none;
grid-template-columns:200px 1fr ;
grid-gap: 24px;    
}
.category-grid { display: grid;
grid-template-columns:1fr 1fr ;
grid-gap: 24px;  }
.name-category {
font-weight: 700;
font-size: 24px;
display: flex;
justify-content: left;
align-items: center   ;
}
.category a{color:rgba(0, 67, 133, 1);}




.nav-inlay {margin-top: 10px;}

.navbar-nav li a {
color:#fff;
    
    text-decoration:none;padding:10px 0px;display:block;}
.navbar-nav li a:hover {color:#437DF0;text-decoration: underline;}
.clear {clear:both;}

.navbar-nav li {list-style:none;padding:0px 3px 0px 3px;
font-weight: 600;
font-size: 16px;

}

/*Вывод контактов*/
.section-contacts {}
.contacts-in {background:url(../i/bg-contact.png) no-repeat;background-size:cover;margin-top:60px;margin-bottom:60px;
-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;padding:40px 0px 50px 0px;
}
.img-pr img{max-height:110px;}
.title-cont {
font-weight: 700;
font-size: 34px;
color:rgba(12, 20, 23, 1);
    text-align: center;
}
.title-cont2 {
font-weight: 400;
font-size: 20px;margin-top:14px;
color:rgba(12, 20, 23, 1);
    text-align: center;
    margin-bottom:15px;
}
.title-form {font-family: "Nunito Sans", sans-serif; margin-top:15px;margin-bottom:15px;
font-weight: 400;
font-size: 20px;
text-align: center;
}
.link-bl {margin-top:10px;}
.link-bl a {font-family: "Nunito Sans", sans-serif; 
font-weight: 600;
font-size: 18px;
line-height: 100%;color:rgba(12, 20, 23, 1);text-decoration: none;
letter-spacing: 0%;
}
.submit:hover {background:rgba(8, 124, 167, 1) !important;}
.submit {background: rgba(8, 124, 167, 0.5);
-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;    
border:0px;
font-family: "Nunito Sans", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
color:#fff;height:44px;width:100%;cursor: pointer;
    
}
.input-c:focus {outline:none;}
.input-c {border: 1px solid rgba(0, 119, 182, 1);
-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;    
height:44px;
    padding-left:10px;
font-family: "Nunito Sans", sans-serif;
font-weight: 400;
font-size: 16px;
color:rgba(158, 161, 162, 1)    ;
width:100%;
}
.block-contact1 {
 display: grid;
grid-template-columns:1fr 1fr 1fr;
grid-gap: 24px;
max-width:600px;margin:0 auto;
}
.politik-forms {
font-weight: 400;margin-top:10px;
font-size: 14px;
color:rgba(12, 20, 23, 1)
}
.block-contact-2 {
max-width:600px;margin:0 auto;
display: table;
}
.border-bl-cont {
border: 1px solid rgba(8, 124, 167, 0.4);
   -webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;
background: rgba(255, 255, 255, 0.6);padding:16px;text-align: center;
    
}
/*Слайдер лидер продаж*/

.item-slider {border: 1px solid rgba(0, 119, 182, 0.5);
-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;
padding:12px;
    
}
.item-nalich2 {color:rgba(37, 156, 8, 1);font-size:20px;position: relative;padding-left:30px;margin-bottom:12px;}

.item-nalich2::before {background: url('../i/check.svg');background-repeat: no-repeat;padding-left:25px;font-size: 20px;}
.item-nalich2::before {content:''; position:absolute; top: 4px; left: 0px;margin-left:0px; display:inline-block; vertical-align:middle; width:24px; height:24px; line-height:24px;background-repeat:no-repeat;}


.item-nalich {color:rgba(37, 156, 8, 1);position: relative;font-size:14px;padding-left:30px;margin-bottom:12px;}

.item-nalich::before {background: url('../i/check.svg');background-repeat: no-repeat;padding-left:25px;font-size: 20px;}
.item-nalich::before {content:''; position:absolute; top: -2px; left: 0px;margin-left:0px; display:inline-block; vertical-align:middle; width:24px; height:24px; line-height:24px;background-repeat:no-repeat;}
.slick-slide {
  margin: 0 20px; /* Изменит отступы между слайдами на 20 пикселей */
}
.title-item {font-family: "Nunito Sans", sans-serif;  
font-weight: 500;min-height:46px;
font-size: 16px;
color:rgba(12, 20, 23, 1);    
}
.price-item {font-family: "Nunito Sans", sans-serif;  
font-weight: 700;
font-size: 24px;margin-top:15px;
color:rgba(12, 20, 23, 1);
    
}
.price-item sup {font-family: "Nunito Sans", sans-serif;  
font-weight: 700;
font-size: 16px;
color:rgba(158, 161, 162, 1);
}
.zakaz-item:hover {background:rgba(0, 119, 182, 1);}
.zakaz-item {background:rgba(0, 119, 182, .5);
font-family: "Nunito Sans", sans-serif;  margin-top:10px;
font-weight: 600;
font-size: 14px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
text-align: center;color: #fff;text-decoration: none;
display:block;
width:100%;padding:10px 0px;
}
.accordion .accordion-item {
background:rgba(231, 231, 231, 1);
-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;
	padding:20px 24px 15px 0px;
	
    margin-bottom:20px;
}
.accordion {margin-top:40px;}
.accordion .accordion-item button[aria-expanded='true'] {

}
.section-faq {padding:50px 0px 50px 0px;}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  color:rgba(0, 32, 96, 1);
padding-left:20px;
font-family: "Inter Tight", serif;
font-weight: 400;
font-size: 20px;
text-align: left;
  border: none;
  background: none;
  outline: none;
	padding-right: 40px;
}

.accordion button:hover,
.accordion button:focus {
  cursor: pointer;
  color: rgba(67, 125, 240, 1);
}

.accordion button:hover::after,
.accordion button:focus::after {
  cursor: pointer;
  color: #03b5d2;
  border: 1px solid rgba(252, 117, 70, 1);
}

.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
color:rgba(45, 42, 42, 1);
}

.accordion button .icon {
  display: inline-block;
  position: absolute;
top: -10px;
  right: 0;
  width: 22px;
  height: 22px;

    color:#000;
}

.accordion button .icon::before {
  display: block;
  position: absolute;
  content: '';
  top: 9px;
  left: 5px;
width: 35px;
  height:35px;
  background: url(../i/arrow-ac2.svg);
}

.accordion button[aria-expanded='true'] {
  color: rgba(67, 125, 240, 1);
}
.accordion button[aria-expanded='true'] .icon::before {
width: 35px;
  height:35px;
  background: url(../i/arrow-ac.svg);
}
.accordion button[aria-expanded='true'] + .accordion-content {
  opacity: 1;
max-height: 65em;padding-left:20px;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
    margin-bottom:20px;
}
.accordion .accordion-content p {
font-family: "Inter Tight", serif;
font-weight: 400;
font-size: 18px;
  margin: 2em 0;
}

/*Блок преимуществ*/

.title-preim h2 {
font-weight: 700;
font-size: 34px;
color:#0C1417;    
}
.text-banner-ytp {margin-top:70px;margin-left:50px;}
.section-pr {margin:50px 0px 60px 0px;}
.backg-preim {background:rgba(230, 250, 252, 1);
font-family: "Nunito Sans", sans-serif;  
font-weight: 400;
font-size: 18px;min-height:165px;
padding:50px 15px 30px 15px;    
text-align: center;
   -webkit-border-radius: 12px;
-moz-border-radius:12px;
border-radius:12px;    
}
.block-pr img {margin-bottom:-40px;}
.block-pr {text-align: center;}
.pr-section {
 display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr ;
grid-gap: 24px;      
    
}


/*баннер */

.section-banner-choose {}
.choose-banners {background: linear-gradient(0deg, #E6FAFC, #E6FAFC),
linear-gradient(90deg, rgba(255, 255, 255, 0) 34.29%, #FFFFFF 78.89%),
linear-gradient(90deg, rgba(255, 255, 255, 0) 34.29%, #E6FAFC 78.89%);
width:100%;
padding:40px;
   -webkit-border-radius: 12px;
-moz-border-radius:12px;
border-radius:12px;    
}
.choose-banners {
   display: grid;
grid-template-columns:1fr 1fr;
grid-gap: 24px;     
}
.t-ytp {
font-weight: 700;
font-size: 34px;
color:rgba(12, 20, 23, 1);margin-bottom:20px;
}

.t-ytp2 {
font-family: "Nunito Sans", sans-serif; margin-bottom:40px;
font-weight: 400;
font-size: 24px;
color:rgba(12, 20, 23, 1);
}
.link-a:hover {background:rgba(255, 219, 171, 1);}
.link-a {background:rgba(255, 185, 88, 1);color:rgba(12, 20, 23, 1);
font-family: "Nunito Sans", sans-serif; 
font-weight: 600;  -webkit-border-radius: 8px;
-moz-border-radius:8px;
border-radius:8px;    
font-size: 20px;text-decoration: none;
display: table;
padding:12px 60px;
}
/*Подвал сайта*/
.footer-grid {
   display: grid;
grid-template-columns:240px 1fr  300px;
grid-gap: 24px;     
}
.callback-f:hover {background:rgba(255, 185, 88, 1) !important;color:#000 !important;}
.callback-f {background:#fff;
   -webkit-border-radius: 12px;
-moz-border-radius:12px;
border-radius:12px;    
color:rgba(0, 67, 133, 1);
    text-align: center;
    display: block;margin-top:20px;
    width:100%;
    padding:10px 0px;
font-family: "Nunito Sans", sans-serif; 
font-weight: 400;
font-size: 16px;
    text-decoration: none;

}

.phone-f::before {background: url('../i/phone-f.svg');background-repeat: no-repeat;}
.phone-f::before {content:''; position:absolute; top: 2px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:24px; height:24px; line-height:24px;background-repeat:no-repeat;}
.phone-f{font-family: "Nunito Sans", sans-serif; font-weight: 600;padding-left:25px;font-size: 20px;position: relative;margin-bottom:12px;}
.phone-f a {color:#fff;text-decoration: none;}

.email-f::before {background: url('../i/email-f.svg');background-repeat: no-repeat;}
.email-f::before {content:''; position:absolute; top: 4px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:24px; height:17px; line-height:17px;background-repeat:no-repeat;}
.email-f{font-family: "Nunito Sans", sans-serif; font-weight: 600;padding-left:25px;font-size: 20px;position: relative;margin-bottom:12px;}
.email-f a {color:#fff;text-decoration: none;}

.tg-f::before {background: url('../i/tg-f.svg');background-repeat: no-repeat;}
.tg-f::before {content:''; position:absolute; top: 2px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:24px; height:26px; line-height:26px;background-repeat:no-repeat;}
.tg-f{font-family: "Nunito Sans", sans-serif; font-weight: 600;padding-left:25px;font-size: 20px;position: relative;margin-bottom:12px;}
.tg-f a {color:#fff;text-decoration: none;}

.whats-f::before {background: url('../i/wh-f.svg');background-repeat: no-repeat;}
.whats-f::before {content:''; position:absolute; top: 2px; left: -7px;margin-left:0px; display:inline-block; vertical-align:middle; width:24px; height:26px; line-height:26px;background-repeat:no-repeat;}
.whats-f{font-family: "Nunito Sans", sans-serif; font-weight: 600;padding-left:25px;font-size: 20px;position: relative;margin-bottom:12px;}
.whats-f a {color:#fff;text-decoration: none;}


.copyright-grid {display: grid;grid-template-columns:1fr 1fr  1fr;margin-top:50px; grid-gap: 24px; }
.copyright   {font-family: "Nunito Sans", sans-serif;font-weight: 500;font-size: 16px;color:#fff; }
.politik a{
 font-family: "Nunito Sans", sans-serif;
font-weight: 400;
font-size: 16px;
color:#fff;
}
.politik a:hover {color:rgba(255, 185, 88, 1);}
.politik, .copyright  {margin-top:10px;}
.dev {
    text-align:right;
}
.dev a {
    display: block;

}
.dev a:hover {color:rgba(255, 185, 88, 1);}

.dev a img {
    display: inline-block;
    vertical-align: middle;
}

.dev a span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;line-height: 1.2em;
    text-align: left;
 font-family: "Nunito Sans", sans-serif;
font-weight: 400;
font-size: 16px;
color:#fff;
    position: relative;
    transition: .3s color;
}
 .dev a:hover {text-decoration:none;}
 .dev a:hover span {
    color: #fff;
}

.politik {text-align: center;}
.title-foot{
font-weight: 700;
font-size: 24px;
color:#fff;margin-bottom:15px;
}
.menufoot {   display: grid;
grid-template-columns:1fr 1fr  1fr;
grid-gap: 24px; }
.menu-footer  {
 font-family: "Nunito Sans", sans-serif;  
font-weight: 400;
font-size: 20px;
}
.menu-footer  ul li  {list-style: none;}
.menu-footer  ul  {padding:0px;margin:0px;}
.menu-footer  ul li a {color:#fff; text-decoration: none;}
.menu-footer  ul li a:hover {color:rgba(255, 185, 88, 1);}
footer {background:#0077B6;padding:44px 0px 22px 0px;}


@media (min-width: 992px) {

  .navbar-top {background-color:#004385}
  .navbar-toggle {display:none}
  .navbar-collapse.collapse {display:block !important; padding:0; border:0; -webkit-box-shadow:none; box-shadow:none}
  .navbar-nav > li > a {
font-size: 14px;
font-weight: 500;
color:#fff;

    }
  .site-nav .navbar-nav {text-align:center}
  .site-nav > .navbar-nav {margin:0 1.5rem 0 0; position:relative}
  .site-nav > .navbar-nav > li {display:inline-block; margin:0 15px; position:relative}
  .site-nav > .navbar-nav > li::before, .site-nav > .navbar-nav > li > a::before, .site-nav > .navbar-nav > li:first-child::after {position:absolute; content:''}
  .site-nav > .navbar-nav > li:first-child::after {top:0; left:-30px; width:1px; height:100%;}
	  .site-nav > .navbar-nav > li:last-child::before {top:0; left:-30px; width:1px; height:100%;}

  .site-nav > .navbar-nav > li > a {margin:0; position:relative; display:inline-block}
  .site-nav > .navbar-nav > li > a::before {bottom:0; left:0; width:0; height:1px; background-color:rgba(135,191,215,1); -webkit-transition:all .25s ease-out 0s; -o-transition:all .25s ease-out 0s; transition:all .25s ease-out 0s}
  .site-nav > .navbar-nav > li.active > a::before,
  .site-nav > .navbar-nav > li:hover > a::before,
  .site-nav > .navbar-nav > li > a:hover::before,
  .site-nav > .navbar-nav > li > a:focus::before {width:100%; left:0}
  .site-nav .navbar-nav > li > a {padding:5px 0; color:#fff;font-family: "Nunito Sans", sans-serif;   
font-weight: 600;
font-size: 16px;
}
  .site-nav .navbar-nav > li > a:hover, .site-nav .navbar-nav > li > a:focus, .site-nav .navbar-nav > li.active > a {color:#E6FAFC;text-decoration: none;}

  .nav > li > a:hover, .nav > li > a:focus {background-color:transparent}
  /*** DropDown Menu ***/
  ul.dropdown {background-color:rgba(255,255,255,1); position:absolute; z-index:100; left:auto; top:auto; list-style:none; padding:0; width:20rem; opacity:0; visibility:hidden; z-index:3; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.25); box-shadow:0 2px 2px 0 rgba(0,0,0,.25); -webkit-transform:translateY(2em); -ms-transform:translateY(2em); transform:translateY(2em); -webkit-transition:opacity .2s ease 0s, -webkit-transform .2s ease 0s; transition:opacity .2s ease 0s, -webkit-transform .2s ease 0s; -o-transition:transform .2s ease 0s, opacity .2s ease 0s; transition:transform .2s ease 0s, opacity .2s ease 0s; transition:transform .2s ease 0s, opacity .2s ease 0s, -webkit-transform .2s ease 0s}
  ul.dropdown li ul {left:100%; top:0}
  ul.dropdown li {width:100%; padding:0; display:block; position:relative; text-align:left}
  ul.dropdown li:last-child {border:0}
  ul.dropdown li a {padding:10px; display:block; font-size:1.4rem; color:rgba(0,0,0,.9)}
  ul.dropdown li a:hover, ul.dropdown li a:focus, ul.dropdown > li.active > a {color:rgba(217,48,44,1); background-color:rgba(238,238,238,1); text-decoration:none}

  .navbar-nav > li:hover > ul.dropdown {opacity:1; visibility:visible; z-index:99; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
  ul.dropdown li:hover > ul {opacity:1; visibility:visible; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
  ul.dropdown li > ul > li > ul {display:none}

  .navbar-top .social {margin:0 0 0 3rem}
  .navbar-top .flex-col:first-child {width:auto}
  .navbar-top .flex-col:nth-child(2) {width:auto}
  .navbar-top .flex-col:last-child {width:auto}

  .flex-row {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end}
  .flex-col {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
  .flex-row .flex-col:nth-child(2) {-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}

  .nav-inlay {padding:15px}
  .navbar-top .navbar-brand {padding:10px 0}
  .navbar-top .navbar-brand .tbl-cell {height:85px}
  .navbar-brand .tbl-cell:first-child {width:70px}
  .navbar-brand .tbl-cell img.brand-name {margin-left:30px}



  .navbar-top .site-nav > .navbar-nav {display:flex !important; flex-direction:row; justify-content:center!important; width:100%; margin:0 !important}
  .navbar-top .site-nav > .navbar-nav > li {flex:1 1 auto !important}
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{
	float: left;
}
.col-xs-12{
	width: 100%;
}
.col-xs-11{
	width: 91.66666667%;
}
.col-xs-10{
	width: 83.33333333%;
}
.col-xs-9{
	width: 75%;
}
.col-xs-8{
	width: 66.66666667%;
}
.col-xs-7{
	width: 58.33333333%;
}
.col-xs-6{
	width: 50%;
}
.col-xs-5{
	width: 41.66666667%;
}
.col-xs-4{
	width: 33.33333333%;
}
.col-xs-3{
	width: 25%;
}
.col-xs-2{
	width: 16.66666667%;
}
.col-xs-1{
	width: 8.33333333%;
}
.col-xs-offset-12{
	margin-left: 100%;
}
.col-xs-offset-11{
	margin-left: 91.66666667%;
}
.col-xs-offset-10{
	margin-left: 83.33333333%;
}
.col-xs-offset-9{
	margin-left: 75%;
}
.col-xs-offset-8{
	margin-left: 66.66666667%;
}
.col-xs-offset-7{
	margin-left: 58.33333333%;
}
.col-xs-offset-6{
	margin-left: 50%;
}
.col-xs-offset-5{
	margin-left: 41.66666667%;
}
.col-xs-offset-4{
	margin-left: 33.33333333%;
}
.col-xs-offset-3{
	margin-left: 25%;
}
.col-xs-offset-2{
	margin-left: 16.66666667%;
}
.col-xs-offset-1{
	margin-left: 8.33333333%;
}
.col-xs-offset-0{
	margin-left: 0;
}
.col-xs-tac{
	text-align: center;
}
.col-xs-tar{
	text-align: right;
}
.col-xs-tal{
	text-align: left;
}
.col-xs-taj{
	text-align: justify;
}

@media (min-width: 768px){
	.container{
		width: 750px;
	}
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
		float: left;
	}
	.col-sm-12{
		width: 100%;
	}
	.col-sm-11{
		width: 91.66666667%;
	}
	.col-sm-10{
		width: 83.33333333%;
	}
	.col-sm-9{
		width: 75%;
	}
	.col-sm-8{
		width: 66.66666667%;
	}
	.col-sm-7{
		width: 58.33333333%;
	}
	.col-sm-6{
		width: 50%;
	}
	.col-sm-5{
		width: 41.66666667%;
	}
	.col-sm-4{
		width: 33.33333333%;
	}
	.col-sm-3{
		width: 25%;
	}
	.col-sm-2{
		width: 16.66666667%;
	}
	.col-sm-1{
		width: 8.33333333%;
	}
	.col-sm-offset-12{
		margin-left: 100%;
	}
	.col-sm-offset-11{
		margin-left: 91.66666667%;
	}
	.col-sm-offset-10{
		margin-left: 83.33333333%;
	}
	.col-sm-offset-9{
		margin-left: 75%;
	}
	.col-sm-offset-8{
		margin-left: 66.66666667%;
	}
	.col-sm-offset-7{
		margin-left: 58.33333333%;
	}
	.col-sm-offset-6{
		margin-left: 50%;
	}
	.col-sm-offset-5{
		margin-left: 41.66666667%;
	}
	.col-sm-offset-4{
		margin-left: 33.33333333%;
	}
	.col-sm-offset-3{
		margin-left: 25%;
	}
	.col-sm-offset-2{
		margin-left: 16.66666667%;
	}
	.col-sm-offset-1{
		margin-left: 8.33333333%;
	}
	.col-sm-offset-0{
		margin-left: 0;
	}
	.col-sm-tac{
		text-align: center;
	}
	.col-sm-tar{
		text-align: right;
	}
	.col-sm-tal{
		text-align: left;
	}
	.col-sm-taj{
		text-align: justify;
	}
}

@media (min-width: 992px){
	.container{
		width: 970px;
	}
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
		float: left;
	}
	.col-md-12{
		width: 100%;
	}
	.col-md-11{
		width: 91.66666667%;
	}
	.col-md-10{
		width: 83.33333333%;
	}
	.col-md-9{
		width: 75%;
	}
	.col-md-8{
		width: 66.66666667%;
	}
	.col-md-7{
		width: 58.33333333%;
	}
	.col-md-6{
		width: 50%;
	}
	.col-md-5{
		width: 41.66666667%;
	}
	.col-md-4{
		width: 33.33333333%;
	}
	.col-md-3{
		width: 25%;
	}
	.col-md-2{
		width: 16.66666667%;
	}
	.col-md-1{
		width: 8.33333333%;
	}
	.col-md-offset-12{
		margin-left: 100%;
	}
	.col-md-offset-11{
		margin-left: 91.66666667%;
	}
	.col-md-offset-10{
		margin-left: 83.33333333%;
	}
	.col-md-offset-9{
		margin-left: 75%;
	}
	.col-md-offset-8{
		margin-left: 66.66666667%;
	}
	.col-md-offset-7{
		margin-left: 58.33333333%;
	}
	.col-md-offset-6{
		margin-left: 50%;
	}
	.col-md-offset-5{
		margin-left: 41.66666667%;
	}
	.col-md-offset-4{
		margin-left: 33.33333333%;
	}
	.col-md-offset-3{
		margin-left: 25%;
	}
	.col-md-offset-2{
		margin-left: 16.66666667%;
	}
	.col-md-offset-1{
		margin-left: 8.33333333%;
	}
	.col-md-offset-0{
		margin-left: 0;
	}
	.col-md-tac{
		text-align: center;
	}
	.col-md-tar{
		text-align: right;
	}
	.col-md-tal{
		text-align: left;
	}
	.col-md-taj{
		text-align: justify;
	}
}

@media (min-width: 1200px){
	.container{
		width: 1280px;
	}
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
		float: left;
	}
	.col-lg-12{
		width: 100%;
	}
	.col-lg-11{
		width: 91.66666667%;
	}
	.col-lg-10{
		width: 83.33333333%;
	}
	.col-lg-9{
		width: 75%;
	}
	.col-lg-8{
		width: 66.66666667%;
	}
	.col-lg-7{
		width: 58.33333333%;
	}
	.col-lg-6{
		width: 50%;
	}
	.col-lg-5{
		width: 41.66666667%;
	}
	.col-lg-4{
		width: 33.33333333%;
	}
	.col-lg-3{
		width: 25%;
	}
	.col-lg-2{
		width: 16.66666667%;
	}
	.col-lg-1{
		width: 8.33333333%;
	}
	.col-lg-offset-12{
		margin-left: 100%;
	}
	.col-lg-offset-11{
		margin-left: 91.66666667%;
	}
	.col-lg-offset-10{
		margin-left: 83.33333333%;
	}
	.col-lg-offset-9{
		margin-left: 75%;
	}
	.col-lg-offset-8{
		margin-left: 66.66666667%;
	}
	.col-lg-offset-7{
		margin-left: 58.33333333%;
	}
	.col-lg-offset-6{
		margin-left: 50%;
	}
	.col-lg-offset-5{
		margin-left: 41.66666667%;
	}
	.col-lg-offset-4{
		margin-left: 33.33333333%;
	}
	.col-lg-offset-3{
		margin-left: 25%;
	}
	.col-lg-offset-2{
		margin-left: 16.66666667%;
	}
	.col-lg-offset-1{
		margin-left: 8.33333333%;
	}
	.col-lg-offset-0{
		margin-left: 0;
	}
	.col-lg-tac{
		text-align: center;
	}
	.col-lg-tar{
		text-align: right;
	}
	.col-lg-tal{
		text-align: left;
	}
	.col-lg-taj{
		text-align: justify;
	}
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after{
	display: table;
	content: " ";
}
.container:after,
.container-fluid:after,
.row:after{
	clear: both;
}
.container {
  margin-right:auto;
  margin-left:auto;
  padding-left:15px;
  padding-right:15px
}
@media (max-width: 1200px){ .title-utp-absl {max-width: 100% !important;}}

@media (min-width: 993px) {
  .menu-mob {
    display: none;
  }
}
@media (max-width: 992px){
	.category-grid {display:block !important;}
	.category {margin-bottom:20px;}
	.mob-center {text-align:center;}
	.slick-slide img {
object-fit:cover;
height:400px;
}
	.cat-ll {margin-bottom:20px;}
	.grid-category3 {display:block !important;}
	.item-slider {margin-bottom:20px;}
	.filtr-grid-item { display:block !important;padding: 10px !important;}
	.grid-category-filttr {
		display: block !important; }
	.img-item {text-align:center;}
	.items-conten {margin-top:20px;}
	.content-items {display:block !important;}
.text-banner {
  width:100%;
  position: absolute;
padding-left:20px;
		top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
  z-index: 100;
}
	.link-a {margin-top:15px;margin-bottom:15px;}
	.block-r-h {display:block;}
	.menu-header {display:none !important;}
	.callback-h {display:none !important;}
	.grid-header {
		grid-template-columns: 1fr 1fr !important;}
	.dev {text-align: center !important;margin-top:20px !important;}
	.header-menu-after {display:block !important;}
	.copyright, .politik {text-align:center;margin-bottom:10px;}
	.phone-f, .email-f, .tg-f, .whats-f {display:table;margin:0 auto;}
	.copyright-grid {
		display:block !important; }
	.menufoot {grid-template-columns: 1fr 1fr !important; }
	.footer-grid {
		display: block !important; }
	.choose-banners {display: block !important; }
	.name-category {font-size: 17px !important; }
	.pr-section {display:block !important;}
	.disp-mob-none {display:none;}
	.mob-menus {
  position: absolute;
top: 5px;
    right: 10px;
color: #002060;
font-size: 2em;
}
.menu-mob .open,
.menu-mob .close2 {
    display: block !important;
    max-width: 800px;
  }
	.menus ul {margin:0px;padding:0px;}
.menus ul li {list-style:none;text-align:left;}
.menus ul li a {
	display: block;
	padding: 10px 15px;
	color: #fff;
	text-decoration: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
.menus  ul li a:hover {
	background:rgba(67, 125, 240, 1);
	color: #fff;
}
.menus ul li a .fa {
	width: 16px;
	text-align: center;
	margin-right: 5px;
	float:right;
}
.menus ul ul {
	background: rgba(0, 0, 0, 0.2);
}
.menus ul li ul li a {
	border-left: 4px solid transparent;
	padding: 10px 20px;
}
.menus ul li ul li a:hover {

	border-left: 4px solid #3498db;
}
.close2{
position: absolute;
top: 40px;
right: 40px;
	font-size: 2em;
    color: #fff;
}
.switcher:checked ~ nav{
right: 0;
}
nav a{color:#fff;font-size: 25px;}
nav{
position: fixed;
width: 100%;
height: 100vh;
background:rgba(0, 119, 182, 1);
top: 0;
right: -100%;
text-align: center;
padding: 100px 0;
transition: .7s;
	z-index:105;
}
	
	.pr-b {margin-bottom:20px;}
	.block-contact1 {display:block !important;}
	.border-bl-cont {margin-bottom:20px;}
	.input-c {margin-bottom:20px;}
	.contacts-in {padding-right:15px;padding-left:15px;}
}
@media (min-width:768px) {
  .container {
    width:750px
  }
}
@media (min-width:992px) {
  .container {
    width:970px
  }
}
@media (min-width:1200px) {
  .container {
    width:1170px
  }
}
@media (min-width: 1280px) {
  .container {
    width: 1240px;
  }
}

@media (max-width: 767px){
	.hidden-xs{
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.hidden-sm{
		display: none !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	.hidden-md{
		display: none !important;
	}
}
@media (min-width: 1200px){
	.hidden-lg{
		display: none !important;
	}
}

@media (min-width: 992px) {
/*** DropDown Menu ***/
 .navbar-nav {display:flex !important; flex-direction:row; justify-content:center!important; width:100%; margin:0 !important;padding:0px;}
 .navbar-nav > li {flex:1 1 auto !important}
  ul.dropdown {background-color:rgba(255,255,255,1); position:absolute; z-index:100; left:auto; top:auto; list-style:none; padding:0; width:15rem; opacity:0; visibility:hidden; z-index:3; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.25); box-shadow:0 2px 2px 0 rgba(0,0,0,.25); -webkit-transform:translateY(2em); -ms-transform:translateY(2em); transform:translateY(2em); -webkit-transition:opacity .2s ease 0s, -webkit-transform .2s ease 0s; transition:opacity .2s ease 0s, -webkit-transform .2s ease 0s; -o-transition:transform .2s ease 0s, opacity .2s ease 0s; transition:transform .2s ease 0s, opacity .2s ease 0s; transition:transform .2s ease 0s, opacity .2s ease 0s, -webkit-transform .2s ease 0s}
  ul.dropdown li ul {left:100%; top:0}
  ul.dropdown li {width:100%; padding:0; display:block; position:relative; text-align:left}
  ul.dropdown li:last-child {border:0}
  ul.dropdown li a {padding:10px; display:block; 
font-family: "Inter Tight", serif;
font-weight: 400;
font-size: 16px;
    }
  ul.dropdown li a:hover, ul.dropdown li a:focus, ul.dropdown > li.active > a {color:rgba(217,48,44,1); background-color:rgba(238,238,238,1); text-decoration:none}

  .navbar-nav > li:hover > ul.dropdown {opacity:1; visibility:visible; z-index:99; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
  ul.dropdown li:hover > ul {opacity:1; visibility:visible; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
  ul.dropdown li > ul > li > ul {display:none}

  .navbar-top .social {margin:0 0 0 3rem}
  .navbar-top .flex-col:first-child {width:auto}
  .navbar-top .flex-col:nth-child(2) {width:auto}
  .navbar-top .flex-col:last-child {width:auto}

  .flex-row {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end}
  .flex-col {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
  .flex-row .flex-col:nth-child(2) {-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
}

.my-filter {
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(249, 249, 249, 1);
    position: relative;
    z-index: 1
}

.my-filter:after {
    content: "";
    clear: both;
    display: block
}

.my-filter .hdr {
    font-size: 22px;
    margin-bottom: 20px
}

.my-filter .ui-state-active {
    background: #00f3be;
    border-color: #00c99d !important
}

.my-filter .ui-slider .ui-slider-handle {
    outline: none
}

.my-filter-loader {
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999
}

.my-filter-loader:after {
    content: "";
    border: #00c99d 6px solid;
    border-color: #00c99d transparent;
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: 250px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    animation: loader 1.5s linear infinite
}

@keyframes loader {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.my-filter-more {
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: .02em;
    color: rgba(30, 30, 30, 1);
    text-transform: uppercase;
    text-decoration: underline;
    float: right;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer
}

.my-filter-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.my-filter-items:not(.open)> :nth-child(n+5) {
    display: none
}

.my-filter .selectric,
.filter-submit {
    background: #fff;
    border: #d9d9d9 1px solid;
    font-size: 12px;
    font-weight: 300;
    padding: 8px 10px;
    border-radius: 5px
}

.filter-submit,
.filter-submit:focus {
    background: #00c99d;
    border: #00c99d 1px solid;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    margin-top: 15px
}

.filter-submit:hover {
    background: none;
    border: #00c99d 1px solid;
    color: #00c99d;
    text-decoration: none;
    font-weight: 500
}

.filter-without-result {
    margin-top: 25px;
    padding-left: 15px
}

.filter-reset {
    cursor: pointer
}

.my-filter .filter-item-search {
    width: calc(75% - 5px) !important
}

.my-filter .filter-item-search input {
    border: #d9d9d9 1px solid;
    width: 100%;
    height: 55px;
    padding: 0 15px;
    border-radius: 5px;
    outline: none
}

.my-filter .filter-item-slider {
    height: 54px;
    padding: 23px 5px 0;
    position: relative
}

.my-filter .my-filter-slider-name {
    position: absolute;
    top: -4px;
    left: 0
}

.my-filter .filter-item-slider .my-filter-slider-min,
.my-filter .filter-item-slider .my-filter-slider-max {
    background: none;
    border: none;
    position: absolute;
    top: 17px;
    left: -5px
}

.my-filter .filter-item-slider .my-filter-slider-max {
    left: auto;
    right: -5px
}

.my-filter .selectric-wrapper,
.my-filter .filter-item {
    width: 100%;
    font-size: 12px;
    margin-top: 15px
}

.my-filter .selectric .selectric-label {
    height: auto;
    line-height: 1.8;
    margin-left: 0
}

.my-filter .selectric-items li {
    padding: 5px 15px 6px 32px;
    position: relative
}

.my-filter .selectric-items li:before {
    content: '';
    background: #fff;
    border: #ccc 1px solid;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    border-radius: 2px
}

.my-filter .selectric-items li.disabled {
    display: none
}

.my-filter .selectric-items li.selected:after {
    content: '';
    border: #787878 1px solid;
    border-top: none;
    border-left: none;
    width: 4px;
    height: 8px;
    margin: -1px 0 0;
    position: absolute;
    top: 50%;
    left: 19px;
    transform: translateY(-50%) rotate(45deg)
}

.my-filter .selectric .button {
    background: none
}

.my-filter .selectric .button:before {
    content: '';
    border: #787878 1px solid;
    border-top: none;
    border-left: none;
    width: 9px;
    height: 9px;
    margin: -2px 5px 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.selectric .button span {
    display: none
}