.header-sticky.sticky,
.section,
html,
img {
  max-width:100%;
  height:auto;
}
.btn,
.form-control {
  border-radius:0
}
.copy--paste,
.main-menu>ul>li+li {
  margin-left:20px
}
.allproj-btn,
.blog-details .blockquote,
body {
  font-family:var(--font-1)
}
.filters-overlay,
.section,
html {
  overflow-x:hidden
}
:root {
  --color-1:#199649;
  --color-2:#6fa22c;
  --color-3:#323232;
  --color-4:#e7e8e8;
  --color-5:#002154;
  --font-1:'Inter', Helvetica, Arial, sans-serif
}
.btn-primary.disabled,
.btn-primary:disabled,
.copied {
  color:#fff
}
::-webkit-scrollbar {
  width:10px
}
::-webkit-scrollbar-track {
  background:#fff
}
::-webkit-scrollbar-thumb {
  background:var(--color-1)
}
::-webkit-scrollbar-thumb:hover {
  background:var(--color-3)
}
html {
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%
}
body {
  font-size:16px;
  line-height:1.3;
  direction:ltr;
  margin:0;
  overflow:initial!important
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance:none;
  margin:0
}
input[type=number] {
  -moz-appearance:textfield
}
.cta-top,
.footer-bottom,
.scroll-top {
  background-color:var(--color-3)
}
@media screen and (min-width:1200px) {
  .container-fluid {
    max-width:2000px;
    padding:0 5%
  }
}
@media screen and (min-width:1200px) and (max-width:1399px) {
  .container-fluid {
    max-width:100%;
    padding:0 3%
  }
}
.btn {
  padding:10px 30px
}
.add-to-wishlist-btns a:hover,
.btn-primary:focus,
.btn-primary:hover,
.lg-progress-bar .lg-progress {
  background-color:var(--color-1)
}
.button--m--1 {
  border:1px solid var(--color-1)
}
.button--m--1:hover {
  background-color:#fff;
  color:var(--color-1);
  border-color:var(--color-1)
}
.bg-light {
  background-color:var(--color-4)!important
}
/*.header-bottom {
  min-height:unset
}*/
.user-dropdown .dropdown-menu.show {
  top:80px!important;
  left:auto!important;
  right:0!important
}
.JF--row--nowrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.JF--row--wrap,
.cta-top .row,
.desc-schedule li {
  display:-webkit-box;
  display:-ms-flexbox
}
.JF--row--wrap {
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.JF--spacer {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.JF--acenter,
.home-aboutus-section .row,
.offcanvas-cart-content .cart-product-wrapper .single-cart-product,
.page-intro-text .row {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.JF--dir--column {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}
.bank--logo:not(:last-child),
.popup-row .popup-content .input-item,
.popup-row .popup-content h4,
.popup-row .popup-content input,
.popup-row .popup-content p {
  margin-bottom:20px
}
.page-intro-text .bank--logo img {
  width:110px;
  margin-right:20px
}
.bank--logo img+input {
  font-size:17px;
  min-width:285px;
  border:0;
  padding:0;
  margin:0;
  background-color:#fff0
}
.bank--logo img+input:focus {
  outline:0
}
.copy--paste {
  position:relative;
  width:45px;
  height:45px;
  border-radius:45px;
  border:1px solid rgb(0 0 0 / .1);
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  cursor:pointer
}
.allproj-btn:hover::after,
.mega-menu {
  width:100%
}
.copy--paste:hover {
  border-color:rgb(0 0 0 / .25);
  -webkit-transition:border-color .2s ease-in-out;
  -o-transition:border-color .2s ease-in-out;
  transition:border-color .2s ease-in-out
}
.copy--paste svg {
  width:25px;
  height:25px;
  pointer-events:none
}
.copied {
  position:absolute;
  top:8px;
  right:-100px;
  background-color:#000;
  font-size:13px;
  font-weight:300;
  padding:5px;
  border-radius:2px;
  -webkit-transform:translate(0,4px);
  -ms-transform:translate(0,4px);
  transform:translate(0,4px);
  opacity:0;
  visibility:hidden;
  -webkit-transition:opacity .2s ease-in-out,-webkit-transform .2s ease-out;
  transition:transform .2s ease-out,opacity .2s ease-in-out,-webkit-transform .2s ease-out;
  -o-transition:transform .2s ease-out,opacity .2s ease-in-out
}
.allproj-btn,
.product {
  position:relative
}
.copied--open {
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0);
  transform:translate(0,0);
  opacity:1;
  visibility:visible
}
.header-top {
  padding:10px 0;
  padding:0
}
.topbar-left .header-top-links {
  width:calc(100% + 40px)
}
.header-top-links a {
  font-size:16px;
  color:#fff;
  font-weight:300;
  margin-right:10px
}
.header-top-links .social-icon {
  font-size:18px;
  margin-right:15px
}
.header-top-links .social-icon:last-child {
  margin-right:0
}
.copyright-payments,
.topbar-right,
.topbar-right .header-top-links {
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end
}
.topbar-right .header-top-links a {
  margin-right:0;
  margin-left:10px
}
.copyright-payments svg,
.header-actions lord-icon {
  width:40px;
  height:40px
}
.mega-menu {
  padding:20px;
  left:0
}
.main-menu ul .has-children {
  position:static
}
.main-menu ul .has-children .sub-menu {
  position:absolute;
  top:100%;
  background:#fff;
  width:270px;
  padding:15px 20px 5px
}
.mega-menu>li .mega-menu-title {
  font-size:16px;
  padding-bottom:10px;
  margin-bottom:10px;
  display:block;
  line-height:1.3
}
.mega-menu>li .mega-menu-title+.mega-menu-title {
  margin-top:30px
}
.mega-menu>li .mega-menu-title::after,
.single-blog-category * {
  -webkit-transition:.4s ease-in-out;
  -o-transition:.4s ease-in-out;
  transition:.4s ease-in-out
}
.mega-menu>li .mega-menu-title:hover::after {
  width:80%
}
.main-menu ul .has-children .sub-menu li a,
.mega-menu>li>ul a {
  color:#000;
  font-size:16px;
  line-height:1.3;
  padding:0 0 10px;
  display:block
}
.mega-menu>li>ul {
  max-width:90%;
  margin-bottom:20px
}
.main-menu>ul>li>a {
  font-size:16px;
  line-height:1.3;
  letter-spacing:0;
  color:#000;
  font-weight:600
}
.mobile-menu-wrapper .contact-links a,
.single-footer-widget .widget-address li a,
.single-footer-widget .widget-list li a {
  color:#000
}
.JL--switcher>li:not(:last-child),
.cart-wishlist-btn .fpCartAlt,
.mobile-menu-wrapper .contact-links lord-icon,
.product_priceFrom {
  margin-right:10px
}
.mobile-menu-wrapper .widget-social {
  padding-left:10px
}
.mobile-menu-wrapper .widget-social a {
  color:#000;
  font-size:20px;
  padding-right:15px
}
.allproj-btn,
.home-feature-boxes .single-feature h4,
.price span.new,
.single-product-tab .nav-tabs .nav-item .nav-link {
  font-size:18px
}
.footer-logo {
  width:333px;
  margin-bottom:20px;
  max-width:100%
}
.footer-top,
.home-testimonial {
  background-color:var(--color-4)
}
.footer-bottom .copyright-content a,
.footer-bottom .copyright-content p {
  color:#fff
}

.google--rating>svg {
  width:120px;
  height:120px
}
.allproj-btn:hover,
.epiloge b,
.page-intro-text a,
.popup-newsletter #close:hover,
.product-carousel.single-product-slider .swiper-button-next i:hover,
.product-carousel.single-product-slider .swiper-button-next:hover,
.product-carousel.single-product-slider .swiper-button-prev i:hover,
.product-carousel.single-product-slider .swiper-button-prev:hover,
.product-file-signle:hover,
.product-summery .product-meta .product-stock .prod-stock.instock,
.quantity .cart-plus-minus>.qtybutton:hover,
.sidebar-list .active>a,
.single-blog-category:hover h4,
.single-footer-widget .widget-address li a:hover,
.single-footer-widget .widget-list li a:hover,
footer .widget-social a:hover,
input[type=checkbox]+label a {
  color:var(--color-1)
}
.form-item[data-need] {
  display:none
}
.dropdown-menu.dropdown-admin {
  min-width:15rem
}
.same--address tr {
  margin-bottom:12px;
  display:block
}
@media screen and (max-width:767px) {
  .topbar-left {
    width:100%
  }
  .topbar-left .header-top-links {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  .topbar-right {
    display:none
  }
  .header-actions .header-action-btn {
    line-height:70px
  }
  .header-actions .header-action-btn .header-action-num {
    top:15px
  }
  .header-actions {
    -webkit-box-pack:space-evenly;
    -ms-flex-pack:space-evenly;
    justify-content:space-evenly
  }
  .header-logo {
    padding-top:10px
  }
  .user-dropdown .dropdown-menu.show {
    top:70px!important;
    left:-125%!important
  }
  .info-footer {
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
  }
  .links-footer {
    -webkit-box-ordinal-group:4;
    -ms-flex-order:3;
    order:3
  }
  .newsletter-footer {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
  }
}
.hero-slide-item {
  height:auto;
  aspect-ratio:20/8
}

.filters-overlay {
  height:100%;
  background-color:#fff;
  top:0
}
.hero-slide-content p {
  margin-top:0;
  margin-bottom:0;
  font-size:18px;
  color:#000
}
.hero-slide-content .title {
  color:#000;
  margin-bottom:30px;
  margin-top:10px;
  font-size:50px;
  line-height:1.2
}
.hero-slider .swiper-pagination {
  bottom:10px;
  right:10px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  left:auto
}
@media screen and (max-width:767px) {
  .hero-slide-content .title {
    font-size:20px;
    margin-top:0;
    margin-bottom:10px
  }
  .hero-slide-content .btn {
    font-size:14px;
    padding:7px 10px
  }
  .hero-slide-content p {
    font-size:16px
  }
}
@media screen and (min-width:768px) and (max-width:1199px) {
  .hero-slide-content .title {
    font-size:40px
  }
  .hero-slide-item {
    padding:0 20px
  }
}
.section-padding-small {
  padding-top:40px;
  padding-bottom:40px
}
.cta-top .row {
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:40px 0
}
.cta-text {
  width:80%;
  color:#fff
}
.cta-text * {
  color:inherit
}
.cta-btn {
  width:20%
}
.cta-btn .btn {
  font-size:20px
}
@media screen and (min-width:1200px) {
  .cta-btn .btn {
    font-size:24px;
    padding:20px 40px
  }
}
.home-feature-boxes .single-feature {
  width:50%;
  margin-top:20px;
  text-align:center
}
.home-feature-boxes .single-feature lord-icon {
  width:80px;
  height:80px
}
.home-aboutus-section .about_thumb {
  margin-right:-12%
}
.allproj-btn {
  line-height:1;
  color:#000;
  font-weight:500;
  display:block;
  padding:0 0 15px;
  margin-bottom:-15px
}
.allproj-btn::after {
  position:absolute;
  content:"";
  color:var(--color-1);
  background:var(--color-1);
  width:0%;
  height:2px;
  -webkit-transition:.3s;
  -o-transition:.3s;
  transition:.3s;
  top:100%;
  left:0
}
.product .content .title {
  font-size:16px;
  font-weight:600;
  line-height:1.3;
  margin-bottom:15px;
  min-height:42px
}
.blog-details .content .desc,
.card_dipult .card-body p,
.price span.old,
.product-summery .sku span,
.single-contact-info .single-contact-title-content .desc-content {
  font-size:16px
}
.blog-details .content .desc ul {
  padding-left:35px
}
.blog-details .content .desc ul li {
  list-style-type:initial
}
.product .seemore-prod {
  position:absolute;
  bottom:-100px;
  opacity:0;
  -webkit-transition:.4s ease-in-out;
  -o-transition:.4s ease-in-out;
  transition:.4s ease-in-out
}
.product:hover .seemore-prod {
  bottom:5px;
  opacity:1
}
.product p {
  font-size:14px;
  line-height:1.3;
  min-height:73px
}
.testimonial-single {
  background-color:#fff;
  padding:50px 40px 30px;
  position:relative
}
.testimonial-single .testimonial-quote {
  position:absolute;
  top:12px;
  left:38px;
  width:30px;
  opacity:.3
}
.breadcrumb-content ul li,
.testimonial-single .testimonial-text {
  line-height:1.5
}
.google--rating {
  margin-top:50px;
  margin-bottom:50px
}
.google--dir--right {
  text-align:center;
  margin-left:20px
}
.google--dir--right h5 {
  color:#ffb820;
  font-size:19px;
  margin-top:5px;
  margin-bottom:0
}
.google--rating .google--dir--right>img {
  width:270px
}
.google--star {
  justify-content:center;
  margin-top:5px
}
.google--star>span {
  font-size:31px;
  color:#ffb820;
  font-weight:700;
  margin-right:10px;
  margin-top:4px
}
.stars--row>li {
  width:30px;
  height:30px
}
.stars--row>li:not(:last-child) {
  margin-right:2px
}
.form-item:focus,
.home-testimonial .section-title-produt-tab-wrapper {
  border-color:var(--color-1)
}
.copyright-payments img {
  height:30px
}
.copyright-payments :not(:first-child) {
  margin-left:10px
}
.copyright-content,
.product-slider-summery {
  text-align:left
}
.mobile-menu>.has-children .dropdown .inner-parent {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
@media screen and (max-width:767px) {
  html {
    overflow-x:hidden
  }
  .cta-text {
    width:100%;
    margin-bottom:20px
  }
  .home-aboutus-section .about_thumb {
    margin-right:0
  }
  .allproj-btn {
    margin-top:15px
  }
  .cta-text h3 {
    font-size:20px
  }
  .cta-text h4 {
    font-size:18px
  }
  .copyright-payments {
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:10px
  }
}
@media screen and (min-width:768px) and (max-width:991px) {
  .topbar-left {
    width:100%
  }
  .topbar-left .header-top-links {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  .topbar-right {
    display:none
  }
  .footer-logo {
    width:200px
  }
  .cta-btn {
    width:36%
  }
  .cta-text {
    width:64%
  }
  .home-aboutus-section .about_thumb {
    margin-right:0
  }
  .copyright-content {
    text-align:center
  }
  .copyright-payments {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:10px
  }
}
@media screen and (min-width:992px) and (max-width:1199px) {
  .topbar-left,
  .topbar-right {
    width:50%
  }
  .cta-btn {
    width:30%
  }
  .cta-text {
    width:70%
  }
  .home-aboutus-section .about_thumb {
    margin-right:0
  }
}
@media screen and (max-width:414px) {
  .home-feature-boxes .single-feature h4 {
    font-size:15px
  }
  .footer-bottom {
    padding-bottom:75px
  }
  .copyright-content {
    text-align:center;
    margin-bottom:20px
  }
  .copyright-payments {
    justify-content:center
  }
}
.single-contact-info .single-contact-icon {
  margin-right:10px;
  margin-left:-5px
}
.contact-info-wrapper lord-icon {
  width:70px;
  height:70px
}
.single-contact-title-content {
  width:calc(100% - 75px)
}
.time-text {
  margin-top:10px
}
.single-contact-info .single-contact-title-content .title {
  margin-bottom:0;
  margin-top:15px
}
.single-contact-info {
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
}
.breadcrumb-content,
.desc-schedule li {
  -ms-flex-direction:row;
  -webkit-box-direction:normal;
  -webkit-box-orient:horizontal
}
.desc-schedule li {
  display:flex;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%
}
.breadcrumb-content,
.breadcrumb-content ul,
.testimonial-gallery .row {
  display:-webkit-box;
  display:-ms-flexbox
}
.contact-form-wrapper .input-item input[type=email],
.contact-form-wrapper .input-item input[type=password],
.contact-form-wrapper .input-item input[type=text],
.contact-form-wrapper .input-item textarea {
  background-color:#fff;
  border-radius:0;
  width:100%;
  padding:10px 10px 10px 0;
  font-size:16px;
  border:0;
  border-bottom:2px solid var(--color-3)
}
.contact-form-wrapper .input-item input[type=email]:focus,
.contact-form-wrapper .input-item input[type=password]:focus,
.contact-form-wrapper .input-item input[type=text]:focus,
.contact-form-wrapper .input-item textarea:focus {
  border:none;
  border-bottom:2px solid var(--color-1)
}
input[type=checkbox]+label {
  font-size:16px;
  line-height:20px
}
input[type=checkbox]+label a:hover {
  color:var(--color-2)
}
input[type=checkbox]+label:before {
  border:none;
  width:20px;
  height:20px;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  background-color:var(--color-4)
}
input[type=checkbox]+label:after {
  font-weight:400;
  font-size:13px;
  line-height:20px;
  width:20px;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  background-color:var(--color-1);
  color:#fff
}
.breadcrumb-area {
  padding:20px 0
}
.breadcrumb-content {
  display:flex;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.breadcrumb-content .title {
  font-size:19px;
  margin-bottom:0;
  width:50%
}
.breadcrumb-content ul {
  width:50%;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}

.testimonial-gallery .row {
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  margin:0
}
.testimonial-gallery .testimonial-single {
  background-color:var(--color-4);
  width:48%;
  margin:1%
}
.page-intro-text img {
  width:auto;
  height:auto
}
.blog-cats-intro-text .row,
.single-blog-category {
  display:-webkit-box;
  display:-ms-flexbox;
  -webkit-box-direction:normal
}
@media screen and (max-width:480px) {
  .google--rating {
    margin-bottom:0
  }
  .google--rating>svg {
    width:80px;
    height:80px
  }
  .google--dir--right {
    margin-left:10px
  }
  .google--rating .google--dir--right>img {
    width:220px
  }
  .google--star>span {
    font-size:25px
  }
  .stars--row>li {
    width:20px;
    height:20px
  }
  .google--dir--right h5 {
    font-size:17px
  }
}
.blog-cats-intro-text .row {
  display:flex;
  -webkit-box-orient:horizontal;
  -ms-flex-direction:row;
  flex-direction:row;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start
}
.single-blog-category {
  width:25%;
  display:flex;
  -webkit-box-orient:vertical;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:40px;
  text-align:center
}
.single-blog-category h4 {
  font-size:18px;
  margin-top:10px
}
.single-blog-category:hover img {
  opacity:.6
}
.sidebar_widget .widget_inner .widget-title {
  margin-bottom:0
}
.blog-details .blockquote:before,
.product-variation-options .single-option input,
.sidebar_widget .widget_inner .widget-title:after {
  display:none
}
.tags li a {
  border:none;
  background-color:var(--color-4);
  border-radius:0
}
.blog-details .blockquote {
  font-size:16px;
  line-height:2;
  position:relative;
  background-color:var(--color-4);
  color:#000;
  font-style:italic;
  font-weight:400;
  padding:30px 35px;
  border:none;
  border-left:5px solid var(--color-1)
}
.blog-details .image {
  max-width:700px;
  margin:auto
}
.widget-social .a2a_kit a span {
  background-color:#a1a0a0!important
}
.filters-overlay {
  width:0;
  position:fixed;
  z-index:99999999;
  left:0;
  -webkit-transition:.5s;
  -o-transition:.5s;
  transition:.5s
}
.filters-overlay .overlay-content {
  position:relative;
  top:80px;
  width:100%;
  text-align:left;
  padding:40px
}
.filters-overlay .closebtn {
  position:absolute;
  top:20px;
  right:45px;
  font-size:60px
}
.filters-overlay .tags,
.product-summery .product-meta .product-stock,
.product-variation-options {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#filterBtn,
#filterShopBtn {
  margin-bottom:40px
}
@media screen and (min-width:992px) {
  #filterBtn,
  #filterShopBtn {
    display:none
  }
}
.page-intro-text p img {
  display:block;
  margin:40px 0
}
.shop_toolbar_wrapper {
  padding:0 15px;
  border:none
}
.product-variation-options .single-option label,
.single-option {
  color:#000;
  padding:0 10px;
  font-weight:600;
  -webkit-transition:.2s ease-in-out;
  -o-transition:.2s ease-in-out;
  line-height:40px
}
.shop_toolbar_wrapper .shop-top-bar-right .shop-short-by .nice-select {
  border:none;
  background-color:var(--color-4)
}
.pagination .page-item .page-link {
  background:var(--color-4);
  border:none
}
.sidebar_widget .widget_inner .widget-list .slider-range-amount {
  background:#fff;
  font-size:16px;
  color:#000;
  border:none;
  border-radius:0;
  width:100px
}
.sidebar_widget .widget_inner .widget-list .slider-range-submit {
  border-radius:0;
  font-size:16px
}
.acceptall,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color:var(--color-1);
  border-color:var(--color-1)
}
.ui-slider-horizontal .ui-slider-range {
  background:var(--color-1);
  height:4px;
  top:-2px
}
.shop_toolbar_wrapper .shop-top-bar-right .shop-short-by .nice-select .list {
  min-width:100%;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
#pms>li:not(:last-child),
.overlay-content .sidebar-body li {
  margin-bottom:10px
}
.overlay-content .slider-range-amount {
  width:100px;
  border:none
}
.shop_wrapper.grid_3 .product,
.shop_wrapper.grid_3 .product:nth-of-type(3n+3) {
  padding:10px;
  border:none
}
.product-file-signle,
.product-variation-options .single-option label,
.single-option {
  background-color:var(--color-4);
  font-size:16px;
  margin:5px
}
@media (hover:none) {
  .product .thumb .actions .action {
    visibility:visible;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
  .product .seemore-prod {
    bottom:5px;
    opacity:1;
    position:relative
  }
}
.add-to-wishlist-btns,
.product-variation {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.product-files,
.product-summery .quantity {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row
}
.product-variation-options .single-option label {
  height:40px;
  transition:.2s ease-in-out
}
.product-variation-options .single-option label:hover {
  background-color:var(--color-3);
  color:#fff;
  cursor:pointer
}
.product-variation-options .single-option input[type=radio]:checked+label {
  background-color:var(--color-1);
  color:#fff
}
.single-option {
  height:40px;
  transition:.2s ease-in-out;
  min-width:40px;
  text-align:center;
  cursor:pointer
}
.single-option:hover {
  background-color:var(--color-3);
  color:#fff
}
.product-summery .meta-title,
.product-summery .product-meta .meta-title {
  font-size:16px;
  font-weight:500;
  width:130px;
  display:inline-block;
  margin-bottom:0
}
.product-file-signle,
.product-files,
.product-summery .quantity {
  display:-webkit-box;
  display:-ms-flexbox
}
.quantity .cart-plus-minus>.cart-plus-minus-box,
.quantity .cart-plus-minus>.qtybutton.dec,
.quantity .cart-plus-minus>.qtybutton.inc {
  border:none;
  background-color:var(--color-4);
  height:40px;
  line-height:40px;
  padding-top:0;
  padding-bottom:0
}
.add-to-wishlist-btns a {
  width:40px;
  height:40px;
  background-color:#000;
  color:#fff;
  line-height:40px;
  text-align:center;
  font-size:22px;
  padding:2px 0;
  -webkit-transition:.2s ease-in-out;
  -o-transition:.2s ease-in-out;
  transition:.2s ease-in-out
}
.add-to-wishlist-btns a:not(:last-child),
.header-top-links a.backtomain:hover lord-icon,
.main-menu>ul>li>a>span,
span.price--textnode {
  margin-right:5px
}
.product-summery .cart-wishlist-btn .add-to-cart {
  border:0;
  padding:0
}
.add-to-cart .btn {
  height:40px;
  line-height:40px;
  padding-top:0;
  padding-bottom:0
}
.quantity .cart-plus-minus {
  height:40px;
  margin-left:5px
}
.offcanvas-cart-content .cart-product-wrapper .single-cart-product .cart-product-thumb a img {
  width:auto;
  border:0
}
.product-summery .quantity {
  display:flex;
  flex-direction:row;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.product-summery .product-meta .product-stock .prod-stock {
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.product-summery .product-meta .product-stock .prod-stock.nostock {
  color:var(--color-3)
}
.product-summery .desc-content,
.single-product-tab .tab-content .desc-content {
  font-size:16px;
  color:#000
}
.desc-content ul {
  padding-left:18px
}
.desc-content ul li {
  list-style-type:disc
}
.brand-content span {
  color:var(--color-1);
  font-size:15px;
  display:inline-block
}
.brand-content img {
  max-width:120px
}
.brand-content img:hover {
  filter:grayscale(.25)
}
.product-service-single {
  background-color:var(--color-4);
  color:#000;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.product-service-single input[type=checkbox]+label:before {
  background-color:#fff;
  left:10px;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%)
}
.product-service-single input[type=checkbox]+label:after {
  left:10px;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%)
}
.product-service-single label.custom-control-label {
  line-height:20px;
  padding:10px 10px 10px 40px
}
.header-top-links span.lang_display:hover,
.product-service-single label.custom-control-label:hover {
  cursor:pointer
}
.product-files {
  display:flex;
  flex-direction:row;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start
}
.product-file-signle {
  color:#000;
  font-weight:500;
  padding:20px;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.form-control:focus,
.form-item {
  background-color:#fff;
  color:#000
}
.popup-row,
.why-us,
.why-us .why-us-single {
  display:-webkit-box;
  display:-ms-flexbox;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal
}
.product-file-signle lord-icon {
  width:40px;
  height:40px;
  margin-right:10px;
  margin-left:-10px
}
.main-menu ul .has-children .sub-menu li a:hover,
.mega-menu>li>ul a:hover {
  padding-left:0
}
.product-summery .price-box .regular-price {
  font-size:23px
}
.product-summery .price-box .regular-price-2 {
  font-size:19px;
  margin-left:6px;
  margin-right:0;
  vertical-align:middle
}
.product-summery .price-box .old-price {
  font-size:18px;
  opacity:.6
}
.product-carousel.single-product-slider .swiper-button-next i,
.product-carousel.single-product-slider .swiper-button-prev i {
  background:0 0;
  font-size:100px;
  color:var(--color-1)
}
.product-carousel.single-product-slider .swiper-button-next i:hover,
.product-carousel.single-product-slider .swiper-button-next:hover,
.product-carousel.single-product-slider .swiper-button-prev i:hover,
.product-carousel.single-product-slider .swiper-button-prev:hover,
.product-carousel.single-product-slider:hover .swiper-button-next i,
.product-carousel.single-product-slider:hover .swiper-button-prev i {
  background:0 0!important
}
.page-intro-text p:not(:first-child) {
  margin-bottom:30px
}
.page-intro-text ol li,
.page-intro-text ul li {
  list-style:disc;
  margin:0 0 10px 20px
}
.page-intro-text ol {
  margin:0 0 30px;
  padding:0 0 0 18px
}
.page-intro-text a:hover {
  text-decoration:underline
}
.about-us-page .row {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:40px
}
.about-us-page .row:nth-child(odd) {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse
}
.about-us-page ul {
  padding-left:20px
}
.about-us-page li {
  margin-bottom:10px;
  list-style:disc
}
.certificates-carousel img {
  height:450px;
  width:auto;
  margin:auto;
  text-align:center
}
.cart_summary th,
.certificates-carousel .swiper-slide,
.m--text--center {
  text-align:center
}
.why-us {
  display:flex;
  -ms-flex-direction:row;
  flex-direction:row;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  height:100%
}
.why-us .why-us-single {
  display:flex;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  width:31%;
  margin:1%;
  padding:20px;
  height:auto;
  background-color:var(--color-4)
}
.why-us-single h6 {
  -ms-flex-item-align:center;
  -ms-grid-row-align:center;
  align-self:center;
  margin:0;
  width:calc(100% - 60px);
  font-size:18px
}
.why-us-single lord-icon {
  width:60px;
  height:60px;
  margin-left:-10px
}
.why-us-single p {
  font-size:14px;
  width:100%
}
.epiloge {
  text-align:center;
  margin-top:40px
}
.breadcrumb-content ul li::before {
  right:-15px;
  top:10px
}
.form-item {
  border-radius:0;
  width:100%;
  padding:10px 10px 10px 0;
  font-size:16px;
  border:0;
  border-bottom:2px solid var(--color-3)
}
.contact-form-wrapper .input-item textarea.small-textarea {
  height:45px;
  min-height:45px;
  resize:none
}
.input-item ::-webkit-input-placeholder {
  color:#000;
  opacity:1
}
.input-item ::-moz-placeholder {
  color:#000;
  opacity:1
}
.input-item :-ms-input-placeholder {
  opacity:1;
  color:#000
}
.input-item ::-ms-input-placeholder {
  opacity:1;
  color:#000
}
.input-item ::placeholder {
  color:#000;
  opacity:1
}
.form-control:focus {
  border-color:var(--color-1);
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none
}
.errors {
  color:#ff0909;
  font-size:15px;
  margin-top:10px;
  display:block
}
.letter--done {
  display:flex;
  flex-direction:column;
  align-items:center;
  max-width:600px;
  margin-left:auto;
  margin-right:auto;
  padding-left:15px;
  padding-right:15px
}
.letter--done>h2 {
  text-align:center;
  font-size:19px;
  margin-top:10px
}
.letter--done>span {
  font-size:15px;
  line-height:1.5;
  text-align:center;
  margin-top:8px
}
.popup-newsletter {
  background-color:rgb(0 0 0 / .7);
  width:100%;
  height:100%;
  top:0;
  left:0;
  padding:0;
  position:fixed;
  display:none;
  z-index:9999999999999999999
}
.popup-newsletter #close {
  display:block;
  margin:0;
  background-color:#fff0;
  font-size:50px;
  color:#000;
  border:none;
  outline:0;
  cursor:pointer;
  position:absolute;
  top:-10px;
  right:8px
}
.popup-row {
  display:flex;
  -ms-flex-direction:row;
  flex-direction:row;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:800px;
  max-width:100%;
  background-color:#fff;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  left:50%;
  top:50%;
  position:relative
}
#orderForm input[type=radio]+label:after,
#orderForm input[type=radio]+label:before {
  content:"";
  aspect-ratio:1;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  transition:.3s
}
#orderForm input[type=radio]:disabled+label {
  cursor:not-allowed
}
.popup-row .popup-content {
  padding:60px 30px;
  text-align:left
}
.popup-content .form-control {
  border:none;
  border-bottom:2px solid var(--color-3)
}
.banner .info {
  left:0
}
.small-banner-content {
  background-color:rgb(255 255 255 / .4);
  padding:20px
}
.hero-slide-content {
  width:fit-content;
  background-color:rgb(255 255 255 / .6);
  padding:40px 80px;
  margin-left:-15px
}
@media screen and (max-width:991px) {
  #filterContent,
  #filterShop {
    display:none
  }
  .filters-overlay #filterContent,
  .filters-overlay #filterShop {
    display:block
  }
  .epiloge {
    text-align:left
  }
  .popup-row {
    max-width:90%
  }
  .popup-row .popup-content {
    padding:30px
  }
  .banner .small-banner-content .title {
    font-size:20px
  }
}
@media screen and (max-width:767px) {
  .page-intro-text img {
    width:100%;
    margin-top:40px
  }
  .page-intro-text .bank--logo img {
    margin-top:0
  }
  .testimonial-gallery .testimonial-single {
    width:100%;
    margin:20px 0;
    padding-left:20px;
    padding-right:10px
  }
  .testimonial-single .testimonial-quote {
    left:20px
  }
  .testimonial-single .testimonial-text {
    font-size:15px
  }
  .breadcrumb-content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  .breadcrumb-content ul {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    width:100%;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
  .breadcrumb-content .title {
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    width:100%;
    margin-top:10px
  }
  #filterBtn {
    padding:15px
  }
  .single-blog-category {
    width:50%;
    margin-bottom:20px;
    text-align:center
  }
  .shop_toolbar_wrapper {
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
  }
  #filterBtn,
  #filterShopBtn,
  .blog-home-carousel .thumb img,
  .popup-row .col-md-6,
  .shop_toolbar_wrapper .shop-top-bar-right,
  .shop_toolbar_wrapper .shop-top-bar-right .shop-short-by,
  .shop_toolbar_wrapper .shop-top-bar-right .shop-short-by .nice-select {
    width:100%
  }
  .shop_wrapper.grid_3 .product,
  .shop_wrapper.grid_3 .product:nth-of-type(3n+3) {
    padding:10px;
    border:none
  }
  .about-us-page .col-md-6 p,
  .about-us-page .col-md-6 ul {
    margin-bottom:20px
  }
  .why-us .why-us-single {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    width:100%;
    margin:20px 0
  }
  .why-us-single p {
    font-size:16px
  }
  .popup-row img {
    width:100%;
    height:200px;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:0 75%;
    object-position:0 75%
  }
  .addtocart-btn {
    width:100%;
    margin-top:10px
  }
  input[type=checkbox]+label {
    padding-left:45px
  }
  .banner .small-banner-content .title {
    font-size:18px
  }
  .hero-slide-content {
    width:fit-content;
    background-color:rgb(255 255 255 / .6);
    padding:20px
  }
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  color:var(--color-1);
  --swiper-navigation-color:var(--color-1)
}
body,
html {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.JV--row {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.JV--spacer {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.JV--acenter {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.JL--switcher:before {
  content:'';
  width:1px;
  height:18px;
  background-color:rgb(255 255 255 / .8);
  margin-left:18px;
  margin-right:18px
}
.JL--switcher>li>a {
  color:#fff;
  font-size:15px
}
.JL--switcher>li>a:hover {
  color:var(--color-1);
  font-size:15px
}
.main-menu>ul>li>a>span::after {
  position:absolute;
  content:'';
  top:10px;
  left:0;
  background:0 0;
  width:100%;
  height:0
}
.main-menu>ul>li>a>span:hover::after {
  height:60px
}
.card-header.card_accor button.btn-link,
.card-header.card_accor button.btn-link.collapsed {
  border-bottom:none;
  font-size:16px
}
.header-top-links span.lang_display {
  color:#fff;
  margin:1px 0 0 10px;
  line-height:1.715;
  font-size:15px;
  font-weight:300
}
.user-dropdown .langMenu.dropdown-menu.show {
  top:40px!important;
  left:auto!important;
  right:0!important;
  min-width:45px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.header-top-links .langMenu a {
  font-size:16px;
  color:#000;
  font-weight:500;
  margin:0;
  padding:0 20px
}
.youtube-content {
  max-width:700px;
  height:395px
}
.green--undrelined,
.result--node--exist>span {
  color:var(--color-1);
  text-decoration:underline
}
.fa-exclamation-triangle {
  color:#bf1919;
  font-size:23px
}
.cart_summary {
  color:#101010
}
.cart_summary tr td {
  text-align:center;
  vertical-align:middle
}
.cart_summary .input-group {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
#basket_prodlist .table-responsive {
  overflow-x:unset
}
.refresh--quantity {
  border:1px solid #ced4da;
  border-top-right-radius:.25rem;
  border-bottom-right-radius:.25rem
}
.basket--quantity--price,
.product_priceFrom {
  color:var(--color-1);
  font-size:21px;
  font-weight:600
}
.product_newPrice {
  opacity:.6;
  font-size:17px
}
.basketNav {
  text-align:right
}
.lord--delete--item {
  width:40px;
  height:40px;
  display:inline-block;
  cursor:pointer
}
.can--not--buy {
  opacity:.2;
  pointer-events:none
}
.text.no--cart--items {
  min-height:100px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.empty--list,
.thank--you {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-inline:auto;
  padding:2rem 1rem
}
.empty--list {
  width:min(calc(100% - 2rem), 600px)
}
.thank--you {
  width:min(calc(100% - 2rem), 900px)
}
.empty--list lord-icon,
.thank--you lord-icon {
  width:80px;
  height:80px
}
.thank--you lord-icon {
  margin-bottom:20px
}
.empty--list>span,
.thank--you>span {
  font-size:15px;
  line-height:1.5;
  text-align:center;
  margin-top:10px
}
.py-40 {
  padding:40px 0
}
.mob-menu-div {
  display:inline-flex;
  justify-content:space-between;
  width:100%
}
.mob-menu-div a {
  font-weight:600
}
.main-menu>ul>li>a.active,
.main-menu>ul>li>a:hover {
  color:var(--color-1)
}
.main-menu>ul>li>a[data-item='Cool Roofs'] span:before {
  left:0;
  right:auto;
  width:100%
}
.main-menu {
  align-items:center
}
.main-menu>ul>li {
  line-height:50px
}
.main-menu>ul>li.cool-roof-btn>a {
  color:#fff;
  background-color:var(--color-1);
  padding:5px 20px;
  font-weight:500;
  display:flex;
  flex-direction:row;
  align-items:center;
  position:relative
}
.main-menu>ul>li.cool-roof-btn>a::before {
  content:'';
  height:0;
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  background-color:var(--color-3);
  transition:.4s
}
.main-menu>ul>li.cool-roof-btn>a:hover::before {
  height:100%
}
.main-menu>ul>li.cool-roof-btn>a span {
  margin:0
}
.main-menu>ul>li.cool-roof-btn>a lord-icon {
  width:40px;
  height:40px;
  margin-left:-10px;
  margin-right:5px
}
@media screen and (min-width:1400px) and (max-width:1599px) {
  .header-actions>*+*,
  .main-menu>ul>li+li {
    margin-left:10px
  }
}
@media screen and (min-width:1200px) and (max-width:1499px) {
  .header-actions>*+*,
  .main-menu>ul>li+li {
    margin-left:10px
  }
  .cta-text {
    width:70%
  }
  .cta-btn {
    width:30%
  }
  .main-menu>ul>li>a {
    font-size:14px
  }
  .main-menu>ul>li.cool-roof-btn>a {
    padding:5px 10px;
    margin-left:-50px
  }
  .main-menu>ul>li.cool-roof-btn>a lord-icon {
    width:35px;
    margin-left:-5px;
    margin-right:-1px
  }
}
#orderForm h3 {
  font-size:21px;
  margin-bottom:15px
}
#orderForm input[type=radio] {
  appearance:none;
  margin-right:0
}
#orderForm input[type=radio]+label {
  cursor:pointer;
  position:relative;
  padding-left:30px;
  line-height:20px
}
#orderForm input[type=radio]+label:after {
  display:inline-block;
  width:10px;
  border:var(--color-1);
  background-color:var(--color-1);
  border-radius:50%;
  left:5px;
  opacity:0
}
#orderForm input[type=radio]+label:before {
  display:inline-block;
  width:20px;
  border:1px solid var(--color-3);
  border-radius:50%;
  left:0;
  opacity:1
}
#orderForm input[type=radio]:checked+label:after {
  opacity:1
}
#orderForm input[type=radio]:disabled+label {
  opacity:.25
}
.mobile-menu>li>a.cool-roof-menu-mob {
  background-color:var(--color-1);
  color:#fff;
  padding:10px;
  margin-left:-10px;
  width:calc(100% + 20px);
  -webkit-justify-content:flex-start;
  justify-content:flex-start
}
.mobile-menu-wrapper .dropdown.user-dropdown .lang_display,
.mobile-menu-wrapper .header-top-links span.lang_display {
  color:#000;
  margin:0;
  font-size:18px;
  font-weight:500
}
.mobile-menu-wrapper .user-dropdown .langMenu,
.mobile-menu-wrapper .user-dropdown .langMenu.dropdown-menu.show {
  left:0!important;
  padding-bottom:0;
  z-index:10000
}
.cool-top-header .header-top-links a.backtomain,
.mobile-menu-wrapper .dropdown.user-dropdown {
  display:flex
}
.mobile-menu-wrapper .header-top-links a {
  display:none
}
.mobile-menu-wrapper .dropdown.user-dropdown a {
  display:block
}
.header-top-links a.backtomain {
  display:none;
  background-color:var(--color-1);
  padding:5px 15px;
  margin:-14px 5px -12px 0;
  transition:.4s
}
.header-top-links a.backtomain:hover {
  background-color:#000;
  color:#fff
}
.header-top-links a.backtomain lord-icon {
  width:35px;
  height:35px;
  margin-left:-5px;
  margin-right:0;
  transform:rotate(-90deg);
  transition:.4s
}
.count--down {
  font-size:20px;
  font-weight:700;
  display:flex;
  flex-direction:row;
  justify-content:center;
  margin-bottom:10px;
  padding:10px;
  background-color:var(--color-1);
  padding-top:5px;
  color:#fff
}
.count--title {
  padding:10px;
  background-color:var(--color-1);
  padding-bottom:0;
  color:#fff;
  width:100%;
  text-align:center;
  font-size:16px;
  font-weight:500
}
.count--down .c--2 {
  display:none
}
.count--down .c--1 {
  position:relative
}
.count--down div:not(:last-child) .c--1::after {
  content:':';
  position:relative;
  margin:0 5px;
  color:#fff
}
@media only screen and (max-width:991px) {
  .mobile-menu-wrapper .header-top-links a.dropdown {
    display:flex
  }
  .mobile-navigation .header-top-links a.backtomain {
    color:#fff;
    margin:0 -20px 20px -40px;
    padding:5px 10px;
    justify-content:center
  }
  .mobile-navigation .header-top-links a.backtomain lord-icon {
    display:none
  }
  .count--title {
    font-size:14px
  }
  .count--down {
    font-size:16px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .topbar-left {
    width:50%;
    order:1
  }
  .topbar-right {
    width:50%;
    order:1
  }
  .topbar-mid {
    width:100%
  }
  .cool-top-header .topbar-right .header-top-links a.backtomain {
    margin-top:0;
    margin-bottom:5px;
    padding:0 15px;
    margin-right:0;
    width:fit-content;
    justify-content:flex-end;
    margin-left:calc(100% - 300px)
  }
  .count--down {
    font-size:18px
  }
}
@media only screen and (min-width:1200px) and (max-width:1499px) {
  .cool-top-header .topbar-right .header-top-links a.backtomain {
    padding:5px 10px;
    margin-right:0;
    margin-left:-10px
  }
  .topbar-right .header-top-links a.backtomain:hover lord-icon {
    margin-right:0
  }
}
@media only screen and (max-width:767px) {
  .product .content {
    padding:20px 0 0
  }
  .count--title {
    font-size:14px;
    padding:10px 5px 0
  }
  .count--down {
    font-size:16px
  }
}
.plus-vat {
  font-size:13px;
  vertical-align:initial
}
.product-summery .price-box .regular-price {
  vertical-align:middle
}
.price-per {
  color:#1a1a19;
  font-weight:700
}
.video__intro iframe {
  width:100%;
  height:auto;
  max-height:1100px;
  aspect-ratio:16/9
}
.product-carousel,
.projects-vitrina-carousel,
.products-vitrina-carousel,
.blog-home-carousel {
  position:relative
}
.product-carousel .swiper-container,
.projects-vitrina-carousel .swiper-container,
.products-vitrina-carousel .swiper-container,
.blog-home-carousel .swiper-container {
  position:static
}
.swiper-button-prev {
  left:40px
}
.swiper-button-next {
  right:40px;
  left:auto
}
.product-carousel .swiper-button-prev i,
.product-carousel .swiper-button-next i,
.product-carousel.single-product-slider .swiper-button-prev i,
.product-carousel.single-product-slider .swiper-button-next i {
  opacity:1;
  visibility:visible
}
.product-carousel .swiper-button-prev:hover i,
.product-carousel .swiper-button-next:hover i,
.product-carousel.single-product-slider .swiper-button-prev:hover i,
.product-carousel.single-product-slider .swiper-button-next:hover i {
  color:var(--color-3)
}
.blog-details img {
  height:auto;
  margin:0 auto;
  display:block
}
.cartField1_error {
  border:1px solid #e50808
}
.btn-white {
  color:#000;
  background-color:#fff;
  border-color:#fff
}
.btn-white:hover {
  color:#fff;
  background-color:var(--color-1);
  border-color:var(--color-1)
}
.coolroof-cta {
  padding:40px 0 60px;
  background-repeat:no-repeat;
  background-size:cover;
  position:relative
}
.coolroof-cta::after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#000;
  opacity:.3
}
.coolroof-cta * {
  color:inherit
}
.coolroof-cta .coolroof-cta-content {
  width:78ch;
  margin:0 auto;
  max-width:100%;
  text-align:center;
  position:relative;
  z-index:1;
  line-height:38px;
  font-size:18px;
  color:#fff
}
.coolroof-cta-content p {
  display:inline;
  padding:3px 0;
  background-color:var(--color-5);
  box-shadow:0 0 0 var(--color-5),0 0 0em var(--color-5);
  box-decoration-break:clone;
  color:#fff
}
.coolroof-cta-content lord-icon {
  width:120px;
  height:120px
}
.coolroof-cta-content .btn {
  margin:20px auto 0;
  display:flex;
  width:fit-content;
  font-size:18px;
  align-items:center;
  gap:10px;
  color:#fff;
  background-color:var(--color-1);
  border-color:var(--color-1)
}
.coolroof-cta-content .btn:hover {
  color:#fff;
  background-color:var(--color-5);
  border-color:var(--color-5)
}
.coolroof-cta-content .btn lord-icon {
  width:40px;
  height:40px
}
.coolroof-cta-content .roof--head {
  font-weight:700
}
.coolroof-cta.cta-light::after {
  display:none
}
.coolroof-cta.cta-light .coolroof-cta-content {
  color:#000
}
.cta-light .coolroof-cta-content p {
  display:inline;
  padding:3px 0;
  background-color:var(--color-4);
  box-shadow:0 0 0 var(--color-4),0 0 0em var(--color-4);
  box-decoration-break:clone;
  color:#000
}
.double-list-img {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  padding:0
}
.double-list-img li {
  width:calc(50% - 10px);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  text-align:center;
  font-weight:500
}
.double-list-img li img {
  width:300px;
  max-width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover
}
.double-list-img span {
  max-width:26ch
}
.text-img-insu {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  text-align:center
}
.text-img-insu h3 {
  color:#000;
  margin:0;
  padding-bottom:10px;
  border-bottom:3px solid var(--color-3);
  position:relative
}
.text-img-insu span,
.insu-feat-title span {
  color:crimson;
  font-weight:700
}
.text-img-insu h3:after {
  content:'';
  background-color:var(--color-1);
  position:absolute;
  bottom:-3px;
  left:50%;
  transform:translateX(-50%);
  width:30%;
  height:3px
}
.insulad-page .row+.row {
  margin-top:60px
}
.insu-feat-title {
  width:100%;
  text-align:center
}
.insuladd-feature {
  display:flex;
  align-items:center;
  padding:20px;
  background-color:var(--color-4)
}
.insuladd-feature lord-icon {
  min-width:80px;
  width:80px;
  height:80px
}
.insuladd-feature p {
  width:calc(100% - 80px)
}
.insu-feat-subtitle {
  width:100%;
  text-align:center
}
.insu-feat-subtitle a {
  color:var(--color-1);
  font-weight:700
}
.insu-feat-subtitle a:hover {
  color:var(--color-2)
}
.insuladd-header-btn {
  color:#fff;
  display:flex;
  justify-content:center;
  width:fit-content;
  margin:0 auto;
  align-items:center;
  gap:10px;
  font-size:16px;
  font-weight:500;
  letter-spacing:1px;
  position:relative;
  background-color:var(--color-3);
  padding:10px 40px
}
.insuladd-header-btn:hover,
.insuladd-header-btn:focus {
  color:#fff;
  background-color:var(--color-1)
}
.insuladd-header-btn span {
  position:relative;
  margin-top:-7px
}
.insuladd-header-btn span::after {
  content:'';
  position:absolute;
  width:100%;
  height:2px;
  background-color:#fff;
  left:0;
  bottom:-5px;
  transition:all .4s ease
}
@media screen and (max-width:1499px) {
  .insuladd-header-btn {
    padding:10px 15px
  }
  .topbar-left .header-top-links {
    width:calc(100% + 60px)
  }
}
@media screen and (min-width:1200px) and (max-width:1349px) {
  .insuladd-header-btn {
    padding:15px;
    font-size:15px
  }
  .insuladd-header-btn lord-icon {
    display:none
  }
  .topbar-left .header-top-links {
    width:calc(100% + 85px)
  }
  .header-top-links a {
    margin-right:7px
  }
  .header-top-links .social-icon {
    font-size:16px;
    margin-right:10px
  }
}
@media screen and (max-width:1199px) {
  .insuladd-header-btn {
    width:calc(100% + 30px);
    margin-left:-15px;
    margin-bottom:5px
  }
  .header-top {
    padding:0 0 10px
  }
  .topbar-left .header-top-links {
    width:100%
  }
}
@media screen and (max-width:767px) {
  .double-list-img li {
    width:100%
  }
}
.breadcrumb-content {
  flex-direction:column
}
.breadcrumb-content .title {
  width:100%;
  margin-bottom:10px
}
.breadcrumb-content ul {
  width:100%
}