/*
** Bootstrap over-rides
*/

@import url('https://fonts.googleapis.com/css2?family=Archivo&family=Open+Sans:wght@300;400;700;800&display=swap');
body {
	display: flex;
	height: 100%;
	flex-direction: column;
	min-height: 100vh;
    font-family: 'Archivo', sans-serif;
}
.page-content {
	flex: 1 0 auto;
}
footer {
	flex-shrink: 0;
}


body {
	font-family: 'Archivo', sans-serif;
    color: #333;
	line-height: 1.5;
	font-size: 14px;
}
h1 {
	font-size: px;
}

.titles {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
}
#skip a	
{	
position:absolute;	
left:-10000px;	
top:auto;	
width:1px;	
height:1px;	
overflow:hidden;	
}	
 	
#skip a:focus	
{	
position:static;	
width:auto;	
height:auto;	
}
.page_heading {
    color: #000000;
}
.page_heading:after {
    border-bottom: 1px solid #000000;
}

.subcategories {
    border-bottom: 1px solid #ececec;
    padding: 0 0 30px;
}
.subcategories > ul > li > a {
    color: #000;
    text-decoration: none;
    display: block;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.subcategories > ul > li > a:hover {
    opacity: 0.8;
}
.subcategories > ul > li span.name {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}



@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
.form-control {
    color: #000;
    font-family: 'Archivo', sans-serif;
    font-size: 13px;
    height: 36px;
    padding: 7px 12px;
}
.form-control.search-text {
     border:1px solid #ececec;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn {
        height: auto;
    background-color: #29abe2;
    color: #fff;
    border: 1px solid #29abe2;
    transition: background-color .2s cubic-bezier(.55, .09, .68, .53), color .3s linear,border .2s cubic-bezier(.55, .09, .68, .53);
    line-height: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 0;
    letter-spacing: 1px;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    min-height: 44px;
    display: inline-block;
    text-decoration: none;
}
.btn-default {
    border-color: #29abe2;
    background-color: #29abe2;
    color: #fff;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:hover:focus,
.btn-defaultfocus{
    border-color: #29abe2;;
    background-color: transparent;
    color: #29abe2;
    outline: none;
/*	opacity: 0.8;*/
}
.btn-primary,
.btn-inverse {
    color: #FFFFFF;
    background-color: #29abe2;
    border-color: #29abe2;
}
.btn-primary:hover,
.btn-primary:focus, 
.btn-primary:active:focus,
.btn-inverse:focus, 
.btn-inverse:active:focus {
	color: #29abe2;
    background-color: transparent;
    border-color: #29abe2;
    /*opacity: 0.8;*/
    outline: none;
}
.navbar.navbar-inverse {
    margin-bottom: 0;
    border: none;
    background-color: #1b1f23e6;
}
.navbar-inverse .navbar-nav > li > a {
    color: #333;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    min-height: unset;
    padding: 10px 15px;
    font-weight: 400;
    font-family: 'Open Sans';
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #333;
    opacity: 0.7;
    /*background-color: rgba(255,255,255,0.2);*/
}
.dropdown-menu > li > a {
    font-size: 12px;
    padding: 6px 20px;
    text-transform: uppercase;
}
.navbar-nav > li.dropdown > a:after {
    content: "\f107";
    font-family: "fontello";
    font-size: 18px;
    line-height: 1;
    margin-left: 5px;
}
@media (max-width: 1023px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  /*.navbar-collapse.collapse {
      display: none!important;
  }*/
  .navbar-nav {
      float: none!important;
  }
  .navbar-nav>li {
      float: none;
  }
  .collapse.in{
      display:block !important;
  }
  .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
}
/*
** Template code
*/
.logo {
    height: 90px;
    position: relative;
    overflow: hidden;
    /*margin-top: 4px;*/
}
.logo img {
    position: absolute;
    top: 0;
    left: 13px;
    bottom: auto;
    margin: auto;
    max-width: 100%;
    max-height: 70px;
    image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.logo a:hover img {
    opacity: 0.6;
}

h4.store-slogan{
    position: absolute;
    bottom: 0;
    font-size: 12px;
    color: #29abe2;
}
.top-nav {
    background-color: #1b1f23;
}
.top-nav ul {
    padding: 15px 0;
    margin: 0;
    list-style: none;
    font-size: 14px;
    line-height: 1;
    text-transform: none;
    font-weight: normal;
    align-items: center;
    display: flex;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
.top-nav ul li {
    float: left;
    border-right: 1px solid #fff;
}
.top-nav .useraccount ul {
    float: right;
}
.top-nav ul li:last-child {
    border: none;
    margin-right: 0;
    padding-right: 0;   
}
.top-nav ul li:last-child{
    text-align: right;
}
.top-nav ul li a {
    color: #fff;
}

.site-header {
    padding: 5px 0;
    background-color: #fff;
}

.searchBox {
    padding: 10px 0;
}
.search-form {
    position: relative;
}
.search-form .search-text {
    padding: 9px 62px 9px 12px;
    height: 40px;
}
.search-form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    text-align: center;
    font-size: 16px;
}


.minicart {
    /*min-width: 165px;*/
   /* height: 60px;*/
    float: none;
    /*padding: 15px 0 15px 10px;
    border-left: 1px solid #ececec;*/
    margin-right: 0px !important;
}
.minicart-inner {
    display: inline-block;
    cursor: pointer;
    margin-right: 15px !important;
}
.minicart-inner:hover {
    opacity: 0.7;
}
.minicart .cart-icon {
    display: block;
    width: auto;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    float: left;
    color: #fff;
}
.minicart .cart-details {
    float: left;
    color: #000;
    position: absolute;
    right: 15px;
}
.useraccount ul li a span.minicart-subtotal{
    display: none;
}

span.cart-title {
    font-size: 12px;
    line-height: 15px;
    display: block;
	font-weight: bold;
    display: none !important;
}
span.cart-count {
    color: #666;
    font-size: 10px;
    display: block;
    line-height: 15px;
	font-weight: 500;
    display: none;
}
.site-footer {
    background-color: #08222D;
    padding: 55px 0 0;
    color: #6b6b6b;
    font-family: 'Raleway', sans-serif;
}

.footer-logo-wrapper img{
    height: 75px;
    max-height: 100%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.copyright-wrapper{
    background-color: #041117;
}

ul.extrapages li {
    line-height: 1;
    margin: 0 0 15px;
}
ul.extrapages li a {
    color: #CCCCCC;
    font-size: 16px;
}
.footer-social {
    border-top: 1px solid #2d2d2d;
    border-bottom: 1px solid #2d2d2d;
}
.social-icons,
.global-footer {
    padding-top: 10px;
    padding-bottom: 10px;
}
.copyright {
    padding-top: 20px;
    padding-bottom: 0px;
    text-align: center;
    color: #CCCCCC;
    font-size: 14px;
    text-align: left;
    /*font-weight: 500;*/
}

.mailist-box {
    float: right;
    margin-bottom: 20px;
}
.mailist-box h2.mailinglist-title {
    margin: 0 0 15px;
    /*font-family: 'Montserrat', sans-serif;*/
	font-family: 'Archivo', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}
.mailinglist-input.form-control {
    background-color: transparent;
    border-color: #2d2d2d;
    color: #7f8c8d;
    font: 13px HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    float: left;
    height: 44px;
    min-height: 44px;
    padding: 0 10px;
    margin: 0;
    line-height: 22px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    max-width: 77%;
}
.mailinglist-submit {

    color: #fff !important;
}
.btn-default.mailinglist-submit:hover, 
.btn-default.mailinglist-submit:focus {
    opacity: .9;
    background-color: #1b1f23;
    border: 1px solid #b9b9b9;
    color: #fff;
    outline: none;
    box-shadow: none;
}
.mailinglist-response {
    display: none;
}
.maillist-options {
    margin: 15px 0 0;
}
.subscribe {
    float: left;
    margin-right: 20px;
    line-height: 13px;
}
.subscribe input[type="radio"] {
    margin: 0;
    vertical-align: middle;
}
.subscribe label {
    margin: 0;
    font-size: 12px;
    line-height: 13px;
    font-weight: 300;
    margin-left: 3px;
    color: #ccc;
    cursor: pointer;
}

.footer-social ul {
    margin: 0;
}
ul.payment-icons {
    text-align: right;
    margin-bottom: 0px;
}
ul.payment-icons li {
    font-size: 34px;
    line-height: 36px;
    vertical-align: middle;
}

ul.payment-icons li.payment-icons-label,
ul.social-icons li.social-icons-label {
    font-size: 18px;
    vertical-align: middle;
    /*font-family: 'Montserrat', sans-serif;*/
	font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    margin-right: 20px;
}

ul.payment-icons li.payment-icons-label{
    display: none;
}

.social-icons {
}
.social-icons li a {
    color: #0f0f0f;
    background-color: #fff;
    width: 32px;
    height: 32px;
    line-height: 34px;
    border-radius: 100%;
    display: block;
    text-align: center;
    font-size: 18px;
}
.social-icons li a:hover {
    opacity: 0.6;
}


/*.product-item .reviews-stars:before {
    font-family: "fontello";
    content: "\e803 \e803 \e803 \e803 \e803";
    color: #b8b8b8;
}
.product-item .reviews-stars {
    color: #000;
}*/

.reviews-stars:before {
    font-family: "fontello";
    content: "\e803 \e803 \e803 \e803 \e803";
    color: #b8b8b8;
}
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star,
.reviews-stars {
    color: #ffd200;
    cursor: pointer;
}

.product-item .name a {
    color: #000;
}
.product-item del.regular-price {
    text-decoration: line-through;
}
.sale-price {
    color: #D04B64;
}
.product-item .on-sale-badge {
	background-color: #D04B64;
}
del.original-price {
    font-weight: 500;
}
span.freeshipping {
    color: #00a888;
}
.product-item .status span:before {
    content: "-";
}
.product-item .status {
    font-size: 12px;
}
.product-item .price {
    font-size: 16px;
    font-weight: bold;
}
.product-item .img {
    position: relative;
    background-color: #fff;
}
.product-item .img a {
    display: block;
}
.product-item .img img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	max-height: 100%;
	max-width: 100%;
}
.product-item .action .btn {
    min-width: 150px;
}
.head-mobile-nav > a {
    color: #000;
    font-size: 24px;
    line-height: 1;
}

/*
** Homepage
*/
.products-section {
    background-color: #fbfbfb;
    padding: 30px 0;
}
.products-section h2 {
    margin: 0;
    font-size: 24px;
}
.products-section h2 {
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin: 0 0 25px;
    border-bottom: 1px solid #ececec;
    position: relative;
}
.products-section h2:after {
    content: "";
    width: 60px;
    height: 1px;
    background-color: #000;
    display: block;
    position: absolute;
    bottom: -1px;
    z-index: 10;
}
.home-page-content {
	padding-top: 0;
}
/*.home-page-content .category-footer {
    padding: 40px 0 60px;
}*/
.home-page-content .category-footer h3 {
    font-size: 20px;
    line-height: 1;
    margin: 0 0 20px;
    font-weight: bold;
}
.home-page-content .category-footer p {
    margin: 0 0 30px;
    text-align: justify;
}
.home-page-content .category-footer a:hover img {
    opacity: 0.7;
}
.home-page-content .category-header img {
    margin: 0 auto;
}
.extrapages-shower a {
    display: block;
    background-color: #2d2d2d;
    color: #fff;
    padding: 10px 18px;
    text-decoration: none !important;
}
.extrapages-shower a:after {
    content: "\f106";
    font-family: "fontello";
    float: right;
}
.extrapages-shower a.collapsed:after {
    content: "\f107";
}
@media(max-width: 1023px) {
    .navbar-inverse .navbar-nav > li > a {
        font-size: 14px;
        min-height: 0;
    }
    .navbar-nav > li.dropdown > a:after {
        float: right;
    }

    .footer-social {
        text-align: center;
    }

#product-banner {min-height: 325px;}
	
	.custom-btn {display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;}

}
@media(max-width: 767px) {
    .logo {
        text-align: center;
        height: auto;
    }
    .logo img {
        position: static;
    }
    .searchBox {
        padding: 20px 0 0;
    }
    .search-form-col {
        clear: both;
    }
    .flex-direction-nav a:before {
        font-size: 24px;
    }
    .flex-direction-nav a {
        width: 24px;
        height: 24px;
        line-height: 24px;
        margin: -12px 0 0;
    }
    .mailinglist-input.form-control {
        max-width: 200px;
    }
    .social-icons li a {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
    }
    .footer-social ul li {
        padding: 0 4px;
    }
    /*.extrapages {
        display: none;
    }*/
  /*  .home-page-content .category-header {
        padding: 15px 0;
    }*/
    .extrapages-shower a {
        display: block;
    }
    ul.extrapages {
        margin: 0;
        padding: 15px 0;
    }
    ul.extrapages li a {
        font-size: 14px;
    }

    h4.store-slogan{
        white-space: nowrap;
        font-size: 11px;
    }
    .logo{
        overflow: visible;
    }

#product-banner .caption-content {max-width: 90%;}
}
@media(max-width: 567px) {
    .product-items.product-items-1 .product-item,
    .product-items.product-items-2 .product-item,
    .product-items.product-items-3 .product-item,
    .product-items.product-items-4 .product-item,
    .product-items.product-items-5 .product-item,
    .product-items.product-items-6 .product-item {
        max-width: 270px;
    }
}

.menu-open {
    overflow: hidden;
}
.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background-color: rgba(0,0,0,0.5);
}
.menu-open .mobile-menu {
    overflow-x: hidden;
    overflow-y: auto;
}
.mobile-menu-inner {
    background-color: #fff;
    padding: 30px 20px;
    width: 250px;
    margin-left: auto;
    margin-right: 0;
    min-height: 100vh;
    position: relative;

    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(250px,0);
    -ms-transform: translate(250px,0);
    -o-transform: translate(250px,0);
    transform: translate(250px,0);
}
.menu-open .mobile-menu-inner {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.mobile-menu-close a {
    color: #000;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-decoration: none;
}
.mobile-menu-close a:after {
    content: '\e805';
    font-family: "fontello";
}
.mobile-menu-widget {
    margin: 30px 0;
}
.mobile-menu-widget h3 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 1;
    border-bottom: 1px solid #ececec;
}
.mobile-menu-widget ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.mobile-menu-widget ul li {
    margin: 0 0 0;
}
.mobile-menu-widget ul li a {
    padding: 0;
    line-height: 40px;
    font-size: 13px;
    background-color: transparent !important;
    display: block;
    color: #000;
    text-decoration: none !important;
}
.mobile-menu-widget ul li a:hover {
    color: #333;
}
.mobile-menu-widget ul ul {
    display: none !important;
}
.mobile-menu-widget ul li a:after {
    display: none;
}

.mailinglist-response {
    margin: 10px 0;
    padding: 10px 20px;
    font-size: 12px;
    background-color: #eaf7fc;
    color: #333;
}
.mailinglist-error span {
    color: #8a6d3b;
}
.mailinglist-subscribed span,
.mailinglist-unsubscribed span {
    color: #3c763d;
}
.mailinglist-response,
.mailinglist-response div {
}

.floating-cart {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 999;
    background-color: #101010;
    color: #fff;
    border-radius: 20px 0 0 20px;
    padding: 15px;
    text-align: center;
    width: 90px;
    display: none !important;
}
.floating-cart a,
.floating-cart a:hover {
    color: #ececec;
    text-decoration: none;
}
.floating-cart a:hover {
	opacity: 0.6;
}
.floating-cart span.cart-icon {
    display: block;
    font-size: 30px;
    line-height: 1;
}
.floating-cart span.cart-details {
    font-size: 12px;
    text-transform: none;
    display: block;
    margin: 5px 0 0;
}

.paging {
    float: right;
}
.paging strong, 
.paging a {}
.paging strong,
.paging a:hover {
    color: #fff;
    background-color: #0f0f0f;
    text-decoration: none;
}



/*custom css starts here*/


/*css for header*/

.top-nav .social-icons{
    padding: 7px 0;
    justify-content: flex-end;
}

.top-nav ul.social-icons li a{
    height: 28px;
    width: 28px;
    font-size: 16px;
    line-height: 31px;
    color: #fff;
    background-color: unset;
}

.top-nav ul.social-icons li{
    border: none;
}
.navbar.navbar-inverse{
    background-color: transparent !important;
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 90px;
}

.store-name{
    font-size: 40px;
    color: #fff;
    margin: 0px 0 0;
    font-family: 'Open Sans';
    font-weight: 800;
    line-height: 40px;
    text-decoration: none;
}

.store-name:hover,
.store-name:focus,
.logo a:hover,
.logo a:focus{
    text-decoration: none;
}

.useraccount {
    display: flex;
    min-height: 90px;
    justify-content: flex-end;
    align-items: center;
}
.useraccount ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.useraccount ul li{
    float: none;
}

/*.useraccount ul li:first-child{
    padding-top: 3px;
}*/
.custom-icon{
    height: 20px;
    width: 20px;
    background-size: contain;
    display: inline-block;
    vertical-align: bottom;
}
.log-in-icon{
    background-image: url(/assets/images/in.svg);
}

.log-out-icon{
    background-image: url(/assets/images/log-out.svg);
}

.custom-icon.shopping-cart-icon{
    background-image: url(/assets/images/shopping-cart.svg);
    height: 23px;
    width: 23px;
    margin-top: 5px;
}

.user-account-icon{
    background-image: url(/assets/images/profile.svg);
}

.useraccount ul li a{
    color: #FFFFFF;
    font-weight: 300;
    /*letter-spacing: 1.5px;*/
    text-transform: uppercase;
    font-size: 0px;
    line-height: 14px;
    min-height: unset;
    /*padding: 10px 15px;*/
    font-family: 'Open Sans', sans-serif;
    margin: 0 20px;
    display: inline-block;
}

.useraccount ul li a span{
    height: 20px;
    width: 20px;
    font-size: 10px;
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-color: #29abe2;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 18px;
}

.useraccount ul li a .register-icon{
    background-image: url(/assets/images/user-login-new.svg);
}

.useraccount ul li a .login-icon{
    background-image: url(/assets/images/user-login.svg);
    height: 22px;
    width: 22px;
    margin-top: 3px;
}

.useraccount ul li a i{
    font-size: 20px;
}

.useraccount ul li a:hover{
    text-decoration: none;
    /*color: #eee;
    background-color: rgba(255,255,255,0.2);*/
    opacity: 0.7;
}


h1, h2, h3, h4, h5, h6{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}


header.fixed-header{
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    overflow: hidden;
    -webkit-animation: slide-down 1s;
    animation: slide-down 1s;
    opacity: 1;
}


@-webkit-keyframes slide-down {
  0%   {top: -115px; opacity: 0;}
  100% {top: 0px; opacity: 1;}
}


@keyframes slide-down {
  0%   {top: -115px; opacity: 0;}
  100% {top: 0px; opacity: 1;}
}

.site-header{
    -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-box-shadow: 0 2px 2px 0 #E0E0E0;
box-shadow: 0 2px 2px 0 #E0E0E0;
position: relative;
z-index: 9999;
}

/*css for homepage*/

#home .category-header>.container{
    width: 100%;
    padding: 0px;
}

#home .category-header{
    margin: 0px;
}

.zigzag{
    padding-bottom: 50px;
    position: relative;
    padding-top: 25px;
}

.zigzag:after{
    content: "";
    background-color: #EAF7FC;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.zigzag .custom-container{
    margin: 0 auto;
}


.zigzag .content-inner h1,
.zigzag .content-inner h2{
    font-family: "Open Sans",sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 35px;
    text-transform: none;
    line-height: 40px;
    color: #333;
    display: block;
    letter-spacing: 1px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 auto 35px;
    clear: both;
    padding-top: 4px;
}

.zigzag .content-inner p{
    position: relative;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 35px;
    color: #333;
    max-width: 520px;
    font-family: 'Archivo', sans-serif;
}

.zigzag .content-inner a{
}

.content-inner{
    display: block;
    max-width: 560px;
    margin-left: auto;
}

.custom-row{
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.zigzag.right .content-wrapper{
    right: 0;
    left: auto;
    text-align: left;
    position: absolute;
}

.zigzag.right{
    padding-bottom: 50px;
}

.zigzag.right .content-wrapper .content-inner{
    margin-right: auto;
    margin-left: 0;
}

.zigzag.right .imageWrapper{
    float: left;
}

.zigzag.first .custom-row{
    padding-left: 25px;
}

.zigzag.first .content-wrapper{
    margin-top: 0px;
}

.zigzag.first{
    padding-top: 25px;
    padding-bottom: 0px;
}

.content-wrapper{
    width: 55%;
    background-color: #fff;
    padding: 60px 60px;
    margin-top: 25px;
    display: flex;
    align-items: center;

}

.imageWrapper{
    width: 45%;
    padding: 0 25px;
    line-height: 0;
}

.imageWrapper img{
    min-height: 480px;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
}

.button{
    height: auto;
    background-color: #29abe2;
    color: #fff;
    border: 1px solid #29abe2;
    transition: background-color .2s cubic-bezier(.55, .09, .68, .53),
    color .3s linear,border .2s cubic-bezier(.55, .09, .68, .53);
    line-height: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 0;
    letter-spacing: 1px;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    min-height: 44px;
    display: inline-block;
    text-decoration: none;
}

.button:hover,
.button:focus{
    background-color: transparent;
    color: #29abe2;
    border: 1px solid #29abe2;
    text-decoration: none;
}


/*css for Video card section*/

#video-card .card-image>a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-decoration: none;
    z-index: 4;

}

#video-card .card>.card-image{
    position: relative;
    padding: 0px;
    transition: background-color .25s linear;
    z-index: 0;
}

#video-card .card>.card-image:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: background-color .25s linear;
    z-index: 1;
    content: '';
}

#video-card .card:hover>.card-image:before{
    background: rgba(0,0,0,.5);
}
#video-card .card>.card-image img{
    margin: 0px;
}

#video-card .card .card-title{
    font-family: "Open Sans",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    text-transform: none;
    line-height: 1.5;
    color: #333;
    display: block;
    letter-spacing: 1px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: .75em;
    text-align: center;
}

.hidden-element{
    top: 40%;
    -webkit-transform: translateY(-50.1%);
    -ms-transform: translateY(-50.1%);
    transform: translateY(-50.1%);
    padding: 10px 0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    pointer-events: none;
    display: none;
    opacity: 0;
    transition: all .3s ease-in-out;
    text-align: center;
    z-index: 9;
    color: #fff;
}

#video-card .card .hidden-element p{
    text-align: center;
    font-family: 'Archivo';
    margin-bottom: 20px;
}


#video-card .card a.btn{
    background: #29abe2;
    color: #fff;
    border: 1px solid #29abe2;
    padding: 0 20px;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    min-height: 44px;
    letter-spacing: 1px;
    font-family: "Open Sans",sans-serif;
    line-height: 44px;
}

#video-card .card a.btn:hover{
    background: #fff;
    color: #333;
}

.card .card-body>.hidden-element.visible-element{
    opacity: 1;
    display: block;
    transition: all .3s ease-in-out;
}

#video-card .card a{
    text-decoration: none;
}
#video-card .card {
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.lity {
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); 
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}


/*css for Homepage gallery*/

.gallery-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
#gallery .col-md-12{
    padding: 0px;
}
.gallery-wrapper a{
    height: 40vh;
  flex-grow: 1;
  margin: 5px;
  position: relative;
}

.gallery-wrapper a:after{
    background-color: rgb(0, 0, 0, 1);
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: '';
    color: #fff;
    content: '\f06e';
    text-align: center;
    font-family: 'FontAwesome';
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s cubic-bezier(.55, .09, .68, .53),
    all .3s linear,border .3s cubic-bezier(.55, .09, .68, .53);
}

.gallery-wrapper a:hover:after{
    opacity: 0.8;
    transition: all .3s cubic-bezier(.55, .09, .68, .53),
    all .3s linear,border .3s cubic-bezier(.55, .09, .68, .53);
}


.gallery-wrapper a:last-child {
  flex-grow: 10;
}

.gallery-wrapper a img {
  max-height: 100%;
  min-width: 100%;
  object-fit: cover;
  vertical-align: bottom;
  margin: 0px !important;
}

.tc-pagebuilder .container>.row, .tc-pagebuilder .container>div>.row{
    padding-top: 0px;
    padding-bottom: 0px;
}


@media (max-aspect-ratio: 1/1) {
  .gallery-wrapper a{
    height: 30vh;
  }
}


@media (max-height: 480px) {
 .gallery-wrapper a img{
    height: 80vh;
  }
}


@media (max-aspect-ratio: 1/1) and (max-width: 480px) {
  .gallery-wrapper{
    flex-direction: row;
  }

  .gallery-wrapper a{
    height: auto;
    width: 100%;
  }
  .gallery-wrapper a img {
    width: 100%;
    max-height: 75vh;
    min-width: 0;
  }
}

.section-title h2{
    font-family: "Open Sans",sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 35px;
    text-transform: none;
    line-height: 1.5;
    color: #333;
    display: block;
    letter-spacing: 1px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: .75em;
}

.section-title{
    text-align: center;
    /*border-bottom: 1px solid #aaa;*/
}

#gallery{
    margin-top: 20px;
}

#instagram{
    margin-top: 50px;
    text-align: center;
}

#instagram h2{
        font-family: "Open Sans",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.5;
    color: #333;
    display: block;
    letter-spacing: 1px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: .75em;
}

#instagram h2 a{
    color: inherit;
    font-size: inhert;
}

a:focus{
    outline: none !important;
    box-shadow: none;
}

.footer-title h2,
.mailinglist-title{
    margin: 0 0 20px !important;
    color: rgba(255,255,255,0.9);
    font-size: 18px !important;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Archivo';
}

/*.footer-title{
    margin-bottom: 30px;
}*/

ul.extrapages li a{
    color: #7f8c8d;
    font-size: 13px;
    text-decoration: none;
    position: relative;
    transition: color .1s linear;
    margin: 0 0 15px;
    font-family: 'Archivo';
}

ul.extrapages li a:hover{
    color: #fff;
}
.mailist-box p{
    color: #7f8c8d;
    font-size: 13px;
    margin: 0 0 15px;
    font-family: 'Archivo';
}

.btn-default.mailinglist-submit{
   /* width: 120px;*/
    float: left;
    display: inline-block;
    background: transparent;
    color: #7f8c8d;
    border: 1px solid #ccc;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    min-height: 44px;
    height: 40px;
    line-height: 1.2;
    vertical-align: top;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 10px;
}

.copyright a{
    color: #ccc;
}

.copyright a:hover{
    color: #fff;
}

.footer-short-content{
    margin-top: 20px;
}

.footer-short-content p{
    color: #7f8c8d;
    font-size: 13px;
    margin: 0 0 15px;
    font-family: 'Archivo';
}

.copyright p{
    margin: 0px;
    color: #7f8c8d;
}

#mailing-btn-icon{
    background-image: url(/assets/images/send-mail.png);
    height: 20px;
    width: 20px;
    display: inline-block;
    background-size: contain;
}

.social-icons li a.facebook{
    color: #4267B2;
}

.social-icons li a.twitter{
    color: #1DA1F2;
}

.social-icons li a.youtube{
    color: #FF0000;
}

.social-icons li a.pinterest{
    color: #E60023;
}

.social-icons li a.instagram{
    color: #d6249f;
    color: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    box-shadow: 0px 3px 10px rgb(0 0 0 / 25%);
}



/*CSS FOR GALLERY PAGE*/

.feed-page .page_header{
    display: none;
}

.page_header{
    margin-top: 50px;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor: pointer !important;
}

.breadcrumnb{
    display: none;
}

#gallery-front-banner{
    background-image: url(/assets/images/gallery-banner.jpg);
    background-size: cover;
    height: 450px;
    width: 100%;
}

#extrapage>.container{
    width: 100%;
    padding: 0px;
}

.contact-us .page_header{
    display: block;
    margin-top: 50px;
    margin-bottom: 0px;
}

.form-control select{
    -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.crm--edit-ticket .page_header .button,
.crm--edit-ticket .page_header .button .btn-link{
    background-color: #fff;
    border: none;
}

.page_header h1{
    font-family: "Open Sans",sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 35px;
    text-transform: none;
    line-height: 1.5;
    color: #333;
    display: block;
    letter-spacing: 1px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: .75em;
    text-align: center;
    border: none;
}

.page_header .page_heading:after{
    display: none;
}

div.store_data *{
    color: #333;
}

.required{
    font-weight: 400;
    font-size: 16px;
}

label{
    font-weight: 400;
    font-family: 'Open Sans';
    font-size: 14px;
}

.form_data{
    margin-bottom: 30px;
}

#contact-banner-section{
    background-image: url(/assets/images/contact-banner.jpg);
    height: 400px;
    width: 100%;
    position: relative;
}

#contact-banner-section:after{
    content: '';
    position: absolute;
    z-index: 2;
    background: rgba(0,0,0,.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


/*CSS FOR FAQ PAGE*/


#faq{
    margin-top: 50px;
    margin-bottom: 50px;
}
.faq-content {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 3px 20px 2px rgb(0 0 0 / 8%), 0 2px 4px rgb(0 0 0 / 4%);
    padding: 30px;
}

.panel-group {
    margin-bottom: 0;
}
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
}
.panel-group .panel .panel-heading {
    padding: 0;
}
.panel-group .panel .panel-heading h4 a {
    background: #f8f8f8;
    display: block;
    font-size: 18px;
    padding: 15px;
    text-decoration: none;
    transition: 0.15s all ease-in-out;
    font-weight: 400;
}
.panel-group .panel .panel-heading h4 a:hover, .panel-group .panel .panel-heading h4 a:not(.collapsed) {
    background: #fff;
    transition: 0.15s all ease-in-out;
}
.panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
    content: "";
}
.panel-group .panel .panel-heading h4 a i {
    color: #999;
}
.panel-group .panel .panel-body {
    padding: 0px 0 20px 15px;
}
.panel-group .panel .panel-heading + .panel-collapse > .list-group,
.panel-group .panel .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}
.panel-group .panel + .panel {
    border-top: none;
    margin-top: 0;
}

.embed-container{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container embed, .embed-container iframe, .embed-container object{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.panel-body img + img{
    margin-top: 20px;
}

.faq-content h3.how-to{
    font-size: 30px;
    margin-bottom: 30px;
}

/*css for about page*/

#about-banner{
    background-image: url(/assets/images/about-banner.jpg);
    background-size: cover;
    height: 450px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

#about-banner:after{
    content: '';
    position: absolute;
    z-index: 2;
    background: rgba(0,0,0,.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.banner-content-wrapper{
    display: block;
    color: #fff;
    position: relative;
    z-index: 3;
    padding: 90px 0;
    width: 100%;
    padding-right: 20px;
}

.banner-content-wrapper h1{
    font-size: 40px;
    letter-spacing: 1px;
}

.banner-content-wrapper p{
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.5px;
    max-width: 700px;
    font-family: 'Open Sans';
}

.about-feature-img{
    position: relative;
}

.about-feature-img img{
    z-index: 1;
    position: relative;
    /*top: 20px;*/
    width: 100%;
    /*left: -20px;*/
    margin-top: 10px;
}

.about-feature-img:before{
    left: 0;
    right: 0px;
    top: 0;
    bottom: 0;
    background-color: #EAF7FC;
    z-index: 1;
    position: absolute;
    /*content: '';*/
    margin-bottom: 0;
}

#about{
    margin-top: 50px;
    margin-bottom: 50px;
}

/*css for Login / Signup Page*/

.headerTitle{
    text-transform: none;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    letter-spacing: 1px;
}

.modal{
    z-index: 99999;
}

/*CSS FOR REGISTER PAGE*/

.registration .page_header{
    display: block;
    margin-top: 50px;
}

.required-indicator{
    font-size: 16px;
    line-height: 8px;
}

.accountRegForm .header>.page_heading{
    font-size: 18px;
    letter-spacing: 1px;
}

.accountRegForm-col{
    max-width: 100%;
}

.registration--thank-you .page_header{
    display: block;
}

.thankyou-content li h3{
    font-size: 16px;
    letter-spacing: 1px;
}


/*css for My account page*/

.billing-info .button,
.shipping-info .button,
.my-account .button,
.addresses .button,
.address-book--edit-address .button,
.crm--add-new-ticket .button,
.saved-cart_actions .btn-link,
.order-tracking .page_header .button,
.order-tracking .page_header .button .btn-link{
    background-color: unset;
    border: none;
}

.shipping-info .button,
.billing-info .button{
    position: relative;
    z-index: 999;
}

.savedCC .button,
.addressBook .button,
.crmRequests .button{
    border: none;
}

#myaccount .header>.button{
    top: 0;
}

.my-account .button a,
.addresses .button a,
.address-book--edit-address .button a,
.crm--add-new-ticket  .button a{
    background-color: transparent;
    border: none;
    color: #29abe2;
}

a, .btn-link{
    color: #29abe2;
}



.addresses .account_addressbook .button a:active{
    box-shadow: none;
}

.addresses .account_addressbook .button a:hover{
    text-decoration: underline;
}
#myaccount .header h5{
    max-width: calc(100% - 60px);
}

.page_header .page_heading{
    border: none;
}

#myaccount .header>h4.page_heading{
    border: none;
    display: inline-block;
}

.addUpdateAddress{
    max-width: 800px;
    margin: 0 auto;
}

/*css for add requrest page*/

#crmRequest .form_data{
    margin: 0 auto;
    float: none;
}

.loginInfo.accountRegForm-col,
#billingInfo.accountRegForm-col,
#shippingInfo.accountRegForm-col,
.otherInfo.accountRegForm-col{
    max-width: 800px;
    float: none;
    margin: 0 auto;
}


#shipping-policy,
#return-policy{
    margin-top: 50px;
}

.contentWrapper h3{
    font-size: 24px;
}

.contentWrapper p{
    margin-bottom: 30px;
}

#shipping-policy .contentWrapper p{
    margin-bottom: 20px;
}


#listing.page-content{
    padding-top: 70px;
    padding-bottom: 0px;
    overflow: hidden;
}


/*CSS FOR CART PAGE*/

#viewcart .form-control{
    height: 45px;
}

span.quant-input input[type="text"]{
    height: 44px;
    padding: 0px 40px 0 5px;
}

.continue-shopping{
    margin-top: 20px;
}

#message .button{
    background-color: unset;
    border: none;
}

#message{
    margin-bottom: 50px;
}


/*CSS FOR BLOG PAGES*/

.post-comment-num a{
    color: #fff;
}

.post-comment-num a:hover{
    background-color: #fff;
    color: #29abe2;
    border: 1px solid #29abe2;
}



/*CSS FOR CATEGORY PAGE*/

#category{
    margin-top: 50px;
}

#category .page_header{
    margin-top: 0px;
}

.btn.qv-moredetails{
    background-color: #fff;
    border: none;
}

.sub-section select,
.qv .qty .qty-input{
    height: 45px;
}

.product-item .img .quickview{
    color: #fff;
    background-color: #29abe2;
    border: 1px solid #29abe2;
    height: 45px;
}

.product-item .img .quickview:hover{
    background-color: #fff;
    border: 1px solid #29abe2;
    color: #29abe2;
}

.product-item .name{
    line-height: 26px;
}

/*CSS FOR CHECKOUT*/

#checkoutSinglePage{
    padding-top: 15px;
}

.form-control{
    height: 44px;
}

#checkoutSinglePage .page_heading .button,
#spanCheckout>.btn-link,
.account_login .chkField>.btn-link{
    background-color: #fff;
    border: none;
} 

.checkout-1 ul.payment-icons li.payment-icons-label, ul.social-icons li.social-icons-label{
    display: none;
}

#error .button{
    background-color: #fff;
    border: none;
}

.visible-tab{
    display: none;
}

.head-mobile-nav{
    display: none;
}

#myaccount .saved-cart_actions .button{
    text-align: left;
}

.saved-cart_actions .button .btn{
    padding: 0px;
}

/*css for product page*/

#product-banner{
    background-image: url(/assets/images/product-hero.jpg);
    min-height: 294px;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    color: #fff;
}

#product-banner .headline,
.product-details h1{
    font-family: "Open Sans",sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 35px;
    text-transform: none;
    line-height: 40px;
    color: #fff;
    font-style: normal;
    letter-spacing: 1px;
    line-height: 1.4em;
    margin-bottom: 15px;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
}

.product-details h1{
    text-shadow: none !important;
    color: #333;
}

#product-banner .subtitle{
    font-family: "Open Sans",sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    text-transform: none;
    line-height: 1.5;
    color: #fff;
    display: block;
    letter-spacing: 1px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: .75em;
    text-align: center;
    text-transform: uppercase;
}

#product-banner .subtitle p{
    margin-bottom: 15px;
}

#product-banner .caption-content{
    display: inline-block;
    float: none;
    max-width: 70%;
    font-size: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#product-banner .pro_des a,
.btn.btn-addcart,
#tab-1 .caption-content a{
    height: auto;
    background-color: #29abe2;
    color: #fff;
    border: 1px solid #29abe2;
    transition: background-color .2s cubic-bezier(.55, .09, .68, .53), color .3s linear,border .2s cubic-bezier(.55, .09, .68, .53);
    line-height: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 0;
    letter-spacing: 1px;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    min-height: 44px;
    display: inline-block;
    text-decoration: none;
    width: auto !important;
    margin: 10px;

}

#product-banner .pro_des a.second_button,
#product-banner .pro_des a.first_button,
#product-banner .pro_des a.video-btn,
.btn.btn-addcart:hover{
    background-color: transparent;
    color: #29abe2;
}

#product-banner .pro_des a:hover,
a.second_button:hover{
    background-color: #29abe2;
    color: #fff;
}

.product-container-small{
    width: calc(62.5% - 20px);
    margin: 0 auto;
    overflow: hidden;
}

.step_1{
    width: 100%;
    overflow: hidden;
}

#divOptionsBlock p,
#divOptionsBlock ul li{
    letter-spacing: 0.02em;
}

.step_1>div{
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Open Sans';
}

.divOptionsBlock.sub-section{
    margin: 15px 0 0;
}

/*.opt-regular:first-child{
    margin: 25px 0 0;
}*/

.step_1 img,
.step-3 img,
.step-2 img{
    width: 100%;
    object-fit: contain;
    margin-bottom: 15px;
}

.options-inner{
    width: 100%;
}
.options-inner img{
    width: 100%;
    object-fit: contain;
}

.browsing_historyBlock{
    display: none;
}

.product-container-small .radio-format>input[type="radio"]:checked+label.radio-option{
    border: 1px solid #29abe2;
    background-color: #29abe2;
    color: #fff;
    height: 44px;
}

.product-container-small .radio-format>.radio-option{
     border: 1px solid #29abe2;
     background-color: transparent;
     color: #29abe2;
     height: 44px;
     padding: 0px 17px;
    display: inline-block;
    line-height: 42px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;

}

.step-2-content,
.step-3-content{
    margin: 25px 0;
}

.step-2-content>p,
.step-3-content>p{
    font-size: 18px;
    font-family: 'Open Sans';
    line-height: 24px;
    margin-bottom: 25px;
}
.options-inner .opt-regular:nth-child(3) + span + .opt-regular .opt-label{
    text-align: center;
    background: #29abe2;
    color: #fff;
    display: block !important;
    padding: 5px;
}

.opt-regular .opt-label label{
    font-weight: 700;
    font-size: 13px;
    margin: 5px 0;
    text-transform: uppercase;
}

.opt-regular .icon-help-circled{
    color: #fff;
}

.qty-input input[type="text"],
span.qty-nav{
    height: 44px;
}


span.qty-nav{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    min-width: 120px;
    align-items: center;
    top: 0;
    right: 0;
}

span.qty-nav .qty-up{
    width: 40px;
    height: 44px;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Open Sans';
    background-color: #f2f2f2;;
}
span.qty-nav .qty-down{
    width: 40px;
    height: 44px;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Open Sans';
    background-color: #f2f2f2;;
}
.qty-input{
    width: 90px;
    font-weight: 600;
    font-family: 'Open Sans';
}
span.qty-nav,
span.qty-nav>button{
    line-height: 20px;
}

.opt-field .radio-format>.radio-option>span{
    padding: 0px 17px;
    display: inline-block;
}

.listing #gallery{
    margin-top: 20px;
}
#stickyCart{
    font-size: 20px;
    padding: 15px 5px;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    text-align: center;
}

#stickyCart:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.85;
}

#replaceRecur, #AddSample, .stripe_applepay,
.product-id, #availabilityInfo,
.pricingBlock .saleprice{
    display: none !important;
}

.pricingBlock .yourprice{
    font-size: 20px !important;
    font-weight: 600;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}

.addToCartBlock.sub-section,
.addToCartBlock .btn-addcart,
.qtybox-addcart.form-group{
    margin: 0px;
}

.addToCartBlock .btn-addcart{
    width: calc(100% - 150px) !important;
}

.pricingBlock{
    margin: 0 0 10px;
}

#stickyCart .col-md-12{
    max-width: 720px;
    margin: 0 auto;
    float: none;
}

.listing-page .copyright-wrapper{
    padding-bottom: 120px;
}

#subscribe-section{
    text-align: center;
    background-color: #cccccc;
    padding: 20px 0 40px 0;
    margin-top: 20px;
}

#subscribe-section .subscribe-wrapper{
    width: 62.5%;
    margin: 0 auto;
}

#subscribe-section .subscribe-wrapper .mailist-box{
    float: none;
    max-width: 450px;
    margin: 0 auto;
}

#subscribe-section .subscribe-wrapper .mailinglist-input.form-control{
    background-color: #fff;
    border: none;
    width: 100%;
    max-width: calc(100% - 114px);
}

#subscribe-section .subscribe-wrapper .btn-default.mailinglist-submit{
    background-color: #29abe2;
    color: #fff;
    text-transform: uppercase;
}

#subscribe-section .subscribe-wrapper .btn-default.mailinglist-submit i{
    display: none;
}

#subscribe-section .subscribe-wrapper .mailist-box p{
    color: #000;
    font-size: 15px;
    line-height: 24px;
}

#subscribe-section .section-title h2{
    color: #000;
    font-size: 24px;
    line-height: 36px;
}

#subscribe-section .subscribe label{
    color: #333;
}

#divOptionsBlock.sub-section{
    margin: 0px;
}

.product-name--custom-foam-insert .product-reviews{
    margin: 0 0 5px
}

.product-details .extrafieldsBlock{
    display: none;
}

#subscribe-section .maillist-options{
    margin: 0px !important;
    float: right !important;
}

#subscribe-section .maillist-options .subscribe:last-child{
    margin-right: 0px;
}

#listing .r-tabs .r-tabs-nav .r-tabs-anchor,
.r-tabs .r-tabs-nav .r-tabs-anchor{
    font-weight: normal !important;
    color: #29abe2 !important;
    border: 1px solid #29abe2 !important;
    background-color: transparent !important;
    border-bottom-color: transparent !important;
}

#listing .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor,
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{
    background: #29abe2!important;
    color: #fff!important;
}

#tab-1 .headline{
    font-size: 25px;
}

.step-4-content{
    margin-bottom: 15px;
}
.step-4-img img+img{
    margin: 0px;
}

html, body{
    scroll-behavior: smooth;
}

input[type=file]{
    margin: 3px 0;
}

#listing .mb--messagebar{
    font-size: 14px;
    line-height: 14px;
}

body .bv-content-secondary-ratings-value{
    background-color: #ffeb3b!important;
}

.upoad_tooltip{
    color: #29a9df;
}

.r-tabs{
    display: none;
}

.opt-field .dropdown-format>label{
    width: 100%;
}

.swatch-format>input[type="radio"]:checked+div.swatch-option{
    border: 2px solid #29abe2;
}

.swatch-format>.swatch-option{
    border-radius: 5px;
}

.swatch-format>.swatch-option>div{
    border-radius: 3px;
}

.subscribe-wrapper .mailinglist-response{ 
    margin: 20px 0;
}

.step-4-img{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    flex-wrap: wrap;
}

.step-4-img img{
    width: 49%;
    margin: 0px;
}
.cust-dimension{
    display: flex;
    justify-content:start;/* space-between;*/
    flex-wrap: wrap;
}
.cust-dimension .form-group{
    width: calc(100% / 3 - 10px);
    margin-right:15px
}

.home-page .content.tc-pagebuilder{
        margin-left: -15px;
    }

#step-process{
    margin-top: 50px;
}

.process-wrapper{
    width: calc(62.5% - 20px);
    margin: 0 auto;
}

.process-wrapper p,
.process-wrapper ul li{
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
    font-family: open sans;
}

.about-content-wrapper p{
    font-size: 24px;
    letter-spacing: 0.03em;
    font-weight: 400;
    font-family: 'Raleway';
    margin-top: 0px;
}

.thankyou_actions .btn.btn-link,
#myaccountLogin .btn-link.loginFormToggler{
    background-color: #fff;
    text-decoration: none;
    margin-left: 10px;
    color: #29abe2;
}

.thankyou_actions .btn.btn-link:hover,
.thankyou_actions .btn.btn-link:focus,
#myaccountLogin .btn-link.loginFormToggler:hover,
#myaccountLogin .btn-link.loginFormToggler:focus{
    background-color: #29abe2;
    color: #fff;
    border-color: #29abe2;
    outline: none;
}

#checkoutThankYou, #invoiceContainer{
    margin: 50px 0 40px 0;
}


#divAddrressValidator .modal-content .modal-footer a:hover{
    background-color: #fff;
    color: #29abe2;
}

#divAddrressValidator .modal-dialog .modal-footer a,
#divAddrressValidator .modal-dialog .modal-footer button{
    width: 100%;
    white-space: break-spaces;
}

#divAddrressValidator .modal-dialog .modal-footer .row>.col-md-12+.col-md-12{
    margin-top: 15px;
}


.step1-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gift-template .special-action .btn-link{
    background-color: unset;
    color: #29abe2;
    border: none;
    box-shadow: none;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none !important;
}
.gift-registry--signup-information .button{
    background-color: transparent;
    border: none;
}
.gift-registry--signup-information .button .btn-link{
    background: transparent;
    border: none;
}

#giftcertificate_block .option-help{
    width: 100%;
}
.gift-template .pricingBlock .retailprice{
    display: none;
}

.gift-template .product-details{
    padding-bottom: 40px;
}

.gift-template .special-actions{
    margin-bottom: 40px;
}

#divChooseAddress.button{
    background-color: transparent;
    border: none;
}
.gift-registry--view-registry .page_header>.container .button,
.gift-registry--list-registry .page_header>.container .button,
.gift-registry--list-registry .page_header>.container .button .btn-link,
.giftreg-back-button button,
.gift-registry--view-registry .page_header>.container .button .btn-link,
.registryInfo .button, .divider+.button, .divider+.button .btn-link{
    background-color: transparent;
    border: none;
}

.gift-template .product-reviews{
    margin-bottom: 22px;
}

.gift-registry--signup-information #myaccountLogin button.btn-link{
    color: #fff;
    text-decoration: none;
}

.gift-registry--signup-information #myaccountLogin button.btn-link:hover,
.gift-registry--signup-information #myaccountLogin button.btn-link:focus,
.gift-registry--signup-information #myaccountLogin button.btn-link:active{
    background-color: #fff;
    border-color: #29abe2;
    color: #29abe2;
}

p.alert_msg_no_backing{
    margin-top: 10px;
    margin-bottom: 0px;
}


.icon-btn-refresh {color: #fff;}

.listing-page .atss{
z-index: 999 !important;
}

.cart-items .checkout-option{
    min-width: 60px;
    padding-right: 15px;
    font-size: 11px;
}

/********************************************************
        CSS FOR RESPONSIVE DESIGN STARTS HERE
********************************************************/
@media (max-width: 1199px) and (min-width: 1025px){
    .logo img{
        left: 0;
        height: 60px;
    }
}



@media(max-width: 1024px){


    .navbar-toggle{
        display: block !important;
    }

    .navbar-toggle .icon-bar{
        background-color: #333;
    }

    .logo{
        height: 80px;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .logo img{
        position: relative;
        max-height: 60px;
        left: 0;
    }

    .tab-hidden{
        display: none;
    }

    .visible-in-tab{
        display: block !important;
    }

    .site-header>.container>.row{
        display: flex;
        align-items: center;
    }

    .tab-col-6{
        width: 50%
    }

    .head-mobile-nav{
        padding-left: 0px;
    }

    .tab-col-4{
        width: 33.3333%;
        padding-right: 0px;
    }
    .tab-col-4-logo{
        width: 33.33333%;
    }
    .head-mobile-nav > a > span:before{
        margin-left: 0px;
    }

    #mobile-menulinks #menulinks{
        display: flex;
        align-items: baseline;
        flex-direction: column;
    }

    #mobile-menulinks #menulinks + #menulinks{
        display: none;
    }
     #mobile-menulinks #menulinks li>a{
        line-height: 40px;
        font-size: 15px;
        color: #333;
        font-family: 'Open Sans';
    }

    .section-title h2,
    #product-banner .headline,
    .product-details h1{
        font-size: 26px;
    }

    #product-banner .subtitle{
        font-size: 14px;
        line-height: 1.2;
    }

    #mobile-menulinks #menulinks li>a:hover{
        color: #29abe2;
    }

    #mobile-menulinks #menulinks li{
        margin-bottom: 5px;
    }

    .mobile-menu-widget h3{
        display: none;
    }

    .zigzag .content-inner h1,
    .zigzag .content-inner h2{
        font-size: 26px;
        line-height: 32px;
    }

    #video-card .card .card-title{
        font-size: 16px;
    }

    .visible-tab.extrapages-shower{
        display: none !important;
    }

    .site-header{
        padding: 0px;
    }

    /*#navbar.navbar-collapse.collapse{
        display: none !important;
    }*/

    .hidden-element{
        display: block;
        opacity: 1;
    }

    #video-card .card>.card-image:before{
        background: rgba(0,0,0,.5);
    }

    #shipping-policy>.container,
    #return-policy>.container{
        padding: 0px;
    }

    #navbar + #menulinks{
        display: block !important;
    }

    .saved-cart_actions .button .btn{
        white-space:normal;
    }

    .r-tabs .r-tabs-accordion-title .r-tabs-anchor{
        background-color: #29abe2;
        font-weight: 400;
        min-height: 44px;
        line-height: 44px;
        padding: 0 10px;

    }

    .minicart .cart-details{
        right: 0px;
    }

    .about-content-wrapper p{
        font-size: 20px;
    }

}


@media(max-width: 991px){
    .site-footer .col-md-5>.row>.col-md-6{
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mailist-box{
        float: none;
    }

.payment-wrap{width: 100%;}

ul.payment-icons{text-align: center;}

    #gallery-front-banner,
    #about-banner,
    #contact-banner-section{
        height: 55vh;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .banner-content-wrapper h1,
    .page_header h1{
        font-size: 30px;
    }


    .store-name{
        line-height: 30px;
        font-size: 22px;
    }

    .banner-content-wrapper p{
        font-size: 14px;
        line-height: 20px;
    }

    .about-feature-img img{
        left: 0;
        top: 0;
        padding-bottom: 20px;
        max-height: 440px;
        object-fit: contain;
        width: auto;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .about-feature-img:before{
        display: none;
    }

    #about .container>.row{
        display: flex;
        flex-direction: column-reverse;
    }

    .faq-content h3.how-to{
        font-size: 22px;
        margin-bottom: 26px;
    }

    .panel-group .panel .panel-heading h4 a{
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #loginAccount .content-area.col-lg-12{
        padding: 0px;
    }

    .total-details{
        font-size: 14px;
    }

    .cart-items>li>span.item-name,
    .cart-items>li.cart-item>span.item-price, .cart-items>li.cart-item>span.item-total{
        padding-left: 0px;
        padding-right: 0px;
    }

    .contentWrapper h3{
        font-size: 20px;
    }

    .saved-cart_actions .button .btn{
        white-space:nowrap;
    }

    #myaccount .header>h4.page_heading{
        font-size: 14px;
    }

    .loginInfo.accountRegForm-col h3,
    #billingInfo h3,
    #shippingInfo h3{
        font-size: 18px;
    }

    #shippingInfo h3{
        margin-top: 10px;
    }

    #billing_info h3,
    #shipping_info h3,
    #divPayment h3,
    #divCheckoutComments h3,
    #divShippingMethod h3{
        font-size: 18px;
    }

    .copyright{
        padding-top: 12px;
        padding-bottom: 10px;
    }

    .product-container-small{
        width: calc(80.5% - 20px);
    }

    .process-wrapper{
        width: 80%;
    }
}



@media(max-width: 768px){
    .imageWrapper{
        position: absolute;
       width: calc(100% - 30px);
       top: 0;
       left: 15px;
       right: 15px;
       padding: 0;
       height: 100%;
      object-fit: cover;
      object-position: center;
    }

   .imageWrapper:after{
      content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .75);
        z-index: 0;
  }

    .content-wrapper{
        width: 100%;
    }

    .zigzag .custom-row{
        padding: 0 15px !important;
        overflow: hidden;
    }

    .zigzag.right .content-wrapper{
        position: relative;
    }

    .zigzag.first{
        padding-top: 15px;
    }

    .content-wrapper{
        margin-top: 0px;
        padding: 40px 40px;
    }

    .zigzag.right{
       padding-bottom: 0px;
    }

    .zigzag{
        padding-top: 15px;
        padding-bottom: 0px;
    }

    .zigzag:after{
        bottom: 0px;
    }

    .content-inner{
        max-width: 100%;
        width: 100%;
        z-index: 2;
        position: relative;
    }

   .content-inner a.button+p{
        display: none;
   }

    .zigzag.third{
        padding-bottom: 15px;
    }

    #video-card{
        margin-top: 30px;
    }

    .category-footer>.container{
        padding: 0px;
        margin: 0px;
        width: 100%;
    }

    #mobile-menulinks #menulinks + #menulinks{
        display: none !important;
    }

    .product-container-small,
    .process-wrapper{
        width: 100%
    }

    .home-page .content.tc-pagebuilder{
        margin-left: 0px !important;
    }
    .zigzag .content-wrapper{
        position: relative;
    }

    .zigzag .content-inner h1, .zigzag .content-inner h2, .zigzag .content-inner h3, .zigzag .content-inner p{
        color: #fff;
    }

}


@media(max-width: 767px){
    .site-header{
        padding: 0 15px;
    }

    #menulinks+#menulinks{
        display: none;
    }

    #video-card .card{
        margin-bottom: 30px;
    }

    #gallery{
        margin-top: 20px;
    }

    .footer-short-content p{
        max-width: 450px;
    }

    .form_data{
        margin-top: 50px;
    }

    .thankyou_message p{
        text-align: center;
    }

    .checkout-ty-icon{
        margin-bottom: 10px;
    }

    .addToCartBlock .btn.btn-addcart{
        padding: 0 20px;
    }
}


@media(max-width: 550px){
    #myaccountLogin button{
        width: 100%;
    }

    #myaccountLogin .loginFormToggler{
        margin: 20px 0 0 !important;
    }
}


@media(max-width: 480px){
    .content-wrapper{
        padding: 40px 15px;
    }

    .zigzag .content-inner p{
    }

    .tab-col-4-logo{
        padding: 0;
        width: 100%;
        max-width: 120px
    }

    .visible-in-tab{
        width: 15%;
    }

    .tab-col-4{
        width: 52%;
    }

    .logo{
        height: 75px;
    }

    .logo img{
        height: 50px;
    }

    h4.store-slogan{
        white-space: initial;
    }

    .social-icons li a{
        line-height: 26px;
    }

    #shift4_i4go_addnewcard{
        padding: 0 15px;
    }

    #product-banner .caption-content{
        width: 100%;
        max-width: 100%;
    }
    #product-banner{
        background-size: cover;
        min-height: 460px;
    }

    #product-banner .pro_des a{
       width: 220px !important;
    }

    .useraccount ul li a{
        margin: 0 15px;
    }

    .cust-dimension .form-group{
        width: 100%;
    }
    .cust-dimension{
        flex-direction: column;
    }
    .step-4-img img{
        width: 100%;
    }
    .step-4-img img{
        margin-bottom: 20px;
    }
    .step-4-img{
        justify-content: normal;
    }
    #subscribe-section .subscribe-wrapper{
        width: 100%;
    }

    .process-wrapper ul{
        list-style-position: inside;
        padding: 0;
    }
}