body {
     font-family: 'Noto Serif', serif;
     font-weight: 400;
     color: #666;
     font-size: 12px;
     line-height: 20px;
     width: 100%;
     overflow-x: hidden;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: #444;
 }
 /* default font size */
 
 .fa {
     font-size: 14px;
 }
 /* Override the bootstrap defaults */
 
 h1 {
     font-size: 33px;
 }
 
 h2 {
     font-size: 27px;
 }
 
 h3 {
     font-size: 21px;
 }
 
 h4 {
     font-size: 15px;
 }
 
 h5 {
     font-size: 12px;
 }
 
 h6 {
     font-size: 10.2px;
 }
 
 a {
     color: #23a1d1;
 }
 
 a:hover {
     text-decoration: none;
 }
 
 legend {
     font-size: 18px;
     padding: 7px 0px
 }
 
 label {
     font-size: 12px;
     font-weight: normal;
 }
 
 select.form-control,
 textarea.form-control,
 input[type="text"].form-control,
 input[type="password"].form-control,
 input[type="datetime"].form-control,
 input[type="datetime-local"].form-control,
 input[type="date"].form-control,
 input[type="month"].form-control,
 input[type="time"].form-control,
 input[type="week"].form-control,
 input[type="number"].form-control,
 input[type="email"].form-control,
 input[type="url"].form-control,
 input[type="search"].form-control,
 input[type="tel"].form-control,
 input[type="color"].form-control {
     font-size: 12px;
 }
 
 .input-group input,
 .input-group select,
 .input-group .dropdown-menu,
 .input-group .popover {
     font-size: 12px;
 }
 
 .input-group .input-group-addon {
     font-size: 12px;
     height: 30px;
     background-color: #F5D820;
     color: #fff;
     border: 1px solid #F5D820;
 }
 
 .row {
     align-items: center;
 }
 /* Fix some bootstrap issues */
 
 span.hidden-xs,
 span.hidden-sm,
 span.hidden-md,
 span.hidden-lg {
     display: inline;
 }
 
 .nav-tabs {
     margin-bottom: 15px;
 }
 
 div.required .control-label:before {
     content: '* ';
     color: #F00;
     font-weight: bold;
 }
 /* Gradent to all drop down menus */
 
 .dropdown-menu li>a:hover {
     text-decoration: none;
     color: #ffffff;
     background-color: #229ac8;
     background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
     background-repeat: repeat-x;
 }
 /* top */
 
 #top {
     background-color: #EEEEEE;
     border-bottom: 1px solid #e2e2e2;
     padding: 4px 0px 3px 0;
     margin: 0 0 20px 0;
     min-height: 40px;
 }
 
 #top .container {
     padding: 0 20px;
 }
 
 #top #form-currency .currency-select,
 #top #form-language .language-select {
     text-align: left;
 }
 
 #top #form-currency .currency-select:hover,
 #top #form-language .language-select:hover {
     text-shadow: none;
     color: #ffffff;
     background-color: #229ac8;
     background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
     background-repeat: repeat-x;
 }
 
 #top .btn-link,
 #top-links li,
 #top-links a {
     color: #888;
     text-shadow: 0 1px 0 #FFF;
     text-decoration: none;
 }
 
 #top .btn-link:hover,
 #top-links a:hover {
     color: #444;
 }
 
 #top-links .dropdown-menu a {
     text-shadow: none;
 }
 
 #top-links .dropdown-menu a:hover {
     color: #FFF;
 }
 
 #top .btn-link strong {
     font-size: 14px;
     line-height: 14px;
 }
 
 #top-links {
     padding-top: 6px;
 }
 
 #top-links a+a {
     margin-left: 15px;
 }
 /* logo */
 
 #logo {
     padding: 15px 0px 15px 10px;
     border-left: 1px solid #FF9C0A;
 }
 
 .social-nav {
     display: flex;
     list-style: none;
     padding-inline-start: 0px;
     justify-content: center
 }
 
 .social-nav li>a>img {
     padding: 8px;
 }
 
 .fotter-logo img {
     margin: 10px auto;
     width: 80%;
 }
 /* search */
 
 #search {
     margin-bottom: 10px;
 }
 
 #search i {
     position: absolute;
     top: 13px;
     left: 20px;
     z-index: 9;
 }
 
 #search .input-lg {
     height: 40px;
     line-height: 20px;
     padding: 0 54px;
     border-radius: 5px 0px 0px 5px;
 }
 
 #search .btn-lg {
     font-size: 15px;
     line-height: 18px;
     padding: 10px 35px;
     text-shadow: 0 1px 0 #FFF;
 }
 /* cart */
 
 header {
     background-color: #171822;
 }
 
 #cart {
     width: 29%;
 }
 
 #cart>.btn {
     font-size: 12px;
     line-height: 18px;
     color: #FFF;
 }
 
 #cart.open>.btn {
     background-image: none;
     background-color: #FFFFFF;
     border: 1px solid #E6E6E6;
     color: #666;
     box-shadow: none;
     text-shadow: none;
 }
 
 #cart.open>.btn:hover {
     color: #444;
 }
 
 #cart .dropdown-menu {
     background: #eee;
     z-index: 1001;
 }
 
 #cart .dropdown-menu {
     min-width: 100%;
 }
 
 .cat_desc {
     height: 160px;
     overflow: hidden;
 }
 
 .cat_desc.active {
     height: 100%;
 }
 
 .cat_desc p {
     font-size: 14px;
 }
 
 .cat_desc ol {
     font-size: 14px;
 }
 
 @media (max-width: 478px) {
     #cart .dropdown-menu {
         width: 100%;
     }
     #owl-caterogy .owl-item:hover {
         transform: scale(1)!important;
     }
     #owl-caterogy .owl-item a>h4 {
         opacity: 1!important;
     }
     .grid-item {
         width: 100%!important;
     }
     .ocf-offcanvas-body {
         margin-top: 50px;
     }
     #headingOne a {
         display: none!important;
     }
     .modal-content {
         padding: 60px 20px 20px 20px!important;
     }
     .modal-dialog {
         margin-top: 100px!important;
     }
     .selected-options {
         display: none!important;
     }
 }
 
 #cart .dropdown-menu table {
     margin-bottom: 10px;
 }
 
 #cart .dropdown-menu li>div {
     min-width: 427px;
     padding: 0 10px;
 }
 
 @media (max-width: 478px) {
     #cart .dropdown-menu li>div {
         min-width: 100%;
     }
     .circle-small {
         margin: 0 10px!important;
         margin-left: -20px!important;
     }
 }
 
 #cart .dropdown-menu li p {
     margin: 20px 0;
 }
 /* menu */
 
 #menu {
     min-height: 40px;
     width: -webkit-fill-available;
 }
 
 .navbar {
     margin-bottom: 0!important;
 }
 
 .navbar-collapse {
     padding: 0px;
 }
 
 .m-pd-10 {
     padding: 20px 0px!important;
 }
 
 #menu .nav>li>a {
     color: #FF9C0A;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     width: 130px;
     min-height: 15px;
     margin-right: -1px;
     background-color: transparent;
     border-left: 1px solid #FF9C0A;
     border-right: 1px solid #FF9C0A;
     letter-spacing: 2px;
     text-align: center;
     padding: 0;
     line-height: 1.5;
     padding: 11px 0px;
 }
 
 header .col-sm-10 {
     padding: 0!important;
 }
 
 #menu .nav>li>a:hover,
 #menu .nav>li.open>a {
     background-color: #424242;
     color: #fff;
 }
 
 #menu .dropdown-menu {
     padding-bottom: 0;
 }
 
 #menu .dropdown-inner {
     display: table;
 }
 
 #menu .dropdown-inner ul {
     display: table-cell;
 }
 
 #menu .dropdown-inner a {
     min-width: 160px;
     display: block;
     padding: 3px 20px;
     clear: both;
     line-height: 20px;
     color: #333333;
     font-size: 12px;
 }
 
 #menu .dropdown-inner li a:hover {
     color: #FFFFFF;
 }
 
 #menu .see-all {
     display: block;
     margin-top: 0.5em;
     border-top: 1px solid #DDD;
     padding: 3px 20px;
     -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
     border-radius: 0 0 3px 3px;
     font-size: 12px;
 }
 
 #menu .see-all:hover,
 #menu .see-all:focus {
     text-decoration: none;
     color: #ffffff;
     background-color: #229ac8;
     background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
     background-repeat: repeat-x;
 }
 
 #menu #category {
     float: left;
     padding-left: 15px;
     font-size: 16px;
     font-weight: 700;
     line-height: 40px;
     color: #fff;
     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
 }
 
 #menu .btn-navbar {
     font-size: 15px;
     font-stretch: expanded;
     color: #FFF;
     padding: 2px 18px;
     float: right;
     background-color: #229ac8;
     background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
     background-repeat: repeat-x;
     border-color: #1f90bb #1f90bb #145e7a;
 }
 
 #menu .btn-navbar:hover,
 #menu .btn-navbar:focus,
 #menu .btn-navbar:active,
 #menu .btn-navbar.disabled,
 #menu .btn-navbar[disabled] {
     color: #ffffff;
     background-color: #229ac8;
 }
 
 @media (min-width: 768px) {
     #menu .dropdown:hover .dropdown-menu {
         display: block;
     }
     .navbar-nav {
         float: left;
         margin: 0;
         display: flex;
         align-items: center;
     }
 }
 
 @media (max-width: 767px) {
     #menu {
         border-radius: 4px;
     }
     #logo img {
         width: 30%;
     }
     .flex-progress .progress {
         width: 356px!important;
     }
     .qc-flex #payment-address {
         width: 100%;
     }
     .qc-flex #terms {
         width: 100%;
     }
     .qc-flex {
         display: block!important;
     }
     .qc-flex .terms {
         width: 100%;
         float: none!important;
     }
     .quickcheckout-content .col-sm-6 {
         width: 100%;
         padding: 0 5px!important;
     }
     .text-right {
         text-align: left;
     }
     .hidden-xs {
         display: none!important;
     }
     #menu div.dropdown-inner>ul.list-unstyled {
         display: block;
     }
     #menu div.dropdown-menu {
         margin-left: 0 !important;
         padding-bottom: 10px;
         background-color: rgba(0, 0, 0, 0.1);
     }
     #menu .dropdown-inner {
         display: block;
     }
     #menu .dropdown-inner a {
         width: 100%;
         color: #fff;
     }
     #menu .dropdown-menu a:hover,
     #menu .dropdown-menu ul li a:hover {
         background: rgba(0, 0, 0, 0.1);
     }
     #menu .see-all {
         margin-top: 0;
         border: none;
         border-radius: 0;
         color: #fff;
     }
     header .col-sm-2 {
         padding: 0!important;
     }
     #menu .nav>li>a {
         width: 100%;
     }
     #product-category #column-left {
         display: none;
     }
     .flexxx {
         display: block!important;
     }
     #menu .nav>li>a {
         padding: 10px 0px !important;
     }
     .flex-con {
         display: block!important;
         text-align: center;
     }
     .flex-con img {
         margin-bottom: 20px;
     }
     .ast-adres {
         padding: 10px 0px!important;
         text-align: center!important;
         justify-content: center!important;
     }
     .mos-adres {
         padding: 10px 0px!important;
         text-align: center!important;
         justify-content: center!important;
     }
     .revealator-delay1 {
         width: 100%!important
     }
     .revealator-delay12 {
         width: 100%!important
     }
     .bg-yellow {
         display: none;
     }
     .header-text {
         text-align: center;
     }
 }
 /* content */
 
 #content {
     margin: 0px auto;
     background: #fff;
 }
 /* footer */
 
 footer {
     padding-top: 30px;
     background-color: #171822;
     border-top: 1px solid #ddd;
     color: #e2e2e2;
 }
 
 footer hr {
     border-top: none;
     border-bottom: 1px solid #666;
 }
 
 footer a {
     color: #ccc;
 }
 
 footer a:hover {
     color: #fff;
 }
 
 footer h3 {
     font-family: 'Noto Serif', serif;
     font-weight: bold;
     color: #FF9C0A;
     margin-top: 10px;
 }
 
 footer ul>li {
     line-height: 2.5;
     font-size: 14px!important;
 }
 
 .footer-menu ul {
     list-style: none;
     display: flex;
     align-items: center;
     justify-content: center;
     padding-inline-start: 0px;
 }
 
 .footer-menu ul>li {
     padding: 12px 18px;
 }
 
 .footer-menu ul>li>a {
     color: #FF9C0A;
 }
 
 .footer-menu ul>li>a:hover {
     color: #fff;
 }
 
 footer hr {
     margin-bottom: 0px;
 }
 /* alert */
 
 .alert {
     padding: 8px 14px 8px 14px;
 }
 /* breadcrumb */
 
 .breadcrumb {
     margin: 0 0 20px 0;
     padding: 8px 0;
     border: 1px solid #ddd;
 }
 
 .breadcrumb i {
     font-size: 15px;
 }
 
 .breadcrumb>li {
     text-shadow: 0 1px 0 #FFF;
     padding: 0 20px;
     position: relative;
     white-space: nowrap;
 }
 
 .breadcrumb>li+li:before {
     content: '';
     padding: 0;
 }
 
 .breadcrumb>li:after {
     content: '';
     display: block;
     position: absolute;
     top: -3px;
     right: -5px;
     width: 26px;
     height: 26px;
     border-right: 1px solid #DDD;
     border-bottom: 1px solid #DDD;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }
 
 .pagination {
     margin: 0;
 }
 /* buttons */
 
 .buttons {
     margin: 1em 0;
 }
 
 .btn {
     padding: 7.5px 12px;
     font-size: 12px;
     border: 1px solid #cccccc;
     border-radius: 4px;
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
 }
 
 .btn-xs {
     font-size: 12px;
 }
 
 .btn-sm {
     font-size: 10.2px;
 }
 
 .btn-lg {
     padding: 22px 16px;
     font-size: 12px;
     text-shadow: none!important;
     color: #000;
 }
 
 .btn-group>.btn,
 .btn-group>.dropdown-menu,
 .btn-group>.popover {
     font-size: 12px;
 }
 
 .btn-group>.btn-xs {
     font-size: 9px;
 }
 
 .btn-group>.btn-sm {
     font-size: 10.2px;
 }
 
 .btn-group>.btn-lg {
     font-size: 15px;
 }
 
 .btn-default {
     color: #000;
     background-color: #F5D820;
     background-image: linear-gradient(to bottom, #F5D820, #F5D820);
     background-repeat: repeat-x;
     border-color: #F5D820 #F5D820 #F5D820 #F5D820;
     text-shadow: 0!important;
 }
 
 .btn-primary {
     color: #000;
     text-shadow: 0!important;
     background-color: #F5D820;
     background-image: linear-gradient(to bottom, #F5D820, #F5D820);
     background-repeat: repeat-x;
     border-color: #F5D820 #F5D820 #F5D820;
 }
 
 .btn-primary:hover,
 .btn-primary:active,
 .btn-primary:focus,
 .btn-primary.active,
 .btn-primary.disabled,
 .btn-primary[disabled] {
     background-color: #F5D820!important;
     background-position: 0 -15px;
     border: 0!important;
     color: #000;
 }
 
 .btn-warning {
     color: #ffffff;
     text-shadow: 0 !important;
     background-color: #faa732;
     background-image: linear-gradient(to bottom, #fbb450, #f89406);
     background-repeat: repeat-x;
     border-color: #f89406 #f89406 #ad6704;
 }
 
 .btn-warning:hover,
 .btn-warning:active,
 .btn-warning.active,
 .btn-warning.disabled,
 .btn-warning[disabled] {
     box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
 }
 
 .btn-danger {
     color: #ffffff;
     text-shadow: 0 !important;
     background-color: #F5D820;
     background-image: linear-gradient(to bottom, #F5D820, #F5D820);
     background-repeat: repeat-x;
     border-color: #F5D820 #F5D820 #F5D820;
 }
 
 .btn-danger:hover,
 .btn-danger:active,
 .btn-danger.active,
 .btn-danger.disabled,
 .btn-danger[disabled] {
     box-shadow: 0!important;
 }
 
 .btn-success {
     color: #ffffff;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     background-color: #5bb75b;
     background-image: linear-gradient(to bottom, #62c462, #51a351);
     background-repeat: repeat-x;
     border-color: #51a351 #51a351 #387038;
 }
 
 .btn-success:hover,
 .btn-success:active,
 .btn-success.active,
 .btn-success.disabled,
 .btn-success[disabled] {
     box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
 }
 
 .btn-info {
     color: #ffffff;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     background-color: #df5c39;
     background-image: linear-gradient(to bottom, #e06342, #dc512c);
     background-repeat: repeat-x;
     border-color: #dc512c #dc512c #a2371a;
 }
 
 .btn-info:hover,
 .btn-info:active,
 .btn-info.active,
 .btn-info.disabled,
 .btn-info[disabled] {
     background-image: none;
     background-color: #df5c39;
 }
 
 .btn-link {
     border-color: rgba(0, 0, 0, 0);
     cursor: pointer;
     color: #23A1D1;
     border-radius: 0;
 }
 
 .btn-link,
 .btn-link:active,
 .btn-link[disabled] {
     background-color: rgba(0, 0, 0, 0);
     background-image: none;
     box-shadow: none;
 }
 
 .btn-inverse {
     color: #FF9C0A;
     background-color: transparent;
     border-top: 0;
     border-bottom: 0;
     border-right: 1px solid #FF9C0A;
     border-left: 0;
     border-radius: 0;
     font-weight: 400;
     font-size: 12px!important;
     text-transform: uppercase;
 }
 
 .btn-inverse:hover,
 .btn-inverse:active,
 .btn-inverse.active,
 .btn-inverse.disabled,
 .btn-inverse[disabled] {
     background-color: #424242;
     color: #fff;
 }
 /* list group */
 
 .list-group a {
     border: 1px solid #DDDDDD;
     color: #888888;
     padding: 8px 12px;
 }
 
 .list-group a.active,
 .list-group a.active:hover,
 .list-group a:hover {
     color: #444444;
     background: #eeeeee;
     border: 1px solid #DDDDDD;
     text-shadow: 0 1px 0 #FFF;
 }
 /* carousel */
 
 .carousel-caption {
     color: #FFFFFF;
     text-shadow: 0 1px 0 #000000;
 }
 
 .carousel-control .icon-prev:before {
     content: '\f053';
     font-family: FontAwesome;
 }
 
 .carousel-control .icon-next:before {
     content: '\f054';
     font-family: FontAwesome;
 }
 /* product list */
 
 .product-thumb {
     margin-bottom: 20px;
     overflow: auto;
 }
 
 .product-thumb .image {
     text-align: center;
     background-color: #EEEEEE;
     padding: 66px 30px;
     border-radius: 5px;
 }
 
 .product-thumb .image a {
     display: block;
 }
 
 .product-thumb .image a:hover {
     opacity: 1;
 }
 
 .product-thumb .image img {
     margin-left: auto;
     margin-right: auto;
 }
 
 .product-grid .product-thumb .image {
     float: none;
 }
 
 @media (min-width: 767px) {
     .product-list .product-thumb .image {
         float: left;
         padding: 0 15px;
     }
     .hidden-md {
         display: none;
     }
 }
 
 .hidden-md a {
     color: #fff;
     position: absolute;
     top: -45px;
     right: 60px;
 }
 
 .hidden-md a>i {
     font-size: 20px;
 }
 
 .product-thumb h4 {
     font-weight: bold;
 }
 
 .product-thumb .caption {
     padding: 0;
     display: flex;
     align-items: center;
     margin-top: 20px;
 }
 
 .product-thumb .caption a {
     width: 20%;
     text-align: center;
     background-color: #F5D820;
     padding: 10px 0px;
     font-size: 20px;
     border-radius: 5px;
     color: #fff;
 }
 
 .product-thumb .caption a:hover {
     color: #fff;
 }
 
 .product-thumb .caption h5 {
     width: 80%;
     padding-right: 20%;
     font-size: 14px;
     line-height: 1.3;
 }
 
 .bg-heading1 {
     position: relative;
     top: -120px;
     z-index: -1;
     left: -20px;
 }
 
 .product-list .product-thumb .caption {
     margin-left: 230px;
 }
 
 .menu-1200px {
     list-style: none;
     display: flex;
     align-items: center;
     padding-inline-start: 0px;
     margin-bottom: 0px;
 }
 
 .menus-1200px {
     border-left: 1px solid #FF9C0A;
     border-right: 1px solid #FF9C0A;
     border-top: 1px solid #FF9C0A;
     margin-right: -14px;
     margin-top: -1px;
 }
 
 .menu-1200px li:last-child {
     border-right: none!important;
 }
 
 .menu-1200px li {
     width: 16.6%;
     border-right: 1px solid #FF9C0A;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 10px;
 }
 
 .menu-1200px li>a {
     color: #FF9C0A;
     text-align: center;
 }
 
 .solcial-1200 {
     list-style: none;
     display: flex;
     align-items: center;
     padding-inline-start: 0px;
     margin-bottom: 0px;
     justify-content: center;
     position: absolute;
     left: 0;
     right: 23%;
 }
 
 .menus-1200px .col-sm-12 {
     padding: 0!important;
 }
 
 .solcial-1200 li {
     margin-left: 20px;
 }
 
 .solcial-1200 li>a>i {
     color: #FF9C0A;
     font-size: 22px;
 }
 
 @media (min-width: 1200px) {
     .menus-1200px {
         display: none!important;
     }
     .solcial-1200 {
         display: none!important;
     }
     #error-not-found {
         padding: 100px 0 50px 0!important;
     }
 }
 
 @media (max-width: 1200px) {
     .product-grid .product-thumb .caption {
         padding: 0 10px;
     }
     .flex-progress .progress {
         min-width: 98px;
     }
     #error-not-found {
         padding: 150px 0 50px 0;
     }
     #product-category {
         padding-top: 150px!important;
     }
     .slider-block {
         width: 87%!important;
     }
     #form123 button {
         right: 13%!important;
     }
     #common-home {
         padding-top: 150px!important;
     }
     #information-information {
         padding-top: 150px!important;
     }
     #news {
         padding-top: 150px!important;
     }
     #product-product {
         padding-top: 150px!important;
     }
     .bg-gray {
         padding-top: 150px!important;
     }
     #menu div.dropdown-inner>ul.list-unstyled {
         display: block;
     }
     .navbar-nav {
         display: none;
     }
     #menu div.dropdown-menu {
         margin-left: 0 !important;
         padding-bottom: 10px;
         background-color: rgba(0, 0, 0, 0.1);
     }
     #menu .dropdown-inner a {
         width: 100%;
         color: #fff;
     }
     #menu .dropdown-menu a:hover,
     #menu .dropdown-menu ul li a:hover {
         background: rgba(0, 0, 0, 0.1);
     }
     #menu .see-all {
         margin-top: 0;
         border: none;
         border-radius: 0;
         color: #fff;
     }
     header .col-sm-2 {
         padding: 0!important;
     }
     #menu .nav>li>a {
         width: auto;
     }
     #menu .nav>li>a {
         padding: 10px 0px !important;
     }
 }
 
 @media (max-width: 767px) {
     .product-list .product-thumb .caption {
         min-height: 0;
         margin-left: 0;
         padding: 0 10px;
     }
     #menu .btn-navbar {
         position: absolute;
         top: -55px;
         right: -1px;
     }
     .navbar-toggle i {
         font-size: 24px;
     }
     #menu {
         min-height: 0!important;
     }
     .hidden-md a {
         top: -42px;
         right: 80px;
     }
     #menu .btn-navbar {
         background-color: transparent!important;
         background-image: none!important;
         border: none!important;
         border-radius: 0px;
         box-shadow: none!important
     }
     .solcial-1200 {
         display: none!important;
     }
     .social-nav {}
     #common-home {
         padding-top: 100px!important;
     }
     #information-information {
         padding-top: 100px!important;
     }
     #form123 button {
         right: 7%!important;
     }
     #news {
         padding-top: 100px!important;
     }
     #product-product {
         padding-top: 100px!important;
     }
     .bg-gray {
         padding-top: 100px!important;
     }
     .navbar-nav {
         display: block;
     }
     .product-grid .product-thumb .caption {
         min-height: 0;
     }
     .bg-gray #content {
         padding: 20px 20px;
     }
     #headingOne1 {
         overflow-x: scroll;
     }
     .quickcheckout-content {
         overflow-x: scroll!important;
     }
 }
 
 .product-thumb .rating {
     padding-bottom: 10px;
 }
 
 .modal-dialog {
     margin-top: 100px;
 }
 
 .rating .fa-stack {
     font-size: 8px;
 }
 
 .flex-many .input-group {
     width: 50%;
 }
 
 .addPapiToCart {
     width: 50%;
 }
 
 .rating .fa-star-o {
     color: #999;
     font-size: 15px;
 }
 
 .rating .fa-star {
     color: #FC0;
     font-size: 15px;
 }
 
 .rating .fa-star+.fa-star-o {
     color: #E69500;
 }
 
 h2.price {
     margin: 0;
 }
 
 .product-thumb .price {
     color: #444;
 }
 
 .product-thumb .price-new {
     font-weight: 600;
 }
 
 .product-thumb .price-old {
     color: #999;
     text-decoration: line-through;
     margin-left: 10px;
 }
 
 .product-thumb .price-tax {
     color: #999;
     font-size: 12px;
     display: block;
 }
 
 .product-thumb .button-group {
     border-top: 1px solid #ddd;
     background-color: #eee;
     overflow: auto;
 }
 
 .product-list .product-thumb .button-group {
     border-left: 1px solid #ddd;
 }
 
 @media (max-width: 768px) {
     .product-list .product-thumb .button-group {
         border-left: none;
     }
 }
 
 .product-thumb .button-group button {
     width: 60%;
     border: none;
     display: inline-block;
     float: left;
     background-color: #eee;
     color: #888;
     line-height: 38px;
     font-weight: bold;
     text-align: center;
     text-transform: uppercase;
 }
 
 .product-thumb .button-group button+button {
     width: 20%;
     border-left: 1px solid #ddd;
 }
 
 .product-thumb .button-group button:hover {
     color: #444;
     background-color: #ddd;
     text-decoration: none;
     cursor: pointer;
 }
 
 @media (max-width: 1200px) {
     .product-thumb .button-group button,
     .product-thumb .button-group button+button {
         width: 33.33%;
     }
 }
 
 @media (max-width: 767px) {
     .product-thumb .button-group button,
     .product-thumb .button-group button+button {
         width: 33.33%;
     }
 }
 
 .thumbnails {
     overflow: auto;
     clear: both;
     list-style: none;
     padding: 0;
     margin: 0;
 }
 
 .thumbnails>li {
     margin-left: 20px;
 }
 
 .thumbnails {
     margin-left: -20px;
 }
 
 .thumbnails>img {
     width: 100%;
 }
 
 .image-additional a {
     margin-bottom: 20px;
     padding: 5px;
     display: block;
     border: 1px solid #ddd;
 }
 
 .image-additional {
     max-width: 78px;
 }
 
 .thumbnails .image-additional {
     float: left;
     margin-left: 20px;
 }
 
 @media (min-width: 1200px) {
     #content .col-lg-2:nth-child(6n+1),
     #content .col-lg-3:nth-child(4n+1),
     #content .col-lg-4:nth-child(3n+1),
     #content .col-lg-6:nth-child(2n+1) {
         clear: left;
     }
 }
 
 @media (min-width: 992px) and (max-width: 1199px) {
     #content .col-md-2:nth-child(6n+1),
     #content .col-md-3:nth-child(4n+1),
     #content .col-md-4:nth-child(3n+1),
     #content .col-md-6:nth-child(2n+1) {
         clear: left;
     }
 }
 
 @media (min-width: 768px) and (max-width: 991px) {
     #content .col-sm-2:nth-child(6n+1),
     #content .col-sm-3:nth-child(4n+1),
     #content .col-sm-4:nth-child(3n+1),
     #content .col-sm-6:nth-child(2n+1) {
         clear: left;
     }
 }
 /* fixed colum left + content + right*/
 
 @media (min-width: 768px) {
     #column-left .product-layout .col-md-3 {
         width: 100%;
     }
     #column-left+#content .product-layout .col-md-3 {
         width: 50%;
     }
     #column-left+#content+#column-right .product-layout .col-md-3 {
         width: 100%;
     }
     #content+#column-right .product-layout .col-md-3 {
         width: 100%;
     }
 }
 /* fixed product layouts used in left and right columns */
 
 #column-left .product-layout,
 #column-right .product-layout {
     width: 100%;
 }
 /* fixed mobile cart quantity input */
 
 .input-group .form-control[name^=quantity] {
     min-width: 50px;
 }
 /* Missing focus and border color to overwrite bootstrap */
 
 .btn-info:hover,
 .btn-info:active,
 .btn-info.active,
 .btn-info.disabled,
 .btn-info[disabled] {
     background-image: none;
     background-color: #df5c39;
 }
 /* fix oclabs */
 
 .alert-dismissable .close,
 .alert-dismissible .close {
     right: -1px;
 }
 
 .flex-menu {
     display: flex;
     align-items: center;
 }
 
 @media (max-width: 478px) {
     #block-1 {
         height: auto!important;
         background-image: none!important;
     }
     .slidersss {
         background-image: none!important;
         padding: 0px!important;
     }
     .slider-block {
         position: relative!important;
         bottom: auto!important;
         left: auto!important;
         width: 100%!important;
     }
     .header-text h1 {
         color: #000!important;
         margin-bottom: 0!important;
         max-width: 100%!important;
         margin-top: 50px;
     }
     .head-social ul {
         padding-inline-start: 0!important;
         padding: 20px 0px;
     }
     .d-flex {
         display: block!important;
     }
     #slideshow0 img {
         height: auto!important;
     }
     .swiper-viewport {
         position: relative;
     }
     .bg-halvb {
         display: none !important;
     }
     .maket img {
         width: 20%!important;
         margin-right: -10px;
     }
     .swiper-viewport {
         position: relative!important;
     }
     .head-social {
         position: relative!important;
         left: 0!important;
         padding: 10px!important;
         bottom: -8px!important;
         border: 0!important;
     }
     .hidden-md a {
         top: -45px;
         right: 60px;
     }
     #menu .btn-navbar {
         top: -80px;
         right: -1px;
     }
     .head-social ul {
         display: flex;
         justify-content: center;
         align-items: center;
     }
     #logo img {
         width: 60%!important;
     }
     .head-social {
         display: none !important;
     }
     .head-block-service {
         display: block!important;
         width: 100%!important;
         margin-bottom: 40px!important;
         margin-top: 20px!important;
     }
     .head-block-service .cher {
         width: 100%!important;
         min-height: 120px;
         background-size: cover!important;
         box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
         margin-bottom: 10px;
         text-align: left!important;
     }
     .head-block-service .sert {
         width: 100%!important;
         min-height: 120px;
         background-size: cover!important;
         box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
         margin-bottom: 10px;
         text-align: left!important;
     }
     .head-block-service .maket {
         width: 100%!important;
         min-height: 120px;
         background-size: cover!important;
         box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
         margin-bottom: 10px;
         background-position: center!important;
         text-align: left!important;
     }
     .left-block {
         text-align: center;
     }
     .swiper-viewport {
         height: auto!important;
         top: 15px!important;
         width: 100%!important;
     }
     .swiper-pager {
         display: none!important;
     }
     .masonry-block {
         margin-top: 20px!important;
     }
     .owl-next {
         right: 5px!important;
     }
     .owl-prev {
         left: 5px!important;
     }
     #owl-slider {
         padding: 0px 20px;
     }
     .footer-menu {
         display: none;
     }
     .bg-heading img {
         width: 100%!important;
     }
     .bg-heading1 img {
         width: 100%!important;
     }
     .bg-heading {
         top: -88px!important;
         left: 0px!important;
     }
     .bg-heading1 {
         top: -88px!important;
         left: 0px!important;
     }
     .product-block h2 {
         padding: 0px!important;
     }
     .product-block p {
         padding: 0px!important;
     }
     .like-header {
         padding: 60px 0px!important;
         background-size: cover;
         background-position: bottom right;
         position: relative;
     }
     .like-header h2 {
         position: absolute;
         bottom: 10px;
     }
     #owl-caterogy {
         margin-top: -20px!important;
     }
     .grid-item {
         margin: 5px 0px!important;
     }
     .fotter-logo img {
         width: 50%;
         margin-left: auto;
         margin-right: auto;
     }
     .social-nav li>a>img {
         padding: 10px;
         width: 100%;
         margin-left: auto;
         margin-right: auto;
     }
     .flex-menu {
         display: block!important;
     }
     #cart {
         width: 100%!important;
         border-left: 1px solid #FF9C0A;
         top: -2px;
     }
     #menu {
         min-height: 0!important;
     }
     #cart-total {
         left: 41%;
     }
     .navbar-toggle {
         margin-right: 0px!important;
         border-right: 1px solid #FF9C0A!important;
         border-left: 0!important;
         padding: 24px 14px!important;
     }
     .navbar-toggle i {
         font-size: 24px
     }
     #owl-slider .owl-item:nth-child(even) div {
         margin-top: 0px!important;
     }
     #owl-slider .owl-item {
         margin-top: 20px;
     }
     .product-thumb .image {
         margin-bottom: 10px;
     }
     .masonry-header {
         padding: 60px 0px!important;
         background-size: cover;
         background-position: bottom right;
         position: relative;
     }
     .masonry-header h2 {
         position: absolute;
         bottom: 10px;
     }
     .ocf-offcanvas-body {
         padding: 0px 10px;
     }
     #product-category {
         padding: 90px 20px 25px 20px!important;
     }
     #common-home {
         padding-top: 90px!important;
     }
     .details {
         display: block!important;
     }
     .details img {
         width: 100%!important;
     }
     .details-text {
         width: 100%!important;
     }
     .details-price {
         width: 100%!important;
     }
     .ocf-offcanvas .ocfilter-mobile-handle {
         top: auto!important;
         bottom: 50px;
     }
     .blockq-btn {
         display: block!important;
     }
     .imagess {
         margin-bottom: 10px;
     }
     #product-product {
         padding-top: 90px!important;
     }
     .infinity-news {
         height: 420px!important;
     }
 }
 
 .ocfilter-option label.ocf-selected {
     color: #000!important;
     font-weight: 600
 }
 
 #product-category {
     padding-top: 100px;
 }
 
 .head-block-service h3 {
     font-weight: 600;
     color: #171822;
 }
 
 .news-text {
     color: #000!important;
 }
 
 .left-block h1 {
     color: #09147C;
     font-family: "Roboto", Sans-serif;
     font-weight: 800;
     font-size: 36px;
 }
 
 .left-block p {
     color: #434343;
     font-weight: normal;
     font-family: 'Noto Serif', serif;
 }
 
 .head-block-service {
     display: flex;
     width: 100%;
 }
 
 .head-block-service .cher {
     width: 193.2px;
     height: 113px;
     background-color: #fff;
     padding: 10px 20px;
     background-position: center;
     background-size: 110% 110%;
     box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
     background-repeat: no-repeat;
     display: flex!important;
     align-items: center;
     justify-content: space-between
 }
 
 .head-block-service .sert {
     width: 193.2px;
     height: 113px;
     background-color: #fff;
     padding: 10px 20px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 110% 110%;
     box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
     display: flex!important;
     align-items: center;
     justify-content: space-between
 }
 
 .head-block-service .maket {
     width: 193.2px;
     height: 113px;
     background-color: #fff;
     padding: 10px 20px;
     background-position: center top;
     background-size: 100% 99%;
     box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
     background-repeat: no-repeat;
     z-index: 9;
     display: flex!important;
     align-items: center;
     justify-content: space-between
 }
 
 .sert img {
     height: 45.65px;
 }
 
 .maket img {
     width: 60%;
 }
 
 .cher img {
     height: 45.65px;
     margin-right: -10px;
 }
 
 .sert:hover {
     background-color: #f5d820;
 }
 
 .maket:hover {
     background-color: #f5d820;
 }
 
 .cher:hover {
     background-color: #f5d820;
 }
 
 .head-block-service h3 {
     margin-top: 0px;
     margin-bottom: 40px;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
 }
 
 .head-block-service a {
     border: 1px solid black;
     padding: 5px 10px;
     margin-bottom: 10px;
     color: black;
 }
 
 .header-text p {
     font-size: 18px;
 }
 
 .btn-activity {
     margin-top: 50px;
     padding: 15px 50px;
     font-size: 18px!important;
     background-color: #171822;
     color: #FF9C0A;
     border-radius: 10px;
     font-family: 'Roboto', sans-serif;
     font-weight: 600;
 }
 
 .btn-activity:hover {
     color: #FF9C0A;
 }
 
 .btn-gird-catalog {
     padding: 10px 20px;
     background-color: #fff;
     color: #000;
     border-radius: 10px;
     position: absolute;
     bottom: 10px;
     left: 10px;
     font-size: 12px;
     text-align: center;
 }
 
 .btn-gird-catalog:hover {
     background-color: #000;
     color: #FF9C0A;
 }
 
 .btn-gird-catalog:hover::after {
     content: "▶";
     color: #FF9C0A;
     margin-left: 10px;
 }
 
 .masonry-block {
     margin-top: 50px;
 }
 
 h2 {
     font-weight: 600;
     color: #000
 }
 
 .masonry-header {
     padding: 60px 30px;
     background-image: url(../../../../../image/catalog/G44.png);
     background-repeat: no-repeat;
 }
 
 .product-block {
     margin-top: 150px;
     position: relative;
 }
 
 .product-header {
     padding: 20px 30px;
     background-image: url(../../../../../image/catalog/G45.png);
     background-repeat: no-repeat;
 }
 
 .bg-heading {
     position: relative;
     top: -120px;
     z-index: -1;
     left: -20px;
 }
 
 .product-block h2 {
     padding-top: 0px;
     padding-left: 0px;
     font-weight: 600
 }
 
 .product-block p {
     padding-bottom: 25px;
     padding-left: 0px;
 }
 
 .product-thumb p {
     padding: 0px!important
 }
 
 #owl-slider .owl-item:nth-child(even) div {
     margin-top: 10px;
 }
 
 #owl-slider {
     margin-top: -100px;
     margin-bottom: 60px;
 }
 
 .owl-prev {
     width: 50px;
     height: 50px;
     position: absolute;
     top: 35%;
     left: -25px;
     background-color: rgba(255, 255, 255, 0.8)!important;
     border-radius: 50%;
     display: block !important;
     border: 1px solid #FF9C0A!important;
 }
 
 .owl-next {
     width: 50px;
     height: 50px;
     position: absolute;
     top: 35%;
     right: -25px;
     background-color: rgba(255, 255, 255, 0.8)!important;
     border-radius: 50%;
     display: block !important;
     border: 1px solid #FF9C0A!important;
 }
 
 .owl-prev span,
 .owl-next span {
     color: #000;
     font-size: 32px;
 }
 
 :focus {
     outline: none!important;
 }
 
 #owl-caterogy .owl-item a {
     background-color: #fff;
     text-align: center;
     color: #000;
 }
 
 #owl-caterogy .owl-item a>h4 {
     background-color: #fff;
     position: absolute;
     bottom: -10px;
     width: 100%;
     padding: 10px 0px;
     opacity: 0;
 }
 
 #owl-caterogy .owl-item:hover {
     transform: scale(1.2);
     z-index: 999999;
     transition: transform 0.2s ease-in;
     border-radius: 6px;
 }
 
 #owl-caterogy .owl-item:hover .caterogy-items1 {
     border-radius: 6px;
 }
 
 #owl-caterogy .owl-item:hover .caterogy-items2 {
     border-radius: 6px;
 }
 
 #owl-caterogy .owl-item:hover .caterogy-items3 {
     border-radius: 6px;
 }
 
 #owl-caterogy .owl-item:hover .caterogy-items4 {
     border-radius: 6px;
 }
 
 #owl-caterogy .owl-item:hover .caterogy-items5 {
     border-radius: 6px;
 }
 
 #owl-caterogy .owl-item:hover .caterogy-items6 {
     border-radius: 6px;
 }
 
 #owl-caterogy .owl-item:hover .caterogy-items7 {
     border-radius: 6px;
 }
 
 #owl-caterogy .owl-item:hover .caterogy-items8 {
     border-radius: 6px;
 }
 
 #owl-caterogy .owl-item:hover .caterogy-items9 {
     border-radius: 6px;
 }
 
 #owl-caterogy .owl-item:hover .caterogy-items10 {
     border-radius: 6px;
 }
 
 #owl-caterogy .owl-item:hover .caterogy-items11 {
     border-radius: 6px;
 }
 
 #owl-caterogy .owl-item:hover .caterogy-items12 {
     border-radius: 6px;
 }
 
 #owl-caterogy .owl-item:hover h4 {
     opacity: 1;
     transition: opacity 0.4s ease-in;
 }
 
 #owl-caterogy .owl-item {
     z-index: -1;
 }
 
 #owl-caterogy .owl-stage {
     height: 296px !important;
     margin-top: 40px;
 }
 
 .like-header {
     background-image: url(../../../../../image/catalog/G47.png);
     background-repeat: no-repeat;
     padding: 60px 20px;
 }
 
 .block-grid {
     display: block;
     height: 740px;
 }
 
 .block-grid .grid {
     display: grid;
     grid-gap: 10px;
     grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
     grid-auto-rows: 180px;
 }
 
 .block-grid .item img {
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: center;
     object-position: center;
     width: 100%;
     height: 100%;
 }
 
 .block-grid .item {
     background: #fff;
     height: 100%;
     width: 100%;
     overflow: hidden;
     position: relative;
 }
 
 .block-grid .item:nth-child(2) {
     grid-row-end: span 2;
 }
 
 .block-grid .item:nth-child(3) {
     grid-row-end: span 1;
 }
 
 .block-grid .item:nth-child(4) {
     grid-row-end: span 1;
 }
 
 .block-grid .item:nth-child(5) {
     grid-row-end: span 1;
 }
 
 .block-grid .item:nth-child(6) {
     grid-column-end: span 2;
 }
 
 .block-grid .item:nth-child(7) {
     grid-row-end: span 2;
 }
 
 .block-grid .item:nth-child(8) {
     grid-row-end: span 2;
 }
 
 .block-grid .item:nth-child(9) {
     grid-row-end: span 1;
 }
 
 .block-grid .item:nth-child(10) {
     grid-row-end: span 1;
 }
 
 .block-grid .item:nth-child(11) {
     grid-column-end: span 1;
 }
 
 .block-grid .item:nth-child(12) {
     grid-row-end: span 1;
 }
 
 .noUi-handle {
     background: #FF9C0A!important;
     box-shadow: none!important;
     border: 0!important;
     border-radius: 50%!important;
 }
 
 .noUi-horizontal .noUi-handle {
     width: 15px!important;
     height: 15px!important;
     left: -8px!important;
 }
 
 .noUi-horizontal {
     height: 5px!important;
 }
 
 .noUi-handle:after,
 .noUi-handle:before {
     left: 8px!important;
     background: transparent !important;
 }
 
 .noUi-connect {
     background: #FF9C0A!important;
 }
 
 .panel-default {
     background: #fff !important;
     border: 0!important;
     padding: 5px 0px;
 }
 
 .ocf-option-name {
     font-family: 'Roboto';
     font-size: 18px!important;
 }
 
 input[type="checkbox" i] {
     background-color: #000!important;
 }
 
 #ocfilter .panel-heading {
     display: none
 }
 
 .noUi-pips {
     display: none!important;
 }
 
 .flex-price {
     display: flex;
     align-items: center;
 }
 
 #price-to {
     border: 1px solid #eee;
     padding: 10px 15px;
     border-radius: 5px;
     position: absolute;
     right: 0;
     font-size: 14px;
 }
 
 #price-from {
     border: 1px solid #eee;
     padding: 10px 15px;
     border-radius: 5px;
     font-size: 14px;
 }
 
 .price-min-max {
     margin-top: -15px !important;
     padding-bottom: 50px;
 }
 
 .price-min-max span {
     border: 1px solid #eee;
     padding: 10px 15px;
     border-radius: 5px;
 }
 
 .ocf-option-name {
     margin-bottom: 0px!important;
     margin-top: 10px;
     border-top: 1px solid #eee;
     padding-top: 20px;
     font-weight: bold;
     color: #000;
 }
 
 .ocf-option-values {
     padding-top: 20px
 }
 
 .list-group-item {
     border: 0!important;
     padding-top: 0px !important;
     padding-bottom: 10px !important;
     padding-left: 0px !important;
     padding-right: 0px !important;
 }
 
 #scale-price {
     margin-top: 30px;
 }
 
 .noUi-connect {
     box-shadow: none!important;
 }
 
 .noUi-background {
     background: #dfdfdf!important;
     box-shadow: none!important;
 }
 
 #headingOne a {
     float: right;
     border: 0!important;
     padding: 0!important;
 }
 
 .plus-minus-toggle {
     cursor: pointer;
     height: 21px;
     position: relative;
     width: 21px;
 }
 
 .plus-minus-toggle:before,
 .plus-minus-toggle:after {
     background: #000;
     content: '';
     height: 2px;
     left: 0;
     position: absolute;
     top: 9px;
     width: 15px;
     transition: transform 500ms ease;
 }
 
 .plus-minus-toggle:after {
     transform-origin: center;
 }
 
 .plus-minus-toggle.collapsed:after {
     transform: rotate(90deg);
 }
 
 .plus-minus-toggle.collapsed:before {
     transform: rotate(180deg);
 }
 
 .list-group a.active,
 .list-group a.active:hover,
 .list-group a:hover {
     background: transparent!important;
     color: #000;
     text-shadow: none!important;
 }
 
 #grid-view {
     display: none;
 }
 
 #list-view {
     display: none;
 }
 
 .flex-slider-items {
     display: flex;
 }
 
 #left-value-5 {
     border: 1px solid #eee;
     padding: 10px 15px;
     border-radius: 5px;
     bottom: 10px;
     left: 0;
     font-weight: 400!important;
     font-size: 14px!important
 }
 
 .selected-options {
     min-height: 50px!important;
 }
 
 #right-value-5 {
     border: 1px solid #eee;
     padding: 10px 15px;
     border-radius: 5px;
     font-weight: 400!important;
     float: right;
     margin-top: -15px;
     font-size: 14px!important
 }
 
 .list-group-item {}
 
 .ocf-option-name:last-child {
     border-top: 0!important;
 }
 
 #common-home {
     padding-top: 100px;
 }
 
 .alert-success {
     position: fixed;
     bottom: 0!important;
 }
 
 blockquote h3 {
     margin-top: 0!important
 }
 
 .cart_header {
     font-family: "Roboto";
     margin-bottom: 20px;
 }
 
 .arrow {
     margin-right: 10px;
     display: inline-block;
     position: relative;
 }
 
 .arrow span {
     top: 8px;
     position: absolute;
     width: 0.75rem;
     height: 0.1rem;
     background-color: #F5D820;
     display: inline-block;
     transition: all 0.2s ease;
 }
 
 .arrow span:first-of-type {
     right: -10px;
     transform: rotate(45deg);
 }
 
 .arrow span:last-of-type {
     right: -15px;
     transform: rotate(-45deg);
 }
 
 .arrow.active span:first-of-type {
     transform: rotate(-45deg);
     background-color: #000;
 }
 
 .arrow.active span:last-of-type {
     transform: rotate(45deg);
     background-color: #000;
 }
 
 .arrow span:hover {
     background-color: #F5D820;
 }
 
 .btn-cart {
     border: 1px solid #F5D820;
     padding: 10px 15px;
     border-radius: 10px;
     color: #F5D820;
     text-transform: uppercase;
 }
 
 .btn-cart:hover,
 .btn-cart:focus {
     color: black;
     text-decoration: none!important;
 }
 
 .pro_name img {
     margin-right: 20px;
 }
 
 .pro_link_name {
     width: 150px;
     display: inline-block;
     margin: 0!important;
 }
 
 .table>tbody>tr>td,
 .table>tbody>tr>th,
 .table>tfoot>tr>td,
 .table>tfoot>tr>th,
 .table>thead>tr>td,
 .table>thead>tr>th {
     vertical-align: middle;
 }
 
 .des {
     display: flex;
     align-items: center;
     padding: 8px;
     border-left: 1px solid #ddd;
     border-right: 1px solid #ddd;
     box-shadow: 0px 3px 8px #ddd;
 }
 
 .des a {
     margin-right: 15px;
     min-width: 10%;
 }
 
 .des a>img {
     width: 100%
 }
 
 .pd-0 {
     padding: 0!important;
 }
 
 .btn-circle-pl {
     border-radius: 50%;
     background: transparent;
     border: 1px solid black;
     margin-left: 10px;
     font-size: 12px;
     color: black;
     padding: 3px 6px;
 }
 
 .btn-circle-pl:hover {
     background-color: #F5D820;
     border: 1px solid #F5D820;
 }
 
 .btn-circle-min {
     border-radius: 50%;
     background: transparent;
     border: 1px solid black;
     padding: 3px 6px;
     font-size: 12px!important;
     margin-right: 10px;
     color: black;
 }
 
 .btn-circle-min:hover {
     background-color: #F5D820;
     border: 1px solid #F5D820;
 }
 
 .btn_close {
     border: none!important;
     color: red;
     font-size: 18px;
     padding: 8px 10px!important;
 }
 
 .totals-price tr:first-child {
     display: block;
     float: right;
     margin-right: 20px;
 }
 
 .totals-price {
     float: right;
 }
 
 .totals-price tr {
     display: none;
 }
 
 .totals-price tr>td {
     border: none !important;
 }
 
 .quantity {
     max-width: 100px;
 }
 
 .quantity .form-control {
     border: none!important;
     box-shadow: none !important;
 }
 
 .qc-flex {
     display: flex;
     align-items: bottom;
 }
 
 #payment-address .quickcheckout-content {
     display: flex;
     align-items: center;
     border: none !important;
     padding: 0!important;
 }
 
 #payment-address {
     width: 80%;
 }
 
 #terms .quickcheckout-content {
     border: none !important;
     padding: 0 !important;
 }
 
 .control-label {
     display: none;
 }
 
 .quickcheckout-content {
     overflow-x: hidden;
     width: 100%;
 }
 
 .bg-gray {
     background-color: #E5E5E5
 }
 
 .cart-block-gray blockquote {
     border-color: #F5D820;
 }
 
 .progress {
     width: 150px;
     height: 150px;
     line-height: 150px;
     background: none;
     margin: 0 auto;
     box-shadow: none;
     position: relative;
 }
 
 .progress:after {
     content: "";
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 6px solid #95a5a5;
     position: absolute;
     top: 0;
     left: 0;
 }
 
 .progress>span {
     width: 50%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
 }
 
 .progress .progress-left {
     left: 0;
 }
 
 .progress .progress-bar {
     width: 100%;
     height: 100%;
     background: none;
     border-width: 6px;
     border-style: solid;
     position: absolute;
     top: 0;
 }
 
 .progress .progress-left .progress-bar {
     left: 100%;
     border-top-right-radius: 80px;
     border-bottom-right-radius: 80px;
     border-left: 0;
     -webkit-transform-origin: center left;
     transform-origin: center left;
 }
 
 .progress .progress-right {
     right: 0;
 }
 
 .progress .progress-right .progress-bar {
     left: -100%;
     border-top-left-radius: 83px;
     border-bottom-left-radius: 84px;
     border-right: 0;
     -webkit-transform-origin: center right;
     transform-origin: center right;
     animation: loading-1 1.8s linear forwards;
 }
 
 .progress .progress-value {
     width: 100%;
     height: 100%;
     font-size: 24px;
     color: #333;
     text-align: center;
     position: absolute;
 }
 
 .progress.blue .progress-bar {
     border-color: #049dff;
 }
 
 .progress.blue .progress-left .progress-bar {
     animation: loading-2 1.5s linear forwards 1.8s;
 }
 
 .progress.yellow .progress-bar {
     border-color: #fdba04;
 }
 
 .progress.yellow .progress-left .progress-bar {
     animation: loading-3 1s linear forwards 1.8s;
 }
 
 .progress.pink .progress-bar {
     border-color: #ed687c;
 }
 
 .progress.pink .progress-left .progress-bar {
     animation: loading-4 0.4s linear forwards 1.8s;
 }
 
 .progress.green .progress-bar {
     border-color: #1abc9c;
 }
 
 .progress.green .progress-left .progress-bar {
     animation: loading-5 1.2s linear forwards 1.8s;
 }
 
 @keyframes loading-1 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(180deg);
         transform: rotate(180deg);
     }
 }
 
 @keyframes loading-2 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(144deg);
         transform: rotate(144deg);
     }
 }
 
 @keyframes loading-3 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(90deg);
         transform: rotate(90deg);
     }
 }
 
 @keyframes loading-4 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(36deg);
         transform: rotate(36deg);
     }
 }
 
 @keyframes loading-5 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(126deg);
         transform: rotate(126deg);
     }
 }
 
 @media only screen and (max-width: 990px) {
     .progress {
         margin-bottom: 0px;
         max-width: 97px;
     }
     .block-grid .grid {
         grid-template-columns: 100%;
         grid-auto-rows: 150px;
     }
     .block-grid .item:nth-child(6) {
         grid-column-end: span 1;
     }
     .block-grid .item:nth-child(11) {
         grid-column-end: span 1;
     }
     .block-grid .item:nth-child(2) {
         grid-row-end: span 1;
     }
     .block-grid .item:nth-child(7) {
         grid-row-end: span 1;
     }
     .block-grid {
         height: 1920px
     }
 }
 
 .line-yellow {
     width: 120px;
     height: 3px;
     background-color: #FF9C0A;
     margin-top: 10px;
     margin-bottom: 20px;
 }
 
 .flex-progress:first-child {
     margin-top: 0!important;
 }
 
 .flex-progress:last-child {
     margin-bottom: 0!important;
 }
 
 .flex-progress {
     display: flex;
     align-items: center;
     margin: 5px 0px;
 }
 
 .mb-3 {
     margin-bottom: 20px;
 }
 
 .flex-progress .progress {
     width: 200px;
     height: 100px;
     max-height: 100px!important;
     max-width: 200px!important;
     line-height: 100px;
     margin-right: 20px;
 }
 
 .disabled {
     cursor: not-allowed!important;
 }
 
 #headingOne1 {
     text-align: center;
 }
 
 #exampleModal123 .modal-body {
     background: #fff;
     border-radius: 10px 10px 0px 0px;
     padding: 0px!important;
 }
 
 #exampleModal123 .modal-footer {
     background: #fff;
     border-radius: 0px 0px 10px 10px;
     text-align: center;
 }
 
 #exampleModal123 .close {
     position: absolute;
     right: 10px;
     top: 10px;
 }
 
 #exampleModal123 img {
     width: 100%;
 }
 
 #exampleModal123 .owl-prev {
     top: -13%!important;
     left: 0!important;
 }
 
 #exampleModal123 .owl-next {
     top: -13%!important;
     right: 0!important;
 }
 
 .row {
     align-items: center;
 }
 
 .carousel-indicators li {
     text-indent: 0;
     width: 20%;
     height: auto;
     opacity: 1;
 }
 
 .carousel-indicators li>img {
     width: 100%;
 }
 
 .carousel-indicators {
     margin: 0;
     position: relative;
 }
 
 @media (min-width: 992px) {
     .modal-lg,
     .modal-xl {
         max-width: 900px;
     }
 }
 
 #error-not-found {
     padding: 150px 0 50px 0;
 }
 
 @media (max-width: 992px) {
     #block-1 {
         height: auto!important;
         background-image: none!important;
     }
     .slidersss {
         background-image: url("../../../../../image/catalog/slider-bg.png");
         background-size: 100% 100%;
         padding: 10px;
     }
     .slider-block {
         position: absolute;
         bottom: 60px;
         left: 60px;
         width: 84%;
     }
     #form123 button {
         right:
     }
     .header-text h1 {
         color: #fff;
         margin-bottom: 0;
         max-width: 100%;
     }
     .head-social ul {
         padding-inline-start: 0!important;
         padding: 20px 0px;
     }
     .d-flex {
         display: block!important;
     }
     #slideshow0 img {
         height: auto!important;
     }
     .swiper-viewport {
         position: relative;
     }
     .bg-halvb {
         height: 100%!important;
         width: 100%!important;
     }
 }
 
 .modal-content {
     padding: 30px 80px;
 }
 
 .flex-many .how-many {
     width: 60%;
 }
 
 .fam-font {
     font-family: "Roboto";
     font-size: 18px;
     font-weight: bold;
     margin-top: 10px;
 }
 
 .modal-content h2 {
     color: #737373;
 }
 
 .modal-content ul>li {
     font-size: 14px;
 }
 
 .modal-content p {
     font-size: 14px;
 }
 
 .list-style-inner {
     padding-inline-start: 20px;
     list-style: square outside;
 }
 
 .flex-many {
     display: flex;
     align-items: center;
 }
 
 .box-info1 {
     background-color: #000;
     height: 160px;
     color: #fff;
     padding: 15px;
     display: flex;
     align-items: flex-end;
 }
 
 .box-info1 p {
     width: 90%;
     margin: 0;
 }
 
 .box-info1 i {
     float: right;
 }
 
 .box-info2 {
     background-color: #F5D820;
     height: 160px;
     color: #000;
     padding: 15px;
     display: flex;
     align-items: flex-end;
 }
 
 .box-info2 p {
     width: 90%;
     margin: 0;
 }
 
 .box-info2 i {
     float: right;
 }
 
 .box-info3 {
     background-color: #FF9C0A;
     height: 160px;
     color: #fff;
     padding: 15px;
     display: flex;
     align-items: flex-end;
 }
 
 .box-info3 p {
     width: 90%;
     margin: 0;
 }
 
 .box-info3 i {
     float: right;
     margin-bottom: 2px;
 }
 
 .box-info4 {
     background-color: #4F505C;
     height: 160px;
     color: #fff;
     padding: 15px;
     display: flex;
     align-items: flex-end;
 }
 
 .box-info4 p {
     width: 90%;
     margin: 0;
 }
 
 .box-info4 i {
     float: right;
     margin-bottom: 2px;
 }
 
 .box-info5 {
     background-color: #FF9C0A;
     height: 160px;
     color: #fff;
     padding: 15px;
     display: flex;
     align-items: flex-end;
 }
 
 .box-info5 p {
     width: 90%;
     margin: 0;
 }
 
 .box-info5 i {
     float: right;
 }
 
 .box-info6 {
     background-color: #424242;
     height: 160px;
     color: #fff;
     padding: 15px;
     display: flex;
     align-items: flex-end;
 }
 
 .box-info6 p {
     width: 90%;
     margin: 0;
 }
 
 .box-info6 i {
     float: right;
     margin-bottom: 3px;
 }
 
 .box-info7 {
     background-color: #F5D820;
     height: 160px;
     color: #fff;
     padding: 15px;
     display: flex;
     align-items: flex-end;
 }
 
 .box-info7 p {
     width: 90%;
     margin: 0;
 }
 
 .btn-red {
     width: 120px;
     height: 40px;
     background: #FF0000;
     border-radius: 0!important;
     border-color: #FF0000;
     color: #fff;
 }
 
 .btn-red:hover {
     color: #fff;
 }
 
 .box-info7 i {
     float: right;
 }
 
 .box-info8 {
     background-color: #171822;
     height: 160px;
     color: #fff;
     padding: 15px;
     display: flex;
     align-items: flex-end;
 }
 
 .box-info8 p {
     width: 90%;
     margin: 0;
 }
 
 .box-info8 i {
     float: right;
 }
 
 .box-info9 {
     background-color: #000;
     height: 160px;
     color: #fff;
     padding: 15px;
     display: flex;
     align-items: flex-end;
 }
 
 .box-info9 p {
     width: 90%;
     margin: 0;
 }
 
 .box-info9 i {
     float: right;
 }
 
 .mgb-30 {
     margin-bottom: 10px;
     padding-left: 5px;
     padding-right: 5px;
 }
 
 .pd-10 {
     padding: 0px 10px;
 }
 
 .ocfilter-option label {
     font-size: 14px!important;
 }
 
 .product-grid .product-thumb .image {
     cursor: pointer;
     height: 200px;
     display: flex;
     align-items: center;
     transition: box-shadow .3s;
     overflow: hidden;
     padding: 0 1px;
     background: #ffff;
 }
 
 .product-grid .product-thumb .image:hover {
     box-shadow: inset 0 0 11px rgba(0, 0, 0, .5);
 }
 
 .product-thumb .caption h5 {
     cursor: pointer;
 }
 
 .caterogy-items1 {
     height: 261px;
     background-image: url(../../../../../image/catalog/Rectangle73.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-color: #000;
 }
 
 .caterogy-items2 {
     height: 261px;
     background-image: url(../../../../../image/catalog/Rectangle64.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-color: #000;
 }
 
 .caterogy-items3 {
     height: 261px;
     background-image: url(../../../../../image/catalog/Rectangle65.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-color: #000;
 }
 
 .caterogy-items4 {
     height: 261px;
     background-image: url(../../../../../image/catalog/Rectangle66.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-color: #000;
 }
 
 .caterogy-items5 {
     height: 261px;
     background-image: url(../../../../../image/catalog/Rectangle136.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-color: #000;
 }
 
 .caterogy-items6 {
     height: 261px;
     background-image: url(../../../../../image/catalog/Rectangle137.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-color: #000;
 }
 
 .caterogy-items7 {
     height: 261px;
     background-image: url(../../../../../image/catalog/s1.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-color: #000;
 }
 
 .caterogy-items8 {
     height: 261px;
     background-image: url(../../../../../image/catalog/Rectangle139.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-color: #000;
 }
 
 .caterogy-items9 {
     height: 261px;
     background-image: url(../../../../../image/catalog/Rectangle148.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-color: #000;
 }
 
 .caterogy-items10 {
     height: 261px;
     background-image: url(../../../../../image/catalog/Rectangle149.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-color: #000;
 }
 
 .caterogy-items11 {
     height: 261px;
     background-image: url(../../../../../image/catalog/Rectangle150.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-color: #000;
 }
 
 .caterogy-items12 {
     height: 261px;
     background-image: url(../../../../../image/catalog/Rectangle151.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-color: #000;
 }
 /* Slow-motion Zoom Container */
 
 .img-hover-zoom--slowmo img {
     transition: transform .5s ease-in-out;
     box-shadow: 0px 2px 100px rgba(0, 0, 0, 0.3)
 }
 /* The Transformation */
 
 .img-hover-zoom--slowmo:hover img {
     transform: scale(1.5);
     filter: grayscale(1);
 }
 
 .img-hover-zoom--slowmo a:last-child {
     position: absolute;
     z-index: 9000;
     left: 5px;
     bottom: 5px;
     background-color: #fff;
     padding: 10px 10px;
     display: flex;
     justify-content: space-around;
     align-items: center;
     width: 150px;
     text-align: center;
     border-radius: 10px;
     color: #000;
     transition: transform .5s ease-in-out;
 }
 
 .img-hover-zoom--slowmo:hover a {
     background-color: #000;
     color: #FF9C0A;
 }
 
 .img-hover-zoom--slowmo:hover a::after {
     content: "▶";
     margin-left: 10px;
     font-size: 14px;
     transform: scale(1.2)
 }
 
 .thumb {
     background-color: transparent!important;
     border: none!important;
 }
 
 .thumb img {
     max-height: 74px;
 }
 
 .modal-content h2 {
     font-family: "Roboto";
     margin-bottom: 40px;
     margin-top: 0px!important;
 }
 
 .modal-content p {
     margin-bottom: 20px
 }
 
 .modal-content .price span {
     color: red;
     font-size: 36px;
 }
 
 .modal-content .owl-item img {
     height: 280px!important;
     width: 100%!important;
     margin: 0 auto;
 }
 
 .modal-content .price {
     margin-bottom: 10px;
 }
 
 .modal-content .owl-next {
     border: 0!important;
     right: 0!important;
 }
 
 .modal-content .owl-prev {
     border: 0!important;
     left: 0!important;
 }
 
 .how-many input {
     text-align: center;
     border-radius: 30px!important;
     border: 1px solid #E5E5E5;
 }
 
 .btn-number {
     background-color: transparent;
     border-radius: 50%;
     border: 1px solid #E5E5E5;
     margin: 0px 5px;
     padding: 1px 9px;
 }
 
 .btn-number i {
     padding-top: 7px;
 }
 
 .flex-many {
     margin-top: 30px;
 }
 
 #column-left {
     margin-bottom: 50px;
 }
 
 #news .product-thumb .image {
     padding: 0!important;
     background-color: transparent!important;
 }
 
 #news .product-thumb .caption {
     display: block;
 }
 
 #news .product-thumb .caption a {
     width: 100%;
     background-color: transparent!important;
     font-size: 24px;
     padding: auto!important;
     color: #000;
 }
 
 .showcase-list h1 {
     margin: 0;
 }
 
 #news .product-thumb .button-group button {
     width: auto!important;
 }
 
 #news .product-thumb .button-group {
     background-color: transparent;
     border: 0!important;
 }
 
 #news .btn-pd {
     padding: 5px 30px;
     color: #fff;
 }
 
 #news .btn-pd:hover {
     color: #000;
 }
 
 .right-last {
     display: flex;
     overflow: hidden;
 }
 
 .right-last .image {
     min-width: 120px;
     max-width: 120px;
     max-height: 120px;
     margin-right: 20px;
 }
 
 .right-last .image img {
     width: 100%;
     height: 100%
 }
 
 .right-last .caption h5 {
     font-size: 20px;
     width: 100%;
 }
 
 .right-last .caption {
     margin: 0;
 }
 
 .right-last .caption a {
     font-size: 14px!important;
 }
 
 .right-last .caption {
     margin-top: -5px;
 }
 
 .news-text p {
     color: #6d6d6d;
 }
 
 .news-text h1 {
     font-family: "Roboto";
     font-size: 24px!important;
     color: #000;
 }
 
 .news-text #tab-description p {
     color: #000;
     font-size: 16px!important;
 }
 
 .text-right {
     float: right;
 }
 
 .imagess {
     height: 281px;
     overflow: hidden;
     border-radius: 5px;
 }
 
 .f-fam h1 {
     font-family: "Roboto";
 }
 
 .news-page h4 {
     font-family: "Roboto";
 }
 
 .infinity-news {
     height: 565px;
     overflow-y: scroll;
 }
 
 #review {
     display: none;
 }
 
 .news-foto {
     max-height: 420px;
     display: flex;
     justify-content: center;
 }
 
 .news-foto li {
     max-height: 420px;
 }
 
 .news-foto li>img {
     height: 400px;
 }
 
 .imagess img {
     width: 100%;
 }
 
 .btn-default:active,
 .btn-default:hover {
     background: #F5D820!important;
     border-color: #F5D820!important;
     color: #000;
 }
 
 .news-text h1 {
     margin-top: 0px;
     margin-bottom: 27px;
 }
 
 #contact {
     padding: 150px 0 100px 0;
     background-color: #e5e5e5;
 }
 
 #contact .box-contact {
     border-radius: 5px;
 }
 
 #contact h2 {
     margin-left: 0!important;
 }
 
 .bg-yellow {
     border-radius: 0px 5px 5px 0;
 }
 
 .back {
     text-align: right;
 }
 
 .addthis_counter.addthis_pill_style {
     margin-left: 20px;
 }
 
 .news-page .product-layout {
     display: none;
 }
 
 .news-page .product-layout:first-child {
     display: block;
 }
 
 .btn-back {
     color: #000;
     font-size: 20px;
     cursor: pointer;
 }
 
 .btn-back:hover {
     color: #F5D820;
 }
 
 #owl-slider .product-thumb .image {
     height: 200px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: box-shadow .3s;
     padding: 0 1px;
     background: #fff;
 }
 
 #owl-slider .product-thumb .image:hover {
     box-shadow: inset 0 0 11px rgba(0, 0, 0, .5);
 }
 
 .box-contact {
     background-color: #fff;
     padding: 20px 20px 80px;
     position: relative;
 }
 
 .flex-con {
     display: flex;
     align-items: center;
     padding: 0px;
     margin: 20px 0px;
 }
 
 .flex-con img {
     width: 170px;
     height: 165px;
 }
 
 .ast-adres {
     display: flex;
     align-items: baseline;
     padding: 10px 0px 10px 30px;
 }
 
 .ast-adres i {
     color: #000;
     font-size: 18px;
 }
 
 .ast-adres a {
     color: #000;
 }
 
 .ast-adres p {
     margin: 0 10px;
     line-height: 1.3;
     font-size: 14px;
     color: #000;
 }
 
 .mos-adres {
     display: flex;
     align-items: center;
     padding: 10px 0px 10px 30px;
 }
 
 .mos-adres {
     color: #000;
 }
 
 .mos-adres p {
     margin: 0 10px;
     line-height: 1.3;
     font-size: 14px;
 }
 
 .mos-adres i {
     color: #000;
     font-size: 18px;
 }
 
 .mos-adres a {
     color: #000;
 }
 
 #form {
     background-color: #171822;
     padding: 30px 50px;
     border-radius: 5px;
 }
 
 #form input {
     margin: 10px 0px;
     border-top: 0;
     border-left: 0;
     border-right: 0;
     border-bottom: 1px solid white;
     background-color: transparent;
     padding: 10px;
     color: #fff;
 }
 
 .rev1 {
     width: 100%
 }
 
 .rev2 {
     width: 100%
 }
 
 .revealator-delay1 {
     width: 49%;
     margin-right: 1.3%;
 }
 
 .revealator-delay12 {
     width: 49%;
 }
 
 .tc-white {
     color: #fff!important;
 }
 
 .btn-submit {
     width: 100%;
     margin: 30px 0px;
     background-color: #F5D820;
     color: #000;
     border-color: transparent;
 }
 
 .box-contact h2 {
     font-family: "Roboto";
 }
 
 #form h3 {
     font-family: "Roboto";
 }
 
 #information-information {
     padding-top: 100px;
     padding-bottom: 50px;
 }
 
 #news {
     padding-top: 100px;
     padding-bottom: 100px;
 }
 
 .bg-yellow {
     background-color: #F5D820;
     width: 15%;
     position: absolute;
     height: 100%;
     right: 0;
     top: 0;
 }
 
 .box-pd {
     padding: 20px;
 }
 
 .box-pd h4 {
     font-weight: bold;
     font-family: "Roboto";
     font-size: 18px!important;
 }
 
 .flex-progress h4 {
     font-weight: bold;
     font-family: "Roboto";
     font-size: 18px!important;
 }
 
 .box-pd p {
     font-size: 14px!important;
 }
 
 .breadcrumb {
     display: none
 }
 
 .card-project {
     background: url(../../../../../image/catalog/Rectangle%20436.png);
     background-size: cover;
     background-repeat: no-repeat;
     margin: 10px 0px;
     padding: 20px;
     height: 320px;
     position: relative;
     border-radius: 3px;
 }
 
 .alert-success {
     display: none!important;
 }
 
 .mg-cardp {
     padding: 0 20px
 }
 
 .mg-cardp .col-sm-3 {
     padding-left: 10px;
     padding-right: 10px;
 }
 
 .project-text {
     position: absolute;
     bottom: 40px;
     color: #fff;
     left: 30px;
 }
 
 .link-img-p img {
     height: 280px;
 }
 
 .link-img-p img:hover {
     box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3);
     transform: scale(1.025);
     z-index: 999999;
     transition: transform 0.2s ease-in;
 }
 
 .paddd .col-sm-3 {
     padding-left: 10px;
     padding-right: 10px;
 }
 
 .project-text p {
     color: #fff;
 }
 
 .product-add-cart i {
     position: relative!important;
     top: auto!important;
     left: auto!important;
 }
 
 .project-text a {
     color: #F5D820;
 }
 
 .project-text a:hover {
     color: #F5D820;
 }
 
 .project-text p:first-child {
     font-size: 16px;
     font-family: "Roboto";
 }
 
 .bg-gray {
     background-color: #e5e5e5;
     padding: 100px 0px 50px 0px;
 }
 
 .headers blockquote {
     border-left: 9px solid #F5D820;
     font-weight: 800;
     color: #000;
     margin-left: 15px;
     font-family: "Roboto";
     font-size: 18px;
 }
 
 .last-c-blog a {
     color: #9d9d9d!important;
 }
 
 #product-search {
     padding-top: 100px;
     padding-bottom: 50px;
 }
 
 .owl-theme333 .owl-prev span {
     color: #fff!important;
 }
 
 .owl-theme333 .owl-next span {
     color: #fff!important;
 }
 
 .infinity-news .image {
     height: 81px;
     width: 100%;
     overflow: hidden;
     border-radius: 5px;
 }
 
 .infinity-news .image a>img {
     width: 100%;
     height: 81px;
     border-radius: 5px;
 }
 
 .infinity-news .caption p:first-child {
     font-size: 10px!important;
 }
 
 .infinity-news .caption p {
     margin-bottom: 6px!important;
 }
 
 .mt-3 {
     margin-top: 30px
 }
 
 .news-page .image {
     height: 208px;
     overflow: hidden;
 }
 
 .news-page .description {
     font-size: 16px!important;
     color: #000;
     margin-bottom: 43px;
 }
 
 .news-page .image img {
     width: 100%;
 }
 
 .flexxx {
     display: flex;
     align-items: center
 }
 
 .flexxx p {
     color: #000;
     font-size: 16px!important;
 }
 
 .owl-theme333 .owl-prev {
     top: 40%!important;
     left: -1px!important;
     border-radius: 0!important;
     border: 0!important;
     background: #F5D820!important;
 }
 
 .owl-theme333 .owl-next {
     top: 40%!important;
     right: -1px!important;
     border-radius: 0!important;
     border: 0!important;
     background: #F5D820!important;
 }
 
 .category-text {
     display: flex;
     align-items: center;
     margin-bottom: 20px;
     margin-top: 10px;
 }
 
 .category-text p {
     margin: 0;
     width: 90%;
     color: #000;
     font-weight: 600
 }
 
 .category-text a {
     background-color: #F5D820;
     font-size: 18px;
     padding: 12px 16px;
     color: #fff;
     border-radius: 6px;
 }
 
 .header-text h2 {
     font-family: "Roboto";
     margin-bottom: 30px;
     margin-left: 15px;
     color: #000;
 }
 
 .header-text h1 {
     font-family: "Roboto";
     margin-bottom: 16%;
     color: #fff;
     font-size: 35px;
     max-width: 530px;
 }
 
 .category-card {
     overflow: hidden;
 }
 
 .border-rd {
     display: -webkit-inline-box;
     width: 100%;
 }
 
 .category-card img {
     background-color: #d5cce0;
     width: auto;
     margin-left: -30%;
     height: 320px;
 }
 
 .det-info blockquote {
     color: #000;
     border-color: #F5D820;
     font-weight: 600;
     font-family: "Roboto";
 }
 
 .det-info p {
     color: #000;
     font-size: 16px;
 }
 
 .det-info h3 {
     font-size: 18px;
     color: #000;
     font-weight: 600;
     font-family: "Roboto";
 }
 
 .det-info ul {
     padding-inline-start: 20px!important;
     color: #000;
     list-style: square outside;
 }
 
 .det-info ul>li {
     font-size: 16px;
 }
 
 .header-det h3 {
     font-family: "Roboto";
     font-weight: 600;
     font-size: 18px;
     color: #000;
     margin-top: 40px;
     margin-bottom: 20px;
 }
 
 .details {
     display: flex;
     align-items: center;
     margin-bottom: 20px;
 }
 
 .details img {
     width: 280px;
     margin-right: 20px;
 }
 
 .details-text {
     width: 65%;
     padding-right: 30px;
 }
 
 .details-text h3 {
     font-family: "Roboto";
     font-weight: 600;
     font-size: 18px;
     color: #000;
     margin-bottom: 15px;
     margin-top: 10px;
 }
 
 .details-text p:last-child {
     color: #000;
     font-size: 14px;
 }
 
 .details-price {
     width: 15%;
     text-align: right;
 }
 
 .details-price span {
     width: 100%;
     color: #4F4F4F;
     border: 1px solid #C6C6C6;
     padding: 10px 30px;
     border-radius: 3px;
     font-size: 18px;
 }
 
 .det-total {
     display: flex;
     align-items: center;
     justify-content: flex-end;
 }
 
 .det-total p {
     font-size: 16px;
 }
 
 .det-total .details-price {
     width: 100%!important;
 }
 
 .blockq-btn {
     display: flex;
     align-items: center;
 }
 
 .blockq-btn blockquote {
     color: #000;
     border-color: #F5D820;
     font-weight: 600;
     font-family: "Roboto";
     width: 60%;
 }
 
 .blockq-btn p {
     font-size: 16px;
     margin-right: 53px;
 }
 
 .blockq-btn button {
     text-transform: uppercase;
     padding: 10px 31px;
 }
 
 header {
     position: fixed;
     width: 100%;
     z-index: 99999999999999;
 }
 
 #cart-total {
     background-color: #F5D820;
     position: absolute;
     padding: 0px 5px;
     border-radius: 50%;
     top: 13px;
     left: 33%;
     color: #000;
 }
 
 #cart button>i {
     font-size: 14px;
 }
 
 .close:focus,
 .close:hover {
     opacity: 1!important;
 }
 
 .close {
     background-color: #f5d820!important;
     padding: 5px 20px 5px 15px!important;
     opacity: 1;
     position: absolute;
     top: 10px;
     right: 0px;
     background-image: url(../../../../../image/catalog/close.png);
     background-size: 50%;
     background-repeat: no-repeat;
     background-position: center;
     width: 80px;
     height: 50px;
 }
 
 #block-1 {
     background-image: url("../../../../../image/catalog/slider-bg.png");
     background-size: 100% 100%;
     height: 80vh;
     padding: 10px;
     position: relative;
 }
 
 .slider-block {
     position: absolute;
     bottom: 0;
     z-index: 99999;
     bottom: 60px;
     left: 60px;
     width: 90%;
 }
 
 .slider-block {}
 
 #slideshow0 {
     z-index: 0;
 }
 
 #slideshow0 img {
     width: 100%;
     height: 77.5vh;
 }
 
 .bg-halvb {
     position: absolute;
     width: 98.3%;
     height: 77.5vh;
     background-color: rgba(0, 0, 0, .5);
     z-index: 9;
 }
 
 .d-flex {
     display: flex;
     align-items: flex-end;
 }
 
 .head-social ul {
     display: flex;
     list-style: none;
     margin-bottom: 0;
 }
 
 .head-social ul>li>a {
     color: #fff;
     font-size: 18.78px;
     margin-right: 37px;
 }
 
 .head-social ul>li:last-child a {
     margin-right: 0;
 }
 
 #owl-caterogy {
     margin-top: -50px
 }
 
 .textss {
     margin-bottom: 50px;
 }
 
 .textss h3 {
     color: #000;
 }
 
 .textss p {
     font-size: 14px;
     color: #000;
 }
 
 .textss ul>li {
     font-size: 14px;
     color: #000;
 }
 
 #form123 input {
     min-width: 280px;
     height: 50px;
     background-color: #424242;
     border-radius: 12px;
     border: none!important;
     padding-left: 52px;
 }
 
 #form123 input::placeholder {
     color: #fff;
 }
 
 .call-phones {
     position: absolute;
     width: 20px;
     height: 20px;
     bottom: 10%;
     left: 8%;
 }
 
 #form123 button {
     background-color: transparent;
     border: none !important;
     position: absolute;
     bottom: 10%;
     right: 28%;
 }
 
 #form123 button img {
     width: 20px;
     height: 20px;
 }
 
 .pagination {
     padding: 20px 0;
     width: 100%;
     border-top: 1px solid #c4c4c4
 }
 
 .pagination>.active>a,
 .pagination>.active>a:focus,
 .pagination>.active>a:hover,
 .pagination>.active>span,
 .pagination>.active>span:focus,
 .pagination>.active>span:hover {
     background-color: transparent !important;
     border: none!important;
     color: #000;
     font-weight: bold;
     font-size: 18px;
     font-family: "Roboto";
 }
 
 .pagination>li>a,
 .pagination>li>span {
     color: #9d9d9d;
     font-weight: bold;
     border: none!important;
     font-size: 18px;
     font-family: "Roboto";
     padding: 0 8px;
 }
 
 .pagination>li>a:focus,
 .pagination>li>a:hover,
 .pagination>li>span:focus,
 .pagination>li>span:hover {
     color: #000;
     background-color: transparent;
 }
 
 .pagination>li>a::after {
     content: "/";
     color: #000;
     font-weight: bold;
     font-size: 18px;
     font-family: "Roboto";
     margin-left: 15px;
 }
 
 .pagination>li>span::after {
     content: "/";
     color: #000;
     font-weight: bold;
     font-size: 18px;
     font-family: "Roboto";
     margin-left: 15px;
 }
 
 .category-group-item {
     font-family: Noto Serif;
     font-style: normal;
     font-weight: normal;
     font-size: 14px;
     line-height: 19px;
     display: flex;
     align-items: flex-start;
     margin-bottom: 10px;
     color: #4F505C;
 }
 
 .lvl_3 {
     padding: 0 0 0 20px;
     font-size: 13px;
 }
 
 .category-group-item span {
     width: 15px;
     height: 15px;
     border: 1px solid #888888;
     border-radius: 3px;
     margin-right: 10px;
     margin-top: 2px;
 }
 
 .category-group-item.active span {
     border: 1px solid #000;
     background-color: #000;
 }
 
 .category-group-item:hover span {
     border: 1px solid #000;
     background-color: #000
 }
 
 .category-group-item:hover {
     color: #000;
 }
 
 .header-text11 h1 {
     font-family: "Roboto";
     color: #000;
     margin-bottom: 30px;
     margin-left: 15px;
     font-size: 24px;
 }
 
 #product-product {
     padding-top: 100px;
     padding-bottom: 50px;
 }
 
 .owl-out .thumbs {
     display: flex;
     align-items: center;
 }
 
 .owl-out .thumb {
     width: 24%;
     padding: 5px;
 }
 
 .owl-out .thumb img {
     width: 100%;
     height: 100%;
 }
 
 .how-many input {
     font-size: 18px!important;
 }
 
 .circles-small {
     margin: 0 auto;
     text-align: center;
 }
 
 .circle-small {
     display: inline-block;
     position: relative;
     margin: 0 20px;
 }
 
 .circle-small svg {
     width: 120px;
     height: 120px;
 }
 
 .circle-small .bg {
     fill: none;
     stroke-width: 6px;
     stroke: #c4c4c4;
 }
 
 .circle-small .progress {
     fill: none;
     stroke-width: 6px;
     stroke: #F5D820;
     stroke-linecap: round;
     stroke-dasharray: 332.36;
     transform: rotate(-90deg);
     transform-origin: 50% 50%;
 }
 
 .circle-small .progress.one {
     stroke-dashoffset: 200;
     -webkit-animation: one 2.5s ease-in-out, appear 1s;
     animation: one 2.5s ease-in-out, appear 1s;
 }
 
 .circle-small .progress.two {
     stroke-dashoffset: 180;
     -webkit-animation: two 3.5s ease-in-out, appear 1s;
     animation: two 3.5s ease-in-out, appear 1s;
 }
 
 .circle-small .progress.three {
     stroke-dashoffset: 140;
     -webkit-animation: three 3.5s ease-in-out, appear 1s;
     animation: three 3.5s ease-in-out, appear 1s;
 }
 
 .circle-small .text {
     position: absolute;
     width: 100%;
     top: 40%;
     font-size: 24px;
     text-align: center;
     font-weight: bold;
     line-height: 1;
     font-family: "Roboto";
 }
 
 .circle-small .text .small {
     font-size: 12px;
     color: #fff;
 }
 
 @-webkit-keyframes one {
     from {
         stroke-dashoffset: 332.36;
     }
     to {
         stroke-dashoffset: 200;
     }
 }
 
 @keyframes one {
     from {
         stroke-dashoffset: 332.36;
     }
     to {
         stroke-dashoffset: 200;
     }
 }
 
 @-webkit-keyframes two {
     from {
         stroke-dashoffset: 332.36;
     }
     to {
         stroke-dashoffset: 180;
     }
 }
 
 @keyframes two {
     from {
         stroke-dashoffset: 332.36;
     }
     to {
         stroke-dashoffset: 180;
     }
 }
 
 @-webkit-keyframes three {
     from {
         stroke-dashoffset: 332.36;
     }
     to {
         stroke-dashoffset: 140;
     }
 }
 
 @keyframes three {
     from {
         stroke-dashoffset: 332.36;
     }
     to {
         stroke-dashoffset: 140;
     }
 }
 
 @-webkit-keyframes appear {
     0%,
     50% {
         opacity: 0;
     }
     100% {
         opacity: 1;
     }
 }
 
 @keyframes appear {
     0%,
     50% {
         opacity: 0;
     }
     100% {
         opacity: 1;
     }
 }
 
 .owl-dots .active {
     background: #fff!important;
 }
 
 .owl-dot {
     width: 23px;
     height: 5px;
     background: transparent!important;
     border: 1px solid #fff!important;
     z-index: 9999999999;
     margin-right: 5px
 }
 
 .owl-dots {
     position: absolute;
     bottom: 10px;
     z-index: 9999999999;
     width: 100%;
     text-align: center;
 }