/* 
Legal Notice - DO NOT REMOVE THIS NOTICE // START

  CSS Document Ownership.
  This CSS document is owned and managed by Swift Productions ABN 84 723 182 610,
  Level 7, 91 Philip Street PARRAMATTA NSW 2150, Australia.
  This document contains Code which has been written by Swift Productions.
  Unauthorised reproducing, copying, selling and/or modifying is strictly prohibited. Doing so may result in legal action.

Legal Notice - DO NOT REMOVE THIS NOTICE // END
*/

/* --------------------------------------------------------
   Project Name: In The Click
   Created: 23 January 2019
   Last Modified: 21 December 2020
   Last Modified By: Danny A
----------------------------------------------------------*/

@import 'https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600&display=swap';
* {
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    text-decoration: none
}

body {
    font-size: 14px;
    color: #212529;
    background-image: none;
    background-color: #fff
}

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

a:hover,
a:active,
a:focus,
.btn-link:hover {
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #000;
}

.carousel-caption h3,
.carousel-caption h2,
.carousel-caption .h3,
.carousel-caption p {
    color: #fff
}

h1,
.h1 {
    font-size: 26.249px
}

h2,
.h2 {
    font-size: 21px
}

h3,
.h3 {
    font-size: 18.375px
}

h4,
.h4 {
    font-size: 15.75px
}

h5,
.h5 {
    font-size: 13.124px
}

.col-12 {
	clear:both;
	max-width:1380px;
	margin:20px auto;
}
.btn-outline-secondary,
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 0;
}

.btn-outline-secondary:hover,
.btn-default:hover {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad
}

.btn-outline-secondary.disabled,
.btn-default:disabled {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad
}

.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: #333;
    background-color: #ebebeb;
    border-color: #adadad
}

.btn-primary {
    color: #fff;
    background-color: #006ff5;
    border-color: #006ff5
}

.btn-primary:hover {
    color: #fff;
    background-color: #005ecf;
    border-color: #0058c2
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #005ecf;
    border-color: #0058c2
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #017683;
    border-color: #017683;
}

.btn-warning {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #fff;
    background-color: #e0a800;
    border-color: #ffc107
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #fff;
    background-color: #e0a800;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #e0a800;
    border-color: #ffc107
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-success {
    color: #fff;
    background-color: #00a5b8;
    border-color: #00a5b8;
    border-radius: 0;
}

.btn-success:hover {
    color: #fff;
    background-color: #036d79;
    border-color: #036d79;
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.breadcrumb {
    background-color: #f8f9fa;
    margin-top: 15px;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #6c757d
}

.breadcrumb>.active,
.breadcrumb a {
    color: #696969
}

.pagination .page-link {
    color: #006ff5;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination .page-link:hover,
.pagination .page-link:focus {
    color: #004ca9;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.pagination .active .page-link,
.pagination .active .page-link:hover,
.pagination .active .page-link:focus {
    color: #fff;
    background-color: #006ff5;
    border-color: #006ff5
}

.badge-secondary {
    background-color: #ebebeb
}

.badge-primary {
    background-color: #006ff5
}

.badge-success {
    background-color: #28a745
}

.badge-info {
    background-color: #17a2b8
}

.badge-warning {
    background-color: #212529;
    background-color: #ffc107
}

.badge-danger {
    background-color: #dc3545
}

.card {
    border-color: #ddd;
	line-height:27px;
}


.card-header {
    background-color: #f5f5f5;
    border-color: #ddd
}

.productsave {
    color: #d9534f
}

.wrapper-header .navbar-toggler {
    color: #696969
}

.wrapper-header .navbar {
    background-color: #f8f9fa !important
}

.wrapper-header .navbar .navbar-nav .nav-link {
    color: #696969
}

.wrapper-header .navbar-nav .nav-link:hover,
.wrapper-header .navbar-nav .nav-link:focus {
    color: #333
}

.wrapper-header .navbar-nav .show>.nav-link,
.wrapper-header .navbar-nav .active>.nav-link,
.wrapper-header .navbar-nav .nav-link.show,
.wrapper-header .navbar-nav .nav-link.active {
    color: #555
}

.dropdown-menu {
    background-color: #fff;
    border-color: #ccc
}

.dropdown-item {
    color: #212529
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
    color: #262626;
    background-color: #f5f5f5
}

img {
    max-width: 100%;
    display: block
}

a {
    text-decoration: none
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}
#n_customer_account p,
#n_customer_account h1,
#n_customer_account h2,
#n_customer_account h3,
#n_customer_account h4,
#n_customer_account h5,
#n_customer_account h6 {
    margin: .5rem;
}
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: roboto slab, serif
}

.container {
	clear:both;
    width: 100%;
    max-width: 1430px;
    margin: auto;
    padding-left: 12px;
    padding-right: 12px
}

#n_checkout p {
	font-size: 16px;
    font-weight: 300;
    color: #000;
    line-height: 27px;
}

#n_checkout h1,
#n_checkout h2,
#n_checkout h3,
#n_checkout h4,
#n_checkout h5,
#n_checkout .card-body h1,
#n_checkout .card-body h2,
#n_checkout .card-body h3,
#n_checkout .card-body h4,
#n_checkout .card-body h5 {
	margin-bottom:0 0 10px 0;
}

#n_checkout header {
	background: #f1f1f1;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    max-width: none;
    overflow: hidden;
}

#n_checkout header .logo {
    float: left;
    width: 13%;
    margin: 0 auto;
}

#n_checkout header .align-items-center {
	display:block;
}

#n_checkout footer {
	display: none;
}

#n_checkout .card .btn-outline-secondary {
    color: #fff !important;
    background-color: #00a4b8 !important;
    border-color: #00a4b8 !important;
    border-radius: 4px;
    font-size: 20px !important;
}

#n_checkout .card .btn-outline-secondary:hover {
    background-color: #036d79;
    border-color: #036d79;
}

.usp {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 23px;
    box-shadow: 0 2px 2px #c2c2c2
}

.usp-box {
    float: left;
    width: 23.6%;
    position: relative;
    margin-right: 25px
}

.usp-box h4 {
    background-color: #184985;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 12px;
    padding-right: 15px;
    padding-left: 87px
}

.usp-box img {
    position: absolute;
    z-index: 11;
    left: 5px;
    top: -19px
}

.usp-box a:hover {
	color:#fff !important;
}

.usp-box:last-child {
    margin-right: 0
}

.logo {
    float: left;
    width: 13%
}

header {
    float: left;
    width: 100%;
    border-top: 0;
    padding-top: 10px;
    padding-bottom: 9px
}

.account-des {
    float: left;
    width: 87%;
    margin-top: 20px
}

.accont-det {
    float: left;
    width: 96%
}

.accont-det .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 3px;
    vertical-align: middle;
    border-top: 6px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    color: #00a7ba
}

.accont-det li.my-account:hover .accout-DDM {
    display: block
}

.my-account {
    padding-bottom: 10px;
    padding-right: 22px !important
}

.accont-det .accout-DDM {
    position: absolute;
    top: 24px;
    right: 20px;
    background: #fff;
    width: 160px;
    display: none;
    z-index: 100;
    border: 1px solid #e5e5e5;
    padding: 11px
}

.accont-det ul {
    float: right;
    list-style: none;
    margin-bottom: 0
}

.accont-det ul li {
    display: inline-block;
    padding-right: 11px;
    position: relative
}

.accont-det ul li a {
    color: #606060;
    font-size: 14px;
    font-weight: 400
}

.accont-det {
    font-family: Roboto slab, sans-serif
}

.accont-det ul li a:hover {
    color: #00a7ba;
    text-decoration: none
}

.accont-det ul li:hover a span.caret {
    transform: rotate(180deg);
    transition: all .3s ease-in
}

.accont-det ul li a span.caret {
    transition: all .3s ease-in
}

.accout-DDM ul {
    float: none;
    margin-left: 0;
    margin-bottom: 0
}

.accout-DDM ul li {
    line-height: 26px
}

.accout-DDM ul li a {
    padding: 0;
    font-size: 14px;
    color: #434343
}

.accout-DDM ul li a:hover {
    padding: 0;
    font-size: 14px;
    background: 0 0;
    color: #00a7ba
}

.cart {
    float: right;
    width: 4%;
    position: relative;
    margin-top: -4px
}

.cart span {
    background-color: #ff5400;
    height: 20px;
    display: inline-block;
    width: 20px;
    text-align: center;
    border-radius: 20px;
    position: absolute;
    right: 0;
    padding-top: 3px;
    color: #fff;
    font-weight: 400;
    top: -6px;
    left: 21px;
    font-size: 13px
}

.uwt {
    float: right;
    width: 353px;
    margin-top: 9px
}

.uwt a {
    background-color: #ff8a00;
    display: inline-flex;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    margin: auto;
    width: auto;
    padding-left: 10px;
    padding-right: 10px
}

.uwt a:hover {
    background-color: #a05803;
    text-decoration: none;
    transition: all .3s ease-in-out
}

.uwt a span {
    padding-top: 5px;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    padding-left: 14px
}

.search {
    float: left;
    width: 100%;
    margin-top: 34px
}

.search form {
    border: 1px solid #00a7ba;
    max-width: 578px;
    float: right;
    width: 100%;
    position: relative
}

.search form.example input[type=search] {
    padding: 10px 16px;
    font-size: 15px;
    border: 0 solid grey;
    float: left;
    width: 90%;
    background: #fff;
    margin-top: 1px;
    margin-bottom: 1px;
    height: 44px;
    font-family: roboto slab, serif
}

.search form.example button {
    float: left;
    width: 10%;
    padding: 10px 9px;
    background: #fff;
    color: #fff;
    font-size: 19px;
    border: 0 solid grey;
    border-left: none;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
    height: 46px;
    color: #19b0c1
}

.nsearchinput-pl.well li img {
    float: left;
    width: 8%;
    margin-right: 2%
}

.nsearchinput-pl.well li span.title {
    float: left;
    width: 90%
}

.nsearchinput-pl.well li {
    width: 100%
}

.nsearchinput-pl.well li a {
    float: left;
    width: 100%;
    color: #434343;
    line-height: 18px
}

.nsearchinput-pl.well li a:hover {
    color: #00a7ba
}

.nsearchinput-pl.well {
    margin-top: 45px !important
}

.mynavbar ul li.dropdown-hover:hover .caret {
    transform: rotate(271deg) !important;
    transition: all .3s !important
}

.mynavbar nav ul ul ul {
    display: none;
    position: absolute;
    top: 60px;
    left: 120px;
    width: 100%
}

.mynavbar {
    float: left;
    width: 100%;
    background-color: #0097ab
}

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

.mynavbar ul li a span.caret {
    visibility: hidden
}

.mynavbar ul li.dropdown.dropdown-hover a span.caret {
    visibility: visible;
    transform: rotate(0deg);
    transition: all .4s
}

.mynavbar ul li.dropdown.dropdown-hover:hover a span.caret {
    transform: rotate(180deg);
    transition: all .3s
}

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

.inside-manue {
    float: left;
    width: 100%
}

.mynavbar ul li:hover .mega-manue {
    display: block;
    width: 100%;
    box-sizing: border-box;
    left: 0
}

.mynavbar ul li .mega-manue {
    display: none;
    z-index: 999;
    position: absolute;
    top: 40px;
    width: 250px;
    list-style: none;
    height: auto
}

.mynavbar ul {
    display: flex;
    justify-content: left;
    align-content: center;
    align-items: center;
    list-style: none;
    margin: 0 0 0
}

.mynavbar nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: block;
}

.mynavbar nav ul li {
    margin: 0;
    display: inline-block;
    float: left;
    padding: 15px 14px;
    position: relative
}

.mynavbar nav ul li .sub-menu li {
    margin: 0;
    display: inline-block;
    float: left;
    background-color: #017683;
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #046671
}

.mynavbar nav ul li .sub-menu li:last-child {
    border-bottom: 0 solid #046671
}

.inside-manue img {
    width: 98%
}

.mynavbar nav .menu a {
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    font-weight: 400
}

ul.menu li i.fa.fa-arrow-down {
    float: right;
    margin-right: 10px
}

.mynavbar .sub-menu li a:hover {
    color: #fff
}

.mynavbar ul li .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: middle;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    color: #fff
}

.mynavbar .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.mynavbar ul li:hover span.caret, .wk-rotate {
    transform: rotate(180deg);
    transition: all .3s
}

.menu li .sub-menu .inside-manue li a:hover {
    color: #000
}

.mynavbar nav ul ul {
    display: none;
    position: absolute;
    top: 60px
}

.mynavbar nav ul li .sub-menu li:first-child {
    padding-top: 0
}

.mynavbar nav ul li:hover>ul {
    width: 287px;
    left: 0;
    background-color: #017683;
    display: block;
    top: 47px;
    position: absolute;
    z-index: 99;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px;
    padding-bottom: 6px;
    box-sizing: border-box;
    border-bottom: 10px solid #00a7ba;
    box-shadow: 0 1px 5px #00000066
}

.mynavbar nav ul ul li {
    width: 170px;
    float: none;
    display: list-item;
    position: relative
}

.mynavbar nav ul ul ul li {
    position: relative;
    top: -60px;
    left: 170px
}

.mynavbar li>a:only-child:after {
    content: ''
}

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

.mynavbar nav ul li:last-child {
    background-color: #00a7ba
}

.mynavbar nav ul li:nth-last-child(2) {
    margin-right: 21px
}

.mynavbar nav ul li:last-child a {}

.banner {
    float: left;
    width: 100%;
    padding-top: 13px;
    padding-bottom: 13px
}

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

.shop-inspire {
    width: 100%;
    text-align: left;
    max-width: 920px;
    margin: auto;
    float: none
}

.shop-inspire h3 {
    font-size: 22px;
    font-weight: 400;
    color: #00a7ba;
    padding-bottom: 30px;
    padding-top: 45px
}

.shop-inspire h4 {
    font-size: 22px;
    font-weight: 400;
    color: #00a7ba;
    padding-bottom: 30px;
    padding-top: 28px
}

.shop-inspire p {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    line-height: 27px;
    padding-bottom: 16px
}

.shop-inspire img {
    margin: auto;
    margin-top: 20px
}

.shop-inspire h5 {
    font-size: 22px;
    font-weight: 400;
    color: #00a7ba;
    padding-top: 45px
}

.shop-inspire .wov a {
    font-size: 18px;
    font-weight: 400;
    color: #00a7ba;
    border: 1px solid #00a7ba;
    padding: 13px 20px;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.wov {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 31px
}

.wov img {
    position: absolute;
    left: 429px;
    right: 0;
    margin: auto;
    top: 50px
}

.shop-inspire a {
    font-size: 18px;
    font-weight: 400;
    color: #00a7ba;
    border-bottom: 2px solid #a3d6de;
    display: inline-block;
    margin-top: 14px
}

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

.categories .categories-heading {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 33px;
    margin-top: 50px
}

.categories .categories-heading h4 {
    font-size: 24px;
    color: #373737;
    background-color: #e8e8e8;
    padding-top: 9px;
    padding-bottom: 11px;
    padding-left: 68px;
    border-left: 20px solid #00a0b3
}

.categories .categories-heading i {
    position: absolute;
    left: 8px;
    top: -9px;
    background-color: #e8e8e8;
    width: 60px;
    height: 60px;
    border-radius: 35px;
    font-size: 36px;
    text-align: center;
    padding-top: 14px;
    color: #adadad;
    -webkit-box-shadow: 1px 1px 11px -7px rgba(0, 0, 0, .75);
    -moz-box-shadow: 1px 1px 11px -7px rgba(0, 0, 0, .75);
    box-shadow: 1px 1px 11px -7px rgba(0, 0, 0, .75)
}

.catg-product {
    float: left;
    width: 32%;
    border: 1px solid #d8d8d8;
    padding: 11px 11px 0;
    position: relative;
    margin-bottom: 32px;
    margin-right: 27px
}

.catg-product img {
    display: block;
    margin: auto;
    padding-bottom: 45px;
    height: 360px;
    max-width: 425px
}

.catg-product a {
    background-color: rgb(38 180 196/0.9);
    display: block;
    text-align: center;
    color: #fff;
    padding: 22px 15px 24px;
    font-size: 27px;
    font-weight: 500;
    position: absolute;
    margin: auto;
    left: 11px;
    right: 11px;
    z-index: 11;
    bottom: 11px;
    transition: all .5s ease-in;
    line-height: 30px
}

.catg-product:hover.catg-product a {
    background-color: rgb(38 180 196/0.9);
    text-align: center;
    color: #fff;
    padding: 22px 15px 24px;
    font-size: 27px;
    font-weight: 500;
    position: absolute;
    z-index: 11;
    top: 11px;
    display: flex;
    align-items: center;
    justify-content: center
}

.catg-product:nth-child(3n+3) {
    margin-right: 0
}

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

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

.slider-home .categories-heading h4 {
    font-size: 24px;
    color: #373737;
    background-color: #e8e8e8;
    padding-top: 9px;
    padding-bottom: 11px;
    padding-left: 68px;
    border-left: 20px solid #00a0b3
}

.slider-home .categories-heading i {
    position: absolute;
    left: 8px;
    top: -9px;
    background-color: #e8e8e8;
    width: 60px;
    height: 60px;
    border-radius: 35px;
    font-size: 36px;
    text-align: center;
    padding-top: 12px;
    color: #adadad;
    -webkit-box-shadow: 1px 1px 11px -7px rgba(0, 0, 0, .75);
    -moz-box-shadow: 1px 1px 11px -7px rgba(0, 0, 0, .75);
    box-shadow: 1px 1px 11px -7px rgba(0, 0, 0, .75)
}

.slider-home .categories-heading {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 33px;
    margin-top: 10px
}

.slider-home section.regular {
    float: left;
    width: 100%
}

.slider-product-main {
    float: left;
    width: 100%;
    padding-right: 6px
}

.slider-product {
    float: left;
    width: 100%;
    border: 1px solid #d8d8d8;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 28px; position:relative;
}

.slider-product img {
    margin: auto;
    display: block;
    max-height: 160px;
}

.slider-product h4 {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #606060;
    line-height: 21px;
    padding-top: 20px;
    height: 63px;
    overflow: hidden;
}
.slider-product h4 a{
    color: #606060;
}
.slider-product h5 {
    font-size: 19px;
    font-weight: 400;
    text-align: center;
    color: #000;
    line-height: 21px;
    margin-top: 22px;
    margin-bottom: 24px
}

.slider-product-main .addtocart-btn {
    font-size: 19px;
    background-color: #26b4c4e6;
    display: inline-block;
    text-align: center;
    color: #fff;
    padding-top: 11px;
    padding-bottom: 12px;
    font-weight: 400;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-top: 0;
    border-radius: 0;
    text-transform: uppercase;
    line-height: unset;
}
.slider-product-main a.addtocart-btn {
    padding-top:13px;
}
.slider-product-main .addtocart-btn i {
    font-size: 21px;
    padding-right: 22px;
}
.slider-product-main a.addtocart-btn:hover, .slider-product-main .addtocart-btn:hover  {
    background-color:#017683;
}
.slider-product-main .outofstock-btn {
    font-size: 19px;
    background-color: transparent;
    display: inline-block;
    text-align: center;
    color: #26b4c4e6;
    padding-top: 11px;
    padding-bottom: 12px;
    font-weight: 400;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-top: 0;
    border-radius: 0;
    line-height: unset;
}
.slider-product-main .outofstock-btn:hover {
background-color:#eee;
}
.slick-prev:before {
    font-family: fontawesome !important;
    font-size: 26px !important;
    line-height: 1;
    opacity: 1 !important;
    color: #dbdbdb!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-next:before {
    content: url(../images/left_03.png) !important; transition:all .5s ease-in;
}



.slick-prev:before {
    content: url(../images/angle-right_03.png) !important; transition:all .5s ease-in;
}
.slick-prev:hover:before {
    content: url(../images/angle-left-hover.png) !important;
}
.slick-next:hover:before {
    content: url(../images/angle-right-hover.png) !important;
}
.slick-next:before {
    font-family: fontawesome !important;
    font-size: 26px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    color: #dbdbdb !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slider-home .container {
    padding-left: 20px;
    padding-right: 20px
}

.slick-next {
    right: -20px !important
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.brand-logo {
    float: left;
    width: 100%
}

.brand-sec {
    float: left;
    width: 100%;
    margin-bottom: 40px
}

.brand-sec .categories-heading h4 {
    font-size: 24px;
    color: #373737;
    background-color: #e8e8e8;
    padding-top: 9px;
    padding-bottom: 11px;
    padding-left: 68px;
    border-left: 20px solid #00a0b3
}

.brand-sec .categories-heading i {
    position: absolute;
    left: 8px;
    top: -9px;
    background-color: #e8e8e8;
    width: 60px;
    height: 60px;
    border-radius: 35px;
    font-size: 36px;
    text-align: center;
    padding-top: 14px;
    color: #adadad;
    -webkit-box-shadow: 1px 1px 11px -7px rgba(0, 0, 0, .75);
    -moz-box-shadow: 1px 1px 11px -7px rgba(0, 0, 0, .75);
    box-shadow: 1px 1px 11px -7px rgba(0, 0, 0, .75)
}

.brand-sec .categories-heading {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 38px;
    margin-top: 36px
}

.brand-box:last-child {
    margin-right: 0
}

.brand-box:hover {
    border: 1px solid #0097ab;
    cursor: pointer;
    transition: all .5s
}

.brand-box {
    float: left;
    width: 15.8%;
    border: 1px solid #bebebe;
    margin-right: 14px
}

.brand-box img {
    margin: auto;
    display: block;
    padding-top: 10px;
    padding-bottom: 8px;
    height: 195px;
    overflow: hidden;
}

footer {
    float: left;
    width: 100%;
    background-color: #00a5b8;
    padding-top: 70px;
    padding-bottom: 30px
}

.footer-sect {
    float: left;
    width: 25%;
    margin-top: 45px
}

.f1 {
    margin-top: 0;
    width: 23%
}
.footer-sect.f1 ul li a i{

color:#fff; font-size:22px; margin-right:17px
}
.footer-sect.f1 ul li a:hover i{ 
color:#000;
}
.f2 {
    padding-left: 51px;
    width: 26.2%
}

.f3 {
    width: 24%
}

.f4 {
    width: 20.8%;
}

.f1 img {
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 11px -7px rgba(0, 0, 0, .75);
    -moz-box-shadow: 1px 1px 11px -7px rgba(0, 0, 0, .75);
    box-shadow: 1px 1px 11px -7px rgba(0, 0, 0, .75)
}

.f1 ul {
    list-style: none;
    margin-top: 23px;
    margin-bottom: 23px;
    text-align: center
}

.f1 ul li {
    display: inline-block;
    padding-right: 24px
}

.f1 ul li img {
    border: 0;
    border-radius: 0
}

.f1 ul li:last-child {
    padding-right: 0
}

.footer-sect h3 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 34px
}

.footer-sect ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

.footer-sect ul li a:hover {
    color: #000
}

.footer-sect ul {
    list-style: none
}

.footer-sect ul li {
    line-height: 27px;
    color: #Fff;
}

.winner {
    float: left;
    width: 50%
}
.footer-sect.f4 ul li  {
    float:left;
    width:100%;
    margin-bottom: 22px;
    line-height: 23px;
}
.footer-sect.f4 ul li span {
    float: left;
    margin-right: 20px;
    text-align:center;
    width: 30px;
    /* margin-bottom: 15px; */
}
.footer-sect.f4 ul li:first-child span {
margin-bottom: 15px;
}

.footer-inside {
    float: left;
    width: 100%
}

.gcc-img {
    float: right;
    width: 50%;
    text-align: right
}

.gcc-img img {
    display: inline-block;
    margin-right: 7px
}

.gcc-img img:last-child {
    margin-right: 0
}

.footer-inside .container {
    border-top: 2px solid #0d8a98;
    padding-top: 30px
}

.payment-method {
    width: 100%;
    text-align: center;
    float: left;
    padding-top: 40px;
    padding-bottom: 69px
}
.payment-method ul.list-inline.d-flex.flex-wrap {
    justify-content: center;
}
.payment-method img {
    display: inline-block;
    margin-right: 4px
}

.payment-method p {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding-top: 35px
}

.payment-method h4 {
    font-size: 14px;
    font-weight: 400;
    color: #787678;
    padding-top: 26px
}

.product-listing {
    float: left;
    width: 100%; padding-bottom:25px;
}

.Product-sidebar {
    float: left;
    width: 19%;
    margin-right: 1%;
}
.product-listingbrand {
    float: left;
    width: 100%;
    margin-top: 27px;
    margin-bottom: 12px;
}

.product-listingbrand ul {
    list-style: none;
    padding-top: 12px;
}

.product-listingbrand ul li label {
    font-size: 17px;
    font-weight: 400;
    color: #000;
    padding-left: 4px;
}

.product-listingbrand ul li {
    line-height: 26px;
}

.product-listingbrand h4 {
    font-size: 19px;
    font-weight: 600;
    color: #000;
    margin-bottom: 12px;
}

.Product-sidebar h3 a {
    font-size: 19px;
    font-weight: 400;
    color: #000;
    border-bottom: 1px solid #000;
    display: inline;
}
.Product-sidebar h3 a:hover{ 
text-decoration:none;
}
.listing-page-product {
    float: left;
    width: 80%;
    padding-bottom: 40px;
}

.listing-page-product .slider-product-main {
    display: inline-block;
    width: 23%;
    float: left;
    padding-right: 0;
    margin: 1%;
}

.old-price {
    padding-right: 3px;
    font-size: 15px;
    font-weight: 400;
    color: #bf1d2b;
    text-decoration: line-through;
}

.new-price {
    padding-left: 3px;
    font-size: 19px;
    font-weight: 400;
    color: #000;
}

.listing-page-product .slider-product h4 {
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    color: #606060;
    line-height: 21px;
    padding-top: 20px;
    height: 60px;
    overflow: hidden;
}

.listing-page-product a {
    /* font-size: 19px; */
    /* background-color: #26b4c4e6; */
    /* display: inline-block; */
    /* text-align: center; */
    /* color: #fff; */
    /* padding-top: 11px; */
    /* padding-bottom: 12px; */
    /* font-weight: 400; */
    /* width: 100%; */
    /* border: 0; */
    /* border-top: 0; */
}

.listing-page-product .slider-product-main a i {
    font-size: 21px;
    padding-right: 22px;
}

.listing-page-product .slider-product {
    float: left;
    width: 100%;
    border: 1px solid #d8d8d8;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 28px;
    position: relative;
}

.sale {
    /* float: left; */
    width: auto;
    /*background-color: #bf1d2b;*/
    background-color:transparent;
    position: absolute;
    top: 0;
    right: 0;
    width: 86px;
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    color: #fff;
    /* padding-top: 4px; */
    padding-bottom: 4px;
    text-align: center;
    font-family: montserrat, sans-serif;
    font-size: 13px;
    font-weight: 400;
}
.sale span.badge.badge-secondary {
    background: #bf1d2b;
    color: #fff;
    text-decoration: line-through;
    width: 86px;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    font-family: montserrat, sans-serif;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0;
    right: 0;
}
.sale span.badge.badge-warning {
     
    
    width: 86px;
    padding-left: 5px;
    padding-right: 5px;
    color: #000;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    font-family: montserrat, sans-serif;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0;
}
.sort-product {
    float: left;
    width: 100%;
    padding-top: 26px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 27px;
}

.sort-heading {
    float: left;
    width: 50%;
}

.sort-heading h4 {
    font-size: 22px;
    font-weight: 400;
    color: #00a7ba;
    padding-top: 4px;
}

.sort-by {
    float: left;
    width: 49.6%;
}

.sort-by form select {
    background-color: #efefef;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    line-height: unset;
    border-radius: 0;
    width: auto;
}

.sort-by form {
    float: right;
}

.sort-by form label {
    font-size: 19px;
    font-weight: 400;
    color: #000;
    padding-right: 20px;
    padding-top: 10px;
    margin-bottom: 0;
}

.pagination {
    float: right;
    width: 100%;
    margin-top: 17px;
    text-align: right;
    display: inline-block;
}

.pagination p span {
    color: #40bdcb;
}

.pagination p {
    text-align: right;
    font-size: 17px;
}

.laptop-dell .fa-home {
    color: #828282;
    font-size: 20px;
    padding-right: 14px;
}

.gallery-images {
    float: left;
    width: 100%;
    margin-top: 18px;
}

.gallery-images .sku-number p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.gallery-images p span {
    font-size: 16px;
    font-weight: 400;
}

.gallery-images .tabs-img {
    float: left;
    width: 100%;
    margin-top: 47px;
}

.gallery-images .galley-thumbnail {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.gallery-images .inside-img img {
    /* max-height: 300px; */
    margin: auto;
    display: block;
    vertical-align: middle;
    /* position: absolute; */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.gallery-images .inside-img {
    float: left;
    width: 100%;
    min-height: 613px;
    position: relative;
    border: 1px solid #dfdfdf;
}

.gallery-images .gallery-main-img {
    float: left;
    width: 45.1%;
}

.gallery-images .galley-thumbnail img {
    border: 1px solid #e5e5e5;
    width: 23%;
    float: left;
    margin-right: 16px;
    padding: 10px;
}

.gallery-images .galley-thumbnail img:last-child {
    margin-right: 0;
}

.gallery-images .Quantity {
    float: left;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 72px;
}

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

.product-det .product-head h4 {
    color: #00a7ba;
    font-size: 35px;
    font-weight: 400;
    margin-top: 21px;
}

.product-det .product-head {
    float: left;
    width: 100%;
    display: flex;
}

.gallery-images .Quantity input {
    width: 87px;
    padding: 20px 15px 23px;
    font-weight: 300;
    color: #999;
    font-size: 30px;
    border: 1px solid #d0d0d0;
    text-align: center;
    border-radius: 0;
    float: left;
    margin-right: 5px;
}

.gallery-images .gallery-qunatity {
    float: left;
    width: 54.9%;
    padding-left: 38px;
    box-sizing: border-box;
}

.gallery-images .Quantity:placeholder {
    font-weight: 300;
    color: #999;
    font-size: 24px;
}

.gallery-images .Quantity .prod-addtocart-btn{
    margin-left: 0;
    border: 1px solid #00a7ba;
    background-color: #00a7ba;
    color: #fff;
    padding: 22px 10px;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    float:left;
    text-align: center;
    width: 310px;
    line-height: 36px;
    padding-top: 26px;
    border-radius: 0;
    margin-right: 5px;
}
.gallery-images .prod-wishlist-btn{
    margin-left: 0;
    border: 1px solid #00a7ba;
    background-color: #fff;
    color: #00a7ba;
    padding: 22px 25px;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    float:left;
    text-align: center;
    width: auto;
    line-height: 36px;
    padding-top: 26px;
    border-radius: 0;
}

.gallery-images .gallery-qunatity img {
    max-width: 100%;
    float: left;
}

.gallery-images .price {
    float: left;
    width: 100%;
    margin-top: 59px;
    padding-bottom: 45px;
}

.gallery-images .price h5 {
    font-size: 65px;
    font-weight: 400;
    color: #2b1c2c;
}

.gallery-images .price h6 {
    font-size: 21px;
    font-weight: 400;
    color: #bf1d2b;
    margin-top: -2px;
}

.gallery-images .price h4 {
    font-size: 21px;
    font-weight: 400;
    color: #505050;
    text-decoration: line-through;
}

.gallery-images .afterpay {
    float: left;
    width: 100%;
    border-top: 1px solid #d0d0d0;
    padding-top: 23px;
    padding-bottom: 23px;
    border-bottom: 1px solid #d0d0d0;
}

.gallery-images .afterpay a {
    color: #2f5d89;
    padding-left: 10px;
    font-weight: 400;
    position: absolute;
    margin-top: 3px;
    font-size: 13px;
}

.gallery-images .sku {
    float: left;
    width: 100%;
    padding-bottom: 36px;
}

.gallery-images .afterpay .own {
    line-height: 38px;
    margin-top: 6px;
}

.gallery-images .afterpay p {
    text-align: left;
    width: 100%;
    line-height: 29px;
    float: left;
    float: left;
    font-size: 16px;
    font-weight: 400;
}

.gallery-images .afterpay p span {
    color: #cb4853;
}

.gallery-images .discount {
    float: left;
    width: 66%;
    padding-top: 17px;
    margin-left: -4px;
}

.gallery-images .new-price {
    float: left;
    width: 34%;
}

.gallery-images .laptop-dell {
    color: #828282;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 0;
}

.gallery-images .gallery-images .fa-home {
    padding-right: 10px;
}

.gallery-images .sku-number {
    float: left;
    width: 100%;
    margin-top: 34px;
}

.gallery-images .in-stock {
    float: left;
    width: 100%;
    text-align: left;
    display: flex;
}

.gallery-images .in-stock span {
    background-color: #3fbf1d;
    color: #fff;
    padding: 6px 13px;
    font-size: 13px;
}

.gallery-images .in-stock p {
    padding-top: 2px;
}

.tabs-container {
    float: left;
    width: 100%;
    margin-top: 37px;
}

.tabs {
    width: 100%;
    box-sizing: border-box;
}

.tabs:after {
    content: '';
    display: table;
    clear: both;
}

.tabs input[type=radio] {
    display: none;
}

.tabs label {
    font-size: 21px;
    color: #000;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    width: 279px;
    text-align: center;
    text-transform: uppercase;
    background: #ededed;
    font-family: roboto slab, serif;
    font-weight: 300;
    padding: 23px 0;
    border: 1px solid #ededed;
    float: left;
    margin-right: 1px;
}

.tabs [id^=tab]:checked+label {
    z-index: 9999;
    background: #00a7ba;
    color: #fff;
    border-color: #00a7ba;
}

.tab-content {
    /* display: none; */
    width: 100%;
    float: left;
    box-sizing: border-box;
    position: relative;
    padding: 42px 0 18px;
    border-bottom: 4px solid #f7f7f7;
}

#tab1:checked~#tab-content1,
#tab2:checked~#tab-content2,
#tab3:checked~#tab-content3,
#tab4:checked~#tab-content4,
#tab5:checked~#tab-content5,
#tab6:checked~#tab-content6 {
    display: block;
}

#tab-content5 {
    position: relative;
}

.btn-contact-tabs {
    background: #a6171e;
    width: 209px;
    height: 54px;
    line-height: 54px;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 13px;
    right: 19px;
    text-transform: uppercase;
    transition: .5s all;
    cursor: pointer;
}

.btn-contact-tabs:hover {
    background: #7c1015;
    color: #fff;
}

.btn-contact-tabs a {
    color: #fff;
}

.tab-content * {
    -webkit-animation: scale .7s ease-in-out;
    -moz-animation: scale .7s ease-in-out;
    animation: scale .7s ease-in-out;
}

.tab-content h1,
.tab-content h2,
.tab-content h3,
.tab-content h4,
.tab-content h5,
.tab-content h6 {
    color: #000;
    font-weight: 600;
    margin: 15px 0;
    letter-spacing: 1px;
    margin-bottom: 41px;
}

.tab-content h1 {
    font-size: 26px;
}

.tab-content h2 {
    font-size: 25px;
}

.tab-content h3 {
    font-size: 23px;
    font-family: roboto slab, serif;
}

.tab-content h4 {
    font-size: 21px;
    text-transform: uppercase;
    font-family: roboto slab, serif;
}

.tab-content h5 {
    font-size: 20px;
    font-weight: 600;
    font-family: roboto slab, serif;
}

.tab-content h6 {
    font-size: 18px;
    font-family: roboto slab, serif;
}

.tab-content p,
.tab-content ul,
.tab-content ol {
    margin-bottom: 15px;
    color: #000;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    font-family: roboto slab, serif;
}

.tab-content p a,
.tab-content ul li a,
.tab-content ul a li,
.tab-content ol li a,
.tab-content ol a li {
    color: #00448b !important;
}

span.text {
    text-decoration: underline;
}

.tab-content ul,
.tab-content ol {
    margin-left: 30px;
}

.tab-content ol ol li {
    list-style-type: lower-alpha;
}

.tab-content ol ol ol li {
    list-style-type: lower-roman;
}

.tab-content ul ul li {
    list-style-type: circle;
}

.tab-content ul ul ul li {
    list-style-type: square;
}

@keyframes scale {
    0% {
        transform: scale(.9);
        opacity: 0;
    }
    50% {
        transform: scale(1.01);
        opacity: .5;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.table-main {
    border: 1px solid #eaeaea;
}

.wrap-row {
    border-bottom: 1px solid #eaeaea;
}

.tab-content div {
    font-size: 0;
}

.wrap-row div {
    font-size: 15px;
    display: inline-block;
    width: 50%;
    height: 45px;
    padding: 17px 0 9px;
    font-weight: 400;
}

.wrap-row div:nth-child(1) {
    padding-left: 65px;
    font-weight: 500;
    color: #000;
}

.wrap-row:nth-child(odd) {
    background: #fcfcfc;
}

div#home-video {
    margin-top: 50px;
   
}
.Product-sidebar .product-listingbrand a.filter {
    padding: .75rem .75rem;
    color: #000;
    font-size: 17px;
    font-weight: 300;
}
.Product-sidebar .product-listingbrand a.filter span.badge-pill {
    display:none;
}

p#price-range-text {
    padding: 10px;
}

form#pricesearch input.btn.btn-outline-secondary.btn-sm {
    margin-bottom: .75rem;
    background: #00a5b8;
    border: 1px solid transparent; border-radius:0;
    color: #fff;
}
form#pricesearch input.btn.btn-outline-secondary.btn-sm:hover {
     background: #027684;
}
form#pricesearch a.btn.btn-outline-secondary.btn-sm{
    margin-bottom: .75rem;
    background: #fff;
    border: 1px solid #00a5b8; border-radius:0;
    color: #00a5b8;
}
.prod-desc-banner {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.wk_general-page {
	float:left; width:100%; padding-bottom:30px;
}
.page-heading {
    float: left;
    width: 100%;
    background: #00a7ba;
    height: 46px;
    border-radius: 3px;
    position: relative;
    margin-top: 38px;
    margin-bottom: 49px;
}

.page-heading img {
    border-radius: 100%;
    background: #00a7ba;
    box-shadow: 0px 0px 5px 0px #00000075;
    padding: 21px 24px;
    position: absolute;
    top: -13px;
    left: 10px;
}

.page-heading h1 {
    padding-left: 100px;
    line-height: 45px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}

.wk_products-page .prod-desc-banner {
    margin-bottom: 50px;
}

.wk_products-page p.h2 a {
    color: #0097ab;
}

.wk_products-page .col-6.col-sm-4.category-thumbnail {
    text-align: -webkit-center;
}

.wk_products-page .col-6.col-sm-4.category-thumbnail img {
    max-height: 300px;
}

.wk_products-page .col-6.col-sm-4.category-thumbnail {
    margin-bottom: 25px;
}
.search-results-search {
    margin-bottom: 25px;
}
.pagination ul.justify-content-center {
    list-style: none;
    width: auto;
    border: 0;
}

.pagination ul li {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    display: inline-block;
}

.pagination ul li a.page-link {
    background: none;
    color: #000;
    border: 0;
    border-right: 1px solid #000;
    border-radius: 0;
    font-size: 17px;
    padding: 0 5px;
}

.pagination ul li.active a.page-link {
    background: none;
    border: 0;
    color: #3bbbca;
    padding: 0 5px;
    font-size: 17px;
    border-right: 1px solid #000;
}

.pagination ul li.page-item:last-child .page-link {
    border-radius:0;
    border-right:0;
}


.pagination ul li a.page-link:hover, .pagination ul li.active a.page-link:hover {
    background:none;
     color: #3bbbca; border-color:#000;
}
/* contact page */

.contact-form {
	float: left;
	width: 50%;
	padding-left: 19px;
}

.contact-form form p:empty {
	display: none;
}

.contact-form label {
	font-size: 15px;
	color: #000000;
}
.contact-form p.text-danger label {
    color: #dc3545!important;
    font-size: 12px;
}

.contact-form label span {
	color: #f40117;
	margin-left: 4px;
}

.contact-form input[type=text],
.contact-form select,
.contact-form input[type=email],
.contact-form textarea {
	width: 100%;
	padding: 12px 12px;
	border: 1px solid #d8d8d8;
	box-sizing: border-box;
	margin-bottom: 16px;
	resize: vertical;
	font-size: 19px;
	color: #414141;
	font-family: 'Roboto', sans-serif;
	transition: .5s all;
	border-radius: 0;
	margin-top: 0;
	max-width: 100%;
	box-shadow: none !important;
	height: auto !important;
}

.contact-form input[type=text]:focus,
.contact-form input[type=email]:focus,
.contact-form textarea:focus {
	border: 1px solid #402f41;
}

.contact-form input[type=submit] {
	width: 205px;
	background-color: #00a5b8 !important;
	color: white;
	padding: 13px 20px;
	border: none;
	cursor: pointer;
	font-size: 27px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	margin-top: 20px;
	transition: .5s all;
	font-weight: 800;
}

.contact-form input[type=submit]:hover {
	background-color: #017684  !important;
}
.contact-form .form-group {
    margin-top: 20px;
    margin-bottom: 0;
}
.contact-left {
	float: left;
	width: 49%;
	padding-left: 26px;
	padding-top: 32px;
}

.contact-left h3 {
	color: #000000;
	font-size: 19px;
	margin-bottom: 20px;
	font-weight: 800;
}

.contact-left p {
	color: #343434;
	font-size: 16px;
	line-height: 26.05px;
	margin-bottom: 30px;
}

.map-wrap {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	padding-left: 40px;
	overflow: hidden;
}

.contact-left li {
	float: left;
	width: 100%;
	padding-bottom: 18px;
	color: #020303;
	list-style-type: none;
	display: block;
	font-size: 16px;
	line-height: 24px;
}

.contact-left li a {
	color: #000000;
	text-decoration: none;
}

.contact-left li i {
	font-size: 22px;
	color: #dddddd;
	vertical-align: middle;
	margin-right: 13px;
	float: left;
	width: 25px;
}

.contact-left ul li:nth-child(3) i,
.bottom-clock {
	height: 77px;
}

.contact-left .timing-wrap {
	float: left;
	width: 270px;
	padding-top: 0px;
}

.contact-left .timing-left {
	color: #8a8a8a;
	margin-right: 6%;
	font-size: 22px;
}

.contact-left .timing-right {
	color: #343434;
	width: 86%;
}



.nav-tabs a.nav-link {
    font-size: 21px;
    color: #000000;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    width: 279px;
    text-align: center;
    text-transform: uppercase;
    background: #ededed;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    padding: 23px 0px;
    border: 1px solid #ededed;
    float: left;
    margin-right: 1px;
    border-radius: 0;
}

.nav-tabs a.nav-link.active {
    z-index: 9999;
    background: #00a7ba;
    color: #fff;
    border-color: #00a7ba;

}

ul.nav.nav-tabs { border-bottom:0;}
.wk_prod-detail-slider  {
	margin-top:45px; margin-bottom:45px;
}
/* Responsive start here */



@media(max-width:1428px) {
    .mynavbar nav .menu a {
        font-size: 16px;
    }
    .mynavbar nav ul li {
        padding: 15px 14px;
    }
    .usp-box {
        width: 23.5%;
    }
    .catg-product {
        margin-right: 25px;
    }
    .brand-box {
        margin-right: 13px;
    }
    .listing-page-product .slider-product-main {
        margin-right: 17px;
    }
}

@media(max-width:1366px) {
    .usp-box {
        width: 23.4%;
    }
    .mynavbar nav .menu a {
        font-size: 14px;
    }
    .catg-product {
        margin-right: 22px;
    }
    .brand-box {
        margin-right: 12px;
    }
    .listing-page-product .slider-product-main {
        margin-right: 15.5px;
    }
    .Product-sidebar {
        padding-right: 20px;
    }
    .gallery-images .galley-thumbnail img {
        margin-right: 14.5px;
    }
}

@media(max-width:1260px) {
    .usp-box {
        width: 23.2%;
    }
    .usp-box h4 {
        font-size: 14px;
    }
    .mynavbar nav ul li:nth-last-child(2) {
        margin-right: 10px;
    }
    .mynavbar nav ul li {
        padding: 15px 7px;
    }
    .brand-box {
        margin-right: 11px;
    }
    .listing-page-product .slider-product-main {
        margin-right: 14px;
    }
    .gallery-images .galley-thumbnail img {
        margin-right: 13px;
    }
	.gallery-images .Quantity .prod-addtocart-btn {
		width:auto; padding:22px;
	}
	.gallery-images .prod-wishlist-btn {
	    padding:22px 22px;
	}
}

@media screen and (max-width:1130px) {
    .catg-product img {
		height:auto;
		width: 100%;
	}
	.mynavbar nav {
        margin: 0;
    }
    .mynavbar .toggle+a,
    .mynavbar .menu {
        display: none;
    }
    .mynavbar .toggle {
        display: block;
        padding: 9px 20px;
        color: #fff;
        font-size: 26px;
        text-decoration: none;
        border: none;
        margin-bottom: 0;
    }
    .mynavbar .toggle:hover #drop-1 {
        background-color: #0c0b0b;
    }
    [id^=drop]:checked+ul {
        display: block;
    }
    .mynavbar nav ul li {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding-left: 20px;
    }
    .mynavbar nav ul ul .toggle,
    .mynavbar nav ul ul a {
        padding: 0 40px;
    }
    .mynavbar nav ul ul ul a {
        padding: 0 80px;
    }
    .mynavbar nav ul li ul li .toggle,
    .mynavbar nav ul ul a,
    .mynavbar nav ul ul ul a {
        padding: 14px 20px;
        color: #fff;
        font-size: 17px;
    }
    .mynavbar nav ul ul.sub-menu {
        float: left;
        position: static !important;
        color: #fff;
        margin-top: 13px;
    }
    .mynavbar nav ul ul li:hover>ul,
    .mynavbar nav ul li:hover>ul {
        display: none;
    }
    .mynavbar nav ul ul li {
        display: block;
        width: 100%;
    }
    .mynavbar nav ul ul ul li {
        position: static;
    }
	
    #main {
        display: block;
    }
    .overall button {
        display: none;
    }
    .mynavbar ul li ul.sub-menu {
        top: 85px;
        width: 100% !important;
    }
	.mynavbar ul li:hover span.caret{
    transform: unset;
    transition: unset;
}
span.caret {
    transition: all .3s !important;
}
span.caret.wk-rotate {
    transform: rotate(180deg) !important;
    transition: all .3s !important;
}

    .openbtn {
        width: 100%;
        text-align: left;
    }
    #main {
        padding: 0;
        margin-bottom: 10px;
    }
    .usp-box h4 {
        font-size: 17px;
    }
    .usp-box {
        width: 48.4%;
        margin-bottom: 40px;
    }
    .usp-box:nth-child(2n+2) {
        margin-right: 0;
    }
    .usp {
        margin-bottom: 0;
    }
    .cart span {
        height: 20px;
        width: 20px;
        top: -10px;
        font-size: 14px;
    }
    .catg-product {
        margin-right: 20px;
    }
    .brand-box {
        margin-right: 10px;
    }
    .listing-page-product .slider-product-main {
        margin-right: 12px;
    }
    .product-listingbrand ul li label {
        font-size: 16px;
    }
    .gallery-images .discount {
        margin-left: 0;
        padding-left: 30px;
    }
    .product-det .product-head h4 {
        font-size: 31px;
    }
    .gallery-images .galley-thumbnail img {
        margin-right: 12px;
    }
	.gallery-images .gallery-main-img {
    float: left;
    width: 100%;
}
.gallery-images .gallery-qunatity {
	width:100%;
	padding-left:0;
	margin-top: 30px;
}
}

@media screen and (max-width:1024px) {
    .logo {
        float: left;
        width: 15%;
    }
    .account-des {
        float: left;
        width: 85%;
    }
    .catg-product {
        margin-right: 19px;
    }
    .gcc-img img {
        display: inline-block;
        margin-right: 5px;
    }
    .f1 ul li {
        display: inline-block;
        padding-right: 22px;
    }
    .Product-sidebar {
        display: none;
    }
    .listing-page-product {
        width: 100%;
    }
    .gallery-images .galley-thumbnail img {
        margin-right: 11px;
    }
	.contact-form, .contact-left {
		width:100%;
	}
}

@media screen and (max-width:991px) {
    .logo {
        float: left;
        width: 15%;
    }
    .account-des {
        float: left;
        width: 85%;
    }
    .catg-product {
        margin-right: 19px;
    }
    .gcc-img img {
        display: inline-block;
        margin-right: 5px;
    }
    .f1 ul li {
        display: inline-block;
        padding-right: 22px;
    }
    .brand-box {
        width: 24.3%;
        margin-bottom: 20px;
    }
    .brand-box:nth-child(4n+4) {
        width: 23%;
        margin-bottom: 20px;
        margin-right: 0;
    }
    .catg-product {
        margin-right: 16px;
    }
    .footer-sect {
        float: left;
        width: 50% !important;
        min-height: 320px;
    }
    .f1 ul {
        text-align: left;
    }
    .winner {
        float: none;
        width: 100%;
    }
    .winner img {
        margin: auto;
        display: block;
    }
    .gcc-img {
        float: right;
        width: 100%;
        text-align: center;
    }
    .gallery-images .gallery-main-img {
        float: left;
        width: 100%;
    }
}

@media(max-width:860px) {
    .usp-box {
        width: 48%;
        margin-bottom: 40px;
    }
    .catg-product {
        margin-right: 14px;
    }
    .listing-page-product a {
        font-size: 17px;
    }
    .listing-page-product .slider-product-main {
        margin-right: 11px;
    }
}

@media(max-width:767px) {
    .usp-box {
        width: 47%;
        margin-bottom: 40px;
    }
    .logo {
        width: 20%;
    }
    .account-des {
        float: left;
        width: 80%;
    }
    .catg-product {
        margin-right: 12px;
    }
    .brand-box {
        width: 32%;
        margin-bottom: 20px;
    }
    .brand-box:nth-child(4n+4) {
        margin-right: 10px;
        width: 32%;
    }
    .brand-box:nth-child(3n+3) {
        margin-right: 0;
    }
    .listing-page-product .slider-product-main {
        width: 32.2%;
        margin-right: 10px !important;
        min-height: 360px;
    }
    .listing-page-product .slider-product-main:nth-child(3n+3) {
        margin-right: 0 !important;
    }
	.tab-pane button.btn.btn-link {
    font-size: 21px;
    color: rgb(0, 0, 0);
    /* display: inline-block; */
    box-sizing: border-box;
    cursor: pointer;
    text-transform: uppercase;
    font-family: "Roboto Slab", serif;
    font-weight: 300;
    float: left;
    margin-right: 1px;
    padding: 10px 0px;
    border-width: 0px;
    border-style: solid;
    border-color: rgb(237, 237, 237);
    border-image: initial;
    border-radius: 0px !important;
    background: #00a7ba;
    text-align: center !important;
    color: #fff;
}

.tab-pane .card-header {
    border-radius: 0 !important;
    padding: 0 !important;
    background: none;
    border: 0 !important;
    text-align: -webkit-center;
}

.tab-pane .card-header h5.mb-0 {
    margin: 0;
    text-align: center;
}
}

@media(max-width:640px) {
.logo {
    width: 50%;
    margin-bottom: 20px;
    float: none;
}
    .logo img {
        margin: auto;
    }
    .account-des {
        float: left;
        width: 100%;
    }
    .uwt {
        float: none;
        width: 353px;
        margin-top: 15px;
        margin: auto;
    }
    .accont-det {
        float: left;
        width: 70%;
    }
    .cart {
        float: left;
        width: 30%;
        position: relative;
    }
    .cart span {
        height: 20px;
        width: 20px;
        top: -10px;
        font-size: 14px;
        left: 16px;
    }
    .search form {
        border: 1px solid #00a7ba;
        max-width: 100%;
        float: right;
        width: 100%;
    }
    .catg-product {
        float: left;
        width: 48.6%;
    }
    .catg-product:nth-child(3n+3) {
        margin-right: 12px;
    }
    .catg-product:nth-child(2n+2) {
        margin-right: 0;
    }
    .usp-box {
        width: 100%;
        margin-right: 0;
    }
    .listing-page-product .slider-product-main {
        width: 32%;
    }
    .listing-page-product a {
        font-size: 15px;
    }
    .sort-heading {
        float: left;
        width: 100%;
    }
    .sort-by {
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    .sort-by form {
        float: left;
    }
    .sort-by form select  {
        /* width:80%; */
        /* max-width: 100%; */
        -webkit-appeareance: none;
        appearance: none;
    }
    .gallery-images .inside-img {
        min-height:unset;
    }
    .product-det .product-head h4 {
    font-size: 25px;
}
}

@media(max-width:568px) {
    .listing-page-product .slider-product-main {
        width: 48.5%;
        margin-right: 10px !important;
    }
    .listing-page-product .slider-product-main:nth-child(3n+3) {
        margin-right: 10px !important;
    }
    .listing-page-product .slider-product-main:nth-child(2n+2) {
        margin-right: 0 !important;
    }
}

@media(max-width:524px) {
    .brand-box {
        width: 47% !important;
        margin-bottom: 20px;
        margin-right: 17px !important;
    }
    .brand-box:nth-child(2n+2) {
        margin-right: 0 !important;
    }
    .map-wrap {
        margin-left:0; padding-left:0;
    }
	.nsearchinput-pl.well {
    height: 250px;
    overflow-y: scroll;
    border: 1px solid #00a7ba;
    border-top: 0;
}
.gallery-images .prod-wishlist-btn {
    width:100%;
    margin-top: 20px;
    float:left;
}
.gallery-images .gallery-qunatity img {display:none;}
}

@media(max-width:460px) {
    .wov img {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 100px;
    }
    .catg-product {
        float: left;
        width: 48%;
    }
    .catg-product a {
        font-size: 20px;
    }
    .footer-sect {
        float: left;
        width: 100% !important;
        min-height: auto;
    }
    .f2 {
        padding-left: 0;
    }
    .f4 {
        padding-bottom: 20px !important;
    }
    .gcc-img img {
        margin-bottom: 10px !important;
    }
    .uwt {
        float: none;
        width: 100%;
        margin-top: 15px;
        margin: auto;
        text-align: center;
    }
    .footer-sect {
        text-align: -webkit-center;
    }
    .footer-sect.f4 ul li span {
        /* margin: auto; */
        /* display: block; */
        width: 100%;
        text-align: -webkit-center;
        margin-right: 0;
    }
    .f1 ul {
        text-align: center;
    }
    .winner {
        margin-bottom: 20px;
    }
}

@media(max-width:424px) {
    .accont-det ul {
        float: left;
        list-style: none;
        width: 100%;
        text-align: center;
    }
    .accont-det {
        float: left;
        width: 100%;
    }
    .cart img {
        display: block;
        margin: auto;
    }
    .cart span {
        height: 20px;
        width: 20px;
        top: -10px;
        font-size: 14px;
        left: 26px;
        right: 0;
        margin: auto;
        margin-top: 0;
    }
    .cart {
        float: left;
        width: 100%;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .shop-inspire .wov a {
        font-size: 14px;
    }
    .brand-sec .categories-heading h4 {
        font-size: 18px;
        padding-left: 72px;
    }
    .slider-home .categories-heading h4 {
        font-size: 20px;
        padding-left: 72px;
    }
    .categories .categories-heading h4 {
        font-size: 20px;
        padding-left: 72px;
    }
    .catg-product {
        float: left;
        width: 100%;
        margin-right: 0;
    }
    .slick-prev {
        left: -22px;
    }
    .listing-page-product .slider-product-main {
        width: 100%;
        margin-right: 0 !important;
    }
}

@media(max-width:360px) {
    .gallery-images .Quantity .prod-addtocart-btn, .gallery-images .Quantity input{
        width:100%;
    }
    .gallery-images .Quantity input{ 
    margin-bottom:20px;
    }
}