:root { 

    --accent-color: #090b0b; 
    --white-color: #fff; 
    --link-color: #0b282d; 
    --hover-color: #59b6cc; 
}

body {
font-family: 'Nexa';
  color: var(--accent-color);
  margin:0px;
  padding:0px;
}

a.accordion-button.collapsed {
    box-shadow: none;
    padding:15px 0px;
    font-size:20px;
    font-weight:900;
    border-bottom:#ccc solid 1px;
}
.accordion-button:not(.collapsed) {
  background:none !important; box-shadow: none;border-bottom:#ccc solid 1px;padding:15px 0px;
  font-size:20px;
  font-weight:900;
  }

a {text-decoration:none !important;}
.container{max-width:1440px;width:90%;}

.accordion-body {padding:0px;}

.addclass {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0px;
  padding:0px 0px;
  background-color:#fff !important;
  transition: all 0.900000000s ease !important;
  z-index:99999999 !important;
  margin-top: 0px !important;
  -webkit-box-shadow: 0 5px 6px -6px black;
  -moz-box-shadow: 0 5px 6px -6px black;
  box-shadow: 0 5px 6px -6px black;
}

section.scocialize_content{width:100%;float:left;text-align:right;padding:10px 0px 4px;border-bottom:#ccc solid 1px;}

.scocialize_link{display:inline-block;}

.scocialize_content h2{font-size:16px;font-weight:500;float:left;margin-right:3px;margin-top:2px;margin-bottom:0px;}

.scocialize_content a{float:left;font-size:16px;color:#06282d;margin-left:10px;}

.scocialize_content a:hover{color:var(--hover-color);}

section.free_standard{width:100%;float:left;background:var(--hover-color);text-align:center;padding: 16px 0px 6px;}

.free_standard h3{display:inline-block;margin-top:0px;margin-bottom:0px;color: var(--white-color);font-size:16px;}

.free_standard h3 a{text-decoration:underline;color: var(--white-color);}

.free_standard button{color: var(--white-color);}

.free_link{text-decoration:underline;color:#fff;}

.free_link:hover{color:#fff;text-decoration:underline;}

.free_icon{text-decoration:underline;color:#fff;float:right;font-size:20px;margin-top:0px;}

.free_icon:hover{color:#fff;text-decoration:underline;}

header{width:100%;float:left;text-align:center;padding:0px 0px;border-bottom:#d8d1ca solid 1px;text-align:center;}

.logo{float:left;margin-top:11px;width:236px;}

.logo img{width:100%;}

.menu{display:inline-block;margin:0px;}

.menu ul{width:100%;float:left;margin:0px;padding:0px;}

.menu ul li{display:inline-block;margin-right:0px;list-style:none;margin-right:0px;}

.menu ul li:last-child{margin-right:0px;}

.menu > ul > li > a{display:inline-block;color:var(--accent-color);font-size:16px; text-transform: uppercase;padding:33px 15px;border-top:#fff solid 3px;position:relative;transition: all 0.5s ease-in-out 0s;font-weight:bold;
    -webkit-transition: all 0.5s ease-in-out 0s;text-decoration:none;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;border-right:#fff  solid 1px;
border-left:#fff  solid 1px;}

.menu > ul > li > a:hover{text-decoration:none;color:var(--hover-color);background:#fafafa;border-top:var(--hover-color) solid 3px;transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;}

.menu li.sub_main:hover .hvr-underline-from-left {
    color: var(--hover-color) !important;
    position:relative;
background:#fafafa !important;
border-right:#d8d1ca  solid 1px;
border-left:#d8d1ca  solid 1px;
 transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    
}

.menu li.sub_main:hover .hvr-underline-from-left:after{
    content: '';
    position: absolute;
    top:-3px!important;
    left:0%!important;
    transform: translateX(-0%);
    width:100%!important;
    height:100%!important;
    border-top: 4px solid var(--hover-color) !important;
     transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
   
  }


  /* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index:9999 !important;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098D1;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  right: 0;
}



.hvr-underline-from-left {
  position:relative;
    color: var(--accent-color) !important;
    background:#fff !important;
    border-top:#fff solid 3px !important;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.menu_left{left:-497px !important;}

@media only screen and (min-width:981px) {
    li.sub_main {
        position: relative;
        transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    }
    li.sub_main > ul.sub_child {
        position: absolute;
        left: 0px;
        top:90px;
        z-index:999999999;
        max-height: 0;
        overflow: none;
        transform: rotate3d(1, 0, 0, -90deg);
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: rotate3d(1, 0, 0, -90deg);
        -webkit-transform-origin: 50% 0;
        -moz-transform: rotate3d(1, 0, 0, -90deg);
        -moz-transform-origin: 50% 0;
        -o-transform: rotate3d(1, 0, 0, -90deg);
        -o-transform-origin: 50% 0;
        transition: 350ms;
        -webkit-transition: 350ms;
        -moz-transition: 350ms;
        -o-transition: 350ms;
        width:600px;
    }
    li.sub_main:hover > ul.sub_child {
        max-height: 10000px;
        -webkit-transform: rotate3d(0, 0, 0, 0);
        -moz-transform: rotate3d(0, 0, 0, 0);
        -o-transform: rotate3d(0, 0, 0, 0);
        transform: rotate3d(0, 0, 0, 0);
    }
    ul.sub_child > li {
        width: 100%;
        display: inline-block;
        color: #000;
        cursor: pointer;
        background: #fafafa !important;
        border:#d8d1ca  solid 1px!important;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 13px;
        border-bottom: none;
    }
    ul.sub_child > li:last-child {
        border: none;
        color: #FFF !important;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    ul.sub_child > li > a {
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 8px 0px 8px 13px;
        display: inline-block;
        text-align: left;
        color: #fff !important;
        text-transform: capitalize;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: normal;
    }
    ul.sub_child > li > a i {
        float: right;
        margin: 3px 10px 0px 0px;
        font-size: 19px;
    }
   /* ul.sub_child > li > a:hover {
        color: #fff !important;
        background: #cb6f31;
        text-decoration: none;
    }*/
}




.cart_login{float:right;text-align:left;margin-top:34px;}

.cart_login a{float:left;text-decoration:none;color:var(--link-color);margin-left:26px;font-size:16px;position:relative;}

.cart_login a figure{float:left;}

.cart_login a i{margin-right:10px;}

.cart_login a:hover{color:var(--hover-color);}

.cart_login span{width:20px;height:20px;border-radius:50%;background:var(--hover-color);position:absolute;top:-12px;left:12px;text-align:center;color:#fff;font-size:10px;line-height:20px;}

#panel, #flip {

  text-align: center;
float:left;
}

#panel {
  padding:0px;
  display: none;
  float:left;
  background:#f2f2f2;padding:10px 0px;
  width:100%;
}

.search{width:100%;float:left;height:45px;}

.search:focus{background-color:var(--white-color) !important;color:#000 !important;border:#dee2e6 solid 1px !important;}

.search_button{width:100%;float:left;background: var(--link-color);color: var(--white-color);border:none;height:42px;color:#fff;outline:none !important;border-radius:10px;}

section.banner{width:100%;float:left;margin-top:60px;} 

.banner_pic{width:100%;float:left;}

main {
margin: 0;
  padding: 0;
}

.swiper {
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
}

.swiper-slide {
  text-align: center;
  font-size: 16px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide {
  width: 80%;
}

.swiper-slide:nth-child(1n) {
  width:95%;
}

/*.swiper-slide:nth-child(3n) {
  width: 40%;
}*/

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius:20px;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal {
  top: inherit;
  bottom: 0;
  display:none;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
    background: #fcf7f7;
    width:47px !important;
    height:47px !important;
    border-radius:50%;
    border:#000 solid 2px !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 16px !important;
    color:#000 !important;
    font-weight:bold !important;
}


.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
     background: #fcf7f7;
    width:47px !important;
    height:47px !important;
    border-radius:50%;
    border:#000 solid 2px !important;
    pointer-events: none;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
     font-size: 16px !important;
    color:#000 !important;
    font-weight:bold !important;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
     background: #fcf7f7;
    width:47px !important;
    height:47px !important;
    border-radius:50%;
    border:#000 solid 2px !important;
}

.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background:#59b6cc!important;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .9) !important;
}







figure{
  width:100%;
  overflow: hidden;
  position: relative;
  display: inline-block;
border-radius:20px !important;

}

figcaption{
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  text-align: center;
  font-weight: bold;
  width: 100%;
    border-radius:20px !important;
  height: 100%;
  display: table;
}

figcaption div{
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: 20px;
    border-radius:20px !important;
  opacity: 0;
  color: #2c3e50;
  text-transform: uppercase;
}

figcaption div:after{
  position: absolute;
  content: "";
  left: 0; right: 0;
  bottom: 40%;
  text-align: center;
  margin: auto;
  width: 0%;
  height: 2px;
  background: #2c3e50;
}

figure img{
  -webkit-transition: all 0.5s linear;
    border-radius:20px !important;
          transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

figure:hover figcaption{
 background: rgba(255,255,255,0.3);
}

figcaption:hover div{
  opacity: 1;
  top: 0;
}

figcaption:hover div:after{
  width: 50%;
}

figure:hover img{
  -webkit-transform: scale3d(1.2, 1.2, 1);
          transform: scale3d(1.2, 1.2, 1);
}


.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background:var(--accent-color) !important;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, -6px) !important;
    top: var(--swiper-pagination-top, auto) !important;
    left: 0 !important;
    width: 100%!important;
    z-index:99999 !important;
}

.banner_text{width:100%;position:absolute;top:30%;left:0px;z-index:999999 !important;text-align:left;}

.banner_text h2{width:100%;float:left;margin-top:0px;margin-bottom:0px;font-size:30px;font-size:48px;color:var(--link-color);font-weight:900;padding-left:90px;}

.banner_text p{float:left;padding-left:90px;font-size:16px;margin-top:0px;width:100%;margin-bottom:30px;}

.banner_link{background:var(--link-color);padding:10px 30px 14px;margin-left:90px;border-radius:10px;color:#fff;text-decoration:none;position:fixed;bottom:60px;left:0px;}

.banner_link i{font-size:13px;margin-left:8px;}

.banner_link:hover{background:#fff;}

section.free_shipping{width:100%;float:left;margin-top:50px;margin-bottom:0px;}

.shipping{width:100%;float:left;background:var(--link-color);border-radius:10px;padding:25px 0px;}

.shipping h2{width:100%;float:left;font-size:15px;color:#fff;text-align:center;font-size:25px;margin-bottom:0px;margin-top:0px;}

.shipping h2 font{font-size:16px;}

.shipping_pic{width:100%;float:left;background:#fafafa;border-radius:10px;padding:28px 0px;text-align:center;border:#fafafa solid 1px;}

.shipping_pic span{width:100%;float:left;text-align:center;}

.shipping_pic h3{width:100%;float:left;margin-top:8px;margin-bottom:0px;text-align:center;font-size:17px;color:var(--accent-color);}

.shipping_pic h3 font{font-family: "Lato", serif !important;}

.shipping_pic h4{width:100%;float:left;margin-top:8px;margin-bottom:0px;text-align:center;font-size:24px;color: var(--white-color);}

.shipping_pic h4 font{font-size:16px;}

.shipping_pic:hover{border:#000 solid 1px;}

section.frame_shape{width:100%;float:left;margin-top:60px;text-align:center;}

.frame_shape h1{float:left;margin-top:0px;margin-bottom:0px;font-size:35px;color:var(--accent-color);font-weight:900;text-align:left;}

.frame_shape_content{width:100%;float:left;margin-top:30px;}

.frame_shape_pic{width:100%;float:left;height:152px;border:#d8d8d8 solid 1px;border-radius:10px;position:relative;}

.frame_pic {
    width: auto !important;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.25s 
ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s 
ease-in-out;
}

.frame_shape_content h3{width:100%;float:left;margin-top:0px;margin-bottom:30px;font-size:16px;text-align:center;margin-top:10px;color:var(--accent-color);}

.crose{background:none;float:right;border:none;outline:none !important;color:#fff;font-size:20px;}

section.best_sellers{width:100%;float:left;margin-top:60px;}

.best_sellers h2{
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size:35px;
    color: var(--accent-color);
    font-weight: 900;
}



.best_sellers_content{width:100%;float:left;margin-top:30px;}

.frame_shape_link{
    float:right;
    background: var(--link-color);
    padding: 12px 30px 14px;
border-radius: 10px;
    color: #fff;
    text-decoration: none;
   font-size:16px;
  
  }

.frame_shape_link i{font-size:14px;margin-left:8px;}

.frame_shape_link:hover{background: var(--hover-color);color: var(--white-color);}


.carousel-wrap {
  margin: 0px auto;
  padding: 0 %;
  width: 100%;
  position: relative;
}
/* To disable arrows on first and last slide */
.disabled{
    display: none;

  }

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
  display:none;

}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}





button.owl-prev {
    width:50px !important;
    height:50px !important;
    background:url(../xelgs/black-left-arrow-01.svg) no-repeat 0px 0px !important;
    position: absolute !important;
    top:40% !important;
    left:20px !important;
    color:#f9f1eb !important;
    font-size:60px !important;
    outline:none !important;
    line-height:0px !important;
}

button.owl-next {
    width:50px !important;
    background:url(../xelgs/black-right-arrow-01.svg) no-repeat 0px 0px !important;
    height:50px !important;
    position: absolute !important;
    top:40% !important;
    right:15px !important;
    color:#f9f1eb !important;
    font-size:60px !important;
    outline:none !important;
    line-height:0px !important;
}

.owl-carousel button.owl-dot {
    background:#ccc!important;
    width:10px !important;
    height:10px !important;
    color: inherit;
    border-radius:50% !important;
    border: none;
    padding: 0 !important;
    font: inherit;
    display:none !important;
    text-align:center!important;
    margin-right:10px!important;
     outline:none !important;
}
button.owl-dot.active {
     background:var(--accent-color)!important;
     width:10px !important;
     border-radius:50% !important;
    height:10px !important;
    outline:none !important;
}

.owl-dots {
    text-align: center!important;
}

.best_sellers_list{width:100%;float:left;}



.nav-tabs {
    border-bottom: 1px solid #fff;
    width:100%;
    float:left;
}

.sellers_content{width:100%;float:left;margin-bottom:15px;margin-top:20px;}

.sellers_content h2{float:left;margin-top:0px;margin-bottom:8px;font-size:16px;font-weight:900;text-align:left;width:auto !important;margin-right:10px;}

.sellers_content h2 del{color:var(--hover-color);}

.sellers_content p{width:100%;float:left;margin-top:0px;margin-bottom:0px;font-size:16px;text-align:left;}

.sellers_content p font{font-family: "Lato", serif !important;}


.nav .nav-item button.active {
    background-color: transparent;
    color: var(--accent-color) !important;
    border: 3px solid #ccc;
    border-radius: 0px;
}



.bg{width:100%;margin: 0px 13px 0px 2px;text-align:center;padding-top:5px;padding-right:3px;float:left;height:31px;}

section.shopby{width:100%;float:left;margin-top:60px;text-align:center;}

.shopby h3{
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size:35px;
    color: var(--accent-color);
    text-align:center;
    font-weight: 900;
}

.shopby p{width:100%;float:left;font-size:16px;text-align:center;color: var(--accent-color);margin-top:7px;margin-bottom:25px;}

.shopby p font{font-family: "Lato", serif !important;}

.shopby a{display:inline-block;width:214px;border:var(--accent-color) solid 1px;padding:15px 0px;border-radius:10px;font-size:20px;color: var(--accent-color);font-weight:900;margin-right:20px;text-decoration:none;background: var(--white-color);}

.shopby a:hover{background:var(--hover-color);color: var(--white-color);}

.shopby a i{margin-left:10px;font-size:16px;}

.shopby a:last-child{margin-right:0px;}

.our_story{width:100%;float:left;background:#fafafa;}

.our_story span{width:100%;float:left;}

.our_story span img{width:100%;}

.our_story_content{width:100%;float:left;text-align:left;padding-top:30px;}

.our_story_content h4{
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 0px;
    font-size:35px;
    color: var(--accent-color);
    text-align:left;
    font-weight: 900;
}

.our_story_content p{width:90%;float:left;font-size:16px;color: var(--accent-color);text-align:left;margin-top:10px;}

.our_story_content a{
    float:left;
    width:140px !important;
    background: var(--white-color);
    border: var(--accent-color) solid 1px;
    padding: 15px 0px;
    text-align:center !important;
    border-radius: 10px;
    font-size: 20px;
    color: var(--accent-color);
    font-weight: 900;
    margin-right: 20px;
    text-decoration: none;
}

.our_story_content a:hover{background:var(--hover-color);color: var(--white-color);}

.our_story_content a i{margin-left:5px !important;font-size:15px;}

section.latest_news{width:100%;float:left;background:var(--hover-color);padding:60px 0px;margin-top:0px;text-align:center;}

.latest_news_content{width:732px;display:inline-block;}

.latest_news_content h4{
    width: 100%;
    float: left;
    margin-top:0px;
    margin-bottom: 0px;
    font-size:35px;
    color: var(--white-color);
    text-align:center;
    font-weight: 900;
}

.latest_news_content p{width:100%;float:left;font-size:16px; color: var(--white-color);text-align:center;margin-top:6px;margin-bottom:25px;}

.latest_list{float:left;width:416px;border:var(--white-color) solid 1px;height:58px;background:var(--hover-color);border-radius:12px;margin-left:78px;padding-left:25px;color: var(--white-color);padding-right:30px !important;}

.form-control:focus {
   color: var(--white-color);
    background-color: var(--hover-color);
    border-color: #fff;
    outline: 0;
    box-shadow: none;
}

.button_color{width:176px;float:left;height:58px;background:var(--white-color);border:none;outline:none !important;border-radius:12px;font-size:20px;color: var(--accent-color);margin-left:-39px;}

.button_color:hover{background:#8fdcee;color: var(--white-color);}

.latest_news i{font-size:15px;margin-left:10px;}

.latest_list::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: var(--white-color);
}
.latest_list:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: var(--white-color);
   opacity:  1;
}
.latest_list::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: var(--white-color);
   opacity:  1;
}
.latest_list:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: var(--white-color);
}
.latest_list::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--white-color);
}

.latest_list::placeholder { /* Most modern browsers support this now. */
   color: var(--white-color);
}

.footer_link{width:100%;float:left;border-right:#ccc solid 1px;min-height:340px;}

.footer_link h3{
    width: 100%;
    float: left;
    margin-top: 50px;
    margin-bottom:16px;
    font-size:22px;
    color: var(--accent-color);
    text-align: left;
    font-weight: 900;
}

.footer_link a{float:left;font-size:16px;color: var(--accent-color);text-decoration:none;width:145px;margin-bottom:5px;}

.footer_link a span{font-family: "Lato", serif !important;}

.footer_link a i{font-size:15px;margin-right:5px;}

.footer_link a:hover{text-decoration:none;color:var(--hover-color);}

.link{width:284px !important;}

.footer_email{width:100%;float:left;}

.footer_email h3{
    width: 100%;
    float: left;
    margin-top: 50px;
    margin-bottom: 16px;
    font-size: 22px;
    color: var(--accent-color);
    text-align: left;
    font-weight: 900;
}

.footer_email p{width:100%;float:left;font-size:16px;color:var(--accent-color);margin-bottom:9px;font-family: "Lato", serif !important;}

.footer_email p span{font-family: "Lato", serif !important;}

.footer_email p i{font-size:22px;color:var(--link-color);margin-right:10px;}

.footer_email p font{font-weight:900;font-size:15px;color:var(--link-color) !important;}

.footer_email p a{text-decoration:none;color:var(--link-color) !important;}

.footer_email p a span{font-family: "Lato", serif !important;}

.copyright{width:100%;float:left;border-top:#ccc solid 1px;padding:20px 0px;}

.copyright p{float:left;margin-bottom:0px;font-size:16px;color:var(--accent-color);}

.copyright p font{font-family: "Lato", serif !important;}

.copyright span{float:right;margin-bottom:0px;font-size:16px;color:var(--accent-color);}

.copyright span a{text-decoration:none;color:var(--accent-color);}

.copyright span a:hover{color: var(--hover-color);}

.copyright span font{font-family: "Lato", serif !important;}

.top_menu_content{width:100%;float:left;text-align:left;padding:30px;position:relative;}

.top_menu_content h2{width:100%;float:left;font-weight:900;font-size:16px;color: var(--accent-color);}
.top_menu_content h3{width:100%;float:left;font-weight:900;font-size:16px;color: var(--accent-color);}

.top_menu_content a{width:100%;float:left;font-size:14px;color:var(--accent-color);text-decoration:none;margin-bottom:5px;}

.top_menu_content a:hover{color:var(--hover-color);}

.one{width:100%;position:absolute;top:-1px;left:0px;background:#fafafa;height:20px;display:none;}
.two{width:106px;position:absolute;top:-1px;left:0px;background:#fafafa;height:20px;display:none;}
.three{width:70px;position:absolute;top:-1px;left:0px;background:#fafafa;height:20px;display:none;}
.four{width:102px;position:absolute;top:-1px;right:0px;background:#fafafa;height:20px;display:none;}

.best_sellerspics{width:100%;float:left;}


.gallery {
    display: flex;
    flex-wrap: wrap;
    border:#ccc solid 1px;
    border-radius:30px;
}

.gallery-item {
    position: relative;
    width:100%;
    height:257px;
    padding: 0px 0px 30px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-sizing: border-box;
    border-radius:30px;
}

.gallery-item img{width:100%;}

.gallery-image {
    position: absolute;
    width: 100%;
   object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease;
    object-fit: cover;
}

/* To initially show the first image */
.gallery-item .gallery-image:first-child {
    opacity: 1;
}

section.breadcrumbs{width:100%;float:left;background:#fafafa;border-bottom:#d8d1ca solid 1px;padding:10px 0px;}

.breadcrumbs ul{float:left;margin:0px;padding:0px;}

.breadcrumbs ul li{float:left;list-style:none;margin-right:10px;color:var(--accent-color);font-size:16px;}

.breadcrumbs ul li a{float:left;text-decoration:none;color:var(--link-color);font-size:16px;line-height:22px;}

.breadcrumbs ul li font{font-family: "Lato", serif !important;}

section.cart{width:100%;float:left;padding:40px 0px 60px;}

.top_cart{float:left;margin-top:9px;}

.top_cart a{text-decoration:none;font-size:16px;color:var(--link-color);font-weight:900;}

.top_cart a font{font-family: "Lato", serif !important;}

.top_cart a span{float:left;margin-top:-2px;margin-right:10px;}

.owl-buttons {
  display: none;
}
.owl-carousel:hover .owl-buttons {
  display: block;
}

.owl-item {
  text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
  background: transparent;
  color: #869791;
  font-size: 40px;
  line-height: 300px;
  margin: 0;
  padding: 0 60px;
  position: absolute;
  top: 0;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0;
  padding-left: 20px;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0;
  padding-right: 20px;
}

.icon_pic{float:left;margin-right:10px;margin-top:6px;}
.icon_head{float:left;margin-right:10px;margin-top:4px;}

footer{width:100%;float:left;display:block;}

.footer_accordion{width:100%;float:left;display:none;}

#main {
  margin:0px 0;
}

#main #faq .card {
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:#ccc solid 1px;
  border-top:none !important;
  border-right:none !important;
  border-left:none !important;
}

#main #faq .card .card-header {
  border: 0;
  
  padding: 0;
}

#main #faq .card .card-header .btn-header-link {
  display: block;
  text-align: left;
  background: #fff;
   font-size:22px;
  font-weight:bold;
  color:#000;
  padding:0px;
}

#main #faq .card .card-header .btn-header-link:after {
  
  content: "\f106";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
   color:#666666;
  float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
  background: #fff;
  color: #fff;
  font-size:22px;
  font-weight:bold;
  color:#000;

}

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f107";
  color:#666666;
}

#main #faq .card .collapsing {
  background: #fff;
  line-height: 30px;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #fff;
  line-height: 30px;
  color: #222;
}

a.btn.btn-header-link.collapsed {box-shadow:none !important;
}

.card-body{padding:0px;}

.link_margin{margin-top:10px;min-height:auto !important;border-right:none !important;}

.email_margin{margin-top:10px;min-height:auto !important;border-right:none !important;}

.top_heading{display:inline-block;}

.side_button{float:left;display:none;}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add ".modal-left-pane" or ".modal-right-pane" in modal parent div, after class="modal".
*******************************/
.modal.modal-left-pane .modal-dialog, .modal.modal-right-pane .modal-dialog {
  max-width:330px;
  min-height: calc(100vh - 56px);
}
.modal.modal-left-pane.show .modal-dialog, .modal.modal-right-pane.show .modal-dialog {
  transform: translate(0, 0);
}
.modal.modal-left-pane .modal-content, .modal.modal-right-pane .modal-content {
 height:100vh !important;
}
.modal.modal-left-pane .modal-dialog {
  transform: translate(-100%, 0);
  margin:0px;
}
.modal.modal-right-pane .modal-dialog {
  transform: translate(100%, 0);
  margin: 56px 0 0 auto;
}

.free_shipping_content{width:100%;float:left;}

#cont
{
  width:100%;
overflow: hidden;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding-bottom:0px;
}
.itemm{
  display: inline-block;
  width:217px;
margin-right:17px;
}

.itemm:last-child{margin-right:0px;}

.shipping_bg{background:#0b282d !important;color:#fff;padding:24px 0px !important;}

#cont::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#cont::-webkit-scrollbar
{
  height: 10px;
  background-color: #F5F5F5;
}

#cont::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}
.color{height:20px;display:inline-block;margin-right:-4px;}

.nav-link {
    padding: 0px 0px 0px 0px;
    margin-right: 4px;
    width: 33px;
    height: 31px;
}

.checkout{float:right;background:var(--link-color);color:var(--white-color);padding:12px 22px;border-radius:10px;font-size:16px;}

.checkout:hover{color:#fff;text-decoration:none;background: var(--hover-color);}

.submit{width:100%;float:left;background:#fafafa;border:#d8d1ca solid 1px;margin-top:14px;border-radius:10px;padding:0px 40px;}

.submit span{float:left;margin-bottom:0px;margin-top:10px;}

.submit h2{width:96%;float:right;background:#ccc;font-size:16px;color:#0b282d;background:url(../xelgs/check-01.svg) no-repeat 0px 0px;padding-left:33px;}

.submit_content{width:90%;float:left;margin-top:20px;}

.cart_list{width:100%;float:left;border:#d8d1ca solid 1px;padding:30px 30px 20px 30px;border-radius:10px;margin-top:18px;}

.cart_right_pic{float:left;}



.cart_frame{float:left;margin-left:0px;width:56%;}

.cart_frame h2{width:100%;float:left;font-size:16px;font-weight:900;color:var(--link-color);margin-bottom:14px;margin-bottom:15px;}

.cart_frame h2 a{color:var(--link-color);}

.cart_frame h3{float:left;font-size:16px;color:var(--hover-color);margin-right:10px;margin-bottom:15px;margin-top:3px;}

.cart_frame span{float:left;}

.cart_frame h4{float:left;font-size:14px;color:#7f7f7f;margin-left:10px;margin-top:4px;}

.cart_frame p{float:left;font-size:16px;color: var(--accent-color);margin-left:0px;margin-top:0px;margin-bottom:15px;}

.cart_frame p font{color:var(--hover-color);}

.cart_frame h5{float:left;margin-top:7px;margin-left:5px;color:#7f7f7f;font-size:14px;}

.cart_frame h6{float:left;margin-top:6px;margin-left:0px;color: var(--accent-color);font-size:16px;}

.cart_frame h6 font{color:var(--hover-color);}

.products_price_quantity {
    width: 125px;
    height: 37px;
    float: left;
    border: #d7dbdb solid 1px;
    border-radius:0px;
    margin-left:15px;
    margin-right:10px;
}
.products_price_quantity a {
    width: 37px;
    height: 35px;
    float: left;
    text-decoration: none;
    text-align: center;
    line-height:33px;
    background:#fbfbfb;
    font-family: "Lato", serif !important;
    font-size: 25px;
    font-weight: bold;
    color: var(--accent-color);
}

.products_price_quantity a:hover{background:var(--hover-color);color: var(--white-color);}

.line_height{line-height:29px !important;}

.products_price_quantity .products_price_name {
    width: 49px;
    float: left;
    border-right: #d7dbdb solid 1px;
    border-left: #d7dbdb solid 1px;
    border-radius: 0px;
    border-bottom: none;
    border-top: none;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    height: 35px;
}

.mrp_right_content{float:right;width:237px;text-align:right;margin-top:40px;}

.mrp_right_content h2{float:left;font-size:18px;color:#7f7f7f;margin-bottom:15px;margin-right:5px;width:100%;text-align:right;}

.mrp_right_content h2 b{color:var(--link-color);}

.mrp_right_content h2 del{padding:0px 5px;color:#9898b0;}

.mrp_right_content h2 font{color:var(--link-color);}



.mrp_right_content h4{float:left;font-size:18px;color:#7f7f7f;margin-bottom:15px;margin-right:5px;width:100%;text-align:right;margin-top:8px;}

.mrp_right_content h4 b{color:var(--link-color);}

.mrp_right_content h4 del{padding:0px 5px;color:#9898b0;}

.mrp_right_content h4 font{color:var(--link-color);}

.mrp_right_content h3{float:left;font-size:16px;color: var(--accent-color);margin-bottom:0px;}

.lens_content button{position:absolute;top:-40px;right:-46px;width:34px;height:34px;background:#fe0000;border:none;border-radius:50%;}

.mrp_right_content a{float:right;background:#fff;border:none;outline:none !important;margin-top:15px;}

.summary_content{width:100%;float:left;}

.summary_content h3{
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 900;
    color: var(--link-color);
    margin-bottom: 14px;
}

.visiomini_content{width:100%;float:left;border-top:#ccc solid 1px;margin-top:20px;padding-top:20px;}

.visiomini_content h3{float:right;font-size:18px;margin-bottom:0px;}

.visiomini_content span{float:left;border-radius:0px !important;width:80px;margin-right:15px;}

.visiomini_content h4{float:left;font-size:16px;margin-bottom:0px;font-weight:bold;margin:20px 0px 0px 0px;}

.visiomini_content span img{width:100%;}

.visiomini_content h3 b{color: var(--link-color);}

.summary_content_list{width:100%;float:left;border: #d8d1ca solid 1px;padding:20px;border-radius:10px;}

.summary_content_list span{float:left;}

.summary_content_list h3{
    float: left;
    font-size: 16px;
    font-weight: 900;
    color: var(--link-color);
    margin-bottom: 14px;
    margin-left:15px;
    margin-bottom:20px;
}

.swiss_eye_care{display:inline-block;}

.swiss_eye_care_content{width:100%;float:left;text-align:left;margin-bottom:5px;}

.swiss_eye_care_content dl{float:left;margin-bottom:0px;width:60px;border-radius:0px !important;margin-right:10px;}

.swiss_eye_care_content dl img{width:100%;}

.swiss_eye_care_content h4{float:left;margin-top:17px !important;margin-bottom:0px;font-weight:800 !important;font-size:15px !important;}

.summary_input{width:67%;float:left;height:50px;font-size:15px;}

.summary_input:focus{background:#fff;border: #d8d1ca solid 1px;color:#7f7f7f;}

.summary_button{float:left;width:146px;height:49px;background: var(--link-color);color: var(--white-color);border:none;border-radius:10px;float:left;margin-left:-12px;}

.summary_button:hover{background: var(--hover-color);color: var(--white-color);}

.subtotal{width:100%;float:left;border: #d8d1ca solid 1px;padding:20px;border-radius:10px;margin-top:15px;}

.subtotal_content{width:100%;float:left;border-bottom:#ccc solid 1px;padding-bottom:15px;margin-bottom:15px;text-align:center;}

.subtotal_content h2{float:left;margin-top:0px;margin-bottom:0px;font-size:16px;font-weight:900;color: var(--accent-color);}

.subtotal_content h3{float:right;margin-top:0px;margin-bottom:0px;font-size:16px;color: var(--accent-color);}

.subtotal_content h3 del{padding-right:5px;}

.grand_total{width:100%;float:left;text-align:center;}

.grand_total a{display:inline-block;background: var(--link-color);padding:13px 24px;border-radius:10px;color:#fff;}

.grand_total a:hover{text-decoration:none;background: var(--hover-color);color: var(--white-color);}

.grand_bg{background:none !important;border:var(--link-color) solid 1px !important;color: var(--link-color) !important;}

.grand_bg:hover{background: var(--hover-color) !important;
    color: var(--white-color)!important;border:#fff solid 1px !important;}

.filters_content{width:100%;float:left;background:#fafafa;border-radius:14px;padding-bottom:30px;border-radius:25px;}

.filters_content h1{width:100%;float:left;font-size:28px;color: var(--accent-color);font-weight:900;padding:20px 20px 10px;margin-bottom:15px;border-bottom:#d8d1ca solid 1px;margin-bottom:10px;}

.filters_mid_content{width:100%;float:left;padding:0px 0px;}

.filters_bg{background:#fafafa !important;font-size:16px !important;padding:0px 20px !important;}

.filters_cart{padding-bottom:10px!important;margin-bottom:8px !important;}

.cart_filters{background:#fafafa !important;}

.filters_body_content{width:100%;float:left;background:#fafafa;padding:0px 20px 0px;height:114px;margin-top:15px;margin-bottom:10px;}

.filters_body_content_height{height:114px !important;overflow:scroll !important;overflow-x:hidden !important;}

.filters_check_list{width:100%;float:left;margin-bottom:10px;}

.filters_check_list font{font-family: "Lato", serif !important;}

.filters_cart_body{background:#fafafa;float:left;width:100%;}

.color_bg{height:16px;float:left;margin-right:10px;}

.any_color{width:4px;height:16px;float:left;}



.checks {
  display: block;
  position: relative;
  padding-left:25px;
  margin-bottom:0px;
  cursor: pointer;
  font-size:14px;
  line-height:17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checks input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height:16px;
  width:16px;
  background-color: #fff;
  border:#d6d6d6 solid 1px;
}

/* On mouse-over, add a grey background color */
.checks:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.checks input:checked ~ .checkmark {
      background: var(--hover-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checks input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checks .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.frame_size{width:100%;float:left;background:#fafafa;padding:0px 20px 20px;}

.frame_size h2{width:100%;float:left;font-size:16px;font-weight:900;color: var(--accent-color);margin-top:10px;margin-bottom:16px;}

.frame_size_content{width:100%;float:left;}

 .price_content {
    width: 100%;
    float: left;
    padding:0px 8px;

}

 .price_content h3 {
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 13px;
    font-size: 20px;
    color: #444343;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 2px solid #abcd51;
    padding-bottom: 7px;
}

.gender{width:100%;float:left;background:#fafafa;padding:0px 20px;margin-top:20px;}

.metal{width:100%;float:left;padding:0px 20px;margin-top:10px;font-size:16px;color:var(--hover-color);}

.metal_margin{margin-top:5px;margin-bottom:0px;}

.frames{width:100%;float:left;}

.frames h1{float:left;font-size:28px;font-weight:900;color: var(--accent-color);}

.showing{width:100%;float:left;border-bottom:#d8d1ca solid 1px;border-top:#d8d1ca solid 1px;margin-top:10px;padding:10px 0px;}

.showing h2{float:left;font-size:16px;color: var(--accent-color);margin-bottom:0px;margin-top:7px;}

.sortby{float:right;}

.sortby a{float:left;font-size:16px;color: var(--accent-color);text-decoration:none;margin-top:5px;}

.sortby span{float:left;margin-right:21px;}

.sortby_link{font-size:16px;color: var(--accent-color);padding:6px 10px 4px;border-radius:0px;margin-left:20px;border:#ccc solid 1px;}

.sortby_link:focus{color: var(--accent-color);border:#d8d1ca solid 1px;box-shadow:none;}

.showing_list{width:100%;float:left;margin-top:25px;}

.gallery_item_height{height:248px;padding-bottom:0px;padding-left:0px;}

.gallery_item_height img{
      width: 100%;
      height: 100%;
     -o-object-fit: cover;
      object-fit: cover;
      display: block;
       display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
      transition: opacity 0.6s ease-in-out;
      position: absolute;
      top: 0;
      border-radius:30px !important;
      left: 0;
      opacity: 0;
    }

.filter_left{float:right;display:none;}

.filter_left > a{float:left;border:var(--accent-color) solid 1px;padding:10px 15px;font-size:16px;color: var(--accent-color);border-radius:10px;text-decoration:none;background: url(../xelgs/filter-bg.webp) no-repeat 17px 16px;padding: 10px 13px 10px 38px;}


.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 2.5;
}

.filter_side_content{width:100%;float:left;}



section.products_detail{width:100%;float:left;}

.products_detail_left_content{width:100%;float:left;background:#ccc;margin-top:40px;}


/*.carousel{
  margin-top:40px;
}
 Make the image fully responsive
.carousel-inner img {
  width:100%;

}
.carousel-indicators{
  display:inline-block;
 height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  position:static;
  direction: rtl;
  margin-right:0px;
  margin-left:0px;
}
@media screen and (max-width:992px){
  .carousel-indicators{
    direction: inherit;
    height: auto;
    width: 100%;
    max-width:800px;
    overflow-x: auto;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    overflow-y: hidden;
    justify-content: normal;
    margin-bottom:20px;
  }
  .carousel-inner{
    margin-left:0!important;
  }
  .carousel-inner img{
    width:100%;
  }
}*/
/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #555;  
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

 Handle 
::-webkit-scrollbar-thumb {
  background: #000; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.item1{
  margin-bottom:10px;
  margin-left: 10px;
  cursor:pointer;
}
.item1.active img{
  border:1px solid var(--accent-color);
  opacity:1;
}
.item1 img{
  border:#d8d8d8 solid 1px;
  opacity:0.5;
  transition:0.5s;
}
.item1:hover img{
  border:1px solid var(--accent-color);
  opacity:1;
}
.content {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); /* Black background with transparency */
  color: #f1f1f1;
  width: 100%;
  padding: 10px;
}
.content p{
  font-size:15px;
}

@media screen and (max-width: 992px) {
  .content{
    position:static;
  }
}
@media screen and (min-width: 1440px) {
  .carousel-inner{
    margin-left:0px;
    width:100%;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
  .carousel-inner{
    margin-left:0px;
  }
}
@media screen and (min-width: 880px) and (max-width: 1199px) {
  .carousel-inner{
    margin-left: 20px;
  }
  .content{
    position: static;
  }
}
@media screen and (min-width: 576px) and (max-width: 879px) {
  .carousel-inner{
    margin-left:0px;
  }
  .content{
    position: static;
  }
}

/*

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
  -webkit-transform: translate3d(0,-100%, 0);
  transform: translate3d(0,-100%, 0);
}
*/

.graphite{width:100%;float:left;text-align:center;margin-top:30px;margin-bottom:50px;}

.graphite a img{width:100%;}

.graphite a{display:inline-block;margin-right:10px;width:17%;padding:4px;}

.graphite a:last-child{margin-right:0px;}

.graphite h2{width:100%;display:inline-block;font-size:16px;color: var(--accent-color);margin-top:8px;margin-bottom:0px;}

.graphite_slider{width:100%;float:left;display:none;}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4%;
   color: #fff;
    text-align: center;
    opacity: .9;
    transition: opacity .15sease;
}

.products_detail_right_content{width:100%;float:left;background:#fafafa;border-left:#ccc solid 1px;padding:30px;height:100%;}

.products_detail_right_content h1{width:100%;float:left;font-size:24px;color: var(--accent-color);font-weight:900;}

.products_detail_right_content h1 font{font-family: "Lato", serif !important;}

.products_detail_right_content h2{width:100%;float:left;font-size:16px;color: var(--link-color);}

.products_detail_right_content h3{float:left;background:#d8d1ca;border:var(--link-color) solid 1px;padding:10px;border-radius:10px;margin-right:10px;font-size:16px;color: var(--accent-color);}

.products_detail_right_content p{width:100%;float:left;font-size:16px;color: var(--link-color);margin-bottom:15px;}

.products_detail_right_content p font{color:#007f0f;}

.products_detail_right_content span{float:left;background:#d8d1ca;border:var(--link-color) solid 1px;padding:4px 7px 5px;border-radius:10px;margin-right:10px;font-size:16px;cursor:pointer;}

.products_head_active{background:var(--white-color) !important;}
.products_head_link{background:var(--white-color) !important;}

.products_detail_right_content h4{float:left;margin-right:10px;font-size:16px;color: var(--accent-color);font-size:22px;margin-top:30px;font-weight:900;}

.products_detail_right_content h4 font{color: var(--hover-color);}

.products_detail_right_content h4 font del{font-size:15px;}

.products_font{font-weight:normal !important;}

.size{color: var(--link-color);text-decoration:none;float:left;margin-top:6px;margin-left:12px;}

.size:hover{text-decoration:none;color: var(--link-color);}

.key_highlights{width:100%;float:left;background:#fff;margin-top:15px;padding:30px;}

.key_highlights h5{width:100%;float:left;font-size:16px;color: var(--accent-color);font-weight:900;}
.key_highlights h6{width:100%;float:left;font-size:16px;color: var(--accent-color);margin-top:5px;}

.key_highlights ul{width:100%;float:left;margin:10px 0px 0px 0px;padding:0px;}

.key_highlights ul li{width:100%;float:left;list-style:none;background: url(../xelgs/bg.webp) no-repeat 0px 6px;padding-left:27px;color: var(--accent-color);font-size:16px;margin-bottom:10px;}

.key_highlights ul li font{font-family: "Lato", serif !important;}

.key_highlights p{width:100%;float:left;font-size:16px;color: var(--accent-color);margin-top:15px;font-style:italic;margin-bottom:0px;}

.key_highlights p font{font-family: "Lato", serif !important;}

.key_highlights_button{width:100%;float:left;background: var(--link-color);
    color: var(--white-color);border:none;height:48px;border-radius:10px;margin-top:20px;outline:none !important;font-size:20px;}

.key_highlights_button:hover{background: var(--hover-color);color: var(--white-color);}

.share_link{width:100%;float:left;;margin-top:30px;}

.share_link h6{width:100%;float:left;font-weight:900;}

.share_link a{float:left;margin-right:12px;}

section.detail_list{width:100%;float:left;border-top:#ccc solid 1px;border-bottom:#ccc solid 1px;padding:40px 0px 35px;}

.detail_list h2{
    width: 100%;
    float: left;
    font-size:28px;
    color:var(--hover-color);
    font-weight: 900;
    margin-bottom:20px;
}

.frame_measurements{width:100%;float:left;font-size:20px;}

.frame_measurements h3{
  float: left;
    font-size:20px;
    color: var(--accent-color);
    font-weight: 900;
    margin-bottom:20px;
}

.frame_measurements a{float:left;margin-top:-5px;margin-left:10px;}

.frame_measurements span{float:left;margin-right:15px;}

.frame_measurements p{float:left;font-size:16px; color: var(--accent-color);margin-top:2px;}

.frame_measurements p font{font-family: "Lato", serif !important;}

.frame_measurements_color{color:var(--hover-color);font-weight:900;}

section.description_content{width:100%;float:left;padding-top:40px;}

.description_content h3{
    width: 100%;
    float: left;
    font-size:28px;
    color: var(--hover-color);
    font-weight: 900;
    margin-bottom:15px;
}

.description_content p{font-size:16px;color: var(--accent-color);width:100%;float:left;}

.description_content a{float:left;background: var(--link-color);font-size:20px;
    color: var(--white-color);padding:12px 35px 14px;border-radius:10px;text-decoration:none;margin-top:10px;}

.description_content a:hover{background: var(--hover-color);color: var(--white-color);}


section.description_slider{width:100%;float:left;padding-top:40px;border-top:#ccc solid 1px;margin-top:60px;margin-bottom:30px;}

.description_slider h3{
    width: 100%;
    float: left;
    font-size: 28px;
    color:var(--hover-color);
    font-weight: 900;
    margin-bottom:3px;
  }

.measurements_right{width:84% !important;float:right !important;}

.slider_pic{display:block;}

.graphite_none{display:none;}




/*  .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }

  .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
  }
  
  .modal.right .modal-body {
    padding: 15px 15px 80px;
  }


        

  .modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
  }
  
  .modal.right.fade.in .modal-dialog {
    right: 0;
  }


  .modal-content {
    border-radius: 0;
    border: none;
  }




.modal {
    left: auto;
}*/


.sign_in{width:100%;float:left;}

.sign_in img{width:100%;border-top-right-radius:30px;border-top-left-radius:30px;}

.sign_in_dialog{max-width:592px !important;margin-top:5% !important;}

.sign_in_dialog_padding{padding:0px !important;}

.close_pic{position:absolute !important;top:14px !important;right:15px !important;z-index:999;outline:none !important;border:none !important;background:none !important;}

.modal_header_tik{padding:0px !important;border-bottom:none !important;}

.modal_header_bg{background:none !important;border:none !important;}

.sign_in_content{width:100%;float:left;padding:40px;background:#fff;border-bottom-right-radius:30px;border-bottom-left-radius:30px;}

.sign_in_content h2{width:100%;float:left;margin-top:0px;margin-bottom:20px;font-size:40px;color: var(--accent-color);font-weight:300 !important;}

.sign_form{width:100%;float:left;height:49px;border-radius:10px;margin-bottom:10px;font-size:16px;background:#fff;font-family: "Lato", serif !important;}

.sign_form:focus{background:#fff;border: 1px solid #ced4da;color:#000;}

.sign_in_content button{
    width: 100%;
    float: left;
    background: var(--link-color);
    color: var(--white-color);
    border: none;
    height: 50px;
    border-radius: 10px;
    margin-top:0px;
    margin-bottom:17px;
    outline: none !important;
    font-size: 20px;
}

.sign_in_content a{float:left;font-size:16px;color: var(--link-color);text-decoration:underline;}

.sign_in_content p{float:left;font-size:16px;color: var(--link-color);margin-bottom:0px;margin-right:8px;}

.sign_in_headding{font-size:40px;color: var(--accent-color);}

.account_link{margin-top:13px !important;border:none !important;outline:none !important;}

.account_round{border-radius:20px !important;}

.create_account{width:100%;float:left;}

.create_account h5{float:left;margin-top:0px;margin-bottom:15px;font-size:40px;color: var(--accent-color);}

.create_account_padding{padding:25px 30px 30px;}

.creating_margin{margin-top:12px;}

.privacy_link{text-decoration:underline;color: var(--link-color);}

.privacy_link:hover{color: var(--link-color);}

.create_account_button{
    width: 100%;
    float: left;
    background: var(--link-color);
    color: var(--white-color);
    border: none;
    height: 48px;
    border-radius: 10px;
    margin-top:30px;
    outline: none !important;
    font-size: 20px;
}

.create_account h6{float:left;margin-top:25px;margin-bottom:0px;font-size:16px;color: var(--link-color);}

.create_account h6 a{text-decoration:underline;color: var(--link-color);}

.create_bg{background:#fff;padding:20px 30px 30px;border-radius:20px;}



/*left right modal*/
.modal.left_modal, .modal.right_modal{
  position: fixed;
  z-index: 99999;
}
.modal.left_modal .modal-dialog,
.modal.right_modal .modal-dialog {
  position: fixed;
  margin: auto;
  width:40%;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
       -o-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
}

.modal-dialog {
    /* max-width: 100%; */
    margin: 1.75rem auto;
}
@media (min-width: 576px)
{
.left_modal .modal-dialog {
    max-width: 100%;
}

.right_modal .modal-dialog {
    max-width: 100%;
}
}
.modal.left_modal .modal-content,
.modal.right_modal .modal-content {
  /*overflow-y: auto;
    overflow-x: hidden;*/
    height: 105vh !important;
}

.modal.left_modal .modal-body,
.modal.right_modal .modal-body {
  padding: 15px 15px 30px;
}

/*.modal.left_modal  {
    pointer-events: none;
    background: transparent;
}*/

 {
    display: block;
}

/*Left*/
.modal.left_modal.fade .modal-dialog{
  left: -50%;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left_modal.fade.show .modal-dialog{
  left: 0;
  box-shadow: 0px 0px 19px rgba(0,0,0,.5);
}

/*Right*/
.modal.right_modal.fade .modal-dialog {
  right: -50%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
       -o-transition: opacity 0.3s linear, right 0.3s ease-out;
          transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal-backdrop {
    display: block;
    height:105vh !important;
}

.modal.right_modal.fade.show .modal-dialog {
  right: 0;
  box-shadow: 0px 0px 19px rgba(0,0,0,.5);
}

/* ----- MODAL STYLE ----- */
.modal-content {
  border-radius: 0;
  border: none;
}



.modal-header.left_modal, .modal-header.right_modal {

  padding: 10px 15px;
  border-bottom-color: #EEEEEE;
  background-color: #FAFAFA;
}

.modal_outer .modal-body {
    /*height:90%;*/
    overflow-y: auto;
    overflow-x: hidden;
    height: 91vh;
}




.select_lenses_buton{background:none !important;padding:0px !important;border:none !important;margin-top:3px;outline:none !important;margin-right:5px !important;}

.select_lenses_headding{font-size:16px !important;font-weight:900!important;color:var(--link-color)!important;}

.select_lenses_pic{float:left;margin-top:1px;margin-right:15px;}

.select_lenses_list{width:100%;float:left;border:var(--link-color) solid 1px;padding:25px;border-radius:10px;margin-bottom:10px;}

.select_lenses_left_content{width:551px;float:left;}

.select_lenses_left_content h2{width:100%;float:left;margin-top:0px;margin-bottom:0px;font-weight:900;color:var(--link-color)!important;text-transform: uppercase;font-size:20px;}

.select_lenses_left_content p{width:100%;float:left;margin-top:0px;margin-bottom:0px;color: var(--hover-color);font-size:16px;}

.select_lenses_right_content{float:right;margin-top:12px;}

.select_lenses_scroll{width:100%;float:left;padding:0px 30px 250px;}

.select_phone_content{width:100%;float:left;margin-top:10px;text-align:center;}

.select_phone_content_list{display:inline-block;width:461px;}

.select_phone_content_list p{float:left;width:auto;color:var(--link-color)!important;font-size:16px;margin-right:15px;}

.select_phone_content_list p font{font-family: "Lato", serif !important;color:var(--link-color)!important;}

.select_phone_head{padding:20px 30px 5px 46px;border-bottom:none;}

.estimated_total{position:fixed;bottom:0%;left:0px;background:#fff;width:100%;padding:30px 50px;}

.estimated_total h2{width:100%;float:left;margin-top:0px;margin-bottom:0px;font-size:16px;}

.estimated_total h6{width:100%;float:left;margin-top:0px;margin-bottom:0px;font-size:29px;font-weight:900;}

.choose_lens_package {
    width: 100%;
    float: left;
    overflow: scroll;
    overflow-x: hidden;
    padding: 0px 30px 200px;
}

.estimated_total button{
  float:right;
    background: var(--link-color);
    color: var(--white-color);
    border: none;
    padding:0px 20px;
    height: 48px;
    border-radius: 10px;
    margin-top: 20px;
    outline: none !important;
    font-size: 20px;
}
.choose_lens_package_content{width:100%;float:left;border: var(--link-color) solid 1px;border-radius: 10px;margin-bottom:10px;}

.choose_lens_package_list{width:100%;float:left;padding:20px 24px 10px;border-radius: 10px;}

.choose_lens_package_list h2{width:100%;float:left;margin-top:0px;margin-bottom:10px;text-transform: uppercase;font-size:20px;font-weight:900;color: var(--accent-color);}

.choose_lens_package_list h2 a{text-decoration:none;color: var(--accent-color);}

.choose_lens_package_list h4{float:right;margin:0px;}

.choose_lens_package_list p{width:100%;float:left;margin-bottom:0px;font-size:16px;color: var(--accent-color);color: var(--accent-color);margin-top:0px;padding-left:0px !important;}

.choose_lens_package_list p font{font-family: "Lato", serif !important;}

.frame_lens{width:100%;float:left;}

.frame_lens a{float:left;margin-bottom:0px;margin-top:4px;font-size:16px;color:#000;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding:10px 24px;margin-top:11px;width:100%;border-top:#ccc solid 1px;}

.frame_lens_active{float:left;margin-bottom:0px;margin-top:4px;font-size:16px;color:#fff !important;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding:10px 24px;margin-top:11px;width:100%;border-top:#ccc solid 1px;background: url(../xelgs/tik.webp) no-repeat 97% 59% var(--hover-color) !important;}

.bg_color{background:var(--hover-color) !important;}


.frame_lens h4{float:right;margin:0px;}

.size_chart{max-width:748px !important;margin-top:7%;}

.size_chart_headding{font-size:26px;font-weight:600;color:var(--hover-color);margin-top:-10px;margin-bottom:5px;}

.size_chart_border{padding:20px 30px 0px;}

.size_close{margin-top:2px !important;float:left !important;outline:none !important;}

.size_chart_content{width:100%;float:left;padding:0px 19px;}

.size_chart_card{width:100%;float:left;padding-bottom:10px;}

.size_chart_pic{width:100%;float:left;margin-top:96px;}

.size_chart_pic img{width:100%;}


/* Style the tab */
.tab {
  overflow: hidden;
 background-color: #fff;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 15px;
  transition: 0.3s;
  border-top:var(--white-color) solid 4px;
  font-size: 20px;
  color: var(--accent-color);
  margin-right:35px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #fff;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #fff;
  border-top:var(--link-color) solid 4px;
  font-weight:900;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding:0px;
  border: 1px solid #fff;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 28px;
}

.topright:hover {color: red;}

.size_chartlist_content{width:100%;float:left;}

.size_chartlist_content h2{width:100%;float:left;margin-top:0px;margin-bottom:10px;font-weight:900;font-size:20px;color: var(--accent-color);}

.size_chartlist_content p{width:100%;float:left;margin-top:0px;margin-bottom:15px;font-size:16px;color: var(--accent-color);}

.size_chartlist_content p b{color:var(--link-color);}

section.dashboard{width:100%;float:left;}

.dashboard_left_content{width:100%;float:left;padding-top:35px;padding-bottom:60px;}

.dashboard_left_content h1{width:100%;float:left;margin-top:0px;margin-bottom:0px;text-transform: uppercase;font-size:20px;font-weight:900;color: var(--accent-color);}

.dashboard_left_content h1 font{color: var(--hover-color);}

.dashboard_left_content h2{width:100%;float:left;margin-top:15px;margin-bottom:15px;text-transform: uppercase;font-size:20px;font-weight:900;color: var(--accent-color);}

.dashboard_left_content a{width:100% !important;float:left!important;font-size:16px!important;color: var(--accent-color);margin-bottom:5px!important;text-decoration:none!important;background: url(../xelgs/warranty-bg.webp) no-repeat 0px 10px!important;text-align:left !important;margin-top:0px !important;padding:0px 0px 0px 15px !important;border:none !important;}

.dashboard_left_content a:hover{color: var(--hover-color) !important;text-decoration:none;}

.dashboard_left_content h3{width:100%!important;float:left!important;margin-top:30px!important;margin-bottom:15px!important;text-transform: uppercase!important;font-size:20px!important;font-weight:900!important;color: var(--accent-color)!important;}

.dashboard_left_content button{float:left;padding:15px 30px;background: var(--link-color);border:none;margin-top:30px;border-radius:10px;font-size:20px;
    color: var(--white-color);outline:none;}

.dashboard_left_content button:hover{background: var(--hover-color);color: var(--white-color);}

.dashboard_active{color: var(--hover-color) !important;}

.dashboard_right_content{width:100%;float:left;padding-top:30px;border-left:#ccc solid 1px;min-height:576px;padding-left:30px;}

.dashboard_right_content h3{float:left;margin-top:0px;margin-bottom:15px;font-size:40px;color: var(--accent-color);}

.dashboard_order{width:100%;float:left;border:var(--link-color) solid 1px;padding:20px 20px;margin-bottom:20px;}

.dashboard_pic{float:left;margin-bottom:8px;}

.dashboard_order h3{float:right;width:74%;font-size:16px;color: var(--link-color);font-weight:900;margin-top:25px;margin-bottom:0px;}
.dashboard_order p{float:right;width:74%;font-size:16px;color: var(--accent-color);}

.dashboard_line{width:100%;float:left;}

.dashboard_right_content_link{float:right;border:var(--link-color) solid 1px;color:var(--link-color);border-radius:10px;text-decoration:none;background: url(../xelgs/user.webp) no-repeat 21px 10px;text-align:center;padding:10px 20px 10px 43px;display:none;}

.dashboard_right_content_link:hover{background: url(../xelgs/user.webp) var(--hover-color) no-repeat 21px 10px;}

.account_settings{width:100%;float:left;border-left:#ccc solid 1px;min-height:600px;padding-left:30px;padding-top:35px;}

.account_settings h2{float:left;margin-top:0px;margin-bottom:15px;font-size:40px;
    color: var(--accent-color);}

.account_settings_lable{width:100%;float:left;}

.account_settings_lable font{font-family: "Lato", serif !important;}

.account_settings_email{width:100%;float:left;height:50px;margin-bottom:15px;font-family: "Lato", serif !important;}

.account_settings_email:focus{background:#fff;border: 1px solid #ced4da;color:#000;}

.account_settings_list{width:511px;float:left;}

.change_password{width:100%;float:left;border-top:#ccc solid 1px;margin-top:10px;}

.account_settings_lable button{
    float: left;
    padding: 15px 50px;
    background: var(--link-color);
    border: none;
    margin-top:20px;
    margin-bottom:60px;
    border-radius: 10px;
    font-size: 20px;
    color: var(--white-color);
    outline: none;
}

.account_settings_lable button:hover{background: var(--hover-color);
    color: var(--white-color);}

.account_lable_margin{margin-top:20px;margin-bottom:20px;}

.account_settings a {
    float: right;
    border: var(--link-color) solid 1px;
    color: var(--link-color);
    border-radius: 10px;
    text-decoration: none;
    background: url(../xelgs/user.webp) no-repeat 21px 10px;
    text-align: center;
    padding: 10px 20px 10px 43px;
    display: none;
}

section.our_story_list{width:100%;float:left;margin-top:60px;margin-bottom:60px;}

.frame_shape_position{position:relative !important;}

.best_sellers_link{
    position: absolute;
    top: 0px;
    right: 16px;
    background: var(--link-color);
    padding: 12px 30px 14px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    
}

.best_sellers_link:hover{
   background: var(--hover-color);
    color: var(--white-color);
  }

.plus_icon{width:30px;height:30px;border-radius:50%;float:left;border:#000 solid 2px;color: var(--accent-color);text-decoration:none;padding-top:2px;margin-top:3px;margin-left:10px;text-align:center;}

.plus_icon:hover{background:var(--accent-color);color: var(--white-color);}

.desk_slider{width:100%;float:left;margin-top:40px;}

.banner_margin{margin-top:42px !important;}

.welcome_menu{width:100%;float:left;text-align:left;}

.welcome_menu h1{width:100%;float:left;font-size:20px;color: var(--accent-color);font-weight:900;}

.welcome_menu ul{width:100%;float:left;margin:5px 0px 0px 0px;padding:0px;}

.welcome_menu ul li{float:left;margin-right:10px;border-right:#ccc solid 1px;list-style:none;padding-right:10px;line-height:12px;}

.welcome_menu ul li:last-child{margin-right:0px;padding-right:0px;border-right:none;line-height:12px;}

.welcome_menu ul li a{text-decoration:none;color: var(--accent-color);font-size:16px;color:var(--hover-color);}

.welcome_menu_list{width:100%;float:left;margin-top:20px;}

.dashboard_icon{
    margin-top: -11px;
    margin-right: -26px;
}


.welcome_menu_list_content{width:100%;float:left;padding:10px 0px 0px;text-align:left;}

.welcome_menu_list_content h2{width:100%;float:left;font-size:16px;color: var(--accent-color);margin-top:15px;}

.welcome_menu_list_content a{width:100%;float:left;font-size:15px;color: var(--accent-color);margin-bottom:4px;}

.menu_font{font-family: "Lato", serif !important;}

.mobile_add_tocart{width:100%;position:fixed;left:0px;bottom:0px;background:#fff;padding:15px 20px;z-index:999;box-shadow: 0 -12px 16px -4px rgba(9, 11, 11, .122);display:none;}

.mobile_add_tocart h2{float:left;margin-bottom:0px;margin-top:14px;font-size:22px;color: var(--link-color);font-weight:900;}

.mobile_add_tocart a{float:right;background:#ccc;background:var(--link-color);padding:15px 15px;color: var(--white-color);margin-right:0px;border-radius:10px;font-size:16px;}

.carousel-indicators {
  position: unset;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 1em;
}
.carousel-indicators [data-bs-target] {
  text-indent: 0;
  width: 100%;
  height: 100%;
  margin-bottom:10px;
  opacity: 1;
  background-color: transparent;
  border-top: 0;
  border:#ccc solid 1px;
  align-items: center;
  justify-content: space-between;
}
.carousel-indicators [data-bs-target].active {
  border:#000 solid 1px;
}
.carousel {
  background-color:#fff;
}
.carousel-inner img {
  width:100%;
}
@media screen and (min-width: 576px) {
  .carousel {
    
    font-size:0px;
  }
}

.offcanvas {
    position: fixed;
    top: 0px !important;
    left:0px !important;
    z-index: var(--bs-offcanvas-zindex);
    display: flex
;
    flex-direction: column;
    max-width:330px;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
}

.show_result{width:328px;position:fixed;bottom:0px;left:0px;padding:15px 0px;z-index:9999;text-align:center;background:#fff;border-top:#ccc solid 1px;}

.show_result a{display:inline-block;padding:10px 20px;border-radius:10px;background: var(--link-color);color: var(--white-color);font-size:16px;text-decoration:none;width:95%;}

.show_result a i{font-size:14px;margin-left:5px;}

.account_settings_width{width:100% !important;}

.new_address_content{width:100%;float:left;border-bottom:#d8d1ca solid 1px;padding-bottom:15px;margin-bottom:20px;}

.new_address_content h3{float:left;margin-top:0px;margin-bottom:0px;font-size:20px;color: var(--accent-color);font-weight:bold;}

.saved_addresses{width:100%;float:left;border-bottom:#ccc solid 1px;padding-bottom:50px;}

.saved_addresses h3{width:100%;float:left;font-size:16px;color: var(--accent-color);font-weight:900;margin-top:0px;margin-bottom:0px;}

.saved_addresses h4{width:100%;float:left;font-size:16px;color: var(--accent-color);margin-top:25px;}

.saved_addresses a{
    float: left !important;
    padding: 15px 50px !important;
    background: var(--link-color) !important;
    border: none !important;
    margin-top: 30px !important;
    border-radius: 10px !important;
    font-size: 20px !important;
    color: var(--white-color) !important;
    outline: none !important;
    display:block !important;
}

.saved_addresses a:hover{
    background: var(--hover-color) !important;
    color: var(--white-color) !important;
}

.saved_addresses_content{width:100%;float:left;margin-top:50px;}

.saved_addresses_content  h3{width:100%;float:left;font-size:16px;color: var(--accent-color);font-weight:900;margin-top:0px;margin-bottom:25px;}

.saved_addresses_name_content{width:100%;float:left;border:#ccc solid 1px;padding:30px;margin-bottom:15px;}

.saved_addresses_name_content h4{width:100%;float:left;font-size:16px;color: var(--accent-color);font-weight:900;margin-top:0px;margin-bottom:0px;}

.saved_addresses_name_content p{width:100%;float:left;font-size:16px;color: var(--accent-color);margin-bottom:0px;}

.saved_addresses_name_content p font{font-family: "Lato", serif !important;}

.saved_addresses_name_content a{float:left !important;font-size:16px!important;font-weight:900!important;font-style:italic!important;color: var(--accent-color)!important;display:block !important;padding:0px 0px 0px 0px !important;background:none !important;border:none !important;margin-top:10px !important;}

.saved_addresses_name_content a span{width:22px;height:22px;float:left;background: url(../xelgs/make-default-01.svg) no-repeat 0px 0px;margin-right:8px;margin-top:3px;}

.addresses_bg{width:22px;height:22px;float:left;background: url(../xelgs/default-address-01.svg) no-repeat 0px 0px !important;margin-right:8px;margin-top:3px;}

.new_address_list{width:100%;float:left;margin-bottom:60px;}

.new_address_list a{
    float: left !important;
    padding: 15px 50px !important;
    background: var(--link-color) !important;
    border: none !important;
    margin-top: 30px !important;
    border-radius: 10px !important;
    font-size: 20px !important;
    color: var(--white-color) !important;
    outline: none !important;
    display: block !important;
}

.new_address_list a:hover{
    background: var(--hover-color) !important;
    color: var(--white-color) !important;
}

.orders_content{width:100%;float:left;border:#ccc solid 1px;padding:57px 20px 20px;position:relative;margin-bottom:30px;}

.orders_headding{font-size:16px !important;}

.orders_margin{margin-right:15px;margin-left:0px !important;}

.orders_list_content{width:100%;float:left;}

.order_left_content{width:100%;float:left;}

.order_left_content p{width:100%;float:left;font-size:16px;color: var(--accent-color);margin-bottom:5px;}

.order_left_content p font{font-family: "Lato", serif !important;}

.order_left_content b{color:var(--link-color)}

.order_left_content a{border:none !important;padding:0px!important;background:none!important;float:none!important;margin:0px!important;width:auto!important;display:inline!important;color:var(--hover-color)!important;text-decoration:underline !important;}

.cart_right_pic{float:left;height:146px;position:relative;width:140px;border:#d8d1ca solid 1px;}

.top_order{position:absolute;top:20px;right:20px;}

.top_order a{border:none !important;padding:0px!important;background:none!important;float:none!important;margin:0px!important;width:auto!important;display:inline!important;color:var(--hover-color)!important;text-decoration:underline !important;}

.top_order a span{margin-right:10px;}

.orders_content_list{width:100%;float:left;padding-bottom:30px;}

.my_prescriptions{width:100%;float:left;margin-top:15px;min-height:700px;padding-bottom:60px;}

.my_prescriptions h2{width:100%;float:left;margin-top:0px;margin-bottom:30px;font-size:16px;font-weight:900;}


.img-thumb {
  width:100%;
  float:left;
   border-radius:0px;
  padding: 1px;
  cursor: pointer;
}

.img-thumb img{width:100%;border:#ccc solid 1px;border-radius:0px;}

.img-thumb-wrapper {
  display: inline-block;
  margin:30px 10px 0px 0;
  width:98%;
  }
.remove {
  position:absolute;
  top:-11px;
  right:-11px;
  border:#ccc solid 1px;
  border-radius:50%;
  color: white;
  padding:15px;
  text-align: center;
  cursor: pointer;
  z-index:9999;
  width:30px;
  height:30px;
  background: url(../xelgs/delete-01.svg) no-repeat 7px 7px #fff !important;
  background-size:15px 15px !important;
}
.remove:hover {
  background: white;
  color: black;
}
.card{border-radius:0px;}

.accordion-button:not(.collapsed) {
    color: #090b0b;
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.products_select{border: #000 solid 1px;padding:4px;}

.filter_bg{background:#fafafa !important;border:none !important;}
.filter_bg_button{background:#fafafa !important;padding:10px 20px !important;font-size:16px !important;border-bottom:none !important;text-transform: uppercase !important;}
.filter_auto{overflow:auto !important;}

.accordion-item:first-of-type {
     border-top-left-radius:0px !important; 
    border-top-right-radius:0px !important; 
}

.accordion_top_border{border-bottom:#ccc solid 1px !important;}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  width:100%;
display: inline-block;
}

.upload-btn-wrapper a{
    float: left !important;
    padding: 15px 30px !important;
    background: var(--link-color)!important;
    border: none !important;
    margin-top: 0px !important;
    border-radius: 10px !important;
    font-size: 20px !important;
    color: var(--white-color) !important;
    outline: none !important;
    display:block !important;
}

.btnn {
 color: var(--white-color);
  background-color: white;
  padding: 15px 40px;
  background: var(--link-color);
  border-radius: 8px;
  font-size: 20px;
  border:none;
}

.btnn:hover{
    background: var(--hover-color);
    color: var(--white-color);
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.shadow {
    box-shadow:none !important;
}

.line{width:100%;float:left;height:1px;background:#ccc;margin-top:35px;margin-bottom:10px;}

.add_new_prescription{width:100%;float:left;position:relative;margin-top:24px;}

.add_new_prescription_link{width:30px !important;height:30px!important;border:#ccc solid 1px!important;border-radius:50%!important;background: url(../xelgs/delete-01.svg) no-repeat 7px 7px #fff !important;
  background-size:15px 15px !important;position:absolute!important;top:-11px!important;right:-11px!important;float:none!important;display:block !important;padding:0px !important;}

table {border-collapse:collapse;}

 td {padding:8px 20px; text-align:left;border:#e0e0e0 solid 1px;background:#fff;color:#000;}
 tr {font-size:16px;}

  td font{ font-family: "Lato", serif !important;}

  button.fancybox-button.fancybox-button--thumbs {
    display: none;
}
button.fancybox-button.fancybox-button--play {
    display: none;
}


 thead {border:#e0e0e0 solid 1px;border-top:#e0e0e0 solid 1px;}

 thead tr th{padding:8px 20px;text-align:left;color:#000;font-weight:normal;border:#e0e0e0 solid 1px;background:#fff;}

.please_enter_power{width:100%;float:left;margin-top:15px;}

.please_enter_power h3{width:100%;float:left;margin-top:0px;margin-bottom:0px;font-size:16px;font-weight:900;border-bottom:#ccc solid 1px;padding-bottom:15px;margin-bottom:15px;}

.please_enter_power h4{width:100%;float:left;margin-top:0px;margin-bottom:0px;font-size:16px;}

.please_enter_power_form{width:100%;float:left;margin-top:30px;padding-bottom:50px;}

.please_enter_select{width:100%;float:left;height:50px;font-family: "Lato", serif !important;color:#a4a5a5;margin-bottom:15px;}

.please_enter_power_form h5{float:left;margin-top:14px;margin-bottom:0px;font-size:16px;color: var(--accent-color);}

.please_enter_power_form h6{float:left;margin-top:15px;margin-bottom:15px;font-size:16px;color: var(--accent-color);}

.please_form_width{width:10%;}

.please_enter_power_form button{
    float: left;
    padding: 15px 50px;
    background: var(--link-color);
    border: none;
    margin-top: 20px;
    margin-bottom:0px;
    border-radius: 10px;
    font-size: 20px;
    color: var(--white-color);
    outline: none;
}

.please_enter_power_form button:hover{
    background: var(--hover-color);
    color: var(--white-color);
}

.please_enter_right{width:45%;}

.gmail_account{width:100%;position:fixed;top:0px;left:0px;}

.gmail_logo{float:left;margin-top:40px;}

.gmail_sign{width:100%;float:left;height:100vh;}

.gmail_sign_detail{width:100%;float:left;text-align:center;}

.gmail_sign_detail_content{width:604px;display:inline-block;background:#fff;padding:40px 40px 120px;border-radius:20px;-webkit-box-shadow: 0px 3px 41px -19px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 41px -19px rgba(0,0,0,0.75);
box-shadow: 0px 3px 41px -19px rgba(0,0,0,0.75);}

.gmail_sign_detail_content h1{width:100%;float:left;margin-top:0px;margin-bottom:30px;font-weight:900;}

.apple_content{width:100%;float:left;border:#d8d1ca solid 1px;padding:12px 0px;border-radius:10px;margin-bottom:30px;}

.apple_content h2{float:left;margin-top:4px;margin-bottom:0px;font-size:16px;color:#333333;}

.apple_content span{float:left;margin-right:10px;margin-left:159px;}

.our_content{width:100%;float:left;margin-top:10px;position:relative;text-align:center;}

.our_content h3{display:inline-block;background:#fff;font-size:15px;position:relative;z-index:999;padding:5px 8px;}

.our_content:after{
    content: '';
    position: absolute;
    bottom:22px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    border-top: 1px solid #bfbfbf !important;
  }

.gmail_sign_button{width:100%;float:left;margin-top:30px;}

.gmail_sign_button button{width:100%;float:left;background: var(--link-color);color: var(--white-color);border:none;outline:none;    padding: 15px 30px;font-size: 20px;border-radius:10px;}

.gmail_sign_button button:hover{
    background: var(--hover-color);
    color: var(--white-color);
}

.gmail_sign_button a{display:inline-block;color:#156aa3;text-decoration:none;font-size:16px;margin-top:30px;}

.best_sellers_list_margin{margin-bottom:30px !important;}

section.check_out{width:100%;float:left;margin-top:40px;}

.check_out_content{width:100%;float:left;border:#ccc solid 1px;padding:20px 30px;border-radius:10px;margin-bottom:50px;}

.check_out_content h1{width:100%;float:left;font-size:30px;font-weight:900;margin-bottom:15px;color: var(--accent-color);}

.check_out_content font{color:#ff0000;font-family: "Lato", serif !important;}

.check_out_content h2{width:100%;float:left;font-size:30px;font-weight:900;margin-bottom:15px;margin-top:40px;color: var(--accent-color);}

.select_payment{width:100%;float:left;font-size:16px;color: var(--accent-color);font-weight:900;margin-bottom:20px;}

.select_payment_content{width:100%;float:left;border:#ccc solid 1px;padding:30px 20px;border-radius:10px;margin-bottom:15px;}

.select_payment_content font{color: var(--accent-color);font-family: "Lato", serif !important;}

.select_payment_content b{color:var(--link-color);}

.containerradio {
  display: block;
  position: relative;
  padding-left:30px;
  margin-bottom:0px;
  cursor: pointer;
  font-size:16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.containerradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmarkradio {
  position: absolute;
  top: 3px;
  left: 0;
  height:16px;
  width:16px;
  background-color: #fff;
  border:#ccc solid 1px;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containerradio:hover input ~ .checkmarkradio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerradio input:checked ~ .checkmarkradio {
 background: var(--hover-color);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkradio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerradio input:checked ~ .checkmarkradio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerradio .checkmarkradio:after {
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
}

.sub_total_content{width:100%;float:left;background:#fafafa;border:#d8d1ca solid 1px;padding:20px;border-radius:10px;}

.sub_total_content_list{width:100%;float:left;border-bottom:#d8d1ca solid 1px;padding-bottom:10px;margin-bottom:10px;}

.sub_total_content_list h4{float:left;margin-top:0px;margin-bottom:0px;color: var(--accent-color);font-size:16px;font-weight:900;}

.sub_total_content_list h4 font{font-family: "Lato", serif !important;}

.sub_total_content_list p{float:right;margin-top:0px;margin-bottom:0px;color: var(--accent-color);font-size:16px;}

.place_order{width:100%;float:left;margin-top:20px;}

.place_order a{
    float: left;
    width:100%;
    text-align:center;
    padding: 15px 50px;
    background: var(--link-color);
    border: none;
    margin-bottom: 0px;
    border-radius: 10px;
    font-size: 20px;
    color: var(--white-color);
    outline: none;
}

.place_order a:hover{
    background: var(--hover-color);
    color: var(--white-color);
}


.place_order button{
    float: left;
    width:100%;
    text-align:center;
    padding: 15px 50px;
    background: var(--link-color);
    border: none;
    margin-bottom: 0px;
    border-radius: 10px;
    font-size: 20px;
    color: var(--white-color);
    outline: none;
}

.place_order button:hover{
    background: var(--hover-color);
    color: var(--white-color);
}


font{font-family: "Lato", serif !important;}

section.contact{width:100%;float:left;padding:40px 0px;}


.contact h1{
    float: left;
    width:100%;
    font-size: 30px;
    text-align:left;
    font-weight: 900;
    margin-bottom:25px;
    border-bottom:#d8d1ca solid 1px;
    padding-bottom:15px;
    color: var(--accent-color);
}
.contact_address_content {
    width: 100%;
    float: left;
    text-align: center;
    border:#ccc solid 1px;
    margin-top:25px;
    padding:30px;
    min-height:275px;
}

.contact_address_content span{display:inline-block;width:100%;text-align:center;}

.contact_address_content i {
    display: inline-block;
    font-size:60px;
    color:#0b282d;
}
.contact_address_content h2 {
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color: var(--accent-color);
    margin-top: 30px;
    font-weight: 600;
    text-transform: uppercase;
}
.contact_address_content a {
    width: 100%;
    float: left;
   color: var(--accent-color);
    text-decoration: none;
    line-height: 30px;
    font-size: 16px;
    margin-top: 15px;
}

.contact_address_content p{margin-bottom:0px;}

.contact_form label {
    width: 100%;
    float: left;
    margin-bottom: 0px;
    color: #5e5a54;
    text-align: left;
    margin-bottom: 15px;
}
.contact_name_content {
    width: 100%;
    float: left;
    height: 44px;
  font-family: 'Lato', sans-serif !important;
    border-radius: 0px;
    border-radius: 3px;
    margin-bottom:30px;
    border: 1px solid #f1eeea;
}

.contact_name_content:focus{background:#fff;border: 1px solid #f1eeea;color:#000;}

.contact_message_content:focus{background:#fff;border: 1px solid #f1eeea;color:#000;}
.contact_form {
    width: 100%;
    float: left;
    margin-top:24px;
}

.contact_form button{
    float:left;
    width: 192px;
        background: var(--hover-color);
    padding: 10px;
    text-transform: uppercase;
    border: none;
   color: var(--white-color);
    margin-top:20px;
    font-weight: bold;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
}

section.map{width:100%;float:left;}

.address_content{width:100%;float:left;}

section.about_us{width:100%;float:left;padding:40px 0px;}

.about_us h1{
    float: left;
    width:100%;
    font-size: 30px;
    text-align:left;
    font-weight: 900;
    margin-bottom:25px;
    border-bottom:#d8d1ca solid 1px;
    padding-bottom:15px;
    color: var(--accent-color);
}

.about_us p{
    width: 100%;
    float: left;
    font-size: 16px;
   color: var(--accent-color);
    text-align:left;
    margin-top: 6px;
    margin-bottom: 25px;
}

.slider-container {
    position: relative;
    width: 100%;
float:left;
  }

  .slider {
    position: relative;
    height: 10px;
    background: #ddd;
    border-radius: 5px;
  }

  .progress {
    position: absolute;
    height: 10px;
    background: #06282d;
    border-radius: 5px;
  }

  .range-input {
    position: relative;
    display: flex;
    justify-content: space-between;
  }

  .range-input input {
    position: absolute;
    width: 100%;
    top: -6px;
    height: 5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
  }

  /* Remove default styling */
  input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #59b6cc;
    cursor: pointer;
    pointer-events: auto;
    top:-30px;
  }
  input[type="range"]::-moz-range-thumb {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #59b6cc;
    cursor: pointer;
    pointer-events: auto;
  }

  .values {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    font-weight: bold;
  }







.image_hover_content{width:100%;float:left;}


.image-box {
      width:100%;
    
   
      border-radius: 12px;
      
    }

    .image-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: opacity 0.6s ease-in-out;
      position: absolute;
      top: 0;
      border-radius:30px;
      left: 0;
      opacity: 0;
          border: #ccc solid 1px;
    }

    .image-box img.active {
      opacity: 1;
    }

    .wrapper {
      position: relative;
      width:100%;
      height:275px;
    }


section.check_out_pay{width:100%;float:left;padding:160px 0px;text-align:center;}

.check_out_pay h1{
    display:inline-block;
    width: 100%;
    font-size: 30px;
    font-weight: 900;
    margin-bottom:0px;
    color: var(--accent-color);
}

.check_out_pay p{
    width: 100%;
    float: left;
    font-size:20px;
    color: var(--accent-color);
    margin-top:15px;
    margin-bottom:0px;
}

.check_out_pay a{
   display:inline-block;
    background: var(--link-color);
    color: var(--white-color);
    border: none;
    padding:10px 30px;
    border-radius: 10px;
    margin-top: 20px;
    outline: none !important;
    font-size: 20px;
}

.check_out_pay a:hover{background:#59b6cc;}

.xmark{width:50px;height:50px;background: var(--link-color);display:inline-block;border-radius:50%;font-size:25px;padding-top:12px;margin-top:20px;color:#fff;}

section.forgot_password{width:100%;float:left;padding:60px 0px;text-align:center;}

.forgot_password_content{width:40%;display:inline-block;background:#f8f8f8;padding:30px;border:#d2d2d2 solid 1px;border-radius:40px;}

.forgot_password_content h1{
    float: left;
    font-size:24px;
    width:100%;
    font-weight: 900;
    color: var(--accent-color);
    margin-bottom:20px;
}

.forgot_password_input{width:100%;float:left;height:52px;}

.forgot_password_input:focus{
    color:#000;
    background-color:#fff;
    border-color: #dee2e6;
    outline: 0;
    box-shadow: none;
}

.forgot_password_content button{
    width: 100%;
    float: left;
    background: var(--link-color);
    color: var(--white-color);
    border: none;
    height: 48px;
    border-radius: 10px;
    margin-top: 20px;
    outline: none !important;
    font-size: 20px;
}

.forgot_password_content button:hover{background: var(--hover-color);
    color: var(--white-color);}

.search_bar_content{width:100%;float:left;background:#e9e9e9;margin-top:10px;text-align:left;height:202px;border:#ccc solid 1px;padding:15px;}

.search_bar_content ul{width:100%;float:left;margin:0px;padding:0px;}

.search_bar_content ul li{width:100%;float:left;list-style:none;border-bottom:#ccc solid 1px;padding-bottom:10px;margin-bottom:10px;background:url(../xelgs/dashboard-bg.webp) no-repeat 0px 8px !important;padding-left:16px;}

.zoom_slider_content{width:100%;float:left;margin-top:40px;}

.zoom_icon{position:absolute;bottom:10px;right:10px;background:#59b6cc;padding:10px;width:40px;height:40px;border-radius:50%;line-height:0px;z-index:999;}

.zoom_icon img{width:100%;}

.lens_package_content{width:100%;float:left;}

.lens_package_content dl{width:100%;float:left;height:60px;position:relative;border:#ccc solid 1px;}

.image_new{
    width: auto !important;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}


.box_sph{width:100%;float:left;margin-top:40px;}

.box_sph h2{width:100%;float:left;margin-top:0px;margin-bottom:0px;font-size:14px;color:#000;font-weight:bold;}

.box_sph p{width:100%;float:left;margin-top:10px;margin-bottom:0px;font-size:14px;color:#000;font-weight:bold;}


.accordion_list_content{width:100%;float:left;padding:4px 0px 10px;}

.lens_content{width:80%;float:right;position:relative;}

.box_sph p {
    width: 100%;
    float: left;
    margin-top: 4px;
    margin-bottom: 0px;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

.larder_content{width:100%;float:left;text-align:center;}

.larder_content a{text-decoration:none;color:#000;display:inline-block;background:#000;padding:10px 15px;border-radius:10px;color:#fff;}

.chat_with_us{width:100%;float:left;text-align:center;padding-top:5px;margin-top:10px;}

.chat_with_us dl{display:inline-block;border-radius:0px !important;margin-bottom:0px !important;width:40px;height:40px;}

.chat_with_us dl img{width:100%;}

.chat_with_us h2{width:100%;display:inline-block;font-size:14px;color:#000;font-size:14px;text-align:center;font-weight:400;}

.succes_content{width:100%;float:left;padding:60px 0px;}

.succes_content_list{width:100%;float:left;background:#fafafa;padding:60px 40px;border:#d8d1ca solid 1px;border-radius:10px;text-align:center;}

.succes_content_list h1{width:100%;float:left;color:#168800;font-size:36px;font-weight:bold;margin-bottom:10px;}
.succes_content_list h2{width:100%;float:left;color: var(--accent-color);font-size:28px;font-weight:bold;margin-bottom:10px;}
.succes_content_list h3{width:100%;float:left;color: var(--accent-color);font-size:28px;font-weight:bold;margin-bottom:0px;text-transform: uppercase;}
.succes_content_list h4{width:100%;float:left;color:#ff0000;font-size:36px;font-weight:bold;margin-bottom:20px;}
.succes_content_list p{width:100%;float:left;color: var(--accent-color);font-size:18px;margin-bottom:10px;margin-top:15px;margin-bottom:25px;}

.succes_content_list a{display:inline-block;background:#0b282d;padding:15px 20px;font-size:18px;color:#fff;border-radius:10px;width:277px;}

.box_size{width:100%;float:left;height:48px;margin-top:20px;}

.scrollTop {
    position: fixed;
    right: 2%;
    bottom: 10px;
    background-color:#0b282d;
    padding:10px;
    color: #fff;
    z-index: 9999;
    opacity: 0;
    border-radius: 10px;
    transition: all 0.4s 
ease-in-out 0s;
}
.scrollTop a {
    font-size:20px;
    color: #fff;
}

.main-image {
  position: relative;
 width:100%;
 float:left;
  overflow: hidden;
  border: 2px solid #ddd;
  border-radius: 10px;
}
.main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s ease;
  cursor: crosshair;
}
.thumbnails {
 width:100%;
 float:left;
}
.thumbnails img {
 width:100%;
 float:left;
  object-fit: cover;
  border-radius: 8px;
  border: 2px solid transparent;
  cursor: pointer;
  margin-bottom:10px;
  transition: border 0.3s;
}
.thumbnails img.active {
  border:var(--hover-color) solid 3px;
}

/* Mobile responsiveness */
@media (max-width: 600px) {
  .main-image {
    width: 90vw;
    height: 90vw;
  }
  .thumbnails img {
    width: 60px;
    height: 60px;
  }
}

section.page_content{width:100%;float:left;background:#8be1f5;padding:70px 0px 100px;}

.page_content h1{width:100%;float:left;text-align:center;font-size:270px;color:#0d434b;font-weight:bold;margin-bottom:0px;}
.page_content p{width:100%;float:left;text-align:center;font-size:40px;color:#0d434b;font-weight:bold;margin-bottom:0px;margin-top:-20px;}