/**************COLORS*****************/
:root {
    --color-background: #23416A;
    --color-primary: #F3C480;
    --color-gold: #FEDA98;
    --color-dark: #6F4E2F;
    --color-blue: #3A668B;
    --color-text-base: #191919;
    --color-white: #ffffff;
    --color-light: #F9E3BE;
    --color-header: #355C7D;
}
.gradient {
    background: linear-gradient(90deg, rgba(254, 218, 152, 1), rgba(255, 229, 175, 1));
    background: rgba(254, 218, 152, 1);
}
/***************TYPOGRAPHY***************/
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
    font-family: 'Montserrat';
    font-weight:400;
    font-size:16px;
    color: var(--color-white);
    background: var(--color-blue);
}
h1 {
    font-weight: 800;
    font-size: 46px;
    margin-bottom: 49px;
}
h2 {
    font-weight: 800;
    font-size: 35px;
    margin-bottom:36px;
}
h3 {
    font-weight:800;
    font-size: 26px;
    margin-bottom: 49px;
}
h4 {
    font-weight: 700;
    font-size: 22px;
    margin-bottom:25px;
    
}
h5 {
    font-weight:600;
    font-size:18px;
    margin-bottom:15px;
}
.content span.span {
    font-weight: 700 !important;
    color: var(--color-primary) !important;
}
a {
    color: var(--color-gold);
    text-decoration:underline;
}
a:hover {
  color: var(--color-white);  
  text-decoration:none;
}
/***************ELEMENTS***************/
.flex {
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items: center;
}
.justify {
    flex-direction: column;
     display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
}
.shadow {
    border-bottom: 3px solid var(--color-dark);
}
.btn {
    border-radius:10px;
    padding: 25px 35px;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    color:var(--color-dark);
}
.mobile {
    display:none;
}
.modal-content {
    background: url(/assets/template/img/form.png) #E6F0F8;
    background-repeat: no-repeat;
    background-position: center bottom;
    color: var(--color-text-base);
}
.modal-header {
    border-bottom:none !important;
}
.modal-body {
    padding-bottom:80px;
}
button.close:focus {
    outline:none !important;
}

/***************HEADER***************/
.dropdown:hover > .dropdown-menu {
 display: block; 
} 
header {
    background: var(--color-header);
    height:99px;
}
.main_menu ul {
    list-style:none;
}
.main_menu ul li {
     display:inline-block;
     margin-left:9px;
     margin-right: 9px;
}
.main_menu ul li a {
    color: var(--color-white);
    font-size:14px;
    text-decoration:none;
}
.main_menu ul li a:hover {
    color: var(--color-primary);
}
.main_menu .dropdown-menu {
    width:300px;
}
.main_menu .dropdown-menu li {
    display:block;
    margin-bottom:25px;
}
.main_menu .dropdown-menu li a {
    font-size:14px;
    color:var(--color-text-base);
}
.messenger {
    margin-top:-15px;
}
.messenger a {
    text-decoration:none;
    margin-left:10px;
}
.contact-header {
    margin-top:-15px;
}
.phone {
    color: var(--color-white);
    font-weight:600;
    font-size:18px;
    text-decoration:none;
}
.phone-link {
    color: var(--color-light);
    font-size:16px;
    text-transform:uppercase;
}
.navigation {
    display:none;
}
/***************FOOTER***************/
footer {
    background: #E6F0F8;
    padding-top:51px;
    padding-bottom:60px;
}
.footer_logo p {
    padding-left:15px;
    color:var(--color-text-base);
}
.footer_logo span {
    font-size:14px;
    color:var(--color-text-base);
    font-weight:400;
    padding-right:60px;
}
.menu span {
    color: var(--color-text-base);
    font-size:16px;
    font-weight:700;
}
.menu ul {
    margin-top:25px;
    margin-left:0;
    padding-left:0;
    margin-bottom:0;
    list-style:none;
}
.menu ul li a {
    text-decoration:none;
    color:var(--color-text-base);
}
footer .phone {
    color: var(--color-text-base);
}
footer .phone-link {
    color: var(--color-dark);
}
.politik {
    font-size:14px;
    text-align:right;
}
.politik a {
    color:var(--color-text-base);
    margin-top:20px;
}
/*************BLOG***************/
.text span {
    font-weight:400 !important;
    color:var(--color-white) !important;
}
.breadcrumb {
    background:none !important;
    padding-left:0 !important;
    margin-top:35px;
    margin-bottom:50px;
}
.breadcrumb a {
    color: var(--color-white);
    text-decoration:none;
}
.breadcrumb-item+.breadcrumb-item::before {
    content:"";
    padding-right:0;
}
.breadcrumb-item.active {
    color:var(--color-white);
    font-weight:bold;
}
.date {
    font-weight:700;
}
.introtext {
    width:50%;
}
.img_article {
    width:45%;
    text-align:right;
}
.text {
    margin-top:48px;
    margin-bottom:80px;
}
.more_article {
    margin-bottom:80px;
}
.article img {
    width:100%;
    height:auto;
    border-radius:5px;
}
.article h5 {
    margin-top:15px;
}
.article h5 a {
    color:#fff;
    text-decoration:none;
}
.date_article {
    padding:5px 10px;
    border-radius:5px;
    background:#fff;
    font-size:14px;
    font-weight:700;
    color:var(--color-text-base);
}
.article p span {
    color:var(--color-white);
    font-weight:400;
}
.modernWay {
    margin-top:10px;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}
.read_more {
    text-align:right;
    margin-top:10px;
    font-weight:700;
}
.read_more a {
    color:var(--color-white);
}
.read_more a::after {
    content:'\2192';
    font-weight:700;
}
.pagination {
    margin-top:60px;
    margin-bottom:80px;
    justify-content:center;
    color:var(--color-white);
}
.page-link, .page-item.disabled .page-link, .page-item.active .page-link {
    background:none;
    border: none;
    font-weight:700;
    text-decoration:none;
    color:var(--color-white);
}
.pagination a {
    text-decoration:none;
    color:var(--color-white);
}
.page-item.active {
    border:1px solid var(--color-white);
}
.blog .article {
    margin-bottom:40px;
}
/*************CONTACT***************/
.contact {
    width:42%;
}
.map {
    width:52%;
    border-radius:10px;
    overflow:hidden;
    margin-bottom:80px;
}
.block_contact {
    display:flex;
    padding-bottom: 40px;
    padding-top: 40px;
    border-bottom:1px solid var(--color-white);
}
.block_contact:first-child {
    padding-top:0px;
}
.block_contact:last-child {
    padding-bottom:0px;
    border-bottom:none;
}
.icon {
    width:25px;
    margin-right:15px;
}
.block_phone .flex {
    flex-direction: row-reverse;
}
.block_address a {
   font-weight:700;
   text-transform:uppercase;
   font-size:18px;
}
.block_address a::after {
    content:'\2192';
    font-weight:700;
}
/*************GALLERY***************/
.gallery_row {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin-bottom:18px;
    gap:18px;
}
.img_gallery {
    overflow:hidden;
}
.img_gallery img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.gallery_row {
    height:408px;
}
.gallery_column_1 {
    width:31%;
    height:408px;
}
.gallery_column_2 {
    width:20%;
}
.gallery_column_3 {
    width:42%;
}
.gallery_column_4 {
    width:31%;
}
.gallery_column_5 {
    width:31%;
    height:408px;
}
.gallery_column_6 {
    width:31%;
}
.gallery_column_2 img, .gallery_column_3 img, .gallery_column_4 img, .gallery_column_6 img {
    height:195px;
    margin-bottom:18px;
}
.img_gallery a {
    position:relative;
}
.img_gallery a span {
    background:url('/assets/template/img/zoom.png');
    display:none; 
    background-repeat:no-repeat;
    left:calc(50% - 94px);
    top:calc(50% - 94px);
    margin-top:47px;
    margin-left:47px;
    width:94px;
    height:94px;
    position:absolute; 
}
.img_gallery a:hover span {
    display:block;
}
/*************STAFF***************/
.staff-tabs .nav-item {
    width:30%;
    padding-top:17px;
    padding-bottom:17px;
    text-align:center;
    font-weight:500;
    background:none;
}
.staff-tabs .nav-link {
    border:1px solid var(--color-white);
    color:var(--color-white);
    border-radius:50px;
    background:none;
    text-decoration:none;
}
.staff-tabs .nav-link.active {
    border:1px solid var(--color-gold);
    color:var(--color-white);
    border-radius:50px;
    background:none;
    text-decoration:none;
}
.nav-tabs {
    border-bottom:none;
}
.staff {
    margin-top:24px;
    overflow:hidden;
}
.staff img {
    width:100%;
    height:240px;
    object-fit:cover;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
.staff_info {
    background:var(--color-white);
    width:100%;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    padding:9px;
}
.staff_info p {
    font-weight:500;
    margin-bottom:5px !important;
    color:var(--color-text-base) !important;
}
.staff_info span {
    font-weight:800 !important;
    font-size:14px;
    color:var(--color-background) !important;
}
/*************REVIEWS***************/
.reviews {
    border-radius:10px;
    width:100%;
    height:1100px;
    background: url('/assets/template/img/review.png') #fff; 
    background-repeat:no-repeat;
    background-size:contain;
    text-align:right;
    margin-bottom:80px;
    padding-left:27%;
    padding-right:69px;
    padding-top:20px;
}
.clients .reviews {
    height:653px;
}
.rev {
    background:var(--color-white);
}
/*************VIDEO***************/
.video {
    margin-bottom:80px;
}
.video iframe {
    width:100%;
    border-top-left-radius:7px;
    border-top-right-radius:7px;
}
.video .staff_info {
    padding: 12px;
    height: 50px;
    margin-top: -10px;
}
.btn-more {
    width: auto !important;
    background: none !important;
    border: none !important;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-white);
}
.btn-more::after {
    content:'\2192';
    font-weight:700;
}
/************COMPANY**************/
.company {
    column-width: 33%;
	column-count: 3;
	column-gap: 4%;
	margin-bottom:20px;
}
 
.company p {
	padding: 0;
	margin: 0 0 15px 0;
}
.consult_block {
    width:100%;
    height: 360px;
    background:url('/assets/template/img/consult_back.png') no-repeat;
    background-size:cover;
    border-radius:10px;
    margin-bottom:59px;
    margin-top:59px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.consult_text {
    width:342px;
    background:url('/assets/template/img/notebook.png') no-repeat;
    background-size:contain;
    padding-left:75px;
    padding-right:20px;
    padding-top:5px;
    font-size:14px;
    font-weight:700;
    line-height:20px;
}
.consult_go {
    width:342px;
}
.consult-btn {
    height:74px;
    width:100%;
    border-radius:10px;
    border:none;
    margin-bottom:22px;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    color:var(--color-dark);
    box-shadow: 0 5px 0 0 var(--color-dark); 
}
.consult-phone {
    text-align:center;
}
.consult-phone a {
    text-decoration:none;
    font-weight:700;
    color:var(--color-white);
    font-size:22px;
}
.slick-slide {
    padding-top: 22px;
}
.slider_item {
    background:var(--color-white) url('/assets/template/img/leaves.png') no-repeat;
    background-position:top right;
    padding:28px 62px 11px 25px;
    border:5px;
    position:relative;
    margin:19px;
    height:260px;
    border-radius: 5px;
}
.slider_item h5 {
    color: var(--color-text-base);
    font-weight:700;
}
.slider_item p {
    line-height:24px;
    color: var(--color-text-base);
    font-size:14px;
}
.slider_item img {
   position:absolute;
   bottom:0;
   right:0;
}
.sber {
    position:absolute;
    z-index:999;
    width:47px;
    height:47px;
    background:url('/assets/template/img/sber.png') no-repeat;
    background-size:contain;
    top:-23px;
    left:16px;
}
.prev {
    background: url('/assets/template/img/arrow-left.svg') no-repeat;
    width:29px;
    height:29px;
}
.next {
    background: url('/assets/template/img/arrow-right.svg') no-repeat;
    width:29px;
    height:29px;
}
.our-video {
    margin-bottom:80px;
}
.video_player {
    border-radius: 5px;
    overflow:hidden;
    width:30%;
    height: 205px;
}
.video_player iframe {
    width:100%;
    height: 205px;
}
.clients {
    margin-bottom:109px;
}
.clients img {
    width:100%;
    height:auto;
}
.our_personal {
    padding-bottom:56px;
    padding-top:56px;
    background: #E6F0F8;
    color:var(--color-text-base);
    position:relative;
}
.our_personal .container {
    position:relative;
    z-index:100;
}
.left_leaves {
    background: url('/assets/template/img/leaves2.png') no-repeat;
    background-size:contain;
    position:absolute;
    left:0;
    top:0;
    width:139px;
    height:263px;
    z-index:0;
}
.right_leaves {
    background:url('/assets/template/img/leaves3.png') no-repeat;
    position:absolute;
    right:0;
    bottom:0;
    width:153px;
    height:263px;
    background-size:contain;
    z-index:0;
}
/************PROJECT**************/
.project_desc.flex {
    align-items:start;
}
.gallery_project {
    width:48%;
}
.project_description {
    width:48%;
    margin-top:25px;
}
.project_info {
    width:100%;
    
}
.project_info.flex {
    align-items:start;
    margin-bottom:23px;
}
.project_description .text {
    font-size:14px;
    font-weight:400;
    margin-top:0;
    margin-bottom:0;
}
.project_material {
    width:48%;
}
.project_action {
    width:48%;
}
.gallery_info span {
    color:var(--color-white);
    font-size:17px;
    font-weight:700;
}
.information {
    margin-top:15px;
    background:rgba(35, 65, 106, 0.72);
    border-radius:10px;
    padding:11px 21px;
}
.information_item {
    display:flex;
}
.information_item.material {
    margin-bottom:15px;
}
.price_project {
    text-align:center;
    font-size:18px;
    font-weight:800;
    color:var(--color-background);
    padding-top:12px;
    padding-bottom:12px;
    border-radius:50px;
    width:100%;
    background:#E6F0F8;
    margin-bottom:29px;
}
.project_action button {
    width:100%;
    height:48px;
    font-size:14px;
}
.project_plan {
    margin-top:47px;
}
.project_plan .nav-tabs li {
    margin-right:43px;
    display:inline-block;
}
.project_plan .nav-tabs li a.active {
    font-size:18px;
    font-weight:700;
    color:var(--color-primary);
    text-decoration:none;
}
.project_plan .nav-tabs li a.active:before {
    content:'-';
    margin-right:7px;
}
.project_plan .nav-tabs li a {
    font-size:18px;
    font-weight:400;
    color:var(--color-white);
    text-decoration:none;
}
.project_plan .nav-tabs li a:before {
    content:'+';
    margin-right:7px;
}
.project_tab .tab-pane {
    border-radius:10px;
    background:url('/assets/template/img/leaves4.png') var(--color-white);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:top right;
    padding:34px 49px 46px 32px;
}
.project_structure, .project_draft {
    margin-bottom:70px;
    margin-top:22px;
}
.project_structure {
    line-height:21px;
    font-size:14px;
    color:var(--color-text-base);
}
#noconflict {
    display:flex !important;
    justify-content:space-between;
    flex-wrap:wrap;
}
#noconflict div {
    width:30%;
    height:302px;
    overflow:hidden;
    margin-top:10px;
    margin-bottom:10px;
}
#noconflict img {
    width:100%;
    height:100%;
    border-radius:5px;
    object-fit:cover;
}
#noconflict a { 
    display: block; 
    position: relative; 
}
#noconflict a:after { 
    content: ''; 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background: rgba(0,0,0,.5);  
    opacity: 0; 
    border-radius:5px;
}
#noconflict a:before { 
    content: url('/assets/template/img/zoom.png'); 
    position: absolute; 
    left:35%;
    top:30%;
    z-index:999;
}
#noconflict a:hover:before, #noconflict a:hover:after { 
    opacity: 1; 
}
.project_item {
    padding:13px 14px 15px 14px;
    border-radius:5px;
    background:var(--color-white);
    color:var(--color-text-base);
}
.project_item img {
    height:130px;
    width:100%;
    object-fit:cover;
    border-radius:5px;
    margin-bottom:9px;
}
.project_item h5 {
    font-size:18px;
    font-weight:700;
}
.project_item .price_project {
    margin-top:3px;
    border-radius:0;
    margin-top:12px;
    margin-bottom:12px;
}
.project_item button {
    font-size:14px;
    height:48px;
    width:100%;
    margin-bottom:14px;
}
.project_item .project_more {
    font-weight:700;
    color:var(--color-background);
}
.projects {
    margin-bottom:80px;
}
.form {
    position:relative;
    width:100%;
    padding-top:69px;
    padding-bottom:85px;
    background:url('/assets/template/img/form.png') #E6F0F8;
    background-repeat:no-repeat;
    background-position:center bottom;
    color:var(--color-text-base);
}
.flex_vertical {
    display: flex;
    flex-direction: column-reverse;
}
.form_project {
    width:100%;
    display:flex;
    justify-content:space-between;
}
.form-name {
    width: 25%;
    height: 59px;
    overflow:hidden;
}
.form-phone {
    width:35%;
    height: 59px;
    overflow:hidden;
}
.form-btn {
    width:35%;
    height: 59px;
    overflow:hidden;
}
.form_project input {
    height:100%;
    width:100%;
    border-radius:10px;
    border:none;
    padding-top:18px;
    padding-bottom:18px;
    padding-left:20px;
    font-weight:700;
    color:#5B5B5B;
}
.form-btn .consult-btn {
    height:54px !important;
}
.file_attach {
    position:relative;
}
.file_attach input {
    position:relative;
    margin-top:28px;
    opacity:0;
    z-index:999;
}
.clip {
    position:absolute;
    top:28px;
    z-index:1;
}
.static {
    padding-top:80px;
    padding-bottom:80px;
}
.stage {
    padding: 12px 33px 31px 25px;
    border-radius:5px;
    width:100%;
    height:197px;
    width:23%;
    color:var(--color-text-base);
    font-size:14px;
}
.grafik {
    position:relative;
    height:60px;
    width:auto;
    margin-bottom:10px;
}
.static_img {
    position:absolute;
    left:45px;
    margin-left:-15px;
    z-index:1;
}
.number {
    position:absolute;
    padding-top:7px;
    width:47px;
    height:47px;
    border-radius: 50%;
    text-align: center;
    color:#7F5935;
    font-size:22px;
    font-weight:700;
    background:var(--color-gold);
    z-index:10;
}
.stage h5 {
    font-weight:700;
    margin-bottom:13px;
}
.stage:first-child {
    background:url('/assets/template/img/leaves5.png') var(--color-white);
    background-repeat:no-repeat;
    background-size:contain;
    background-position: bottom;
}
.stage:nth-child(2) {
    background:url('/assets/template/img/leaves6.png') var(--color-white);
    background-repeat:no-repeat;
    background-size:contain;
    background-position: bottom;
}
.stage:nth-child(3) {
    background:url('/assets/template/img/leaves7.png') var(--color-white);
    background-repeat:no-repeat;
    background-size:contain;
    background-position: bottom;
}
.stage:last-child {
    background:url('/assets/template/img/leaves8.png') var(--color-white);
    background-repeat:no-repeat;
    background-size:contain;
    background-position: bottom;
}
#items .slick-slide {
    opacity:0;
}
#items .slick-slide.slick-current {
    opacity:1;
}
#items .slick-next {
    right:10px;
}
/************CATEGORY AND CATALOG**************/
.projects_list .project_item {
    margin-bottom:25px;
}
.category_list {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
}
.no_cat_img {
    width:23%;
    max-height:248px;
    font-size:26px;
    font-weight:800;
}
.border_bottom {
    border-bottom:2px solid var(--color-primary);
    padding-bottom:20px;
    width:auto;
}
.no_cat_img a {
    color:var(--color-white);
    text-decoration:none;
    
}
.category_item {
    width:23%;
    max-height:248px;
    border-radius:5px;
    overflow:hidden;
    margin-bottom:36px;
}
.category_item img {
    height:170px;
    width:100%;
    object-fit:cover;
}
.cat_text {
    height:65px;
    width:100%;
    background:#fff;
    padding-left:15px;
    padding-right:15px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-weight:700;
    font-size:18px;
    line-height:22px;
}
.cat_text a {
    color:var(--color-text-base);
    text-decoration:none;
}
.category_long {
    border-radius:5px;
    overflow:hidden;
    margin-bottom:36px;
}
/************MAIN**************/
.main_banner {
    height:700px;
    width:100%;
    background:url('/assets/template/img/banner.png') no-repeat;
    background-size:cover;
    position:relative;
}
.main_banner h1 {
    margin-top:51px;
    margin-bottom:28px;
    width:70%;
}
.main_banner p {
    font-size: 18px;
    width:45%;
}
.main_banner ul.super {
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    padding-left:0;
    margin-bottom:62px;
}
.main_banner ul.super li {
    padding: 21px 23px 24px 20px;
    margin-right:23px;
    background:rgba(70, 70, 70, 0.49);
    border-radius:10px;
    color:var(--color-gold);
    color:var(--color-white);
}
.main_banner ul.super li:before {
    content:'\2022';
    color:var(--color-gold);
    font-size:22px;
    margin-top:5px;
    padding-right:5px;
}
.main_banner .consult_go {
    margin-right:30px;
}
.absolute {
    position:absolute;
    left:12%;
    bottom:-30px;
}
.main  {
    padding-top:80px;
}
.main .slider {
    padding-bottom:40px;
}
.main_project {
    position:relative;
    padding-top:74px;
    padding-bottom:80px;
    background:#E6F0F8;
    color:var(--color-text-base);
}
.main_tree {
    position:absolute;
    background:url('/assets/template/img/tree.png') no-repeat;
    background-size:contain;
    bottom:120px;
    left:0;
    width:93px;
    height:344px;
}
.main_leaves {
    position:absolute;
    background:url('/assets/template/img/leaves9.png') no-repeat;
    background-size:contain;
    bottom:170px;
    left:0;
    width:284px;
    height:344px;
}
.main_house {
    position:absolute;
    background:url('/assets/template/img/house.png') no-repeat;
    background-size:contain;
    top:124px;
    right:0;
    width:165px;
    height:344px;
}
.content_main {
    padding-top:119px;
    padding-bottom:80px;
}
.main_item {
    width:48%;
}
.main_item img {
    height:510px;
    width:100%;
    object-fit:cover;
}
.main_cart {
    position:relative;
}
.main_logo {
    position:absolute;
    margin:0 auto;
    left:calc(50% - 82px);
}
.main_phone {
    padding:20px 29px 24px 21px;
    background:var(--color-white);
    border-radius:5px;
    position:absolute;
    bottom:-35px;
    left:calc(50% - 157px);
}
.main_phone a {
    font-size:22px;
    font-weight:700;
    color:var(--color-text-base);
    text-decoration:none;
}
.zag.flex {
    align-items:start;
}
.zag p {
    padding-top:8px;
}
.zag p a {
    color:var(--color-white);
}
.main .our-video {
    padding-top:80px;
}
.main .more_article h2 {
    display:none;
}
.main #personal .staff {
    padding:0px;
}
.pr.flex {
    align-items:start; 
    flex-direction:row-reverse; 
    justify-content:start;
}
.catalog_main {
    margin-bottom:80px;
}
/************FILTER**************/
.filter {
    display:flex;
    justify-content:space-between;
    align-items:end;
    margin-bottom:35px;
}
.filter_item {
    width:23%;
}
.filter .form-group {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-bottom:0;
}
.filter .form-group input[type=number] {
    width:47%;
    border-radius:5px;
    background:none;
    color:var(--color-white);
    border:1px solid white;
    height:28px;
}
.filter .form-group label {
    width:100%;
    font-size:18px;
    color:var(--color-white);
}
.filter .form-group input[type=range] {
    accent-color: #F3C480;
    margin-bottom:5px;
}
.select_filter {
    background:url('/assets/template/img/vector.png') #E6F0F8;
    background-repeat:no-repeat;
    padding-left:30px;
    padding-top:18px;
    padding-right:18px;
    padding-bottom:18px;
    border-radius:5px;
    color:var(--color-text-base);
    background-position:top 18px left 14px;
    outline:none;
}
.filter_close {
    text-align:right;
}
.filter_go button {
    background:var(--color-primary);
    color:var(--color-text-base);
    border-radius:5px;
    margin-bottom:10px;
    outline:none;
    border:none;
    padding-left:12px;
    padding-right:12px;
}
.resetForms {
    background:none;
    border:none;
    color:var(--color-white);
    outline:none;
}