/*************************8      header css           ****************************************************/

#Header {-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; z-index:1;}
#Header:after {background:url('../images/navbg.png') no-repeat right center; background-size:contain; content:''; display:block; position:absolute; bottom:0px; z-index:-1; width:100%; top:50%; right:0px; height:79px; transform: translateY(-50%); left:21%;}
.navbar-light .navbar-brand img {max-height:112px;}
.cart {border-left:2px solid #000; padding-left:20px; line-height:1;}
.cart a:hover {color:#000;}

.navbar-light .navbar-nav .nav-link {color:#fff; font-size:14px;text-transform:uppercase;font-weight:700;letter-spacing:0.02em;text-shadow: 1px 1px 1px rgba(0,0,0,.30); margin:0 1rem;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color:#000;}


ul.navbar-nav li.menu-item-has-children:hover > ul.dropdown-menu{
    display: block !important;
}



i#checkmark, svg#checkmark {
    color: #1bb827;
    font-size: 3em !important;
}

.wrapper-1{
  width:100%;
  height:100vh;
  display: flex;
flex-direction: column;
}
.wrapper-2{
  padding :30px;
  text-align:center;
}

.wrapper-2 p{
  margin:0;
  font-size:1.3em;
  color:#aaa;
  letter-spacing:1px;
}
.wrapper-2 h1{
  letter-spacing:3px;
  color:#5892FF ;
  margin:0;
  margin-bottom:20px;
}
 .wrapper-1{
  height: initial;
  max-width:620px;
  margin:0 auto;
  margin-top:50px;
  box-shadow: 4px 8px 40px 8px rgb(255 255 255 / 34%);
} 


table.extra-options td.leftside {
    vertical-align: text-top !important;
}
table.extra-options .label-tag {
    vertical-align: text-top !important;
   
}

table.extra-options label {
    display: block;
}

#search{bottom:-35px;}
.freeshippingtxt{font-size:30px; font-weight:bold;}
.cattitle{font-size:30px; font-weight:bold;color:#fff;}
/*.right-links a:hover{color:#000;}
.shrink {background:rgba(0,0,0,1); box-shadow:0px 5px 12px rgba(255,255,255,.5); z-index:999;}

.logo {max-height:112px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .logo {max-height:70px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}

.main-nav{background:url('../images/navbg.png') right 55px no-repeat;background-size:70% auto;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{box-shadow:0px 5px 12px rgba(0,0,0,.5);}

.right-links,.mg-top{margin-top:40px;}

/*.main-nav .logo{margin-top:-17px;}/
#Navigation{margin:0px;}
.navbar .nav-item{margin:0px 10px;font-size:14px;text-transform:uppercase;font-weight:700;letter-spacing:0.02em;text-shadow: 1px 1px 1px rgba(0,0,0,.30);}
.navbar .nav-item .nav-link{color:#fff;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#000;}*/

/**********                Home page css       *******************************/

.shipping{background:url('../images/bg.jpg') right top no-repeat;background-size:cover;}
.shipping h2{text-shadow: 1px 1px 1px rgba(0,0,0,.3);}

.categories img{border:solid 10px #fff;}
.categories .text-block {padding:30px 10px 5px 30px;left:10px;right:10px;bottom: 10px;z-index:99;background: url(../images/hdbg.png) no-repeat bottom center;min-height: 150px;}
.categories .text-block a:hover{color:#000;}

/**************              Footer                 ******************************/
.themecolor{color:#14ccb0;}
.footer a.active{color:#009FE3;}
.newsletter-form .btn{margin-left:-60px;}

/**********************additional css***************************/
ul#menu-headermenu a.nav-link:hover {
 color: #fff !important;
}





section.innerpage {
    min-height: 450px;
}

.info_txt{
    padding: 30px 0;
    background: #009ec6;
    margin-bottom: 30px;
    color: #fff;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.btn.btn-primary {
   /* float: right;*/
}

.btn1 {
     text-decoration: none !important; 
     text-transform: uppercase; 
     border-radius: 30px;
	 color:white;	 
     font-size: 11px; 
     font-weight: 700; 
     padding: 11px 6px; 
     letter-spacing: 0.12em; 
     box-shadow: 3px 5px 5px rgba(0,0,0,.25); 
    background: #009fe3;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.form-control.tnp {
    /* height: 36% !important; */
    font-size: 1.5em;
    /* border-radius: 10px; */
    border: 1px;
}

a.nav-link {
    color: #fff !important;
}
ul#menu-accounts a.nav-link:hover {
    color: #009FE3 !important;
}
ul#menu-help a.nav-link:hover{
	 color: #009FE3 !important;
}
ul#menu-help {
    line-height: 12px !important;
    margin-left: -13px;
}
ul#menu-accounts {
line-height: 12px !important;
    margin-left: -13px;
}

a.bk {
    color: black;
}



.dropdown-menu {  
    background-color: #14ccb0;
   
}

.border.border-light.p-3 {
    border: 1px solid #555 !important;
}

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

.border-top {
    border-top: 1px solid #555 !important;
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control {
    height: 95px;
}

section.py-4.text-white.AddresArea {
  /*  background-color: #0693e3 !important;*/
}

.error.notice.th_extra_product_options_for_woocommerce-admin-notice {
    display: none !important;
}
.notice-error, div.error {
    display: none !important;
}
/********************     Media query       ***************************************/

@media (min-width: 1921px){
	.container-fluid {max-width: 1920px;}
	.container {max-width: 1630px!important;}
	
	#Header:after {background-position: 70% center;}
		
	/*.main-nav{background-size:auto!important;}
	.shrink .main-nav{background-size:auto!important;}*/
}

@media (min-width: 1600px){
	.container {max-width: 1530px;}
		
	.gutter-lg {margin-left:-17px!important;margin-right:-17px!important;}
	.gutter-lg div[class^="col"]{padding-left:17px!important;padding-right:17px!important;}

	/*.main-nav{background:url('../images/navbg.png') right 90px no-repeat;background-size:68% auto;}
	.shrink .main-nav{background:url('../images/navbg.png') right 50px no-repeat;background-size:68% auto;}
	
	.right-links{margin-top:50px;}
	.shrink .right-links{margin-top:-4px;}
	
	.mg-top{margin-top:60px;}
	.shrink .mg-top{margin-top:25px;}
	
	.navbar .nav-item{margin:0px 15px;}*/
	
	.products .hhd{font-size:50px;line-height:1.4;}
}

@media (min-width: 1920px) and (max-width: 2560px){
#Header:after {  
    left: -4%;
}
}

@media (min-width: 1200px) and (max-width: 1919.98px){
	/*#Header:after {width: 66%;}*/
	#Header:after {width: 79%;}
	.navbar-light .navbar-brand img {max-height:80px;}
}

@media (min-width: 1400px) and (max-width: 1599.98px){
	/*.main-nav{background:url('../images/navbg.png') right 90px no-repeat;background-size:60% auto;}
	.shrink .main-nav{background:url('../images/navbg.png') right 50px no-repeat;background-size:68% auto;}
	
	.right-links{margin-top:30px;}
	.shrink .right-links{margin-top:-4px;}
	
	.mg-top{margin-top:55px;}
	.shrink .mg-top{margin-top:15px;}*/
}


@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	/*.main-nav{background:url('../images/navbg.png') right 25px no-repeat;background-size:70% auto;}
	.right-links{margin-top:12px;}
	.mg-top{margin-top:20px;}*/
	
	#Header:after {width: 70%;}
	.navbar-light .navbar-brand img {max-height:60px;}
	.navbar-light .navbar-nav .nav-link {margin:0rem;}
	
	
	.offer .hd{font-size:35px; }
}


@media (min-width: 768px) and (max-width: 991.98px) { 
#Header:after {background:none;}
	#Header:after {width: 73%;}
	.navbar-light .navbar-brand img {max-height:40px;}
	.navbar-light .navbar-nav .nav-link {margin:0rem;}



	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	/*#Navigation{justify-content: center; width:100%;margin:10px 0px 0px;}*/
	
	.hhd{font-size:35px; }
	.hd{font-size:35px; }
	h1,h2.h1{font-size:30px; }
	
	/*.logo{max-height:60px;}
	
	.main-nav{background:none;}
	.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#009FE3;}
	.right-links,.mg-top{margin-top:10px;}*/
	
	.offer .w-75{width:100%!important;}
	.offer .hd{font-size:25px; }
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	
	.hhd{font-size:40px; }
	.hd{font-size:35px; }
	h1,h2.h1{font-size:30px; }
	
	/*.logo{margin-left:-30px!important;}
	
	.main-nav{background:none;}
	.right-links,.mg-top{margin-top:0px;}
	.right-links{position:absolute;right:15px;top:10px;z-index:999;}
	.right-links a:hover{color:#009FE3;}*/
	
	.offer .w-75{width:100%!important;}
	.offer .hd{font-size:25px; }
	
	
	
	
	#Header:after,#search {display:none;}
	.navbar-light .navbar-brand img {max-height:80px;}
		
	.quick-search {border-bottom:1px solid #fff;}
	.quick-search .form-control,.quick-search .btn {background:transparent; border:none; color:#fff; height:40px; padding:0px;}
	.quick-search .btn {font-size:25px;}
	
	
	
	/**********    Navbar Css   *********************/
	
	.mobile-nav-toggle {
        background: none;
        border: 0;
        cursor: pointer;
        outline: none !important;
        padding: 16px 30px 16px 5px;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        z-index: 9999;
		box-shadow:none !important;
    }

    .mobile-nav-active .mobile-nav-toggle {}

    .mobile-nav-toggle span,
    .mobile-nav-toggle span:before,
    .mobile-nav-toggle span:after {
        cursor: pointer;
        height: 2px;
        width: 23px;
        background: #14ccb0;
        position: absolute;
        display: block;
        content: '';
        transition: all 500ms ease-in-out;
    }

    .mobile-nav-toggle span:before {
        top: -7px;
        width: 23px;
    }

    .mobile-nav-toggle span:after {
        bottom: -7px;
        width: 23px;
    }

    .mobile-nav-overlay {
        width: 100%;
        height: 100%;
        z-index: 1038;
        top: 0;
        left: 0;
        position: fixed;
        background: rgba(0, 0, 0, 0.5);
        overflow: hidden;
        display: none;
    }

    .mobile-nav {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 1040;
        overflow-y: auto;
        left: -280px;
        width: 280px !important;
        padding: 20px;
        background:/* rgb(61 152 227 / 100%);*/ #14ccb0 ;
        transition: 0.4s;
        -moz-transition: 0.4s;
        -webkit-transition: 0.4s;
    }

    .mobile-nav * {
        list-style: none;
        color: #fff!important;
		padding-top:20px;
    }

    .mobile-nav .dropdown-menu {
        position: static !important;
        transform: none !important;
        background: none !important;
        padding-left: 25px;
    }

    .mobile-nav .dropdown-menu .dropdown-item-text {
        margin: 5px 0px;
        padding: 2px 10px;
    }

    .mobile-nav .dropdown-menu .dropdown-item {
        margin: 10px 0px;
    }

    .mobile-nav .dropdown-menu .dropdown-item .fa {
        display: none;
    }

    .mobile-nav .dropdown-menu .dropdown-item:before {
        content: "\00BB";
        margin-right: 5px;
        font-size: 20px;
        line-height: 1;
    }

    .mobile-nav ul > li:not(.list-inline-item) {
        padding: 5px;
    }

    .mobile-nav ul > li > a {
        display: block;
        position: relative;
        color: #fff!important;
        padding:5px 0px!important;
        text-transform: uppercase;
        text-align: left !important;
        text-decoration: none !important;		
		font-size:14px;
		font-weight:700;
		letter-spacing:0.02em;
		text-shadow: 1px 1px 1px rgba(0,0,0,.30);
    }

    .mobile-nav ul > li > a > img {
        width: 20px;
        margin-right: 10px;
    }

    .mobile-nav-active {
        overflow: hidden;
    }

    .mobile-nav-active #Header {
        background-color: transparent !important;
        z-index: 1040;
		position:static !important;
    }

    .mobile-nav-active #Header a {
        visibility: visible;
    }

    .mobile-nav-active .mobile-nav-toggle span:after {
        width: 23px;
    }

    .mobile-nav-active .mobile-nav-toggle span {
        background-color: #3d98e3;
    }
	.navbar-light .navbar-toggler-icon {background-image:none;}

    .mobile-nav-active .mobile-nav-toggle span:before,
    .mobile-nav-active .mobile-nav-toggle.active span:after {
        top: 7px;
    }

    .mobile-nav-active .mobile-nav-toggle span:before {
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        bottom: 0px;
        background: #fff;
    }

    .mobile-nav-active .mobile-nav-toggle span:after {
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        background: #fff;
    }

    .mobile-nav-active .mobile-nav {
        left: 0;
    }

    .mobile-nav-active .mobile-nav-toggle {
		margin-top: -55px;
    }

    .mobile-nav-active .mobile-nav-toggle i {
		color: #fff;
    }

    .mobile-nav ul.navbar-nav > li.nav-item > .megamenu, 
	.mobile-nav ul.navbar-nav > li.nav-item > .sub-menu {
        font-size: 15px;
        font-weight: 400;
        position: static;
        background: none;
        color: #fff;
        padding: 0px;
        border: none;
        display: none;
    }

    .mobile-nav ul.navbar-nav > li.nav-item > .megamenu a,
    .mobile-nav ul.navbar-nav > li.nav-item > .sub-menu > li > a {
		display: block;
        padding: 10px 20px;
        color: #fff;
    }

    .mobile-nav ul.navbar-nav > li.nav-item > .megamenu a:before,
    .mobile-nav ul.navbar-nav > li.nav-item > .sub-menu > li > a:before {
		display: inline;
		content: "\00bb";
		margin-right: 5px;
    }

    .mobile-nav-active .mob-menu-btn {
        display: block;
    }
}


@media (max-width: 575.98px){
	.navbar-brand {display: block;max-width: calc(100% - 90px);}
	.offer .hd{font-size:23px; }
	.navbar-light .navbar-brand img {max-height:60px;}	
}

@media (max-width: 476.98px){
	.navbar-light .navbar-brand img {max-height:43px;}	
}

section.py-4.bg-dark2.AddresArea {
    background-color: rgba(248,249,250);
	color: #14ccb0;
}
div#ContactForm {
   color: #14ccb0;
}

a#newclr {
    color: #14ccb0;
}

.newsletter-form .input-group.newsletter.rounded {
    flex-wrap: nowrap;
}

hr#hri {
    padding-top: 1px !important;
}

ul#snav {
    margin-top: -9% !important;
}