html, body {
	 padding: 0;
	 margin: 0;
	 font-family: "Raleway", sans-serif;
	 background-color: black;
}
/* * {
	 border: 1px solid red;
}
 */
 img {
	 max-width: 100%;
}
 ul, p, h2, h1, h3 {
	 display: block;
	 list-style-type: disc;
	 margin-block-start: 0;
	 margin-block-end: 0;
	 margin-inline-start: 0px;
	 margin-inline-end: 0px;
	 padding-inline-start: 0px;
	 unicode-bidi: isolate;
}
 li {
	 list-style-type: none;
}
 a {
	 text-decoration: none;
}
 h2, h1 {
	 font-size: 48px;
	 font-weight: 600;
	 color: white;
}
 p {
	 font-size: 16px;
	 font-weight: 500;
	 color: white;
	 line-height: 180%;
}
 input {
	 padding-block: 0;
	 padding-inline: 0;
}
 @keyframes mymove {
	 from {
		 opacity: 0;
	}
	 to {
		 opacity: 1;
	}
}
 .gallery-show {
	 position: fixed;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100vh;
	 background-color: rgba(0, 0, 0, .5);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 transition: 0.3s all;
	 visibility: hidden;
	 opacity: 0;
}
 .gallery-show .main-image {
	 height: 90%;
	 width: auto;
}
 .gallery-show .gallery-show-arrow {
	 position: absolute;
	 left: 50%;
	 z-index: 99;
	 opacity: 0.7;
	 transition: 0.3s all ease;
	 cursor: pointer;
}
 .gallery-show .gallery-show-arrow-prev {
	 left: 30%;
}
 .gallery-show .gallery-show-arrow:hover {
	 opacity: 1;
}
 .gallery-show .gallery-show-arrow-next {
	 left: 69%;
	 transform: rotate(180deg);
}
 .first-screen {
	 position: fixed;
	 z-index: 999;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100vh;
	 background: black;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .first-screen .image {
	 position: relative;
	 animation: mymove 2s linear;
}
 .img-load {
	 position: fixed;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100vh;
	 background: rgba(0, 0, 0, .5);
	 display: none;
	 align-items: center;
	 justify-content: center;
}
 .img-load img {
	 filter: grayscale(1);
}
 .btn {
	 padding: 15px 0;
	 text-transform: uppercase;
	 font-size: 16px;
	 font-weight: 600;
	 border-radius: 15px;
	 transition: 0.3s all;
	 will-change: bottom;
	 transform-origin: center center;
	 color: white;
	 text-align: center;
	 opacity: 0.7;
}
 .btn-send {
	 background-color: #b5b4b4;
	 border-radius: 5px;
	 color: white;
	 text-transform: capitalize;
	 font-weight: 600;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 opacity: 0.7;
	 cursor: pointer;
	 transition: 0.3s all;
}
 .btn:hover {
	 opacity: 1;
}
 span {
	 font-size: 14px;
	 font-weight: 600;
	 color: white;
	 text-transform: uppercase;
}
 .content {
	 max-width: 1120px;
	 margin: 0 auto;
}
 header {
	 width: 100%;
}
 header .content {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 padding: 22.5px 0;
}
 header .content nav ul {
	 display: flex;
	 align-items: center;
}
 header .content nav ul li {
	 margin: 0 22.5px;
}
 header .content nav ul li a {
	 color: rgba(255, 255, 255, .7);
	 transition: 0.3s all ease;
}
 header .content nav ul li a:hover {
	 color: white;
}
 header .content nav ul li.menu-item-active a {
	 color: white;
}
 header .content .burger {
	 display: none;
	 width: 25px;
	 height: 20px;
	 position: relative;
	 border: 1px solid transparent;
	 transition: 0.3s all ease;
}
 header .content .burger span {
	 height: 1px;
	 width: 100%;
	 position: absolute;
	 left: 0;
	 transition: 0.3s all ease;
	 background-color: white;
}
 header .content .burger span:nth-child(1) {
	 top: 0;
}
 header .content .burger span:nth-child(2) {
	 top: 9px;
}
 header .content .burger span:nth-child(3) {
	 bottom: 0;
}
 .slick-arrow {
	 display: none !important;
}
 .order-popup {
	 position: fixed;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100vh;
	 background-color: rgba(0, 0, 0, .5);
	 display: flex;
	 align-items: center;
	 opacity: 0;
	 visibility: hidden;
	 transition: 0.3s all ease;
	 justify-content: center;
}
 .order-popup .body {
	 padding: 70px;
	 width: 40%;
	 background-color: white;
}
 .order-popup .body .order-popup-form {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 margin-top: 40px;
}
 .order-popup .body h2 {
	 color: black;
	 font-size: 35px;
}
 .order-popup .body input {
	 margin-bottom: 15px;
	 padding: 15px;
	 width: calc(48.5% - 30px);
	 outline: none;
	 background-color: transparent;
	 border: 1px solid rgba(0, 0, 0, .7);
	 color: rgba(0, 0, 0, .7);
}
 .order-popup .body .btn-send {
	 padding: 15px 50px;
	 margin-top: 45px;
}
 .order-popup .body input[name=user-phone], .order-popup .body input[name=user-comment] {
	 width: calc(100% - 30px);
}
 .order-popup .body input:focus {
	 border: 1px solid rgba(0, 0, 0, 1);
	 color: black;
}
 .order-popup .body input::placeholder {
	 transition: 0.3s all ease;
	 font-weight: 600;
	 color: 1px solid rgba(0, 0, 0, .7);
}
 .order-popup .body input:focus::placeholder {
	 color: rgba(0, 0, 0, .7);
}
 .order-popup .body input:-webkit-autofill {
	 transition: all 5000s ease-in-out 0s;
}
 main .home-baner {
	 width: 95%;
	 margin: 0 auto;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
	 background-repeat: no-repeat;
	 background-size: cover;
	 border-radius: 25px;
}
 main .home-baner img {
	 padding: 225px 0;
}
 main .home-baner h2 {
	 margin-top: 210px;
}
 main .home-baner p {
	 color: white;
	 font-size: 16px;
	 font-weight: 600;
	 margin-bottom: 85px;
	 margin-top: 40px;
}
 main .home-baner img {
	 max-width: 100%;
}
 main .baner {
	 padding: 90px 0;
}
 main .about-page {
	 margin-top: 100px;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
}
 main .about-page img {
	 margin-top: 35px;
	 filter: grayscale(1);
	 cursor: pointer;
	 transition: 0.3s all ease;
}
 main .about-page img:hover {
	 transform: scale(1.03) !important;
}
 main .about-page p {
	 text-align: left;
	 margin-top: 40px;
	 margin-bottom: 40px;
}
 main .about-page h2 {
	 text-align: center;
	 margin-top: 70px;
}
 main .about-page .about-galary {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
}
 main .about-page .about-galary img {
	 width: 48.5%;
}
 main .home-slider {
	 position: relative;
}
 main .home-slider .slick-dots {
	 display: flex;
	 position: relative;
	 bottom: 55px;
	 align-items: center;
	 justify-content: center;
}
 main .home-slider .slick-dots li {
	 margin: 0 10px;
}
 main .home-slider .slick-dots li button {
	 width: 15px;
	 height: 15px;
	 border-radius: 15px;
	 border: 1px solid black;
	 transition: 0.3s all;
	 color: transparent;
	 background-color: transparent;
}
 main .home-slider .slick-dots .slick-active button {
	 background-color: black;
}
 main .our-mission {
	 padding: 90px 0;
}
 main .our-mission .content .top {
	 display: flex;
	 width: 100%;
	 justify-content: space-between;
	 align-items: flex-end;
}
 main .our-mission .content .top p {
	 width: 70%;
	 position: relative;
	 top: 20px;
}
 main .our-mission .content .icons {
	 width: 100%;
	 margin-top: 120px;
	 display: flex;
	 justify-content: space-between;
}
 main .our-mission .content .icons .icon-item {
	 padding: 10px;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
}
 main .our-mission .content .icons .icon-item img {
	 width: 45px;
}
 main .our-mission .content .icons .icon-item span {
	 margin-top: 30px;
	 text-align: center;
}
 main .products {
	 width: 100%;
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: flex-start;
}
 main .products .product {
	 width: 19%;
	 margin:.625%;
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-top: 10px;
	 background-color: white;
	 overflow: hidden;
}
main .products .product:first-child{
    margin-left:0;
}
main .products .product:nth-child(6){
    margin-left:0;
}
main .products .product:nth-child(5){
   margin-right:0;
}
main .products .product:nth-child(10){
    margin-right:0;
}
 main .products .product img {
	 width: 110%;
	 will-change: scale;
	 transform-origin: center center;
	 transition: 0.3s all ease;
}
 main .products .product p {
	 position: absolute;
	 bottom: 20px;
	 color: black;
	 font-size: 24px;
}
 main .products .product .btn {
	 position: absolute;
	 width: 50%;
	 opacity: 0;
	 visibility: hidden;
	 bottom: 110px;
	 background-color: black;
	 box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
}
 main .products .product:hover img {
	 transform: scale(1.05);
}
 main .products .product:hover .btn {
	 bottom: 120px;
	 visibility: visible;
	 opacity: 1;
}
 main .about-block .content {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
}
 main .about-block .content h2 {
	 margin-top: 220px;
}
 main .about-block .content p {
	 margin-top: 130px;
	 text-align: center;
}
 main .about-block .content .btn {
	 margin-top: 85px;
	 background-color: #6c6a6a;
	 padding-right: 25px;
	 padding-left: 25px;
	 margin-bottom: 150px;
}
 main .faq {
	 padding: 150px 0;
}
 main .faq .content {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
}
 main .faq .content .icons {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
	 width: 40%;
}
 main .faq .content .icons .icon {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
	 margin-top: 45px;
}
 main .faq .content .icons .icon span {
	 margin-top: 25px;
	 text-transform: capitalize;
}
 main .faq .content .faq-content {
	 width: 50%;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
}
 main .faq .content .faq-content h2 {
	 margin-bottom: 10px;
	 font-size: 30px;
}
 main .faq .content .faq-content .faq-item {
	 width: calc(100% - 40px);
	 padding: 20px;
	 margin-top: 15px;
	 background-color: rgba(0, 0, 0, .5);
}
 main .faq .content .faq-content .faq-item .title {
	 width: 100%;
	 display: flex;
	 justify-content: space-between;
	 cursor: pointer;
	 opacity: 0.6;
	 transition: 0.3s all ease;
}
 main .faq .content .faq-content .faq-item .title h3 {
	 color: white;
	 font-size: 12px;
}
 main .faq .content .faq-content .faq-item .title img {
	 width: 13px;
	 height: 13px;
	 transition: 0.3s all;
}
 main .faq .content .faq-content .faq-item .title:hover {
	 opacity: 1;
}
 main .faq .content .faq-content .faq-item .body {
	 display: none;
}
 main .faq .content .faq-content .faq-item .body p {
	 font-size: 12px;
	 margin-top: 20px;
}
 main .faq .content .faq-content .faq-item.slide-open .title {
	 opacity: 1 !important;
}
 main .faq .content .faq-content .faq-item.slide-open .title img {
	 transform: rotate(45deg);
}
 main .contact-page {
	 margin-top: 90px;
}
 main .contact-page .content {
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-start;
	 align-items: flex-start;
}
 main .contact-page .content h2 {
	 display: flex;
	 flex-direction: column;
	 color: white;
	 text-transform: uppercase;
	 font-size: 35px;
}
 main .contact-page .content h2:after {
	 content: '';
	 width: 55px;
	 height: 2px;
	 background-color: white;
	 margin-top: 15px;
}
 main .contact-page .content .left {
	 width: 50%;
}
 main .contact-page .content .left .form {
	 margin-top: 15px;
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 justify-content: space-between;
}
 main .contact-page .content .left .form input {
	 width: calc(49% - 30px);
	 margin-top: 15px;
	 padding: 20px 15px;
	 background-color: transparent;
	 border: 1px solid rgba(255, 255, 255, .7);
	 transition: 0.3s all ease;
	 outline: none;
	 color: rgba(255, 255, 255, .7);
}
 main .contact-page .content .left .form input[name=user-phone], main .contact-page .content .left .form input[name=user-message] {
	 width: calc(100% - 30px);
}
 main .contact-page .content .left .form input:focus {
	 border: 1px solid rgba(255, 255, 255, 1);
	 color: white;
}
 main .contact-page .content .left .form input::placeholder {
	 transition: 0.3s all ease;
	 font-weight: 600;
	 color: rgba(255, 255, 255, .7);
}
 main .contact-page .content .left .form input:focus::placeholder {
	 color: white;
}
 main .contact-page .content .left .form input:-webkit-autofill {
	 transition: all 5000s ease-in-out 0s;
}
 main .contact-page .content .left .form .btn-send {
	 width: 40%;
	 margin-top: 15px;
}
 main .contact-page .content .right {
	 width: 40%;
	 margin-left: 50px;
}
 main .contact-page .content .right h2 {
	 margin-bottom: 15px;
}
 main .contact-page .content .right .contact-item {
	 margin-top: 25px;
	 display: flex;
	 align-items: center;
}
 main .contact-page .content .right .contact-item span, main .contact-page .content .right .contact-item a {
	 margin-left: 10px;
	 font-size: 14px;
	 font-weight: 600;
	 color: rgba(255, 255, 255, .7);
}
 main .contact-page .content .right p {
	 margin-top: 40px;
	 font-size: 14px;
	 font-weight: 600;
	 color: rgba(255, 255, 255, .7);
}
 main .blog {
	 margin-top: 60px;
}
 main .blog .content {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
}
 main .blog .content .new {
	 margin-top: 120px;
	 width: 100%;
	 border-bottom: 1px solid rgba(255, 255, 255, .7);
	 padding-bottom: 50px;
	 transition: 0.3s all ease;
}
 main .blog .content .new h2 {
	 text-align: center;
	 margin-bottom: 50px;
	 color: rgba(255, 255, 255, .7);
	 transition: 0.3s all ease;
}
 main .blog .content .new img {
	 margin-bottom: 50px;
	 transition: 0.3s all ease;
}
 main .blog .content .new p {
	 color: rgba(255, 255, 255, .7);
	 transition: 0.3s all ease;
}
 main .blog .content .pagination {
	 align-self: flex-start;
	 margin-top: 50px;
}
 main .blog .content .pagination a {
	 border: 1px solid rgba(255, 255, 255, .7);
	 color: rgba(255, 255, 255, .7);
	 margin: 0 5px;
	 padding: 10px;
	 font-weight: 600;
	 transition: 0.3s all ease;
}
 main .blog .content .pagination a:hover {
	 color: white;
	 border: 1px solid white;
}
 main .blog .content .pagination a:first-child {
	 margin-left: 0;
}
 main .blog .content .new:hover {
	 border-color: white;
}
 main .blog .content .new:hover h2, main .blog .content .new:hover p {
	 color: white;
}
 main .blog .content .new:hover img {
	 transform: scale(1.03);
}
 main .new .content h2 {
	 font-size: 36px;
	 text-align: center;
}
 main .new .content img, main .new .content p, main .new .content h2 {
	 margin-top: 60px;
}
 main .product-page {
	 margin-top: 90px;
}
 main .product-page .content .top {
	 justify-content: flex-start;
	 display: flex;
	 align-items: flex-start;
}
 main .product-page .content .top .product-galary {
	 width: 60%;
}
 main .product-page .content .top .product-galary .main-image{
         max-height: 672px;
    overflow: hidden;
 }
 main .product-page .content .top .product-galary img {
	 max-width: 100%;
	 cursor: pointer;
}
 main .product-page .content .top .product-galary .thumbnail-list:hover img {
	 opacity: 0.7;
}
 main .product-page .content .top .product-galary .thumbnail-list {
	 margin-top: 30px;
	 display: flex;
	 align-items: center;
	 justify-content: flex-start;
}
 main .product-page .content .top .product-galary .thumbnail-list img {
	 width: 40px;
	 margin-left: 10px;
	 transition: 0.3s all;
	 will-change: scale;
	 transform-origin: center center;
}
 main .product-page .content .top .product-galary .thumbnail-list img:hover {
	 transform: scale(1.1);
	 opacity: 1 !important;
}
 main .product-page .content .top .product-galary .thumbnail-list img:first-child {
	 margin-left: 0;
}
 main .product-page .content .top .chars {
	 width: 35%;
	 margin-left: 30px;
}
 main .product-page .content .top .chars h2 {
	 letter-spacing: 3px;
}
 main .product-page .content .top .chars p {
	 margin-top: 80px;
	 margin-bottom: 50px;
}
 main .product-page .content .top .chars .btn {
	 background-color: #8e8d8c;
	 cursor: pointer;
	 padding: 15px 50px;
	 border-radius: 0px;
	 width: max-content;
}
 main .product-page .content .top .chars .chars-list {
	 margin-top: 90px;
}
 main .product-page .content .top .chars .chars-list .item {
	 margin-top: 15px;
	 display: flex;
}
 main .product-page .content .top .chars .chars-list .item .title {
	 width: 40%;
	 color: rgba(255, 255, 255, .8);
	 font-weight: 600;
}
 main .product-page .content .top .chars .chars-list .item .value {
	 color: rgba(255, 255, 255, .6);
	 font-weight: 500;
	 margin-left: 30px;
}
 main .product-page .content .top .chars .chars-list .item:first-child {
	 margin-top: 0;
}
 main .product-page .content .product-page-description {
	 margin-top: 40px;
	 width: 100%;
}
 main .product-page .content .product-page-description .tabs {
	 width: 40%;
	 display: flex;
}
 main .product-page .content .product-page-description .tabs .tab {
	 align-items: center;
	 width: calc(50% - 30px);
	 background-color: white;
	 box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .2);
	 padding: 15px;
	 text-align: center;
	 font-weight: 600;
	 border: 1px solid rgba(0, 0, 0, .5);
	 text-transform: uppercase;
	 transition: 0.3s all ease;
	 cursor: pointer;
	 opacity: 0.89;
}
 main .product-page .content .product-page-description .tabs .tab.selected {
	 border-color: transparent;
	 opacity: 1;
	 box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .01);
}
 main .product-page .content .product-page-description .tabs .tab:hover {
	 opacity: 1;
}
 main .product-page .content .product-page-description .tab-content-wrap {
	 min-height: 280px;
	 width: calc(100% - 30px);
	 padding: 15px;
	 background-color: white;
}
 main .product-page .content .product-page-description .tab-content-wrap .tab-content {
	 display: none;
}
 main .product-page .content .product-page-description .tab-content-wrap .tab-content p, main .product-page .content .product-page-description .tab-content-wrap .tab-content h2 {
	 color: black;
}
 main .product-page .content .product-page-description .tab-content-wrap .tab-content.selected {
	 display: block;
}
 footer {
	 padding-top: 90px;
}
 footer .footer-content {
	 max-width: 1440px;
	 margin: 0 auto;
	 display: flex;
	 justify-content: space-between;
	 align-items: flex-start;
}
 footer .footer-content .left h2 {
	 font-size: 24px;
	 margin-left: 20px;
}
 footer .footer-content .left p {
	 opacity: 0.8;
	 margin-top: 30px;
	 margin-bottom: 90px;
	 margin-left: 20px;
}
 footer .footer-content .left img {
	 margin-left: 20px;
}
 footer .footer-content .left .footer-logo {
	 margin-top: 65px;
	 margin-bottom: 30px;
	 margin-left: 0;
}
 footer .footer-content .right {
	 display: flex;
}
 footer .footer-content .right h3 {
	 display: flex;
	 flex-direction: column;
	 color: white;
	 text-transform: uppercase;
	 font-size: 18px;
}
 footer .footer-content .right h3:after {
	 content: '';
	 width: 30px;
	 height: 2px;
	 background-color: white;
	 margin-top: 15px;
}
 footer .footer-content .right .footer-nav nav ul {
	 margin-top: 20px;
}
 footer .footer-content .right .footer-nav nav ul li {
	 margin: 15px 0;
}
 footer .footer-content .right .footer-nav nav ul li a {
	 color: white;
	 opacity: 0.7;
	 transition: 0.3s all ease;
	 font-weight: 500;
	 font-size: 14px;
}
 footer .footer-content .right .footer-nav nav ul li a:hover {
	 opacity: 1;
}
 footer .footer-content .right .footer-form {
	 margin-left: 50px;
}
 footer .footer-content .right .footer-form p {
	 opacity: 0.7;
	 margin-top: 20px;
	 font-size: 14px;
}
 footer .footer-content .right .footer-form .form-footer-content {
	 display: flex;
	 flex-wrap: wrap;
	 margin-top: 40px;
}
 footer .footer-content .right .footer-form .form-footer-content input {
	 outline: none;
	 padding: 20px;
	 background-color: #292929;
	 color: white;
	 border: none;
	 border-radius: 5px;
	 transition: 0.3s all ease;
	 border: 1px solid #292929;
}
 footer .footer-content .right .footer-form .form-footer-content input::placeholder {
	 color: rgba(255, 255, 255, .7);
}
 footer .footer-content .right .footer-form .form-footer-content input:focus {
	 border: 1px solid #b5b4b4;
}
 footer .footer-content .right .footer-form .form-footer-content .btn {
	 background-color: #b5b4b4;
	 width: 27.5%;
	 margin-left: 3%;
	 border-radius: 5px;
	 color: black;
	 text-transform: capitalize;
	 font-weight: 600;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 opacity: 0.7;
	 cursor: pointer;
	 transition: 0.3s all;
}
 footer .footer-content .right .footer-form .form-footer-content .btn:hover {
	 opacity: 1;
}
 footer .footer-content .right .footer-form .form-footer-content input[name=user-contact] {
	 width: 60%;
}
 footer .footer-content .right .footer-form .form-footer-content input[name=user-text] {
	 margin-top: 15px;
	 width: calc(100% - 40px);
}
 footer .footer-content .right .footer-form .socials {
	 display: flex;
	 align-items: flex-start;
	 justify-content: flex-end;
	 margin-top: 50px;
	 padding-right: 20px;
}
 footer .footer-content .right .footer-form .socials a {
	 margin: 0 15px;
	 opacity: 0.7;
	 transition: 0.3s all;
}
 footer .footer-content .right .footer-form .socials a:hover {
	 opacity: 1;
}
 @media screen and (max-width: 1440px) {
	 footer .footer-content {
		 width: 95%;
		 margin: 0 auto;
	}
}
 @media screen and (max-width: 1200px) {
	 footer .footer-content .right {
		 width: 70%;
		 flex-direction: column;
	}
	 footer .footer-content .right .footer-form {
		 margin-left: 0;
		 margin-top: 20px;
	}
	 footer .footer-content .right .footer-form .form-footer-content .btn {
		 width: 30%;
	}
}
 @media screen and (max-width: 1140px) {
	 .content {
		 width: 95%;
		 max-width: 95%;
		 margin: 0 auto;
	}
	 main .products {
		 flex-wrap: wrap;
	}
	 main .products .product {
		 width: 32%;
	}
	 main .product-page .content .top .product-galary {
		 width: 55%;
	}
	 main .product-page .content .top .chars {
		 width: calc(45% - 30px);
	}
	 main .product-page .content .top .chars p {
		 margin-top: 30px;
		 margin-bottom: 30px;
	}
	 main .product-page .content .top .chars .chars-list {
		 margin-top: 30px;
	}
	 main .product-page .content .top .chars .chars-list .item .value {
		 margin-left: 10px;
	}
	 .order-popup .body {
		 width: 70%;
	}
}
 @media screen and (max-width: 1070px) {
	 footer .footer-content .right .footer-form .form-footer-content {
		 justify-content: space-between;
	}
	 footer .footer-content .right .footer-form .form-footer-content .btn {
		 width: 27%;
	}
}
 @media screen and (max-width: 870px) {
	 main .product-page .content .top {
		 flex-direction: column;
	}
	 main .product-page .content .top .product-galary {
		 width: 100%;
	}
	 main .product-page .content .top .chars {
		 width: 100%;
		 margin-left: 0;
		 margin-top: 30px;
	}
	 main .product-page .content .top .chars p {
		 margin-top: 30px;
		 margin-bottom: 30px;
	}
	 main .product-page .content .top .chars .chars-list {
		 margin-top: 30px;
	}
	 main .product-page .content .top .chars .chars-list .item .title {
		 width: 150px;
	}
	 main .product-page .content .top .chars .chars-list .item .value {
		 margin-left: 25px;
	}
	 footer .footer-content {
		 width: 95%;
		 margin: 0 auto;
		 flex-direction: column;
	}
	 footer .footer-content .right {
		 width: 100%;
		 flex-direction: column;
	}
	 footer .footer-content .right .footer-form {
		 margin-left: 0;
		 margin-top: 20px;
	}
}
 @media screen and (max-width: 690px) {
	 main .product-page .content .product-page-description .tabs {
		 width: 80%;
	}
}
 @media screen and (max-width: 630px) {
	 .gallery-show .main-image {
		 height: auto;
		 width: 90%;
	}
	 .order-popup .body {
		 width: calc(95% - 140px);
	}
}
 @media screen and (max-width: 600px) {
	 h1, h2 {
		 font-size: 24px;
	}
	 p, span, a {
		 font-size: 14px;
	}
	 .content {
		 width: 95%;
		 max-width: 95%;
		 margin: 0 auto;
	}
	 header .content {
		 position: relative;
	}
	 header .content nav {
		 display: none;
	}
	 header .content .burger {
		 display: block;
	}
	 header .content > a img {
		 width: 120px;
	}
	 header.active .content .burger {
		 border: 1px solid white;
	}
	 header.active .content .burger span:nth-child(2) {
		 opacity: 0;
	}
	 header.active .content .burger span:nth-child(1) {
		 transform: rotate(45deg);
		 width: 80%;
		 left: 8%;
		 top: 10px;
	}
	 header.active .content .burger span:nth-child(3) {
		 transform: rotate(-45deg);
		 width: 80%;
		 left: 8%;
		 bottom: 9px;
	}
	 header.active .content nav {
		 display: block;
		 position: absolute;
		 top: 95px;
		 left: 0;
		 width: 100%;
		 background-color: white;
	}
	 header.active .content nav ul {
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		 justify-content: center;
	}
	 header.active .content nav ul li {
		 margin: 10px 0;
		 width: 100%;
		 padding: 5px 0;
		 border-bottom: 1px solid rgba(0, 0, 0, .2);
	}
	 header.active .content nav ul li a {
		 padding: 5px;
		 color: black;
	}
	 header.active .content nav ul li:last-child {
		 border: none;
	}
	 main .home-baner {
		 width: 100%;
		 padding: 25px 0;
		 border-radius: 0;
		 background-size: cover;
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		 justify-content: center;
		 margin-bottom: 40px;
	}
	 main .home-baner img {
		 padding: 20px 0;
		 width: 90%;
		 margin: 0 auto;
	}
	 main .home-baner h2 {
		 margin-top: 30px;
		 text-align: center;
		 font-size: 24;
		 width: 90%;
	}
	 main .home-baner p {
		 padding-top: 20px;
		 width: 90%;
		 margin: 0 auto;
	}
	 main .baner {
		 padding: 40px 0;
	}
	 main .baner .content {
		 border-radius: 0;
	}
	 main .about-page {
		 margin-top: 40px;
	}
	 main .about-page p {
		 margin-top: 30px;
		 margin-bottom: 30px;
	}
	 main .about-page h2 {
		 margin-top: 30px;
	}
	 main .our-mission {
		 padding: 40px 0;
	}
	 main .our-mission .content .top {
		 flex-direction: column;
		 width: 100%;
	}
	 main .our-mission .content .top h2, main .our-mission .content .top p {
		 width: 100%;
	}
	 main .our-mission .content .top h2 {
		 text-align: center;
	}
	 main .our-mission .content .icons {
		 margin-top: 60px;
		 flex-direction: column;
	}
	 main .products {
		 width: 90%;
		 margin: 0 auto;
		 flex-direction: column;
	}
	 main .products .product {
		 width: 100%;
	}
	 main .about-block .content {
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		 justify-content: center;
	}
	 main .about-block .content h2 {
		 margin-top: 60px;
	}
	 main .about-block .content p {
		 margin-top: 40px;
		 text-align: center;
	}
	 main .about-block .content .btn {
		 margin-top: 25px;
		 background-color: #6c6a6a;
		 padding-right: 25px;
		 padding-left: 25px;
		 margin-bottom: 40px;
	}
	 main .faq {
		 padding: 40px 0;
	}
	 main .faq .content {
		 flex-direction: column;
	}
	 main .faq .content .icons {
		 width: 100%;
	}
	 main .faq .content .icons .icon {
		 width: 100%;
	}
	 main .faq .content .faq-content {
		 margin-top: 40px;
		 width: 100%;
	}
	 main .faq .content .faq-content .faq-item {
		 margin-top: 10px;
		 width: calc(100% - 40px);
	}
	 main .contact-page .content {
		 flex-direction: column;
	}
	 main .contact-page .content .right {
		 width: 100%;
		 margin-left: 0;
		 margin-top: 40px;
	}
	 main .contact-page .content .left {
		 width: 100%;
	}
	 main .product-page .content .top .chars {
		 display: flex;
		 flex-wrap: wrap;
		 align-items: center;
		 justify-content: space-between;
	}
	 main .product-page .content .top .chars h2 {
		 width: 100%;
	}
	 main .product-page .content .top .chars .btn {
		 position: relative;
	}
	 footer {
		 padding-top: 40px;
	}
	 footer .footer-content {
		 display: flex;
		 flex-direction: column;
		 width: 90%;
		 margin: 0 auto;
	}
	 footer .footer-content .left p, footer .footer-content .left h2, footer .footer-content .left img {
		 margin-left: 0;
	}
	 footer .footer-content .left p {
		 margin-bottom: 30px;
	}
	 footer .footer-content .left .footer-logo {
		 margin-top: 30px;
	}
	 footer .footer-content .right {
		 margin-top: 20px;
		 flex-direction: column;
	}
	 footer .footer-content .right .footer-form {
		 margin-left: 0;
		 margin-top: 20px;
	}
	 footer .footer-content .right .footer-form .form-footer-content {
		 margin-top: 20px;
		 justify-content: space-between;
	}
	 footer .footer-content .right .footer-form .form-footer-content input[name=user-contact] {
		 width: 54.5%;
	}
	 footer .footer-content .right .footer-form .form-footer-content .btn {
		 width: 27%;
	}
	 footer .footer-content .right .footer-form .socials {
		 justify-content: center;
		 padding-bottom: 30px;
		 margin-top: 30px;
	}
}
 @media screen and (max-width: 420px) {
	 .order-popup .body {
		 width: calc(95% - 40px);
		 padding: 20px;
	}
	 .order-popup .body input {
		 width: calc(100% - 30px);
	}
	 .order-popup .body .btn {
		 width: 100%;
	}
}