/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* Home page banner image rotaiton */


/*.addglass img {animation: rotation 80s infinite linear;}

@keyframes rotation {
  from {transform: rotate(0deg);}
  to {transform: rotate(359deg);}
}
*/
.elementor-17 .elementor-element.elementor-element-56d62cb7:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-56d62cb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color:rgba(0, 0, 0, 1) !important;
}

header.elementor-section.elementor-top-section.elementor-element.elementor-element-56d62cb7.elementor-section-full_width.elementor-section-content-middle.sticky-header.elementor-section-height-default.elementor-section-height-default.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects{background-color:rgba(0, 0, 0, 0.8) !important;}

.elementor-nav-menu li .sub-menu li a {color: #fff; font-size: 16px !important; font-weight: 500 !important; font-family: inherit; text-transform: capitalize !important; }
.elementor-nav-menu li a.elementor-item-active {background: #8e8a8c; padding: 10px !important; border-radius: 3px; }

.elementor-nav-menu li .sub-menu li {background: #8e8a8c;}
.elementor-nav-menu li .sub-menu li a {padding: 10px !important; }

/*17-11-2022*/
header.page-header {display: none; }


header.sticky-header{ }
header.sticky-header.elementor-sticky--effects{ padding-right: 12px 30px 12px 30px !important; }
header.sticky-header .logo a img{transition: all 0.3s; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s; }
header.sticky-header.elementor-sticky--effects .logo a img{height:50px !important;}
.addglass {max-width:500px; margin: 0 auto; padding: 7% 0 2% 0;}
.slick-initialized .slick-slide .wb_ps_title{ text-align: left;}

.home_hero_sec{min-height: 900px;}

.wb_ps_content .wb_ps_readmore_link {
  border: none;
  background: transparent;
  color: #d37a00;
  height: auto;
  padding: 0;
  font-size: 18px;
}
.wb_ps_content .wb_ps_readmore_link:hover {
  background: transparent;
  color: #0274be;
  border: none;
}
.wb_ps_readmore {
  text-align: left;
}

.custom_post_slider .wb_ps_readmore a {
  font-weight: 700;
  font-size: 22px;
  text-shadow: 0px 0px 1px rgb(211, 122, 0.1);
}

.footer_sec ul li a,
.footer_sec .elementor-widget-container p a{color: #535353; transition: all 0.3s;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-ms-transition: all 0.3s;}
.footer_sec ul li a:hover,
.footer_sec .elementor-widget-container p a:hover{font-weight:600;}

.copyright_sec .elementor-widget-container p a{color: #535353;transition: all 0.3s;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-ms-transition: all 0.3s;}
.copyright_sec .elementor-widget-container p a:hover{color: #ccc;}
table tr td a, table tr th a {
  color:#0d458f;
}

.footer_sec .elementor-widget-container p a.loc1:hover{color:#d37a00;}

.wbel-arrow {
  width: 38px;
  height: 60px;
  line-height: 54px;
  font-size: 30px;
  border-radius: 0px;opacity: 0.7;}
/*.wbel-arrow.wb-arrow-prev.slick-arrow {
  left: 33px;
}
.wbel-arrow.wb-arrow-next.slick-arrow {
  right: 33px;
}*/

.wbel-arrow.wb-arrow-prev.slick-arrow:hover,
.wbel-arrow.wb-arrow-next.slick-arrow:hover{background:#0274be;color:#fff;opacity: 1;}

.page-content h2 a {
  color: #535353;
}

.footer_sec .footer_contact_sec a,
.footer_sec .footer_tech_new a {font-size:15px;color: #535353;  display: inline-block;transition: all 0.3s;}
.footer_sec .footer_contact_sec a:hover,
.footer_sec .footer_tech_new a:hover{color:#d37a00;}


.footer_tech_new,
.footer_sec .footer_contact_sec {
  padding-left: 30px;
}
.footer_sec .elementor-column.elementor-col-25.elementor-top-column.elementor-element.elementor-element-401b6db6 .elementor-widget-container p{position: relative;padding-left:25px;}
.footer_sec .elementor-column.elementor-col-25.elementor-top-column.elementor-element.elementor-element-401b6db6 .elementor-widget-container p a i {
  position: absolute;
  left: 0;
  top: 3px;
}

.footer_sec ul{padding-left: 25px;}  

/*21-11-2022*/

.elementor-location-footer .elementor-widget-container .fa-map-marker::before {
  content: "\f3c5";
}
.elementor-1216 .elementor-element.elementor-element-b16456c > .elementor-widget-container {
    margin: 0;
    padding: 5px 110px 5px 5px;
}
.copyright_sec .elementor-widget-container p{margin: 0px;}
.elementor-1216 .elementor-element.elementor-element-3e38abb > .elementor-widget-container{padding-left: 100px;}

.contactMainFooter {text-align: right;
  padding-bottom: 60px;
padding-right: 110px;
}


.contactMainFooter .elementor-widget-container a{font-size:15px;color: #535353; margin: 0px 30px; display: inline-block;transition: all 0.3s;}
.contactMainFooter .elementor-widget-container a:hover{color:#d37a00;}

.footer_contact_sec {
  position: relative;
  padding-top: 15px;
  margin-top: -75px;
}
.footer_contact_sec::after {
  content: "";
  width: 67%;
  height: 2px;
  background: #ccc;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,0.1);
}
.footer_contact_sec strong:last-child a {  margin-right: 0;}

.elementor.elementor-17.elementor-location-header {
    background: #000;
}

.product_main_container {display: flex; flex-wrap: wrap; }
.product_box {width: 30%; margin: 18px; box-shadow: 1px 7px 5px 0px rgba(130,127,127,0.75); -webkit-box-shadow: 1px 7px 5px 0px rgba(130,127,127,0.75); -moz-box-shadow: 1px 7px 5px 0px rgba(130,127,127,0.75); } 
.product_box img {width: 100%; min-height: 220px; max-height: 220px; transition: 1s ease all; }
.product_box h4 {text-align: center; color: #51565B; font-size: 18px; }
.product_box button {margin: auto; display: flex; margin-bottom: 20px;}

[type="button"], [type="submit"], button{color: #0d458f;border: 1px solid #0d458f;}
[type="button"]:focus, [type="button"]:hover, [type="submit"]:focus, [type="submit"]:hover, button:focus, button:hover{background-color: #0d458f;}
a{color: #0d458f;}
.product_main_container .product_box h2 {font-size: 22px;text-align: center;}

.prod_listing_container ul.products li img {display: none !important;}
.prod_listing_container .products.columns-4 {display: flex;flex-wrap: wrap;}
.prod_listing_container ul.products.columns-4 li{margin: 0 0 1em;}
.related.products, .woocommerce .woocommerce-breadcrumb, .woocommerce-product-gallery.woocommerce-product-gallery--without-images.woocommerce-product-gallery--columns-4.images, .woocommerce div.product div.summary, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-tabs #tab-description > h2{display: none;}
.single.single-product .site-main {padding-top: 0px !important;}

/*Responsive code */

@media only screen and (max-width: 1100px) {
  .product_box {width: 29%; }
}

@media only screen and (max-width: 850px) {
  .product_box {width: 45%; }
}

@media only screen and (max-width: 767px) {
  .product_box {width: 40%; }
}

@media only screen and (max-width: 550px) {
  .product_box {width: 100%; }
}

.tax-product_cat main#main {
  max-width: 100% !important;
}
.tax-product_cat .woocommerce-breadcrumb,.woocommerce-products-header,.woocommerce-result-count,.woocommerce-ordering,.wp-post-image,.product_type_simple{
  display: none !important;
}
.tax-product_cat .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  float: none;
}

.tax-product_cat .elementor-section.elementor-section-boxed > .elementor-container {
padding: 50px 0px 0px 0px;
}
.tax-product_cat .elementor-top-section.prod_bnr_tax .elementor-widget-container, .single-product .elementor-top-section.prod_bnr_tax .elementor-widget-container {
padding: 150px 0 150px 0;
}
.woocommerce ul.products li.product {
margin-bottom: 15px;
text-align: left;
font-size: 20px;
}

ul.prod_lists {
  columns: 4;
}
ul.prod_lists li {
  display: flex;
  padding: 8px;
}
ul.prod_lists li a {
  font-size: 18px;
}

header {
  position: fixed !important;
  top: 0;
  width: 100%;
}

figure.gallery-item {
    max-width: 20%;
    display: inline-block;
    margin: 10px 13px;
}
.term-26 ul.prod_lists {
    padding-left: 0px;
    margin-bottom: 33px;
}

section.desk-header-new{
  height: 400px;

}


@media only screen and (max-width: 767px) {

  .desk-header-new{
    height: unset;
  
  }
 } 

 .image-box{
 height: 220px;
 overflow: hidden;
 transition: 1s ease all;
 }

 

 .product_box:hover .image-box img {
  transform: scale(1.2);
  transition: 1s ease all;

}

.product_box:hover .box-title {
  color: #0d458f;
 
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Adjust the number of columns as per your requirements */
  grid-gap: 22px; /* Adjust the gap between grid items */
  margin-top: 16px;
}

.product-item {
  border: 1px solid #ccc;
  padding: 10px;
  width: 300px; /* Adjust the width as desired */
  
}



.pdf-icon {
  float: right;
  margin-top: 2px;

}

.pdf-title {
  color: #3B3B3B;
  margin-right: 10px;
}

.testing_new .elementor-icon-list-text {
  text-align: center;
  width: 100%;
}

#portfolio-default-view .elementor-portfolio-item__overlay{
  opacity: 1 !important;
}
#portfolio-default-view .elementor-portfolio-item__overlay:hover{
  background-color: #000000B0 !important;
}



.exact-match-table td {
  background: transparent !important;
}


.exact-match-table th, .exact-match-table td {
  padding: 12px;
 text-align: left;
 width: 21%;
}

.btn-primary {
  color: gray;
  pointer-events:none;
}
.btn-make-primary {
  border: 1px solid gray;
  border-radius: 53px;
  padding: 6px 4px;
  color: gray;
  background: #fff;
}


.category-info p{
  color: white;
}


#optical_glass2 {
    padding-right: 50px;
}

#optical_glass3 {
    padding-right: 38px;
}
#optical_glass4 {
    padding-right: 30px;
}
#optical_glass6 {
    padding-right: 46px;
}
#optical_glass7 {
    padding-right: 18px;
}
#optical_glass8 {
    padding-right: 40px;
}
#optical_glass9 {
    padding-right: 16px;
}

.ptable-container{
  
}


/*@media only screen and (max-width: 767px) {

  .hoverTable{
    width: unset !important; 
   margin:unset  !important;
    padding-top:unset  !important;  
  
  }
 } 

*/

/*
@media (max-width: 768px) {
    table.hoverTable {
        width: 100%;
        border-collapse: collapse;
    }

    table.hoverTable th,
    table.hoverTable td {
        padding: 8px;
        display: block;
        text-align: left;
        border-top: 1px solid #ddd;
    }

    table.hoverTable th {
        background-color: #f2f2f2;
        font-weight: bold;
    }

    table.hoverTable td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
    }
}*/


/* Apply responsive styles to the table */
/*@media (max-width: 768px) {
    .hoverTable th,
    .hoverTable td {
        text-align: left;
        padding: 18px;
         width: unset !important; 
  
    }
    
    .hoverTable th {
        background-color: #f2f2f2;
    }
}
*/

.table_content{
  max-width: 1120px;
  overflow-x: auto;
  margin: 0 auto;
  padding-top: 27px;
}
.hoverTable {
    white-space: nowrap;
}

.table-type {
        display: inline-flex;
    width: 100%;
    justify-content: space-between;
}

.table-type i {
    margin-left: 5px;
}


@media(max-width: 767px) {
  table td,
  table th {
      padding: 10px;
  }
}

@media screen and (max-width: 865px) {
  .hoverTable{
    white-space: nowrap;
      overflow-x: auto;
      display: block;
      margin-right: 14px;
  }
}

.page-id-1838 .hoverTable {
  overflow-x: scroll;
  display: block;
}

@media screen and (max-width: 767px) {
ul #menu-2-6a11e6c4 li a {
    font-size: 19px !important;
    margin-bottom: 10px !important;
   }
}



/*@media (max-width: 767px) {
    #menu-2-6a11e6c4 .elementor-nav-menu li a {
        font-size: 16px; 
    }
}
*/

.wpcf7-list-item {
    display: inline-block !important;
    margin: 13px 0px 17px 0px !important;
}
