/* Project: DexShell Australia;
   CSS by: Waqas @Web bridge;
   Last modified by: waqas on 11 Jan 2021;
*/





@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');


* {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  text-decoration: none;
}
body {
  font-size: 14px /*{body|body-font-size}*/;
  color: #222 /*{body|text-colour}*/;
}
a, a:hover, a:active, .btn-link, .btn-link:hover{
  color: #333 /*{body|link-colour}*/;
}
.wrapper-header {
  background-color: #fff /*{header|background-colour}*/;
  border:none;
  margin-bottom:0px;
}
.wrapper-header a, .wrapper-header a:hover, .wrapper-header a:active {
  color: #1f1f1f /*{header|link-colour}*/;
}
.wrapper-header .btn-default {
  background-color: #efefef /*{header|button-colour}*/;
  border-color: #efefef /*{header|button-colour}*/;
  color: #333 /*{header|button-text-colour}*/;
}
.header-search .ajax_search {
  border-color: #efefef /*{header|button-colour}*/;
  box-shadow: none;
  border-width: 2px;
}
.navbar.navbar-default {
  background-color: #002324 /*{header|menu-background-colour}*/;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover,
.navigation-list li a:hover,.navbar-default .navbar-nav > li:hover > a,
.navigation-list li:hover a, .navigation-list li a,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff /*{header|menu-colour}*/;
}
@media (max-width: 767.98px){
  .navbar-nav .dropdown-menu .dropdown-item{
    color: #fff /*{header|menu-colour}*/;
  }
}
a#cartcontentsheader {
  padding: 13px 17px;
  background-color: #5d7c81 /*{header|Cart-icon-background-colour}*/;
  color: #fff /*{header|Cart-icon-text-colour}*/;
  border: none;
}
.wrapper-footer {
  background-color: #002324 /*{footer|background-color}*/;
  color: #fff /*{footer|text-colour}*/;
}
.wrapper-footer a, 
.wrapper-footer a:hover, 
.wrapper-footer a:active {
  color: #fff /*{footer|link-colour}*/;
}

/* Secondary button */
.btn-outline-secondary, .btn-default {
  color: #009fdb /*{buttons | btn-default-text-colour}*/;
  background-color: #fff /*{buttons | btn-default-background-colour}*/;
  border-color: #147cb9 /*{buttons | btn-default-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover,
.btn-outline-secondary.disabled, .btn-default:disabled,
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
  color: #ffffff /*{buttons | btn-default-text-colour-hover}*/;
  background-color: #009fdb /*{buttons | btn-default-background-colour-hover}*/;
  border-color: #009fdb /*{buttons | btn-default-border-colour-hover}*/;
}

/* Primary button */
.btn-primary {
  color: #009fdb /*{buttons | btn-primary-text-colour}*/;
  background-color: #ffffff /*{buttons | btn-primary-background-colour}*/;
  border-color: #147cb9 /*{buttons | btn-primary-border-colour}*/;
}
.btn-primary:hover,
.btn-primary.disabled, .btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
  background-color: #009fdb /*{buttons | btn-primary-background-colour-hover}*/;
  border-color: #009fdb /*{buttons | btn-primary-border-colour-hover}*/;
}

/* Success button */
.btn-success {
  color: #fff /*{buttons | btn-success-text-colour}*/;
  background-color: #009fdb /*{buttons | btn-success-background-colour}*/;
  border-color: #147cb9 /*{buttons | btn-success-border-colour}*/;
}
.btn-success:hover,
.btn-success.disabled, .btn-success:disabled,
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff /*{buttons | btn-success-text-colour-hover}*/;
  background-color: #020202 /*{buttons | btn-success-background-colour-hover}*/;
  border-color: #020202 /*{buttons | btn-success-border-colour-hover}*/;
}

/* custom styles by Waqas */



img {
  max-width: 100%;
  width: auto;
  height: auto;
}

a {
  text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body {
  line-height: 1;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
}

.content-container {
  width: 100%;
  max-width: 1100px;
  margin: auto;
  padding-left: 10px;
  padding-right: 10px; padding-bottom:25px;
}



/*NAVBAR START*/

.mynavbar {
  float: left;
  width: 100%;
  border-top: 0px solid #e1e1e1;
  position: relative;
  background-color: #020202;
  transition: all .4s linear;
}

.mynavbar .toggle,
[id^=drop] {
  display: none;
}

.mynavbar nav {
  margin: 0;
  padding: 0;
}

.mynavbar ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
}

.mynavbar nav ul {
  margin: 0 14px 0 0;
  list-style: none;
  float: right;
  width: 64%;
  padding: 40px 0 0 0px;
  text-align: right;
  transition: all .4s linear;
}

.mynavbar nav ul li .sub-menu {
  border-color: #00a1e9;
}

.mynavbar nav ul li .sub-menu {
  display: none;
}

.mynavbar nav ul .dropdown:hover .sub-menu {
  display: block;
  top: 77px;
}

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

.mynavbar nav ul li ul li {
  padding: 0 20px;
  margin: 0;
  width: 100%;
  text-align: left;
}

.mynavbar nav ul li ul {
  position: absolute;
  padding: 20px 0;
  z-index: 9999;
  width: 240px;
  background: #000;
  border-top: 3px solid #2ea3f2;
  box-shadow: 0 2px 5px rgba(0,0,0,.1);
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
  -webkit-transform: translateZ(0);
  text-align: left;
}

.mynavbar nav ul li .fa-angle-down {
  color: #fff;
  /* padding-left: 10px; */
  float: initial;
  font-size: 10px;
  font-weight: 600;
  margin-left: 10px;
  transition: all .3s;
}

.mynavbar nav ul li:hover>ul {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.mynavbar nav ul li {
  margin: 0px;
    display: inline-block;
    padding: 10px 14px;
    margin-right: 0px;
    height: 40px;
    position: relative;
    text-align: right;
}

.inside-manue h2 {
  padding-left: 8px;
  padding-right: 8px;
}

.mynavbar nav .menu a {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  font-weight: 600;
  padding-bottom: 50px;
  transition: all .4s ease-in-out;
}
.mynavbar nav .menu a:hover {
    opacity: .7;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.mynavbar li>a:only-child:after {
  content: '';
}

.navbar-gap {
  width: 95px;
  float: left;
}

.logo {
  float: left;
  width: 30%;
  margin-top: 15px;
  margin-bottom: 15px;
  transition: all .5s linear;
}
.logo img {
  width:100%;
  max-width: 200px;
  margin:0;
  transition: all .4s linear;
}
/*Navbar end*/

.banner-home {
  float: left;
  width: 100%;
}

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

.et_pb_text_0 {
  background-color: #e5e5e5;
  position: relative;
  padding-top: 15px!important;
  padding-bottom: 10px!important;
}

.et_pb_text_inner h1 {
  padding-bottom: 10px;
  line-height: 1em;
  font-weight: 500;
  padding-left: 20px;
    padding-right: 20px; font-size:30px;
}

/*product categories start*/

.p-categories {
  float: left;
  width: 100%;
}

.p-categories .categories {
  margin-right: 5.5%;
  width: 47.25%;
  float: left;
  margin-bottom: 5.5%;
}

.p-categories .categories:nth-child(2n+2) {
  margin-right: 0% !important;
}


/*featured product start*/

.fetaured-product {
  float: left;
  width: 100%;
}

.fetaured-product h2 {
  padding: .5em 0;
  margin: 0;
  font-size: 15px;
  color: #333;
  font-weight: 500;
  line-height: 18px;
  height:47px;
  overflow:hidden;
}

.fetaured-product .price {
  color: #666!important;
  font-size: 14px;
  margin: 0!important;
  display: block;
  font-weight: 400;
  margin-bottom: .5em;
  line-height: 2em;
}

.fetaured-product img{
  max-width: 100%;
}

.fetaured-product p {
  color: #00a1e9;
  line-height: 2em;
}

.fetaured-product img, .related img  {
  margin: 0 auto 9px auto!important
}

.fetaured-product strong {
  display: block;
}

.slick-prev:before {
  /* content: '\f053'!important; */
}

.slick-next:before {
  /* content: '\f054 '!important; */
}

.slick-prev:before {
  /* font-family: 'FontAwesome'!important; */
  font-size: 30px!important;
  /* line-height: 1!important; */
  /* opacity: .75!important; */
  color: #00a1e9!important;
  /* -webkit-font-smoothing: antialiased; */
  -moz-osx-font-smoothing: grayscale;
}

.slick-next:before {
  /* font-family: 'FontAwesome'!important; */
  font-size: 30px!important;
  /* line-height: 1!important; */
  /* opacity: .75!important; */
  color: #00a1e9!important;
  /* -webkit-font-smoothing: antialiased; */
  -moz-osx-font-smoothing: grayscale;
}
.savings-container span.badge.badge-secondary {
    text-decoration: line-through;
}

.savings-container span.badge.badge-warning {
    background: #00a1e9;
    color: #fff;
}
.new-arrival {
  padding-top: 80px;
}

.pro-box {
  padding-right: 10px;
    padding-left: 10px; position:relative;
}

.fetaured-product .content-container {
  padding-right: 20px;
  padding-left: 20px;
}

.fetaured-product section .pro-box {
    float: left;
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 70px;
}

.related-product .content-container {
  padding-right: 20px;
  padding-left: 20px;
}
.slick-next {
  right: -22px !important;
}

.slick-prev {
  left: -28px !important;
}

.signup-bg {
  max-width: 100%;
  margin: auto;
  background-color: rgba(0,0,0,0.35);
  padding: 25px;
  float: left;
  width: 100%;
}

.newsletter_description {
  float: left;
  width: 50%;
  color: #fff;
  padding-right: 20px;
  line-height: 23px;
}

.form-section {
  float: left;
  width: 50%;
}

.form-section input {
  padding: 14px 4%!important;
  font-size: 16px;
  color: #666;
  background-color: #fff;
  width: 100%;
  font-weight: 400;
  border-width: 0;
  border-radius: 3px;
  margin-bottom: 10px;
  height: auto;
}

.form-section input.et_pb_button {
  font-size: 20px;
  font-weight: 500;
  padding: .3em 1em;
  line-height: 1.7em!important;
  background-color: transparent;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  border: 2px solid;
  border-radius: 3px;
  -webkit-transition: all .2s;
  transition: all .2s;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  color: #fff !important;
  height: auto;
  padding: 7px 4%!important;
}
.form-section input.et_pb_button:hover {
  border-color:#00a1e9; background-color:#00a1e9;
}
.et_pb_newsletter_button {
  display: block;
  color: inherit;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.signup-bg .newsletter_description h2 {
  font-size: 26px;
  color: #fff;
  padding-bottom: 10px;
  line-height: 33px;
  font-weight: 500;
}

.newsletter_description ul {
  list-style-type: disc;
  padding: 0 0 23px 1em;
  line-height: 26px;
}

.newsletter_description p {
  padding-bottom: 1em;
  color: #fff;
}

.new-arrival-products {
  padding-bottom: 80px;
}

/*email section start*/

.email-sec {
  background-image: url(../images/email-optin.jpg)!important;
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 66px 0;
}

.et_pb_newsletter_form .input {
  padding: 14px 4%!important;
  font-size: 16px;
  color: #666;
  background-color: #fff;
  width: 100%;
  font-weight: 400;
  border-width: 0;
  border-radius: 3px;
}


/*footer*/
}

.et_pb_widget {
  float: left;
  max-width: 100%;
}

.footer-widget {
  float: left;
  width: 20.875%;
  margin-right: 5.5%;
  margin-bottom: 2.5%;
}

.footer-widget:last-child {
  margin-right: 0%;
}

#main-footer {
  background-color: #222;
  float: left;
  width: 100%;
}

#main-footer ul {
  padding-left: 14px;
}

#footer-widgets {
  padding: 6% 0 0;
}

.et_pb_gutters3 .footer-widget {
  margin-right: 5.5%;
  margin-bottom: 5.5%;
}

#main-footer p {
  color: #fff;
  line-height: 2em;
}

#main-footer .footer-widget h4 {
  color: #00a1e9;
  font-size: 18px;
  padding-bottom: 10px;
  line-height: 1em;
  font-weight: 500;
}

#footer-widgets .footer-widget li {
  color: #00a1e9;
  line-height: 25px;
  position: relative;
}

.et_pb_widget ul li {
  margin-bottom: .5em;
}

#footer-widgets .footer-widget a {
  color: #ffffff; font-size:15px;
}

#footer-bottom {
  background-color: #1f1f1f;
  background-color: rgba(0,0,0,.32);
  padding: 15px 0 5px;
  background-color: rgba(0,0,0,.32);
  padding: 15px 0 5px;
  float: left;
  width: 100%;
}
#footer-bottom .content-container {
    padding-bottom: 0px;
}
#footer-info {
  text-align: left;
  color: #666;
  padding-bottom: 10px;
  float: left;
  line-height: 25px;
}
#footer-info ul.list-inline.d-flex.flex-wrap {
    padding-left: 0;
    margin-top: 10px;    margin-bottom: 0;
}
#footer-info .payment-icon-container {
    height: 40px;
    padding: 5px 7px;
}
.et-social-icons {
  float: right;
}

.et-social-icons li {
  display: inline-block;
  margin-left: 20px;
}

.et-social-icons li a i {
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  color: #666;
}
a.et-cart-info {
    transition: all .4s linear;
    color: #fff;
    float: right;
    margin-top: 49px;
    width: 0%;
    font-size: 18px;
    position:relative;
}
a.et-cart-info:hover {
  color:#089ee3; text-decoration:none;
}
a.et-cart-info:hover span.cart-count {
  color:#ffffff;
}
a.et-cart-info span.cart-count {
    background: #03a1eb;
    border-radius: 50%;
    font-size: 12px;
    padding: 3px 3px;
    position: absolute;
    top: -15px;
    left: 6px;
    text-align: center;
    min-width: 18px;
}
a.et-cart-info.search-btn {
    color: #fff;
    float: right;
    margin-top: 49px;
    width: 0%;
    font-size: 20px;
    margin-right:30px;
    transition: all .4s linear;
}

a.et-cart-info.search-btn i.fa-search{
  cursor:pointer;
}
a.et-cart-info.search-btn:hover i.fa-search{
  color:#089ee3;
}

.mynavbar .search-container {
    position: absolute;
    left: 0px;
    background: #ffffffed;
    padding: 20px 10px;
    width: 100%;
    margin-top: 0;
    z-index: 100;
    display:none;
    top: 117px;
}
.mynavbar .search-container form{
  margin:auto;
  max-width:768px; position:relative;
}
.mynavbar .search-container input[type="search"] {
    background: #FFF;
    padding: 5px 5px 5px 15px;
    float: left;
    font-size: 14px;
    border: 1px solid #ccc;
    height: 50px;
    width: 75%;
    color: #666;
    border-right: 0;
}

.mynavbar .search-container button[type="submit"] {
    background: #fff;
    color: #00a5ec;
    padding: 8px 15px 8px 0px;
    font-size: 25px;
    height: 50px;
    width: 6%;
    float: left;
    border: 1px solid #ccc;
    border-left: 0;
}
button.close-search {
    float: left;
    margin-left: 20px;
    padding-top: 10px;
    font-size: 28px;
    font-weight: normal;
    color: #666; background:transparent;
}
button.close-search:hover{
    
    color: #000;
}
button.close-search:focus{
    outline:none;
    border:0;
}
button.wk-addtocart-btn, a.wk-addtocart-btn{
    background: #00a1e9;
    border: 1px solid #00a1e9;
    font-size: 15px;
    color: #fff;
}
button.wk-addtocart-btn:hover, a.wk-addtocart-btn:hover {
    background:#000;
    border: 1px solid #000;
}
.product-summary .productrrp.text-muted.small {
    font-size: 15px;
    text-decoration: line-through;
    margin-bottom: 10px;
}

.product-summary .productsave.small {
    font-size: 16px;
    color: #147cb9;
    font-weight: 600;
    margin-bottom: 10px;
}
/*product catalog*/

.bradcrumbs
{
 float: left;
    width: 100%;
    margin: 0 0 1em;
    padding: 0;
    font-size: 14px;
    color: #767676;
    line-height: 20px;
  }
.product-catalog
{
float: left;
width: 100%;
padding-top: 58px;  
}
.bradcrumbs a {
    color: #767676;
}
.product-catalog h1
{
  font-size: 30px;
  color: #333;
    padding-bottom: 10px;
    line-height: 25px;
    font-weight: 500;
}
.term-description p
{
  color: #666;
  font-size: 15px;
  font-weight: 400;
  line-height: 25.5px;
}
.product-catalog p.result-count {
    float: left;
    font-weight: 500;
    font-size: 14px;
    color: #999;
    line-height: 25.5px;
}

.orderby
{
  float: right;
  margin: 0 0 1em;
  color: #666;
  background-color: #ececec;
    border: none;
    border-radius: 3px;
    color: #666!important;
    font-size: 12px;
    padding: 4px 20px;
    font-weight: 500;
}
.search-results-search {
    margin-bottom: 15px;
}

/*product-category-catalog start*/


.product-category-catalog
{
  float: left;
  width: 100%;
}
.pro-catg-box
{
  width: 24.6%;
  padding-right: 1%;
  margin-bottom: 44px;
  position:relative;
  display: inline-block;
  padding-left: 1%;
}
.pro-catg-box h2
{
  padding: .5em 0;
    margin: 0;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    line-height: 18px;
    height: 47px;
    overflow: hidden;
}
.pro-catg-box .price
{
  color: #666!important;
    font-size: 14px;
    margin: 0!important;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    line-height: 2em;
}
.pro-catg-box p {
    color: #00a1e9;
    line-height: 2em;
}
.pro-catg-box  strong {
    display: block;
}
.pro-catg-box img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 9px;
     max-width:200px;
}
.pro-catg-box:nth-child(4n+4)
{
  /* padding-right: 0px; */
}
.text-m
{
  color: #2f84ed !important;
  text-decoration: none !important;
  cursor: pointer !important;
  font-size: 13px;
}
.pro-catg-box .fa-star
{
  color: #fec600;
  padding-right: 3px;
}

.panel {
    float: left !important;
    width: 100%;
}
/*product-category-catalog end*/

/*pagination start*/

.pagination {
    text-align: center;
}
.pagination ul {
    padding: 0;
    border: 1px solid #d3ced2;
    border-right: 0;
    margin: 1px;
    float: none;
    display: inline-block;
    margin-bottom: 5px;
}
.pagination ul li {
    border-right: 1px solid #d3ced2;
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
}
.pagination ul li span.current {
    background: #00a1e9;
    color: #fff;
    font-size: 22.5px;
}
.pagination ul li span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1;
    font-size: 1em;
    font-weight: 400;
    padding: .5em;
    min-width: 1em;
    display: block;
}
.pagination ul li a{
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1;
    font-size: 22.5px;
    font-weight: 400;
    padding: .5em;
    min-width: 1em;
    display: block;
    color: #00a1e9;
}

/*pagination end*/

/*Detail page*/
.product-detail-page
{
  float: left;
  width: 100%;
  padding-top: 58px;
}
.gallery-img
{
  float: left;
  width: 50%;
}
.gallery {
  width: 100%;
  float: left;
}
.g-img-con
{
  position: relative;
}
.grid-item {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.grid-item  img
{
  margin-right: 30px;
  margin-bottom: 30px;
  max-width: 100px;
}
.grid-item a:last-child img
{
  margin-right: 0px;
}
.g-img-con img
{
max-width: 100%;
max-height: 538px;
margin: auto;
display: block;
}
.gallery .g-img-con i.fa-search
{
   position: absolute;
   z-index: 99;
   top: 18px;
   right: 25px;
   font-size: 23px !important;
   cursor: pointer;
   color:#000;
   padding: 10px;
}
.gallery .g-img-con:hover i.fa-search {
  background-color:#000;
  color:#fff;
  border-radius: 50%;
  padding: 10px;
}
.product-summary
{
  float: left;
  width: 48%;
  margin-left: 2%;
}
.product-summary h1
{
  font-size: 30px;
  font-weight: 500;
  color: #333;
  padding-bottom: 14px;
}
.product-summary .fa-star {
    color: #fec600;
    padding-right: 3px; font-size:16px;

}
.product-summary span.wk-reviews {
  font-size:13px;
}
.product-summary .price
{
font-size: 26px;
font-weight: 500;
color: #2ea3f2;
padding-bottom: 18.75px;
padding-top: 12px;
}
.product-summary .afterpay-payment-info
{
  font-size: 15px;
  font-weight: 500;
  color: #666;
}
.product-summary .afterpay-payment-info u
{
  color: #00a1e9;
  font-size: 12px;
}
.product-summary p strong
{
  font-size: 15px;
  font-weight: 700;
  color: #666;
  line-height: 25.5px;
}
.product-summary span.badge.badge-success {
    background: #0a9601;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 600;
}

.product-summary span.badge.badge-secondary {
     padding: 5px 10px;
    font-size: 13px;
    font-weight: 600;
}

.product-summary span.badge.badge-danger { 
  padding: 5px 10px;
    font-size: 13px;
    font-weight: 600;
}
.variations label {
    font-weight: 700;
    font-size: 15px;
    color: #666;
}
.variations td select {
    background-color: #ececec;
    border: none;
    border-radius: 3px;
    color: #666!important;
    font-size: 12px;
    padding: 4px 8px;
    font-weight: 500;
    font-family: Open Sans,Arial,sans-serif;
}
.variations select {
    max-width: 100%;
    min-width: 75%;
    display: inline-block;
    margin-right: 1em;
}
.variations {
    margin-bottom: 1em;
    border: 0;
    width: 100%;
    margin: 24px 0 39px;
}
.variations td {
    padding: 0 20px 20px 0!important;
    max-width: none!important;
    line-height: 1.3em;
}
.variations td:last-child {
    padding-right: 0!important;
}
.stock {
    color: #77a464;
    font-size: 13.8px;
    line-height: 25.5px;
}
.out-stock
{
  color: #ff0000;
    font-size: 13.8px;
    line-height: 25.5px;
    display: none;
}
.quantity input.qty {
    font-weight: 500!important;
    font-size: 20px!important;
    color: #fff!important;
    border-radius: 3px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: none!important;
    background-color: rgba(0,0,0,.2)!important;
    height: 49px;
    text-align: center !important;
    padding: 0px 2px;
}
.product-summary .quantity {
    margin: 0 0px 0 0!important;
    width: auto;
    overflow: hidden;
    float: left;

}
.product-summary section#shipbox button.btn {
  font-size:13px;
}
.product-summary section#shipbox button.btn i.fa-sync {
    font-size: 10px;
}
.product_meta {
    border: solid #dadada;
    border-width: 1px 0 0;
    font-size: 14px;
    color: #666;
    padding-top: 6px;
    float: left;
    line-height: 25.5px;
    margin-top: 38px;

}
.product-summary .button {
    float: left;
    color: #2ea3f2;
    font-size: 20px;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em!important;
    background: transparent;
    position: relative;
    border: 2px solid;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
}
.sku_wrapper
{
  color: #666;
}
.posted_in a {
    font-weight: 500;
    color: #2ea3f2;
    text-decoration: none;
}


/*** TABS DEFAULT ***/

.tabs-container {
  width:100%; float:left;
}

.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
    border-radius: 0;
}
.with-nav-tabs.panel-default .nav-tabs > li > a.active {
  color:#000;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
    background-color: #fff;
    border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #fff;
  border-color: #ddd;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
li#tabReviews a.reviews i.fa-star {
  font-size:14px;
}
.panel-heading {
    padding: 0px 0px !important;
    border-bottom: 0px solid transparent !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}
.panel-default>.panel-heading {
    color: #666;
    background-color: #f4f4f4;
    border-color: #ddd;
}
.panel-default {
    border-color: #ddd;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.nav-tabs>li>a {
    margin-right: 0px !important;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0 !important;
    font-family: Open Sans,Arial,sans-serif;
    color: #666;
    font-weight: 600;
    font-size: 18px;
}
.nav-tabs li:first-child a {
    border-left: 0px !important;
}
.tab-content.pt-3 {
    padding: 25px 15px; font-size:14px; line-height:20px;
}
.tab-content p {
  margin-bottom:10px;
}
.tab-content #reviews h4 {
  font-size:18px;
  font-weight:600;
  margin-bottom:15px;
}
.shop_attributes 
{
  font-style: italic;
    padding: 0;
    border-top: 0;
    border: 1px solid #eee;
    margin: 0;
    line-height: 1.5;
    width: 100%;
}
.shop_attributes th {
    width: 150px;
    font-weight: 700;
    padding: 8px;
    border-top: 0;
    border-bottom: 1px dotted rgba(0,0,0,.1);
    margin: 0;
    line-height: 1.5;
}
.shop_attributes tbody tr{
    padding: .857em .587em;
    line-height: 45px;
    max-width: 100%;
}
.shop_attributes tbody tr p{
    line-height: 28px;
}
.entry-content table:not(.variations), body.et-pb-preview #main-content .container table {
    border: 1px solid #eee;
    margin: 0 0 15px;
    text-align: left;
    width: 100%;
}
.information-table
{
  border-bottom: 1px dotted rgba(0,0,0,.1);
  padding-top: 20px;
  padding-bottom: 20px;
}
.information-table p
{
  margin: 0px;
}
.shop_attributes tr:nth-child(even)
{
  background-color: #f9f9f9;
}
#tab2default h2
{
    color: #666;
    padding-bottom: 10px;
    line-height: 22.5px;
    font-weight: 500;
    font-size: 26px;
}

/*review start*/
.yotpo-default-button{
    display: inline-block;
    text-overflow: ellipsis;
    border: none;
    font-family: Open Sans;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    padding: 10px 15px;
    background: #6A6C77;
    color: #fff;
    height: auto;
    margin: 0 0 5px 0;
}
.yotpo-stars .fa-star {
    color: #fec600;
    padding-right: 3px;
    font-size: 26px;
}
.based-on
{
  padding-left: 5px;
    font-size: 15px;
    color: #666;
}
.total-reviews
{
  float: left;
  width: 100%;
}
.total-reviews a
{
  font-size: 14px;
  font-weight: 700;
  color: #2f84ed;
  text-decoration: underline;
}

.related-product
{
  float: left;
  width: 100%;
  padding-bottom: 50px;
}
.related-product h2 {
        padding: .5em 0;
    margin: 0;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    line-height: 18px;
    height: 47px;
    overflow: hidden;
}
.related-product .price {
    color: #666!important;
    font-size: 14px;
    margin: 0!important;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    line-height: 2em;
}
.related-product p {
    color: #00a1e9;
    line-height: 2em;
}
.related-product strong {
    display: block;
}
.related-product a:hover {
    color: #23527c;
    text-decoration: none;
}
.related-heading
{
  float: left;
  width: 100%;
}
.related-heading h2
{
  font-size: 26px!important;
    padding-bottom: 16px;
    color: #666;
}
/********************************************************************/

/*about*/

.about-heading
{
  float: left;
  width: 100%;
  padding-top: 40px;
    padding-bottom: 40px;
}
.banner-about
{
  float: left;
  width: 100%;
}
.about-heading h1
{
  font-weight: 500;
  color: #000;
  padding-bottom: 20px;
  font-size: 30px;
}
.about-heading p
{
  line-height: 22px;
    font-size: 15px;
    font-weight: 400;
    color: #666; margin-bottom:10px;
}
.about-heading ul, .about-heading ol {
  padding-left:20px;margin:15px 0;
}
.about-heading ul li, .about-heading ol li{
  line-height: 22px;
    font-size: 15px;
    font-weight: 400;
    color: #666; 
}
.about-heading table {
    width: 100%; border:1px solid #eee;
}
.about-heading table td, .about-heading table th {
    padding:10px 20px;
    border-bottom:1px solid #eee;
}

.about-headingtable th {
    color:#555; font-weight:700;
}
.about-heading table td {
    color:#666; font-size:14px; text-align:left;
}
.about-heading h2 {
  font-size:26px;color:#333;
}
.about-heading h3 {
  font-size:22px; color:#333; 
}
.about-heading h4 {
  font-size:18px; color:#333;
}
.about-heading h5 {
  font-size:16px; color:#333;
}
.why-shell
{
  float: left;
  width: 100%;
  padding-bottom: 30px;
}
.why-shell h3
{
  font-size: 26px;
  color: #333;
  font-weight: 500;
}
.why-shell strong
{
  font-size: 16px;
    color: #666;
    font-weight: 600;
    line-height: 22.5px;
    padding-top: 15px;
    display: block;
    padding-bottom: 20px;
}


/*contact-us*/

.contact-us
{
  float: left;
  width: 100%;
}
.Get-touch
{
  float: left;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 50px;
}
.contact-form
{
  float: left;
  width: 60%;
}
.contact-form input
{
  background-color: #eee;
  width: 48%;
  border-width: 0;
  border-radius: 0;
  color: #999;
  font-size: 14px;
  padding: 16px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 10px;
  margin-right: 1%;
}
.et_contact_bottom_container
{
  float: right;
    text-align: right;
    display: flex;
    margin-top: 20px;
}
.et_pb_contact_right
{
    display: inline-block;
    min-width: 105px;
    margin: 0;
    text-align: right;
}

.contact-form .name
{
  margin-right: 21px;
}
.contact-form textarea
{
   background-color: #eee;
   width: 98%;
   border-width: 0;
   border-radius: 0;
   color: #999;
   font-size: 14px;
   padding: 16px;
   min-height: 150px;
   margin-top: 0px;
   font-family: 'Open Sans', sans-serif;
}
.contact-form h1
{
    font-size: 26px;
    font-weight: 500;
    padding-bottom: 16px;
}
.contact-detail
{
  float: left;
  width: 40%;
  padding-left: 50px;
}
.et_pb_contact_right input
{
  width: 48%;
}
.contact-detail h3
{
    color: #333;
    padding-bottom: 10px;
    line-height: 1em;
    font-weight: 500;
    font-size: 20px;
    padding-top: 10px;
}
.contact-detail p
{
    color: #666;
    line-height: 25.5px;
    font-weight: 400;
    font-size: 15px;
    padding-bottom: 15px;
}
.contact-detail p a
{
  color: #00a1e9;
}
.contact-form .et_pb_button {
  font-size: 20px;
  font-weight: 500;
  padding: .3em 0em;
  line-height: 1.7em!important;
  background-color: transparent;
  border: 2px solid;
  border-radius: 3px;
  -webkit-transition: all .2s;
  transition: all .2s;
  float:right;
  display: block;
  text-align: center;
  margin-top:10px;
  width: 180px;
  margin-right: 13px;
}
.contact-form  .et_pb_contact_submit {

    color: #2ea3f2;
}
.contact-form .et_pb_button:hover {
  color:#fff; background-color:#2ea3f2; border: 2px solid;
  border-radius: 3px;
}

.nsearchinput-pl.well {
    left: 0;
    height: 250px;
    overflow-y: scroll; width:81%;
}

.nsearchinput-pl.well ul {
    width: 100%;
    margin: 0;
    padding-top: 0;
    float: left;
    text-align: left;
    height: auto;
}

.nsearchinput-pl.well li {
    height: auto;
    padding: 0;
}

.nsearchinput-pl.well li img {max-width: 50px;float: left;}

.nsearchinput-pl.well ul li a span.title {text-align: left;font-size: 14px;font-weight: 300;}

.nsearchinput-pl.well li a {
    text-align: left;
    min-height: 74px;
}
.modal-body ul, .modal-body ol {
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 20px;
}

.modal-body p {
    margin: 15px 0;
    line-height: 20px;
}
.nReviewsBlock.wk_reviews-thumb {
    margin-bottom: 10px;
    text-align: center;
    color: #fec600;
    font-size: 14px; height:15px;
}

/* pages content divs */
.row-fullwidth {
    float: left;
    width: 100%;
    margin-bottom: 55px;
}

.left-30 {
    float: left;
    width: 30%;
    margin-right: 5%;
}

.right-65 {
    float: left;
    width: 65%;
}

.resp-table {
  overflow-y:auto;
}

/*fixed header */
.mynavbar.fixed {
    position: fixed;
    z-index: 10;
    top:0;
    margin-top: 0;
}
.mynavbar.fixed .logo {
    margin-top:0;
    margin-bottom:0;
    transition: all .5s linear;
}
.mynavbar.fixed .logo img {
   
    max-width: 124px;
}

.mynavbar.fixed nav ul {
    padding-top:15px;
    /* transition: padding .4s linear; */
}
.mynavbar.fixed a.et-cart-info.search-btn, .mynavbar.fixed a.et-cart-info {
    margin-top: 22px;
}
.mynavbar.fixed nav ul .dropdown:hover .sub-menu {
    
    top: 40px;
}
.mynavbar.fixed .search-container {
  top:54px;
}
.ws-reg-cont form h3 {
    margin: 35px 0;
}

.ws-reg-cont form .checkbox {
    margin-bottom: 10px;
    margin-top: 10px;
}

.ws-reg-cont form input:focus, .ws-reg-cont form select:focus {
   
    outline: 0;
    box-shadow: none;
}
.prod-detail-sc{
  margin:10px 0; line-height:20px;
}
.wk_prod-detail-page section#shipbox {
  display:none; visibility:hidden;
}

p.empty-cat {
  margin:15px 0; line-height:20px;
}
.pagi-cont {
  float:left; width:100%;
}


td.cartTable--column.cartTable--column-image img.img-fluid {
    min-width: 45px;
}
.wk_scroll-table {
  overflow-y:scroll;
}

/*Responsive start Here*/
@media screen and (max-width:1100px){

a.et-cart-info {
  margin-right:20px;
  
}
.mynavbar nav ul {
  width:60%;
}

}
@media screen and (max-width: 1067px) 
{
.contact-form .name {
    margin-right: 0px;
}
.contact-form input {
    
}
.et_pb_contact_right {
    min-width: 106px;
}

}

@media screen and (max-width: 980px) {
  .submanue-container .inside-manue {
    float: left;
    width: 100%;
    margin-right: 0px !important;
  }

  .mynavbar nav {
    margin: 0;
    height: 50px;
  }

  .mynavbar .menu {
    display: none;
    width: 100%;
    margin-right: 0;
  }
   /* Styling the toggle lable */
  .mynavbar .toggle {
    display: block;
    background-color: #000;
    padding: 45px 20px;
    color: #03a0e7;
    font-size: 28px;
    text-decoration: none;
    border: none;
    margin-bottom: 0;
    float: right;
  }

  .mynavbar .toggle:hover #drop-1 {
    background-color: #0c0b0b;
  }

  .mynavbar .toggle:hover {
    background-color: #000;
  }

  [id^=drop]:checked+ul {
    display: block;
    padding: 34px 0;
    float: left;
    background: #000;
    width: 100%;
  }

  .mynavbar nav ul li {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    height: auto;
    text-align: left;
    line-height: 30px;
  }


 
  .mynavbar nav .menu li:hover a {
    color: #fff;
  }

  .mynavbar nav ul.menu li a:hover {
  opacity: .7;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  }

  .mynavbar nav ul li ul.submenu {
    position: static;
    width: 100%;
    float: left;
    display: block !important;
    padding-bottom: 17px;
    box-sizing: border-box;
  }

  .mynavbar nav ul li ul.submenu li {
    width: 100%;
    padding-left: 0;
  }

  .mynavbar nav .menu a {
    /* font-size: 16px; */
  }

  .mynavbar ul li .caret {
    transform: rotate(0deg) !important;
    transition: all .3s !important;
    margin-left: 20px;
    vertical-align: middle;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    display: inline-block;
    padding-top: 0;
  }
  .mynavbar nav ul li ul.sub-menu li {
   line-height:45px;
   padding: 0;
 }
 .mynavbar nav ul li ul.sub-menu li a {
   padding: 13px 30px;
   width:100%;
   display: block;
 }
.mynavbar nav ul li .fa-angle-down {
  font-size:14px;
}
  .mynavbar nav .menu a {
    color: #fff;
    font-size: 16px;
    line-height: normal;
    width: 100%;
    display: block;
    padding: 13px 20px;
  }

  .mynavbar nav ul li.menu-dropdown:hover {
    background-image: none;
  }
  .footer-widget {
    width: 44%;
}
.categories img
{
  margin: auto;
  display: block;
}
.p-categories .categories {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#footer-bottom ul {
    padding-left: 14px;
    width: 100%;
    text-align: center;
}
#footer-info {
    text-align: center;
    width: 100%;
    padding-top: 10px;
}
.mynavbar nav ul li .sub-menu {
    display: none;
}
.mynavbar nav ul li.dropdown ul {
    position: static;
    margin-top: 10px;
    width: 100%;
    margin-left: 0px;
    float: left; margin-right:0;
    transition: all .3s !important;
}
.mynavbar nav ul li.dropdown:hover ul.sub-menu {
    display: none;
}
.mynavbar nav ul li .fa-angle-up {
    transform: rotate(-360deg);

}
.et-cart-info {
    position: relative;
    color: #fff;
    font-size: 20px;
    margin-right: 25px;
}
.pro-catg-box {
    display: inline-block;
    width: 32.9%;
}
.pro-catg-box:nth-child(4n+4) {
    /* padding-right: 20px; */
}
.pro-catg-box:nth-child(3n+3) {
    /* padding-right: 0px; */
}
.contact-form {
    float: left;
    width: 100%;
}

.et_pb_contact_right {
    min-width: 110px;
}
.contact-detail {
    float: left;
    width: 100%;
    padding-left: 0px;
}
.left-30{
  width:100%; margin-right:0; margin-bottom:20px;
}
.right-65 {
  width:100%; overflow-y:auto;
  }
.left-30 img {
  display:block; margin-left:auto;margin-right:auto;
}
.slick-slider {
  padding:0 30px;
}
.slick-prev {
  left:0 !important; font-size:30px !important;
}
.slick-next {
  right:0 !important;font-size:30px !important;
}
.et-social-icons li {
  margin-left:0;
}

#footer-info ul.list-inline.d-flex.flex-wrap {
  justify-content:center;
}
.fetaured-product section .pro-box {
  width:33%;
}


}





@media screen and (max-width: 768px)
{
  .newsletter_description {
    width: 100%;
}
.form-section {
    float: left;
    width: 100%;
}
.footer-widget {

    margin-right: 0%;
}
.pro-catg-box {
    /* float: left; */
    width: 49.5%;
}
.pro-catg-box:nth-child(3n+3) {
    /* padding-right: 20px; */
}
.pro-catg-box:nth-child(2n+2) {
    /* padding-right: 0px; */
}
.pro-catg-box h2 {
    height: 48px;
    line-height: 19px;
    overflow: hidden;
}
.gallery-img {
    float: left;
    width: 100%;
}
.product-summary {
    float: left;
    width: 100%;
    margin-left: 0%;
}
.fetaured-product section .pro-box {
  width:50%;
  text-align: center;
}

}

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

.logo img
{
  max-width: 200px;
}
.et-cart-info {
    position: relative;
    color: #fff;
    font-size: 20px;
}

}
@media screen and (max-width:640px){
  .mynavbar .search-container form {
    max-width: 100%;
    text-align:center;
  }
  .mynavbar .search-container input[type="search"] {
    width:85%;
  }
}
@media screen and (max-width: 568px)
{
  .mynavbar .search-container input[type="search"] {
    width:75%;
  }
.pro-catg-box img {
    height: 202px;
}
.nav-tabs li{
    width: 100%;
}
.contact-form h1 {
    padding-bottom: 0px; margin-bottom:20px;
}
.contact-form input {
    width: 100% !important;
    /* margin-top: 20px !important; */
}
.contact-form textarea {
  width:100%;
}
.contact-form .et_pb_contact_submit {
  
margin-right: 0;
}
.et_pb_contact_right input
{
  margin-top: 0px !important;
    width: 51% !important;
}
}

@media screen and (max-width: 480px) {
.mynavbar .search-container button[type="submit"] {
  width:10%
}
  .footer-widget {
    width: 100%;
    /* text-align:center; */
}
.nsearchinput-pl.well {
  width:85%;
}
#main-footer ul {
  /* padding-left:0; */
}
}

@media screen and (max-width: 424px) {
.logo {
  width:40%;
}

.logo img {
    max-width: 140px;
}
.mynavbar .toggle {
    padding: 28px 20px;
}
a.et-cart-info {
    margin-top: 35px;
}
a.et-cart-info.search-btn {
  margin-top:35px;
}
.mynavbar .search-container {
  top:83px;
}
.pro-catg-box {
    float: left;
    width: 100%;
    padding-right: 0px;
}
.pro-catg-box img {
    height: auto;
}
.tablescroll
{
  overflow-x: scroll;
}
.fetaured-product section .pro-box {
  width:100%;
  text-align: center;
}
}
@media screen and (max-width:360px) {
  .mynavbar .search-container input[type="search"] {
    width: 70%;
}
.mynavbar .search-container button[type="submit"] {
    width: 13%;
}
.nsearchinput-pl.well {
  width:83%;
}
}