@-ms-viewport {
   width: device-width
}
@import url('fonts.css');
@import 'block-header.css';
@import 'block-footer.css';
:root{
   --orange-color: #db6b30;
	--darkgreen-color: #0d5257;
}
html,
body {
   margin: 0px;
   padding: 0px;
   position: relative;
}
input[type="text"], input[type="submit"], input[type="password"], input[type="email"], input[type="phone"], textarea {
   background-color: #fff;
   color: rgb(107, 107, 107);
   display: block;
   font-family: inherit;
   font-weight: 400;
   height: 35px;
   padding: 7px 10px 9px;
   box-shadow: none;
   border: none;
   font-size: 1.3em;
}
textarea{
   padding: 10px;
   color: inherit !important;
}
input:disabled{
   cursor: not-allowed;
}
input::placeholder {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
body {
   font-family: "Fira Sans", Helvetica, sans-serif;
   font-weight: 400;
   background-color: #fff;
   color: #080808;
   font-size: 14px;
   line-height: 1.4;
   min-height: 100%;
   width: 100%;
   background-image: url("../images/catalog-bg.jpg");
   background-size: cover;
}
input.stepper .stepper-input{
   border: 1px solid #818181
}
html {
   min-width: 100%;
   height: 100%
}
a {
   text-decoration: none;
   color: #333;
   display: inline-block;
}
img {
   max-width: 100%;
   display: inline-block;
}
section,
header,
footer,
nav {
   display: block
}
input,
select,
textarea {
   color: #c1c1c1;
}
input.error, textarea.error, select.error {
   border: 1px solid #e31e24 !important;
   border-bottom: 4px solid var(--orange-color) !important;
}
.errors{
   color: #e31e24;
}
*,
.fix:after,
.fix:before,
*:before,
*:after {
   outline: none;
   background-repeat: no-repeat;
   -webkit-text-size-adjust: none;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box
}
ul.unstyled,
ol.unstyled, figure {
   margin: 0px;
   padding: 0px;
   list-style: none;
}
.hidden {
   display: none;
}
.visible {
   display: block;
	opacity: 1;
}
.nowrap {
   white-space: nowrap;
   overflow: hidden;
   display: inline-block;
}
.wrapper {
   max-width: 1480px;
   width: 100%;
   margin: 0 auto;
   padding: 0 15px;
}
.relative{
   position: relative;
}
i.fa, i.far{
   font-family: "FontAwesome";
}
.title-box h2{
	color: var(--orange-color);
	text-transform: uppercase;
	margin: 0 0 50px 0;
}
.btn-wrapper{
	width: 100%;
	text-align: center;
}
.btn{
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	border: 0;
	outline: none;
	background-color: var(--orange-color);
	text-align: center;
	padding: 15px 50px;
}
button{
	outline: none;
	border: none;
	background-color: var(--orange-color);
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
}
.h1-box h1{
	font-size: 36px;
	color: var(--orange-color);
	font-weight: 500;
	text-transform: uppercase;
	margin: 0;
}
/*================Home================*/
#home-slider img{
   display: block;
   height: 100%;
   max-height: 650px;
   width: 100%;
   object-fit: cover;
}
#home-slider .slide-elem{
   overflow: hidden;
}
#home-slider .absolute{
   position: absolute;
   z-index: 100;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
#home-slider .slider_text_wrapper{
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   color: #fff;
}
#home-slider .slider_text_wrapper.hidden{
	display: none;
}
#home-slider .slider_text_wrapper h3{
   max-width: 800px;
   padding: 0 20px;
   font-size: 56px;
   line-height: 62px;
   font-weight: 700;
   text-transform: uppercase;
   text-align: center;
   margin: 0;
}
#home-slider .slider_text_wrapper .slider_short_text{
   max-width: 1000px;
   padding: 0 20px;
   font-size: 18px;
   text-transform: uppercase;
   text-align: center;
   margin-top: 30px;
}
.header-box{
   width: 100%;
   text-align: center;
}
.header-box h2{
   width: 100%;
   margin: 0 auto 60px auto;
   text-transform: uppercase;
   color: var(--darkgreen-color);
   font-size: 30px;
}
.items-lists{
   padding: 60px 40px 0;
   /* background-color: #e2dfda; */
}
.items-lists .category-items{
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}
.items-lists .category-item{
   width: calc(33.3% - 30px);
   max-width: 400px;
   margin: 0 15px 30px;
}
.items-lists .category-item .category-item-image:after{
   display: block;
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #00000000;
   z-index: 99;
   transition: all ease 0.3s;
}
.items-lists .category-item:hover .category-item-image:after{
   background-color: #00000030;
}
.items-lists .category-item img{
   display: block;
}
.items-lists .category-item .category-item-text{
   padding: 20px;
   color:#fff;
}
.items-lists .category-item:first-child .category-item-text,
.items-lists .category-item:nth-child(5) .category-item-text,
.items-lists .category-item:nth-child(9) .category-item-text{
   background-color: #db6b30;
}
.items-lists .category-item:nth-child(2) .category-item-text,
.items-lists .category-item:nth-child(6) .category-item-text,
.items-lists .category-item:nth-child(7) .category-item-text{
   background-color: #d39400;
}
.items-lists .category-item:nth-child(3) .category-item-text,
.items-lists .category-item:nth-child(4) .category-item-text,
.items-lists .category-item:nth-child(8) .category-item-text{
   background-color: #8e8e89;
}
.items-lists .category-item .category-item-title{
   font-size: 24px;
   height: 30px;
   overflow: hidden;
   font-weight: 600;
   margin-bottom: 20px;
}
.items-lists .category-item .category-item-descr{
   font-size: 18px;
   line-height: 24px;
   height: 140px;
   overflow: hidden;
   font-weight: 400;
   margin-bottom: 20px;
}
/*==============Breadcrumbs============*/
.breadcrumbs-items{
	padding: 30px 0 45px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.breadcrumbs-items a:after{
	display: inline-block;
	content: "\f105";
	font-family: "FontAwesome";
	margin: 0 15px;
}
.breadcrumbs-items > span{
	color: #333;
	font-weight: 500;
}
/*=======Paginator========*/
ul.pager-box{
	width: 100%;
	margin: 20px auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center
}
.pager-box li{
	width: 27px;
	height: 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 4px 6px;
	border: 1px solid var(--orange-color);
	border-radius: 50%;
}
.pager-box a, .pager-box span{
	padding: 4px;
}
.pager-box .active{
	background-color: var(--orange-color);
	color: #fff;
}
/*============Background Srction=============*/
.background-section{
   padding-bottom: 32%;
   background-position: 0 28%;
   background-repeat: no-repeat;
   background-size: cover;
   background-color: var(--darkgreen-color);
}
.background-section:after{
   display: block;
   width: 100%;
   height: 100%;
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   background-color: #00000090;
}
#contacts .background-section{
   background-position: center;
}
#contacts .background-section:after{
   background-color: transparent;
}
.background-section .text_wrapper{
   width: 100%;
   height: 50%;
   position: absolute;
   z-index: 1;
   top: 20%;
}
.background-section .text{
   width: 80%;
   max-width: 800px;
   height: 100%;
   margin: 0 auto;
   color: #fff;
   font-size: 20px;
   line-height: 26px;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.background-section .text h1{
   font-size: 72px;
   line-height: 78px;
   text-transform: uppercase;
   font-weight: 600;
   margin: 0 0 15px;
}
/*===============Search Page==================*/
.search-page{
   padding-top: 40px;
}
/*=================Catalog===================*/
.content{
   background-image: url("../images/catalog-bg.jpg");
   background-position: center;
   background-size: cover;
   padding-bottom: 60px;
}
.catalog-items{
   display: flex;
   flex-wrap: wrap;
}
.product-box{
   width: 25%;
   padding: 0 15px;
   margin-bottom: 60px;
   transition: all ease .3s;
}
.product-box:hover{
   background-color: rgba(0,0,0,0.1);
   margin-top: -5px;
   margin-bottom: 65px;
   box-shadow: 0 50px 50px -60px #0b0b0b;
}
.product-box-wrapper{
   display: block;
   padding: 0px 20px 20px;
   margin: auto;
}
.product-box-wrapper img{
   display: block;
   margin: 0 auto;
}
.product-box-wrapper .content-box{
   padding: 0px;
   text-align: center;
}
.product-box-wrapper h3{
   background-color: var(--orange-color);
   color: #fff;
   font-size: 22px;
   line-height: 55px;
   height: 52px;
   overflow: hidden;
   margin: 0;
   padding: 0 10px;
   font-weight: 600;
}
.product-box-wrapper .price{
   margin: 0;
   padding-top: 5px;
   color: var(--darkgreen-color);
   font-size: 22px;
   font-weight: 600;
}
.product-box-wrapper .price .old-price{
   padding-right: 10px;
   position: relative;
   color: #769897;
   font-size: 18px;
}
.product-box-wrapper .price .old-price:after{
   display: block;
   content: "";
   width: 90%;
   height: 2px;
   background-color: #769897;
   position: absolute;
   left: 0;
   top: 50%;
}
.product-box-wrapper .sticker-group{
   position: absolute;
   left: 35px;
   top: 20px;
}
.product-box-wrapper .sticker{
   display: inline-block;
   background-color: #b31210;
   color: #fff;
   padding: 5px 10px;
   text-transform: uppercase;
}
/*filters*/
.category-page .filter-column{
   position: absolute;
   top: -150px;
   left: 0;
   z-index: 99;
   width: 100%;
}
.category-page .filter-box{
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}
.category-page .filter-box .filter-element-box{
   margin: 0 50px;
}
.category-page .nice-select{
   background-color: transparent;
   color: #fff;
   border: 0;
   text-transform: uppercase;
   font-size: 20px;
}
.category-page .nice-select ul.list{
   background-color: #000000;
}
.category-page .nice-select ul.list li.option{
   text-transform: none;
   font-size: 16px;
   white-space: normal;
   line-height: 24px;
   min-height: 22px;
   padding-top: 10px;
   padding-bottom: 10px;
}
.category-page .nice-select ul.list li.option:hover,
.category-page .nice-select ul.list li.option.selected{
   background-color: #282828;
}
.category-page .nice-select ul.list li.option:first-child{
   display: none;
}
.category-page .nice-select::after{
   width: 7px;
   height: 7px;
   margin-top: -6px;
   border-bottom: 2px solid #ffffff;
   border-right: 2px solid #ffffff;
}

/*=============Product Page==============*/
#product .content{
   background-image: url("../images/catalog-bg.jpg");
   background-position: center;
   background-size: cover;
}
.product-page{
   display: flex;
   justify-content: space-between;
   padding-top: 60px;
   padding-bottom: 60px;
}
.product-page img{
   display: block;
}
.product-page .img-content{
   flex: 0 0 50%;
}
.product-page .thumb-gallery{
   display: flex;
   flex-wrap: wrap;
}
.product-page .thumb-gallery .img_thumbs{
   margin: 10px 10px 10px 0;
}
.product-page .desctription-content{
   align-self: baseline;
   flex: 0 0 45%;
   background-color: #000000;
   font-size: 16px;
   color: #fff;
   padding: 0 0 40px 0;
}
.product-page .desctription-content .ui-tabs-nav{
   display: flex;
   padding: 0;
   margin: 0;
}
.product-page .desctription-content .ui-tab {
   width: 50%;
   text-align: center;
   background-color: #393939;
   font-size: 16px;
}
.product-page .desctription-content .ui-tab:first-child{
   border-right: 1px solid #fff;
}
.product-page .desctription-content .ui-tabs-active{
   background-color: #000000;
}
.product-page .desctription-content .ui-tab a{
   color: #fff;
   display: block;
   padding: 14px;
}
.product-page .desctription-content .description-box{
   padding: 40px 40px 20px;
   font-size: 16px;
}
.product-page .desctription-content .common-info{
   display: flex;
   justify-content: space-around;
   align-items: center;
   padding: 0 40px;
   flex-wrap: wrap;
}
.product-page .common-info li{
   margin: 10px;
}
.product-page .desctription-content .price{
   font-size: 30px;
}
.product-page .desctription-content .old-price {
   padding-right: 10px;
   position: relative;
   color: #769897;
   font-size: 20px;
}
.product-page .desctription-content .old-price:after{
   display: block;
   content: "";
   width: 70%;
   height: 2px;
   background-color: #769897;
   position: absolute;
   left: 0;
   top: 50%;
}
.product-page .desctription-content .afields-box{
   width: 100%;
   border: 1px solid #393939;
   border-bottom: none;
}
.product-page .desctription-content .afields-box td{
   width: 50%;
   padding: 15px;
   text-align: center;
   font-size: 16px;
   border-bottom:  1px solid #393939;
}
.product-page .desctription-content .afields-box td:first-child{
   font-weight: 700;
   border-right:  1px solid #393939;
}
.product-page .stock{
   display: inline-block;
   padding: 5px 10px;
   background-color: #393939;
   color: #fff;
}
/*================Contacts Section===================*/
#contacts .background-section {
   padding-bottom: 25%;
}
.contacts-section{
   display: flex;
   justify-content: space-between;
   width: 70%;
   margin: 0 auto;
   color: var(--darkgreen-color);
   padding-bottom: 150px;
}
.contacts-section .short-info{
   width: 30%;
}

.contacts-section .form-wrapper{
   width: 60%;
}
.form-wrapper .f-flex{
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}
.form-wrapper .input-wrapper{
   width: 100%;
}
.form-wrapper .input-wrapper input,
.form-wrapper .input-wrapper textarea{
   width: 100%;
   height: 60px;
   border: 1px solid transparent;
   border-bottom: 4px solid var(--orange-color);
   margin-bottom: 20px;
}
.form-wrapper .input-wrapper textarea{
   height: 200px;
}
.form-wrapper .input-wrapper label{
   font-size: 16px;
   padding-bottom: 5px;
}
.form-wrapper .input-wrapper.phone-wrapper,
.form-wrapper .input-wrapper.email-wrapper{
   width: 48%;
}
.form-wrapper .submit{
   font-family: "Fira Sans", Helvetica, sans-serif;
   background-color: var(--orange-color);
   color: #fff;
   font-size: 24px;
   padding: 10px 50px 10px 20px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   transition: all ease .3s;
}
.form-wrapper .submit:hover span{
   right: 17px;
}
.form-wrapper .submit span{
   position: absolute;
   right: 20px;
   transition: all ease .2s;
}
.form-wrapper .submit .fa{
   font-size: 14px;
   padding-bottom: 5px;
}
.map{
   padding-bottom: 47px;
}
/*=========Popup order==========*/
.popup-order{
   position: fixed;
   left: 0;
   top: 0;
   z-index: 999;
   background-color: #000000cc;
   width: 100%;
   height: 100vh;
   display: none;
}
.popup-order .popup-wrapper{
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 20px;
}
.popup-order .popup-content{
   width: 450px;
   max-height: 100%;
   display: flex;
   align-items: center;
   background-color: #fff;
   position: relative;
   padding: 30px 30px 30px 30px;
   overflow-y: auto;
}
.popup-order .order-close{
   position: absolute;
   right: 7px;
   top: 0px;
   font-size: 30px;
   color: var(--darkgreen-color);
}
.popup-order h2{
   color: var(--darkgreen-color);
   margin-top: 0;
}
.popup-order .form-wrapper .input-wrapper{
   width: 100%;
}
.popup-order .form-wrapper .input-wrapper input{
   border: 1px solid #0d525760;
   height: 50px;
   font-size: 16px;
}
input.hidden{
   display: none;
}
/*==============Page Box==============*/
.page-box{
   max-width: 1480px;
   width: 100%;
   margin: 0 auto;
   padding: 0 15px 0px;
   font-size: 18px;
   line-height: 1.6;
   color: #053c40;
}
/*============Category Page============*/
.category-page .catalog-list{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
.category-page .catalog-list .catalog-items{
   display: flex;
   flex-wrap: wrap;
   width: calc(33.3% - 50px);
   margin: 0 25px 50px 25px;
   max-width: 350px;
}
.category-page .catalog-list a {
   display: block;
}
.category-page .catalog-list img {
   display: block;
}
.category-page .catalog-list .category-title{
   width: 100%;
   height: 50px;
   overflow: hidden;
   background-color: var(--orange-color);
   color: #fff;
   font-size: 18px;
   font-weight: 600;
   line-height: 32px;
   text-align: center;
   text-transform: uppercase;
   padding: 12px;
}

@media screen and (max-width: 1200px){
   #home-slider img {
      max-height: 550px;
   }
   .items-lists .category-item .category-item-title {
      font-size: 20px;
      height: 26px;
   }
   .items-lists .category-item .category-item-descr {
      font-size: 16px;
      line-height: 22px;
      height: 135px;
      margin-bottom: 0;
   }
   .page-box {
      max-width: 1480px;
      padding: 0 15px 0px;
   }
   .background-section .text {
      width: 80%;
      max-width: 600px;
      font-size: 16px;
      line-height: 22px;
   }
   .background-section .text h1 {
      font-size: 46px;
      line-height: 52px;
   }
   .content {
      padding-bottom: 20px;
   }
   .product-box {
      width: 33.3%;
   }
   
}

@media screen and (max-width: 990px){
   #home-slider .slider_text_wrapper h3{
      font-size: 34px;
      line-height: 40px;
      max-width: 500px;
   }
   #home-slider img {
      height: 400px;
   }
   .items-lists .category-item {
      width: calc(50% - 50px);
      margin: 0 25px 50px;
   }
   .background-section .text h1 {
      font-size: 36px;
      line-height: 42px;
   }
   footer .footer-columns {
      justify-content: center;
   }
   footer  .footer-columns_item{
      margin-bottom: 20px;
      margin-right: 50px;
   }
   footer .footer-group {
      align-items: center;
   }
   .catalog-items {
      justify-content: center;
   }
   .product-box {
      width: 50%;
      max-width: 420px;
   }
   .category-page .filter-column {
      position: static;
   }
   .category-page .nice-select {
      color: var(--orange-color);
      margin-bottom: 10px;
   }
   .category-page .nice-select ul.list li.option {
      color: #fff;
   }
   .category-page .nice-select::after {
      border-bottom: 2px solid var(--orange-color);
      border-right: 2px solid var(--orange-color);
   }  
   .product-page .img-content {
      flex: 0 0 40%;
   } 
   .product-page .desctription-content {
      flex: 0 0 55%;
   }
   .contacts-section {
      width: 100%;
      padding: 0 15px 50px;
   }
   .contacts-section .form-wrapper {
      width: 65%;
   }
   /*============Category Page============*/
   .category-page .catalog-list .catalog-items{
      width: calc(50% - 50px);
   }
}

@media screen and (max-width: 767px){
   nav{
      display: none;
   }
   .content {
      padding-bottom: 20px;
   }
   #home-slider img {
      height: 300px;
   }
   #home-slider .slider_text_wrapper h3{
      font-size: 24px;
      line-height: 30px;
      max-width: 80%;
   }
   .header-box h2 {
      margin: 0 auto 30px auto;
      font-size: 22px;
   }
   .items-lists .category-item {
      width: 100%;
      max-width: 350px;
      margin: 0 10px 50px;
   }
   .items-lists {
      padding: 30px 10px 0;
   }
   footer {
      padding: 30px;
   }
   footer .footer-columns {
      justify-content: flex-start;
   }
   footer  .footer-columns_item{
      margin-bottom: 20px;
   }
   footer .footer-group {
      align-items: flex-start;
   }
   .background-section {
      min-height: 300px;
   }
   .background-section .text_wrapper {
      height: 80%;
      overflow: hidden;
      top: 10%;
   }
   .background-section .text {
      font-size: 14px;
      line-height: 20px;
   }
   .background-section .text h1 {
      font-size: 24px;
      line-height: 28px;
   }
   .breadcrumbs-items {
      padding: 25px 0px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
   }
   .breadcrumbs-items a,
   .breadcrumbs-items > span {
      color: #333;
      font-weight: 500;
      padding-bottom: 10px;
   }
   .page-box {
      font-size: 16px;
   }
   .product-box-wrapper {
      padding: 0px 10px 5px;
   }
   .product-page {
      flex-wrap: wrap;
      padding-top: 30px;
      padding-bottom: 30px;
   }
   .product-page .img-content {
      flex: 0 0 100%;
   } 
   .product-page .img-content .big-image{
      max-width: 350px;
      margin: auto;
   }
   .product-page .desctription-content {
      flex: 0 0 100%;
   }
   .product-page .desctription-content .description-box {
      padding: 20px;
   }
   .product-page .desctription-content .common-info {
      padding: 0 20px;
      flex-wrap: wrap;
   }
   .h1-box h1 {
      font-size: 28px;
      line-height: 32px;
   }
   .contacts-section {
      flex-wrap: wrap;
   }
   .contacts-section .short-info {
      width: 100%;
      max-width: 500px;
      margin: 0 auto 20px;
   }
   .contacts-section .form-wrapper {
      width: 100%;
      max-width: 500px;
      margin: auto;
   }
   .form-wrapper .input-wrapper.phone-wrapper, .form-wrapper .input-wrapper.email-wrapper {
      width: 100%;
   }
   .map iframe{
      height: 300px;
   }
   #contacts .background-section {
      min-height: 50px;
   }
   .product-box-wrapper h3 {
      font-size: 16px;
   }
   
}

@media screen  and (max-width: 650px){
   #home-slider img {
      height: 250px;
   }
   .items-lists .category-item {
      margin: 0 auto 50px;
   }
   .background-section .text h1 {
      font-size: 20px;
      line-height: 24px;
   }
   .product-box {
      width: 100%;
      max-width: 370px;
      padding: 0;
      background-color: rgba(0,0,0,0.1);
      margin-top: -5px;
      margin-bottom: 35px;
   }
   .category-page .filter-box {
      justify-content: flex-start;
      margin-bottom: 10px;
   }
   .category-page .nice-select ul.list li.option {
      font-size: 20px;
   }
   .category-page .nice-select ul.list {
      width: 370px;
      max-width: 90vw;
   }
   .category-page .filter-box .filter-element-box {
      margin: 0;
      width: 100%;
   }
   .product-page .desctription-content .ui-tabs-nav {
      flex-wrap: wrap;
   }
   .product-page .desctription-content .ui-tabs-nav li {
      width: 100%;
   }
   .product-page .desctription-content .description-box {
      padding: 20px 10px 0px;
   }
   .product-box-wrapper h3 {
      font-size: 16px;
   }
   .product-page .align-right {
      margin: 20px 30px;
   }
   .btn {
      font-size: 16px;
      text-transform: uppercase;
      color: #fff;
      border: 0;
      outline: none;
      background-color: var(--orange-color);
      text-align: center;
      padding: 10px 20px;
   }
   /*============Category Page============*/
   .category-page .catalog-list .catalog-items{
      width: 100%;
      margin: 0 auto 30px;
   }
   .category-page .catalog-list .category-title{
      font-size: 16px;
   }
}

@media screen  and (max-width: 400px){
   .product-page .desctription-content .common-info {
      flex-direction: column;
   }
}

.flex{
	display: flex;
}

.align-items-center{
	align-items: center;
}

.align-items-start{
	align-items: flex-start;
}

.gap-10{
	gap: 10px;
}

.m-0{
	margin:0 !important;
}

.mb-3{
	margin-bottom: 3em;
}