@font-face {
    font-family: 'Helvetica Narrow' !important;
    src: url('../fonts/Helvetica-Narrow-Bold.eot');
    src: url('../fonts/Helvetica-Narrow-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Narrow-Bold.woff2') format('woff2'),
        url('../fonts/Helvetica-Narrow-Bold.woff') format('woff'),
        url('../fonts/Helvetica-Narrow-Bold.ttf') format('truetype') !important;
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica' !important;
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype') !important;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica' !important;
    src: url('../fonts/Helvetica-Bold.eot');
    src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Bold.woff2') format('woff2'),
        url('../fonts/Helvetica-Bold.woff') format('woff'),
        url('../fonts/Helvetica-Bold.ttf') format('truetype') !important;
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica' !important;
    src: url('../fonts/Helvetica-Black.eot');
    src: url('../fonts/Helvetica-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Black.woff2') format('woff2'),
        url('../fonts/Helvetica-Black.woff') format('woff'),
        url('../fonts/Helvetica-Black.ttf') format('truetype') !important;
    font-weight: 900;
    font-style: normal;
}






/*
@font-face {
    font-family: 'Helvetica Neue LT Pro'!important;
    src: url('../fonts/HelveticaNeueLTPro-Ex.eot')!important;
    src: url('../fonts/HelveticaNeueLTPro-Ex.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTPro-Ex.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Ex.woff') format('woff'),
        url('../fonts/HelveticaNeueLTPro-Ex.ttf') format('truetype')!important;
    font-weight: normal;
    font-style: normal;
}
*/

body {
    font-family: 'Helvetica' !important;
	font-size: 12px;
	width: 100%;
	background:#FFF;
	margin:0 !important;
	padding:0 !important;
	position:relative;

}
body, html {
	height:100%;
}
html, body, p, h1, h2, h3, h4, h5, h6, img, form, input, select, textarea, ul, li, {
	margin: 0;
	padding: 0;
    font-family: 'Helvetica' !important;
}

:focus{ outline: none; }

img { border: none;}

a {
	color:#000;
	text-decoration:none !important;
    transition: .5s ease;
}
a:hover, a:visited {
	text-decoration:none;
	color:none;
}
a, a:link, a:visited, input {
	outline: none;
}
.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	margin: 0;
	padding: 0;
}


.container {
    max-width: 1230px;

/*
    width: 96%;
    padding-right: 2%;
    padding-left: 2%;
*/
    margin-right: auto;
    margin-left: auto;

}

/*LOADER-START*/

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20001;

    overflow: visible;
    background-color: #fffffff2;
    text-align: center;
    padding: 20% 0 0 0;
}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ff1f39;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*LOADER-END*/



.navOuters .dropdown-item {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.fixed .searchOuter { display: none; }

header, footer, section, .wraper{ float:left; width:100%; }

header{ position: relative; padding: 0; margin: 0 0 15px; }

header .main-header{
    width: 100%;
    margin: 0;
    padding: 6px 0;
    background-color: #FFF;
}
.main-header.fixed{ position: fixed !important; padding: 5px 0; z-index: 2000; }

.menu-bar { display:none; }

.he_logo img{
    display: block;
    max-width: 100%;
    padding: 5px 0;
}

header ul.rightMenu li i{ color: #2AA9E1; padding-right: 3px;  }

header ul.rightMenu li{ display: inline-block;  padding: 0 0 0 20px; }

header ul.rightMenu {
    font-size: 13px;
    float: right;
    line-height: normal;
    list-style: none;
    margin: 0;
    letter-spacing: 0.3px;
    padding: 0;
}


header nav{ padding-top:10px; letter-spacing:0.5px;}

header .navbar-nav{  margin: 0;  color: #2AA9E1; text-transform: uppercase; display: block;  width: 100%;  text-align: center; }

.navs-out{
    padding: 0;
    margin: 0;
    width: 100%;
    display:block;
}

header .navbar-nav li a,  header .nav .open>a{
	font-size: 16px;
    font-weight: 600;
    padding: 13px 15px !important;
    letter-spacing: 0.5px;
    background-color: inherit;
    text-shadow: none;
    transition: all ease 0.3s;
    color: #2AA9E1 !important;
    display: inline-block;
    margin: 0;
}

.page-main{ max-width: 100% !important; }

.page-main .home-slider-wrapper { display: block;  margin: 0px; }

header .navbar-nav li{ margin: 0; }
header a{  position: relative; color: #2AA9E1; }

header .navbar-nav li.active a, header .navbar-nav li.active a:hover{ color: #ffffff !important; background-color: transparent; }

header .navbar-nav li a:hover, header .nav .open>a:hover, header .navbar-nav li a:focus, .topheader .right-link a:hover{ background-color:transparent; color: #293c8f !important; }

header .fixed .navbar-nav { text-align: end; display: block; width: 100%; }

header .fixed .navbar-nav li, header .navbar-nav li {  display: inline-block;  float: none; }

header .socials{ display: flex; list-style: none; float: right; margin: 0;  }

header .socials li{ display: inline-block; color: #ee1a45;  padding: 0 7px; }

header .socials a{color: #2AA9E1; }

header .navbar{ padding: 5px 0 0; }

#navbarDropdown{ transition: all ease 0s;}

header .navbar .dropdown:hover  #navbarDropdown{ background-color: #40b0e3;    color: #ffffff !important; }


/* Animations */
.fixed{
    -webkit-animation-name: growTop;
    -moz-animation-name: growTop;
    -o-animation-name: growTop;
    animation-name: growTop;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;


    box-shadow:0 1px 10px #0000001a;
    background-color: #ffffff;
}

@-webkit-keyframes growTop {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-600px);
    -moz-transform: translateY(-600px);
    -moz-transform: translateY(-600px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0); } }

@-moz-keyframes growTop {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-600px);
    -moz-transform: translateY(-5600px);
    -moz-transform: translateY(-600px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0); } }

@-o-keyframes growTop {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-600px);
    -moz-transform: translateY(-600px);
    -moz-transform: translateY(-600px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0); } }

@keyframes growTop {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-600px);
    -moz-transform: translateY(-600px);
    -moz-transform: translateY(-600px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0); }
}
/* Animations */


.bx-wrapper .bx-controls-direction a.disabled {  display: block !important; }

.prdt-bnr {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    padding: 29% 0 0 29%;
    z-index: 80;
}

.bnrTitle{
     text-transform: uppercase;
    font-size: 47px;
    color: #FFF;
    text-align: left;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0;
}


::-moz-selection{ background: #2AA9E1 !important;  color: #FFF!important; }

::selection { background: #2AA9E1 !important;  color: #FFF!important; }

.block-search input::-webkit-input-placeholder { color:#B3B3B3 !important; }
.block-search input::-moz-placeholder  { color:#B3B3B3 !important; }
.block-search input:-ms-input-placeholder  { color: #B3B3B3 !important; }
.block-search input:-moz-placeholder { color: #B3B3B3 !important; }

header .topNav, footer .topNav {  text-align: end; font-size: 14px;  }

header .topLinks{ letter-spacing: 0.5px; margin: 5px 0 5px; padding: 0; float: right; font-weight: 400;  }

header .topLinks li, footer .topLinks li{ list-style: none; display: inline-block; padding: 0 0 0 20px; margin: 0; }

header .topLinks li {line-height: 18px;float: right;}

header .collapse{ display:block; }

header .header_Conts{ float: left; list-style: none;  margin: 0;padding: 0; }

header .header_Conts li, header .socialMenu li{ display: inline-block; font-size: 14px; font-weight: 300;padding: 0 5px; }

header .socialMenu{ float: right; list-style: none;  margin: 0;padding: 0; }

.headerTop-menu {  background-color: #313538; color: #FFF;  padding:13px 0; }

.headerConts.phns{ font-size: 34px; color: #293c8f !important; font-weight: 600; }

.headerConts {font-size: 20px; color: #2B3B8D; font-weight: 600; padding: 0px 0 5px; margin: 0; float: left; width: 100%; }

.headerConts i{ color: #2B3B8D; margin-right: 7px; }

.fixed .headerConts{ display: none; }

.deliveryimage { padding: 5px 0; }

.deliveryimage img{ max-width: 100%; }

.fixed .navOuters {  margin-top: -55px; }

header .fixed .topLinks{ font-size: 13px; margin: 10px 0 0;  padding: 0;}

header .fixed .navbar-nav li a, header .fixed .nav .open>a { font-size: 14px; font-weight: 500;  padding: 13px 5px !important; }

.fixed .he_logo img { max-width: 175px; }

header .header_Conts i{ margin-right: 5px; }

.socialMenu a{ color: #FFF; display: block; padding: 10px 3px;  transition: all ease 0.3s; }

.socialMenu a:hover { color: #333; }

header .header_Conts li { padding: 5px 10px; }

.social-outer .numbers{ font-weight: 700; font-size: 14px;}

.social-outer{ padding: 18px 15px 0 0 !important; }

.banner_section{ position: relative; width: 100%; float: left; margin: 0; padding: 0; overflow: hidden; }

.banner-img { position: relative !important; }

.bx-wrapper img{ width: 100%; }

.bx-wrapper .bx-prev{ background: url(../images/utilities/left.png) no-repeat !important; height: 42px !important; }

.bx-wrapper .bx-next{ background: url(../images/utilities/right.png) no-repeat !important; height: 42px !important; }

.bx-wrapper {
    -moz-box-shadow: inherit !important;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
    border: 0 !important;
    background: #fff;
	padding: 0 !important;
    margin: 0  !important;
	max-height: 560px;
	overflow: hidden;;
}
.search-bar .block.block-search{     margin: 10px 10px 10px 0; }
.search-bar {
    padding: 0.5px 0;

    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(48%, rgba(53,72,150,1)), color-stop(100%, rgba(30,123,189,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1e7bbd', GradientType=1 );
}
.search-bar
.search-bar .relDiv{ position: relative; float: right;     width: 85%; }

.search-bar .searchInp{
    max-width: 100%;
    width: 330px;
    background-color: #FFF;
    padding: 10px 10px 10px 55px;
    margin: 0 3px 0 0;
    border: 0;
    font-weight: 300;
    font-style: italic;
    font-size: 13px;
    height: 45px;
    float: right;
    outline: 0;
}

footer .action.subscribe{
    border-color: #2ba8e0 !important;
    color: #FFF !important;
    background-color: #293c8f;
    padding: 7px 10px;
    height: 45px;
    display: inline-block;
    border: 1px solid;
    letter-spacing: 0.5px;
    transition: all ease 0.3s;
}
footer .block.newsletter input{ height: 45px; }
.search-bar .serBt, header .action.search{
    background-color: #2ba8e0 !important;
    color: #FFF;
    border: 0;
    padding: 7px 10px;
    height: 45px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 0 0 -45px 0;
    z-index: 10;
    float: right;
    transition: all ease 0.3s;

    opacity: 0.9;
}
.search-bar .serBt:hover, header .action.search:hove{  background-color: #2B3B8D !important; }

.search-bar i{
    color: #2ba8e0;
    font-size: 24px;
    float: left;
    position: absolute;
    left: 28px;
    top: 12px;
    z-index: 50;
}

header .he_logo.col-lg-4 { width: 33.333333%;  float: left;  }

header .col-lg-8.topNav{ width: 66.666667%; float: left;  }

header .col-sm-12.navOuters{  width: 100%; float: left; }

header .he_logo .logo {  width: 100%;max-width: 100%; margin: 0; display: block; }

/*HEADER-BANNER END*/


section { padding: 15px 0; }

.mainTit{
    padding: 0;
    margin: 15px 0 15px;
	float: left;
	width: 100%;
    text-transform: uppercase;
}
.mainTit h2 {
    display: block;;
    font-weight: 700;
    font-size: 28px;
    color: #F15A24;
    padding: 5px 0px 10px;
    letter-spacing: 0.5px;
    margin: 0;
    border-bottom: 4px solid #2AA9E1;
}

.prdctGrid{ border: 2px solid #293c8f;   margin: 10px 0;  padding: 5px; }

.prdctGrid h3{ white-space: nowrap; font-size: 19px; font-weight: 600; margin: 0; padding: 5px 0; letter-spacing: 0.2px; overflow: hidden; text-overflow: ellipsis;  }

.prdctGrid h6{ font-size: 14px; font-weight: 400; margin: 0; font-weight: 500; height: 34px; overflow: hidden; }

.prdctGrid .prdctConts{ color: #293c8f; text-align: center;     min-height: 130px; }

.prdctGrid .price{  color: #F15A24;font-size: 28px; font-weight: 700;margin: 0 0 5px;padding: 0 7px 0 0;}

.prdctGrid .prdctImg{  text-align: center; height: 350px; overflow: hidden;}

.prdctGrid .prdctImg img{ max-width: 80%; margin: 0 auto; }

.adImg{ width: 100%; text-align: right; margin: 0 0 35px; }

.adImg img{ margin: 0 auto; }

.catgBox h3{ color: #2AA9E1; font-size: 16px; text-transform: uppercase; font-weight: 600; padding: 15px 30px 20px 15px; }

.categImgs {  height: 150px; overflow: hidden; display: table; width: 80%; margin-left: 20px;}

.categImgs span{ display: table-cell; vertical-align: middle; width: 80%;}

.categImgs img { max-width: 80%; }

.catgBox { min-height: 220px !important; float: left; margin: 0; text-align: center; }

.product-image-photo {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
max-width: 80% !important;}

.prodctBgs{
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(48%, rgba(53,72,150,1)), color-stop(100%, rgba(30,123,189,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1e7bbd', GradientType=1 );

    color: #FFF; text-transform: uppercase; font-size: 30px; font-weight: 600; letter-spacing: 1px; padding:7px 15px;
}

.icBox{
    text-align: center;
    color: #2AA9E1;
    min-height: 250px !important;
    float: left;
    margin: 0;
}
.icBox a h4 {color: #2AA9E1; }
.icImgs {
    min-height: 100px;
    display: block;
}
.icBox .icImgs img {
    max-height: 85px;
    max-width: 120px;
}

.icBox p {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #666;
    padding: 0px 15%;
}

.icBox h4{ font-size: 15px; text-transform: uppercase; font-weight: 600; min-height: 30px; }

.icBox i{ font-size: 60px;   min-height: 90px; }

.icnsArea {
    border-top: 4px solid #2AA9E1;
    padding-top: 35px;
    margin: 0;
}

.clients_wraper .item{ border: 1px solid #ddd; }

.clients_wraper{ text-align: center; padding: 15px 0; }

.clients_wraper ul.brands-slider { padding: 0; margin: 0; }

.clients_wraper .brands-slider li {  margin: 5px; list-style: none; line-height: 80px;}

.fotorama__fullscreen .fotorama__zoom-in.fotorama__zoom-in--disabled, .fotorama__fullscreen .fotorama__zoom-out.fotorama__zoom-out--disabled { display: block !important; }


.products-grid.products-related.product-item .product-item-info .product-item-details{ min-height: 140px;  }


/*FOOTER-START*/

footer{
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(48%, rgba(53,72,150,1)), color-stop(100%, rgba(30,123,189,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1e7bbd', GradientType=1 );

    color: #FFF;  margin: 25px 0 0; padding: 35px 0 0px }

footer a{ color: #FFF;  transition: .5s ease; }

footer a:hover{ color: #293c8f !important; }

.foo-social.wraper { padding: 20px 0 15px; }

footer .footer-top { display: block; padding-bottom: 15px; }

.ftrList{  padding: 8% 0px 0 0; margin: 0; text-align: end; font-size: 15px; }

.ftrList li{
    padding: 5px;
    font-weight: 500;
    list-style: none;
    display: inline-block;
    margin: 0;
}

.foo-social li a {
    font-size: 35px;
    display: block;
    color: #FFF;
    padding: 10px 10px;
    border-radius: 35px;
    text-align: center;
    background-color: transparent;
}
.foo-social li a:hover{
    color:#F15A24 !important;
    background-color: transparent;
}
.foo-social li {display: inline-block;  padding: 0 3px; }

footer .footer-top .foo-about p{  color: #878787; }

footer .footer-top .foo-about .contents {
    position: relative;
    display: block;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0 0 30px;
    margin-right: 50px;
}
.ftLogo {  margin-bottom: 15px; }

footer .contAdd { width: 33.333333%;  float: left; }

.ftLogo img{  max-width: 215px;  width: 100%; }

.footer-bottom {
    display: block;
    position: relative;
    background-color: #2ba8e0 !important;
    min-height: 60px;
    z-index: 999;
    margin: 10px 0 0 0;
    padding: 20px 0 15px;
}

footer p, footer ul { margin: 0; padding: 0; }

.copyright a:hover, .ftrList a:hover{   color: #293c8f !important; }

footer .topLinks a, footer .headerConts.phns, footer .headerConts,  footer .headerConts i{ color: #FFF;  }

footer .headerConts{
    font-weight: 500;
    font-size: 25px;
    margin: 10px 0;
    padding: 0;
}
footer .fa-envelope { font-size: 18px; }

footer .headerConts.phns { font-size: 35px; }

footer .foo-social { margin: 25px 0 0 0; padding: 0; }

/*footer .container {  max-width: 1280px; }*/

footer .ftrSignup, footer .topNav { float: left; width: 50%; }

.ftrSignup  h5 { font-size: 20px; font-weight: 600; margin: 10px 0 15px; padding: 0; letter-spacing: 0.5px; }

.ftrSignUpFor { font-size: 20px; font-weight: 600; margin: 10px 0 15px; padding: 0; letter-spacing: 0.5px; }

.ftrSignup p{ font-size: 14px; font-weight: 400; line-height: 22px; margin: 0 0 5px; }

footer a:visited, footer .alink:visited { color: #FFF !important; }

footer .signBtns {
    display: inline-block;
    border: 3px solid #FFF;
    color: #FFF !important;
    padding: 7px 25px;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 15px 0 0;
}
footer .signBtns:hover{ background-color: #FFF; color: #293c8f !important; }

footer .topLinks { padding: 0 0 10px;  margin: 0; }

footer .contAdd i{ float: left;margin: 7px 0 0 -25px; font-size: 16px; }

footer .contAdd p{ padding-left: 25px; font-size: 14px; font-weight: 400; margin: 5px 0 10px 0; line-height: 20px; letter-spacing: 0.5px;}

/*FOOTER-END*/

#client .owl-nav{ display: none; }

a:visited, .alink:visited { color: #293c8f !important; }

.col-sm-8.divison_cont{  width: 66.666667%; float: left; }

.col-sm-4.sidebar_cont{ width: 33.333333%; float: left; }

.column.main .page-title-wrapper, #maincontent .page-title-wrapper { border-bottom: 0; margin: 5px 0 10px;}

.column.main .page-title-wrapper .page-title, #maincontent .page-title-wrapper .page-title {
    font-size: 22px !important;
    font-weight: 500;
    letter-spacing: 0.7px !important;
    margin: 0;
    border-bottom: 0;
    padding: 0px;
    color: #F15A24;
    text-align: center;
}

.products-grid .product-item .product-item-info .product-img-main { height: 260px; }
.products-grid .product-item .product-item-info .product-img-main-widget {}

.page-products .product-item-info {
    width: 100%;
    border: 1px solid #ddd;
    padding: 0px;
    transition: all ease 0.5s;
}
.products-grid .product-item .product-item-info .product-img-main {padding: 5px 5px;  }

.products-grid .product-item .product-item-info .product-item-details {  padding: 10px 5px;  min-height: 155px; }

.page-products .product-item-info:hover{ border: 1px solid #2AA9E1; box-shadow: 0 0 5px #b8b7b7c7; }

.page-products .product-item-info .view_product {
    background: #2AA9E1;
    color: #fff;
    font-size: 15px;
    padding: 8px 21px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    min-width: 125px;
}

.view_product {
    background: #2AA9E1;
    color: #fff;
    font-size: 15px;
    padding: 8px 21px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    min-width: 125px;
}
.view_product a{  color: #fff; }

.page-products .product-item-info .view_product a{  color: #fff; }

.page-products .products-grid .product-item .product-item-info .product-item-details #finalprice{ color: #f15a24 !important; }

.page-products #final_price {
    color: #333;
    font-size: 26px;
    font-weight: bold;
    display: block;
}

.listprice .amount-old{
    color: #666 !important;
    font-size: 14px !important;
    display: inline-block !important;
    font-weight: 400 !important;
    text-decoration: line-through;
}

.listprice #save{ padding: 0px 12px; color: #2AA9E1; font-weight: 400 ;  font-size: 14px;  }

.listprice{ text-align: center; display: block; }

.wraper_price{ min-height: 60px; display: block;  line-height: 23px; }

.manuf_tilte{    text-align: center;
    padding-top: 10px;
    font-size: 24px;}

.products.list .product-item-name {
    display: block;
    margin: 0 0 7px;
    padding: 0 5px;
    height: 55px;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
}

.products.list .product-item-name-related {
    display: block;
    margin: 0 0 7px;
    padding: 0 5px;
    height: 35px;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
	font-weight:600;
}
.products-grid .product-item .product-item-info .product-item-details h5{
	height: 25px;
	line-height: 20px;
	margin-bottom: 20px;
}

.page-products .products-grid .product-item {
    width: 31.233% !important;
    margin: 0 1% 20px !important; padding: 0;
}

.page-wrapper{ min-height: auto !important; height: auto!important;  }

main#maincontent { max-width: 1230px !important; margin: 0 auto; }

.page-wrapper .breadcrumbs {
    /* text-align: center;
    background-color: #499ae938; */
    max-width: 1230px;
    padding: 10px 15px 15px;
    /* border-bottom: 1px solid #ddd; */
    margin: 0 auto;
	
}
.page-wrapper .breadcrumbs .items>li { color: #333333b3; font-size:14px;}
.breadcrumbs .items>li:after{line-height: 24px !important;}

.products.list  a.product-item-link-normal { color: #333 !important; }
.products.list  a.product-item-link-highlight{color: #151313 !important;
    background-color: #b6e3f7 !important;
}

.toolbar-products .pages .action.next, .toolbar-products .pages a.page, .toolbar-products  .pages .action.previous{
    color: #444!important;
    padding: 6px 10px;
    border: 1px solid #ddd;
    height: 36px;
    margin-right: 5px;
    background-color: transparent;
    line-height: 23px;
}

.toolbar-products .pages strong.page{  background: #2AA9E1; border: 1px solid #2AA9E1; color: #ffffff; margin-right: 5px; height: 36px;     line-height: 35px; }


.toolbar-products .pages .action.next:visited:before, .toolbar-products  .pages .action.previous:visited:before {  color: #444 !important; }

.toolbar-products .pages .action.next:before, .toolbar-products  .pages .action.previous:before {   color: #666 !important;  line-height: 23px;  font-weight: 600; }

.toolbar-products .pages .action.next:hover, .toolbar-products .pages a.page:hover, .toolbar-products  .pages .action.previous:hover{  background: #2AA9E1; border: 1px solid #2AA9E1; color: #ffffff; }

.sidebar .block-content.filter-content, .sidebar .block .empty {  padding: 0 0px; }

.sidebar .block {
    background: transparent !important;
    border: 1px solid #293c8f;
    padding: 0 !important;
    color: #444 !important;
    min-height: 100px;
}
.sidebar .block-title {
    border-bottom: 1px solid #dddddd87 !important;
    margin: 0 0 10px !important;
    padding: 10px 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
    color: #444 !important;
    background:#293c8f !important;
}
 .item a{color: #293c8f !important;}
 .item a span.price{color: #293c8f !important;}

.sidebar-main .filter-options .filter-options-content .item .selected a{color: #293c8f !important; font-weight: 600 !important;}
.sidebar-main .filter-options .filter-options-content .item .selected a span.price{color: #293c8f !important; font-weight: 600 !important;} 

.sidebar-main .block .block-title>strong, .sidebar-additional .block .block-title>strong{ color: #FFF !important;font-weight: 500 !important; letter-spacing: 1px; }

.sidebar-main .block-subtitle{ margin-bottom: 0!important;  color: #444 !important; font-weight: 500 !important; padding: 0px 15px 10px !important; text-decoration-line: underline;}

.sidebar-main .filter-options .filter-options-content .item { margin: 3px 0 !important; font-weight: 400;}

.sidebar-main .filter-options .filter-options-content .item a{ display: block; padding: 5px 0; }

.sidebar-main .filter-options .count { float: right;  color: #9f9e9e!important; }

.filter-current .item { margin: 3px 0 !important; font-weight: 400; padding: 0px 25px 0px !important; }
.filter-actions{ margin: 3px 0 !important; }

form#contact-form .field .label {
    font-weight: 500;
    text-transform: uppercase;
    color: #30519d;
    font-size: 14px;
    margin: 0 0 3px;
}

form#contact-form input[type="text"], form#contact-form input[type="password"], form#contact-form input[type="url"], form#contact-form input[type="tel"], form#contact-form input[type="search"], form#contact-form input[type="number"], form#contact-form input[type="datetime"], form#contact-form input[type="email"], form#contact-form textarea { border: 1px solid #30519d; height: 42px;  }

form#contact-form .field { margin: 0 0 20px; }

form#contact-form  button.action.submit.primary {
    background-color: #30519d;
    color: #FFF;
    border: 1px solid #30519d;
    padding: 14px 35px;
    margin: 0;
}
form#contact-form .fieldset { margin: 0 0 0px; padding: 0;  letter-spacing: 0; }

form#contact-form textarea  { min-height: 100px; }


/*24-09-18-START*/

.messages {
    float: left;
    width: 100%;
}
.supportBanner .box-bnerconts{
    border: 1px solid #DDDDDD;
    min-height: 285px;
}
.supportBanner .contsBanner_sec{
    width: 33%;
    float: left;
}

.supportBanner .banner-img img{ max-width: 100%;  min-height: 285px; }

.supportBanner .banner_section{
    border: 1px solid #DDDDDD;
    min-height: 285px;
    overflow: hidden;
    width: 64%;
    float: right;
    padding: 0;
}

.box-bnerconts h3 {
    background-color: #2AA9E1;
    color: #FFF;
    font-size: 16px;
    padding: 10px 20px;
    line-height: 20px;
    margin: 0 0 15px;
}

.box-bnerconts p {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    padding: 0px 20px;
    margin: 0 0 10px;
}

.gridSupport{   border: 1px solid #DDDDDD; min-height: 300px; text-align: center; padding: 10px; }

.gridSupport .gridIcons {
    height: 120px;
    font-size: 66px;
    color: #28a9e0;
    display: table;
    width: 100%;
}
.gridSupport .gridIcons i{ display: table-cell; vertical-align: middle; }

.gridSupport  h5 {
    font-size: 18px;
    font-weight: 500;
    height: 45px;
    overflow: hidden;
    margin: 0 0;
    padding: 0;
}


.gridSupport p{
    font-weight: 300;
    margin:0 0 5px 0;
    font-size: 13px;
    line-height: 19px;
    color: #666;
}

.gridSupport .leranBtn{
    display: inline-block;
    border: 1px solid #28a9e0;
    color: #FFF;
    padding: 10px 25px;
    font-weight: 500;
    font-size: 15px;
    background-color: #28a9e0;
    margin: 5px 0 0 0;
}

.gridSupport .leranBtn:visited{
    color: #FFF !important; 
}

/*.gridSupport .leranBtn:hover{ background-color: #28a9e0; color: #FFF; border-color:#28a9e0; }*/

.supportLists{ margin: 10px 0 15px; }

.contact_box li{ list-style: none; display: block; margin: 0px 0 15px; }

.contact_box ul { padding: 0; margin: 0; }

.contact_box .form-control{
    border: 1px solid #DDDDDD;
    outline: 0;
    border-radius: 0;
    min-height: 40px;
    width: 100%;
    padding: 0 15px;
    font-size: 14px;
}
.contact_box label{ display: block; width: 100%; margin: 0; padding: 0; font-size: 14px; color: #293c8f;  }

.contact_box {
    padding: 0 25px 25px;
    margin: 25px 0;
    border: 1px solid #293c8f;
}

.contact_box .btn1 {
    background-color: #28a9e0;
    color: #FFF;
    border: 0;
    min-height: 40px;
    padding: 5px 25px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 10px 10px 0;
}
.contact_box .required {font-size: 13px;  color: #666; }

.contact_box p{ font-size: 14px;     margin: 0;}

.contact_box .formHead {
    background-color: #293c8f;
    color: #FFF;
    padding: 15px 25px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 -25px 20px;
}

.suportDesc p{
    font-size: 14px;
    line-height: 23px;
    color: #333;
    font-weight: 400;
    margin: 0 0 15px;
}

.suportDesc .mainTit{ margin-bottom: 25px; }

.suportDesc .mainTit h2 { font-size: 23px; letter-spacing: 2px;  }

.team-img{ max-width: 200px; border-radius: 10px;  box-shadow: 0 3px 8px #00000047; }

/*24-09-18 END*/

.cpInp { width: 33%; float: left; margin-right: 25px; }

.capImg {
    width: 100px;
    min-height: 40px;
    border: 1px solid #ddd;
    float: left;
    text-align: center;
    font-size: 18px;
    line-height: 39px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-right: 5px;

    box-shadow: inset 0 0 10px #00000040;
    -moz-box-shadow: inset 0 0 10px #00000040;
    -webkit-box-shadow: inset 0 0 10px #00000040;
    box-shadow: inset 0 0 10px #00000040;
    pointer-events: none;
}

.grid3{
    padding-right: 1%;
    padding-left: 1%;
    width: 31%;
    float: left;
}

.cptWid { float: left;  width: 100%; margin: 5px 0 20px; }

.capButton input[type="button"] {
    width: 100px;
    height: 41px;
    border: 1px solid #28a9e0;
    background-color: #28a9e0;
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
}


.minicart-wrapper{  background-color: transparent !important;padding: 0 !important; margin: 0 20px 0px 0!important; height: auto !important; position: relative;  }

.minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before, .minicart-wrapper .action.showcart .counter.qty .counter-label{ display: none; }

.minicart-wrapper .action.showcart .text{ line-height: inherit; margin:0px 0 -5px 0; float: right; font-weight: 400;font-size: 13px; color:  #2AA9E1; }

.minicart-wrapper .action.showcart, .minicart-wrapper .action.showcart .counter.qty{ line-height: inherit !important; }

.minicart-wrapper .action.showcart .text i{ margin-left: 5px; }

.minicart-wrapper .action.showcart .counter.qty { background: #1f79bc; color: #FFF;font-size: 13px;  border-radius: 35px !important;  position: absolute; top: -4px; right: -14px; }

/*
.block-minicart .checkout{ background-color: #2ba8e0; border-color: #098dc8; font-weight: 500;  font-size: 15px !important; margin: 0; }

.block-minicart .checkout:hover, .box-tocart .action.tocart{ background-color: #30549f; border-color: #354997; }
*/

 .cart-summary .block>.title:after {
    right: -5px;
    top: 10px;
    color: #2b3b8d;
    font-size: 40px;
}
.cart-summary {
    background: transparent;
    margin-bottom: 20px;
    padding: 0px 15px;
    border: 2px solid #2b3b8d;
}
.cart-summary>.title {
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
    margin: 0 -15px;
    display: block;
    padding: 15px;
    letter-spacing: 1px;
    background-color: #2b3b8d;
}
.cart-summary .block {
    margin-bottom: 0;
    padding: 10px 0 0;
    border: 0;
}
.cart-summary .block>.title {
    border: 0;
    font-weight: 600;
    padding: 10px 0;
    color: #2b3b8d;
}

.cart-container button.action.update {
    background-color: #2b3b8d;
    color: #FFF;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px !important;
    letter-spacing: 0.5px;
    border: 1px solid #0c1b6b;
}
.cart-container button.action.update:before{ line-height: 22px !important; }

.cart.table-wrapper .cart.item .actions-toolbar a{
    background-color: #40b0e3 !important;
    border: 1px solid #1b91c7 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #FFF !important;
    letter-spacing: 0px;
    border-radius: 2px;
    padding: 10px 15px !important;
}

.cart.table-wrapper .price-including-tax .price, .cart.table-wrapper .price-excluding-tax .price {
    font-weight: 700;
    color: #f15a24;
    font-size: 20px;
}

.cart-summary .actions-toolbar>.primary button{
    background: #2b3b8d;
    border: 1px solid #2b3b8d;
    color: #FFF;
    font-size: 13px !important;
    font-weight: 600;
    padding: 5px 20px;
    letter-spacing: 0;
}
.cart-summary .block .fieldset .field>.label { margin: 0px; font-weight: 400 !important; display: block; }

.cart-summary .action.multicheckout {
    line-height: 2.0rem;
    padding: 14px 10px;
    color: #FFF !important;
    font-weight: 400 !important;
    width: 100%;
    display: block;
    margin: 0 0 15px;
}


.cart-summary  button.action.primary.checkout, .cart-summary .action.multicheckout  {
    background-color: #40b0e3;
    border: 1px solid #1b91c7;
    font-size: 14px !important;
    font-weight: 600;
    border-radius: 3px;
}
#shopping-cart-table thead th { text-transform: uppercase; color: #666;  letter-spacing: 0.5px; }

.cart.main.actions .action.continue {
    background-color: transparent !important;
    color: #40b0e3;
    border: 1px solid #40b0e3 !important;
    font-weight: 600 !important;
    padding: 13px 18px;
    display: inline-block !important;
    text-transform: uppercase;
}
.cart.main.actions .action.continue:before{ width: 25px; color: #40b0e3; }

.cart-summary select, .cart-summary input[type="text"] {
    border: 1px solid #2b3b8d
}

.minicart-wrapper .block-content button#top-cart-btn-checkout {
    width: auto;
    margin: 0 auto !important;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 25px;
    border-radius: 3px;
    background-color: #40b0e3;
    border: 1px solid #1892ca;
}

.minicart-wrapper .action.close {
    width: 30px;
    height: 25px;
    line-height: 16px !important;
    padding: 0 !important;
    outline: 0 !important;
}

.minicart-wrapper .action.close:before{  line-height: 22px; }

.minicart-wrapper .block-minicart {
    padding: 20px 10px 0 !important;
    min-width: 350px;
    max-width: 100%;
    width: 100%;
}
.minicart-wrapper .block-minicart .paypal.checkout { padding: 10px 0 0; }

.minicart-wrapper .paypal.after:before { margin: 0px 0px 5px; font-size: 10px;}

.minicart-items .product-item { padding: 10px 0;  width: 100%; }

.minicart-items .product-item-details{ text-align: left; }

.minicart-items .product-item-name {font-weight: 400;margin: 0 0 8px;font-size: 12px; line-height: 18px; }

.minicart-wrapper .action.viewcart {
    display: block;
    width: 100%;
    text-transform: uppercase;
    padding: 10px 0;
    font-weight: 400;
    color: #FFF!important;
    background-color: #2ba8e0 !important;
    letter-spacing: 1px;
}
.block-minicart .block-content>.actions{ margin-top: 10px; }

.minicart-items .product-item-details .details-qty{ margin-top: 5px; }

.minicart-items .item-qty { width: 35px;  height: 25px; }

.minicart-wrapper .primary{ margin: 0 !important; padding: 0; }

header .block-search input, footer .block.newsletter input { background: #fff none repeat scroll 0 0; border-color: #ffffff;  color:#333; padding: 0 0 0 47px; }

#shipping-new-address-form label, #customer-email-fieldset label{ position: relative; margin: 0;  }

#shipping-new-address-form label:after, .checkout-shipping-address .fieldset>.field.required>label:after {
    margin: 0;
    position: absolute;
    top: 0;
    right: -10px;
}

.payment-method button.action.primary.checkout {
    background-color: #2aa9e1;
    border: 1px solid #1585b7;
    font-weight: 500;
    font-size: 14px;
    padding: 15px 25px;
}

#checkout-step-shipping_method button.button.action.continue.primary {
    background-color: #2AA9E1;
    color: #FFF;
    border: 1px solid #2AA9E1;
    padding: 10px 25px;
    font-weight: 600;
    font-size: 14px;
}

.form-login .input-text, .create.info .input-text, .create.account .input-text, #shipping-new-address-form input[type="text"], #shipping-new-address-form input[type="password"], #shipping-new-address-form input[type="email"], #shipping-new-address-form select, .password.forget input[type="email"] {
    border: 1px solid #293c8f;
    width: 100%;
    height: 40px;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
}
.form.form-login .actions-toolbar .primary .action, .password.forget button.action.submit {
    margin: 0;
    padding: 11px 25px;
    background-color: #293c8f;
    border: 1px solid #293c8f;
}


.multicheckout .actions-toolbar .secondary button.action.update, .multicheckout .actions-toolbar .secondary button.action.add {
    color: #FFF;
    background-color: #2ba8e0;
    font-weight: 500;
    letter-spacing: 0.2px;
    border: 1px solid #1493c5;
    outline: 0;
    font-size: 14px;
}

#checkout_multishipping_form.multicheckout.address .actions-toolbar .secondary{ margin: 0; }

#checkout_multishipping_form .action.primary.continue{
  margin: 0;
  padding: 14px 25px;
  background-color: #293c8f;
  border: 1px solid #293c8f;
  font-size: 15px;
  font-weight: 600;
}

.opc-summary-wrapper.custom-slide .opc-block-summary {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}
.password.forget .actions-toolbar .action.back {
    border-color: #4cbae7;
    color: #4cbae7;
}
.password.forget fieldset.fieldset {  margin: 0 0 20px; float: left;  width: 100%;}

.opc-summary-wrapper.custom-slide .modal-content { border: 2px solid rgb(43, 59, 141); border-radius: 0;  outline: 0; }

#shipping-new-address-form .fieldset>.field{ margin-bottom: 20px; }

.login-container .form-login .control { width: 100% !important; }

.form-login .block-customer-login {
    background-color: #eeeeee6e;
    padding: 20px 25px;
    margin: 15px 0;
    border: 2px solid #ddd;
}
#multiship-addresses-table th.col.address {
    min-width: 200px;
}

#multiship-addresses-table  a.action.delete {
    font-size: 12px;
    line-height: 16px;
    background-color: #666;
    color: #FFF;
    padding: 8px 7px;
    text-align: center;
    border-radius: 2px;
}
#multiship-addresses-table td.col.actions {
    min-width: 100px;
}
#multiship-addresses-table th{ text-transform: uppercase; }

.form-login .block-new-customer {  margin: 15px 0px; padding: 15px 0; }

.create.account label, .create.info label {font-weight: 600 !important;margin: 0 !important; }
.form-login label {font-weight: 400 !important; margin: 0 !important; }

.user_register .label {
    display: block;
    color: #293c8f;
    font-size: 16px;
}

.table-checkout-shipping-method tr.row { margin: 0; }

/*.form-login .login.primary, .block-new-customer .action.primary, .create.account .action.submit{ background-color: #2ba8e0 !important;color: #FFF !important;border: 0;padding: 13px 15px; min-width: 110px;text-align: center;font-weight: 600; }*/

/*.form-login .login.primary:hover, .block-new-customer .action.primary:hover, .create.account .action.submit:hover{ background-color: #293c8f !important;  color: #FFF !important; }*/

.form-login  .fieldset>.field, .create.info .fieldset>.field, .create.account .fieldset>.field { margin: 0 0 15px; }

.form-login .fieldset:after { margin-top: 15px; }

/*
.login-container .block .block-title {
    font-size: 16px;
    background-color: #e8e8e87a;
    border-bottom-color: #ddd;
    padding: 10px 15px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #666;
    text-transform: uppercase;
    margin:0px 0 15px;
}
*/
.block.block-customer-login, .block.block-new-customer {padding: 10px; border: 1px solid #ddd;  width: 48% !important; margin:10px 0 20PX; }

.block-customer-login .fieldset.login { padding: 0 15px; }


fieldset.fieldset.create.info{
    margin-bottom: 15px;
    width: 48%;
    margin: 0;
    float: left;
}


.form.create.account legend.legend, .login-container .block .block-title {
    background-color: transparent;
    padding: 0 10px;
    margin: 15px 0 20px;
    border: 0;
    font-weight: 800 !important;
    font-size: 23px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #293c8f;
}
.actions-toolbar .action.back, .sidebar-additional button.action.tocart.primary {
    border: 1px solid;
    padding: 12px 25px;
    min-height: 19px;
    margin: 0 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
}
.actions-toolbar .action.back:hover, .sidebar-additional button.action.tocart.primary:hover{ background-color:#2ba8e0; color: #FFF !important;  }

.account.form-create-account {
    width: 100% !important;
    padding: 0;

}
.form.create.account .actions-toolbar .secondary, .form.create.account .actions-toolbar .primary{ width: 100%;  display: block;  margin: 0;}

.form.create.account .actions-toolbar .secondary .action.back{ float: left; width: auto; margin-left: 15px !important }

.siginBoxs .primary { display: block; width: 100%; }

.siginBoxs .frgts { color: #FFF;     padding: 5px 0; display: block; }

.bordBoxs .frgts { color: #2aa9e1 !important; }

.siginBoxs button.action.submit, .siginBoxs .action.primary{
    letter-spacing: 1px;
    float: left;
    margin: 0px !important;
    background-color: #293c8f;
    display: block;
    width: 100% !important;
    font-size: 26px;
    font-weight: 700;
    outline: 0 !important;
    text-transform: capitalize;
}
.siginBoxs button.action.submit span{ display: block; }

.form.create.account .actions-toolbar { padding: 0 0 5px; }

.block-search .action.search{ opacity: 1; display: none !important; }

.page-main .sidebar-main .account-nav .item.current a, .page-main .sidebar-main .account-nav .item.current strong {  border-color: #40b0e3;  font-weight: 500; background-color: #ddd; padding: 10px 8px; color: #40b0e3; }

.page-main .sidebar-main .account-nav .content {
    padding: 7px;
    background-color: transparent;
}

.page-main .sidebar-main .account-nav  a:visited, .page-main .sidebar-main .account-nav  .alink:visited { color: #333 !important; }

.page-main .sidebar-main .account-nav .item a{ padding: 10px 15px;     color: #333; }

.page-main .sidebar-main .account-nav .item .delimiter { border: 0; margin: 0; padding: 0;  }

.page-main .sidebar-additional .actions-toolbar { margin: 10px 0; max-width: 100%;  padding: 0 10px; }

.page-main .sidebar-additional #cart-sidebar-reorder { padding: 0 10px; }

table#my-orders-table {  background: #f5f5f5;  border:1px solid #d7d9da; }

table#my-orders-table thead { text-transform: uppercase; background-color: #dddddd8f;  font-weight: 500; }

.sidebar-main .block{ margin-top: 70px;}

.sidebar-main .block, .sidebar-additional .block{ font-size: 14px;}

.column.main { font-size: 14px; color: #666; }

.minicart-wrapper .action.showcart .counter.qty {
    background: #333;
    color: #FFF;
    font-size: 11px;
    border-radius: 35px !important;
    position: absolute;
    line-height: 24px !important;
    top: -6px;
    height: 25px;
    width: 25px;
    right: -23px;
    display: inline-block;
    padding: 0 !important
}
.home-slider-wrapper .home-slider-main{     width: 100% !important;  }

footer .block.newsletter { padding: 0; width: 100%; float: left; margin: 10px 0 0;}

.page-main.bannerclass {   margin: -15px 0 0 0; float: left; width: 100%; }

.page-main.bannerclass .middle-block{ width: 100%; }

footer .action.subscribe{
    margin: 0;
    border: 0;
    padding: 5px;
    min-width: 120px;
    border-radius: 0 !important;
    border-color: #2ba8e0 !important;

}
footer .action.subscribe:hover{ border-color: #2ba8e0 !important; color: #FFF !important; background-color: #293c8f;  }

footer .newsletter .actions {  width: auto !important;  float: left ; }

footer .newsletter .field { margin-right: 5px;  max-width: 300px; width: 100%; float: left; }

footer .newsletter .field .control{ position: relative; }

footer .newsletter .field .control:before { top: 6px; }

footer .block.newsletter input{  border-radius: 0;}

header .navbar-nav li {
/*    position: relative;*/
    text-decoration: none;
    transition-duration: 0.5s;
}


p.generaldes {
    color: #293c8f;
    font-size: 24px;
    line-height: 36px;
    margin: 25px 0;
    padding: 0;
}

.siginBoxs h1.terms_title {
    color: #293c8f;
    font-size: 16px;
    margin: 8px 0;
    padding: 0;
}

@media screen and (min-width: 992px) {

    header .navbar { padding-top:0px;padding-bottom:0px; }
    header .navbar .dropdown {position:static;}
    header .navbar .dropdown-menu { width:100%;  left:0;right:0; top:45px;}
    header .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {  display:block!important; }
    header .navbar .dropdown-menu { border: 1px solid rgba(0,0,0,.15);  background-color: #fff;}

}



header .navbar-nav li ul li {  clear: both;  width: 100%; display: block;text-align: left; }
header .navbar-nav li ul li a{
    display: block;
    padding: 7px 10px !important;
    font-size: 13px;
    font-weight: 400;
    color: #ffffff !important;
}


header .dropdown-menu{padding: 10px 5px; margin: 0;}

header .dropdown-menu .container {  padding: 0 5px }

header .dropdown-menu ul.nav{ padding: 0 0 10px; margin: 0; }

header .navDivs { width: 20%; float: left; padding: 0 10px; }

header .heads {
    margin: 5px 0 3px;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
   /* color:#2AA9E1;*/
}

header .navbar-nav .dropdown-menu .nav li a{
    font-size: 13px;
    font-weight: 400;
    padding: 5px 0px !important;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #293c8f !important;
    background-color: transparent;
}
header .navbar-nav .dropdown-menu .nav li a:hover{ color: #ffffff !important; }

header .navbar-nav .dropdown-menu .navDivs a{ padding: 0px 0px !important; display: block; color: #ffffff !important; }

header .navbar .dropdown-menu div[class*="col"] { margin-bottom:1rem; }

header .navbar .dropdown-menu {     
	border: solid;
    border-width: 0px 1px 1px 1px;
    background-color: #40B0E8 !important;
}

 }

.product-info-main h1.page-title {
    margin: 0 !important;
    width: 100%;
    display: block;
    padding: 0;
    border: 0 !important;
}
.product-info-main h1.page-title .base {
    display: block;
    color: #40b0e3;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.5px;
}
.product-info-main p{
    color: #666;
    font-size: 15px;
    letter-spacing: 0.2px;
}

.product-info-main h2{
    font-size: 1.5rem;
    padding-top: 5px !important;
}

.subtitle {font-size:14px; font-weight:500;letter-spacing: 0.2px;}

.price {color:red;}

.shortdes{margin-top:10px; color: #666;}
.shortdes ul{line-height:1.3 !important;margin-left: 30px;}

.product.media .fotorama__thumb{ background-color: transparent; }

.product-info-main .page-title-wrapper.product{ border: 0 !important; }


/*.slider-outer{ float: left; width: 100%; }*/

.product-info-main .price-box .old-price .price-final_price .price{ font-size: 35px; }

.slider-outer .product-item-info {
    width: 100%;
    border: 2px solid #293c8f;
    margin: 0;
    padding: 5px;
}

.slider-outer .products.list a.product-item-link{ color: #293c8f !important; display: block; }

.slider-outer .products.list.product-item-name { height: 40px; }

.slider-outer .product.details #final_price, .slider-outer  .product.details  .wraper_price { color: #F15A24 !important;  font-size: 25px; }

.dtlsGrids .icBox { min-height: 220px !important;padding: 15px; }

.dtlsGrids { padding-top: 25px; }


.product.info.detailed .product.data.items>.item.content, .product.info.detailed .product.data.items>.item.title>.switch { border: 1px solid #30549f; }

.product.info.detailed .product.data.items>.item.title.active>.switch, .product.info.detailed .product.data.items>.item.title.active>.switch:focus, .product.info.detailed .product.data.items>.item.title.active>.switch:hover {
    
    color: #FFF !important;
    margin: 0 0 0 7px;
    border-bottom: 0;
    background-color: #30549f;
    transform: skew(-20deg);
}
.product.info.detailed .product.data.items>.item.title>.switch{ color: #ffffff !important; transform: skew(-20deg);border: none;
    background-color: #2ba8e0;margin-left: 7px;}


.owl-button-top .owl-controls.clickable .owl-buttons>div:after { border-color: #2aa9e1 transparent transparent #2aa9e1 !important; }

.owl-button-top .owl-controls.clickable .owl-buttons>div:before { border-color: transparent #2aa9e1 #2aa9e1 transparent !important;  }

.owl-button-top .owl-controls.clickable .owl-buttons>div { background: #2aa9e1 !important; 
	 padding: 7px 12px !important;
     opacity: 1 !important;
     font-size: 14px !important; 
     line-height: 16px !important;
     margin: 0 10px !important;
     border-radius: 0px !important;
     -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
     position: relative !important;
}

.products.products-related .owl-buttons { margin: 60px 0 0; }


.block.review-add .fieldset>.field {  margin: 0 0 10px; }

.block.review-add  label.label {
    display: block;
    margin: 0 !important;
    font-size: 14px;
    font-weight: 400 !important;
}
.block.review-add .legend.review-legend {
    margin: 0 0 20px !important;
    line-height: 25px;
    padding: 0 !important;
}

.block.review-add .fieldset.review-fieldset { margin-bottom: 10px; }

.block.review-add  .review-form .action.submit.primary { background: #30549f; border: 1px solid #30549f;color: #FFF; font-weight: 400; }

.review-add .review-fieldset input[type="text"], .review-add .review-fieldset  input[type="password"], .review-add .review-fieldset input[type="email"], .review-add .review-fieldset textarea{
    width: 100%;
    padding: 0 15px;
}
.product-info-main .product-social-links .action { color: #666;font-weight: 400 !important;  font-size: 13px; }

.product-info-main .product-social-links .action i { color: #40b0e3; }

.product-info-main .price-box .old-price .price-wrapper .price { font-size: 25px !important; }

.product-info-main .price-box .special-price .price {color: #F15A24; font-size: 35px !important; }

.product-info-price .stock.available { background: #40b0e3 !important; font-weight: 400 !important;font-size: 11px !important;letter-spacing: 1px; padding: 1px 12px !important; border-radius: 0px; }

.product-info-main .box-tocart .input-text.qty, .product-options-bottom .box-tocart .input-text.qty, .product-info-main .product-add-form .box-tocart .field.qty .control .qty-main{ height: 40px !important; }

.product-info-main .product-add-form .box-tocart .field.qty .control .qty-main .qty-btn{ height: 20px !important; }

.product-info-main .field.qty .control .qty-main .qty-btn {margin: 0px 0 0 0; float: left; }

.product-info-main #product-addtocart-button {
    font-weight: 600;
    font-size: 14px;
    padding: 10px 25px;
    height: auto;
    line-height: inherit !important;
    border-radius: 3px;
    background-color: #30549f;
    outline: 0 !important;
}
.product-info-main #product-addtocart-button:hover {  background-color: #40b0e3; border-color: #40b0e3; }

.product-add-form .field.qty .label {
    display: block !important;
    margin: 0 !important;
    font-weight: 400;
    font-size: 13px !important;
    letter-spacing: 0px;
}


.product-info-main .paypal.before:before { margin: 3px 4.5px; font-size: 10px; }


.box-cont {
    margin-bottom: 20px;
    min-height: 60px;
    position: relative;
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #f2f2f2;
    box-shadow: 0 0 0 4px #fff inset;
    padding: 20px 20px 20px 90px;
}
.box-cont .heads{
    color: #090A0C;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    padding-top: 4px;
    text-transform: uppercase;
}
.box-cont p{
    color: #666;
}

#zenithnewsletter .leranBtn{
    background-color: #2ba8e0 !important;
    color: #FFF;
    border: 0;
    padding: 7px 25px;
    height: 44px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 5px 0;
    transition: all ease 0.3s;
}

#zenithcontactform .leranBtn{
    background-color: #2ba8e0 !important;
    color: #FFF;
    border: 0;
    padding: 7px 25px;
    height: 44px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 5px 0;
    transition: all ease 0.3s;
}

#zenithcontactform input[type="text"], #zenithcontactform input[type="password"], #zenithcontactform input[type="url"], #zenithcontactform input[type="tel"], #zenithcontactform  input[type="search"], #zenithcontactform  input[type="number"], #zenithcontactform  input[type="datetime"], #zenithcontactform  input[type="email"], #zenithcontactform textarea{ height: 40px; padding:0 10px; }

#zenithcontactform textarea{  height: 100px; padding: 10px; }

#zenithcontactform { margin-bottom: 35px; }

.cont-map iframe{ width: 100%; }


.fotorama__stage {  margin: 0 auto; }

.gallery-placeholder { width: 100% !important;  text-align: center; }

.fotorama__stage { max-height: 455px; }

/*
div.messages {
    font-weight: 600;
    float: left;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 2px 10px #00000029;
    margin: 0 !important;
}

.message.success{  color: #006400; margin: 0 !important;}
*/


.block-customer-login .label {
    display: block;
    color: #293c8f;
    font-size: 14px;
}


.generaltitle.regiTitle {
    color: #F15A24;
    margin: 25px 0 15px;
    font-size: 40px;

}
.general_login_des h1 {
    color: #293c8f;
    margin: 20px 0 15px;
    font-size: 22px;

}
 .general_login_des p {
   color: #293c8f;
    font-size: 17px;
    line-height: 21px;
    font-weight: 400;
    margin: 0 0 15px;
}
.generaldes.regiDes {
    color: #2AA9E1;
    font-size: 23px;
    line-height: 30px;
    margin: 0 0 15px;
}
.sigWidth{  width: 40%;  float: right;}
.siginBoxs{
    background-color: #2AA9E1;
    margin: 0;
    padding: 25px;
}

.crBords{  padding: 3% 3%;  border: 1px solid #293c8f; }

.siginBoxs .password-strength-meter {
    background-color: transparent;
    height: auto;
    font-size: 12px;
    font-weight: 200 !important;
    color: #293c8f;
    letter-spacing: 1px;
    outline: 0;
}

.siginBoxs  p.terms_des {
    color: #293c8f;
    font-size: 13px;
    line-height: 19px;
    margin: 0 0 5px;

       max-height: 55px;
    overflow-y: scroll;
}
.siginBoxs .accept_terms { color: #293c8f; }

.siginBoxs  fieldset {margin: 0 0 20px; padding: 0;  letter-spacing: 0; }

#remember-me-box p {
    color: #293c8f;
    font-size: 13px;
    line-height: 17px;
}

.agrWraps{  float: left;  width: calc(100% - 30px); }

.choice.newsletter input[type=checkbox]{ float: left; }

.bordBoxs{background-color: transparent;  border: 3px solid #2AA9E1 !important; }

.login-container .block .block-title strong{ font-weight: 600; }

#remember-me-box h6{ color: #293c8f; font-size: 12px; padding: 3px 0;  margin: 5px 0 0 0; }

.siginBoxs [type="radio"]:checked, .siginBoxs [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.siginBoxs [type="radio"]:checked + label,.siginBoxs [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #293c8f;
    font-weight: 400 !important;
    margin: 5px 0 !important;
}
.bordBoxs [type="radio"]:checked + label:before, .bordBoxs [type="radio"]:not(:checked) + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #000000;
    border-radius: 100%;
    background: #ffffff;
}

.siginBoxs.bordBoxs[type="radio"]:checked + label:before, .siginBoxs.bordBoxs [type="radio"]:not(:checked) + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #000000;
    border-radius: 100%;
    background: #ffffff;
}

.siginBoxs [type="radio"]:checked + label:before, .siginBoxs [type="radio"]:not(:checked) + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #000000;
    border-radius: 100%;
    background: #2AA9E1;
}
.siginBoxs [type="radio"]:checked + label:after, .siginBoxs [type="radio"]:not(:checked) + label:after{
    content: '';
    width: 20px;
    height: 20px;
    background: #000000;
    border: 1px solid #30519d;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.siginBoxs [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.siginBoxs [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.bordBoxs [type="radio"]:checked + label:after,
.bordBoxs [type="radio"]:not(:checked) + label:after { background: #000000;   border-color: #000000; }



/*CHECKBOX-START*/

.siginBoxs [type="checkbox"]:not(:checked), .siginBoxs [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.siginBoxs [type="checkbox"]:not(:checked) + label,
.siginBoxs [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

.siginBoxs [type="checkbox"]:not(:checked) + label:before,
.siginBoxs [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: #2aa9e1;
    border: 1px solid #1f4690;
    border-radius: 100%;
}

.siginBoxs [type="checkbox"]:not(:checked) + label:after,
.siginBoxs [type="checkbox"]:checked + label:after {
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #293c8f;
    border-radius: 100%;
    background: #2aa9e1;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.siginBoxs.bordBoxs [type="checkbox"]:not(:checked) + label:before,
.siginBoxs.bordBoxs [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: #000000;
    border: 1px solid #1f4690;
    border-radius: 100%;
}

.siginBoxs [type="checkbox"]:not(:checked) + label:after { opacity: 0;transform: scale(0);}

.siginBoxs [type="checkbox"]:checked + label:after {  background: #000000; border: 1px solid #00000000;}


.bordBoxs [type="checkbox"]:checked + label:after {   border: 1px solid #293c8f; border-radius: 100%; background: #fff; }

/*CHECKBOX-END*/


.account-nav .item {
    margin: 0;
    display: block;
    width: 100%;
}

.block-dashboard-info .block-title, .block-dashboard-addresses .block-title {
    background: #293c8f;
    color: #FFF;
    padding: 12px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.block-dashboard-info, .block-dashboard-addresses { border: 1px solid #293c8f; }

.block-dashboard-info .block-content, .block-dashboard-addresses .block-content {padding: 0 25px; }

.block-dashboard-addresses .block-title .action.edit {
    float: right;
    color: #FFF !important;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 400;
    border-left: 1px solid #FFF;
    padding-left: 15px;
}
.block-dashboard-addresses .block-content .action.edit, .block-dashboard-info .block-content .action.edit, .block-dashboard-info .block-content  a.action.change-password {
    color: #2ba8e0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    border: 1px solid;
    padding: 1px 10px;
    text-align: center;
    display: inline-block;
    border-radius: 20px;
    min-width: 60px;
    margin: 0 5px 5px 0;
}

.block-dashboard-addresses .block-content .box-actions, .block-dashboard-info .block-content .box-actions { margin-top: 15px; }

.form-address-edit .actions-toolbar button.action.save.primary, .form-edit-account button.action.save, .account-billing-agreements button.primary.action.create { font-size: 15px !important; font-weight: 600; padding: 12px 25px !important; background-color: #293c8f;  line-height: inherit !important;  outline: 0 !important;  min-width: 110px; }

.form-address-edit input[type="text"], .form-address-edit input[type="password"], .form-address-edit input[type="url"], .form-address-edit  input[type="tel"], .form-address-edit input[type="search"], .form-address-edit input[type="number"], .form-address-edit input[type="datetime"], .form-address-edit input[type="email"], .form-address-edit select,
.form-edit-account input[type="text"], .form-edit-account  input[type="password"], .form-edit-account  input[type="url"], .form-edit-account  input[type="tel"], .form-edit-account  input[type="search"], .form-edit-account  input[type="number"], .form-edit-account  input[type="datetime"], .form-edit-account  input[type="email"], .form-edit-account  select, .account-billing-agreements select, .account-billing-agreements input[type="text"]{
    background: #fff;
    border: 1px solid #293c8f;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 40px;
    line-height: inherit;
    padding: 0 10px;
}
.form-address-edit label.label, .form-edit-account label.label {
    display: block !important;
    color: #293c8f;
    margin: 0 !important;
    font-weight: 500 !important;
}

.form-address-edit .fieldset>.field, .form-edit-account .fieldset>.field, .form-edit-account fieldset.fieldset.info { margin: 0 0 15px; }

.form-address-edit legend.legend, .form-edit-account legend.legend, .account-billing-agreements legend.legend {
    background-color: #293c8f;
    color: #FFF;
    padding: 10px 15px !important;
    display: block;
    letter-spacing: 0.5px;
}
.form-address-edit legend.legend span{ display: block; }


.form-edit-account .fieldset.info .field.choice { margin:0 15px 15px 0; display: inline-block; width: auto; }

.form-edit-account .fieldset.info .field.choice  input[type=checkbox]{ float: left; margin: 5px 5px 0 0; }

.form-edit-account .fieldset.info .field.choice label{ float: left; }

.form-edit-account .fieldset.password { margin: 0 0 15px; }

.fotorama__fullscreen-icon:before{
    content: 'Close Image';
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    color: #FFF;
    position: fixed;
    text-align: center;
    width: 150px;
    height: 45px;
    text-transform: uppercase;
    line-height: 46px;
    right: 10px;
    border-radius: 4px;
    background-color: #30549f;
    box-shadow: 0 3px 6px #00000087;
    bottom: 10px;

}

.fotorama__fullscreen-icon{ background: none !important; outline: 0 !important; box-shadow: inherit !important;  width: auto !important; }

.opc-progress-bar-item._active:before, .opc-progress-bar-item._active>span:before {
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(48%, rgba(53,72,150,1)), color-stop(100%, rgba(30,123,189,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1e7bbd', GradientType=1 );
}

.opc-summary-wrapper.custom-slide .opc-block-summary .block.items-in-cart{ padding: 0 15px 15px;}

.opc-summary-wrapper.custom-slide .opc-block-summary span.title {
    margin: 0 0 10px !important;
    padding: 10px 15px !important;
    font-weight: 500 !important;
    color: #fff !important;
    background: #293c8f !important;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.payment-method button.action.primary.checkout:hover, .checkout-success .primary.continue:hover, checkout-register .action.primary:hover { color:#FFF; background-color: #0056b3; border-color:#0056b3;  }

.checkout-success .primary.continue, .checkout-register .action.primary {
    color: #FFF !important;
    background-color: #2ba8e0;
    border-color: #2ba8e0;
    font-weight: 400;
    margin: 10px 0;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 2px;
}

.opc-wrapper .shipping-address-item.selected-item { border-color: #209bd6; }

.opc-wrapper .shipping-address-item.selected-item:after {  background: #209bd6; }

.checkout-success p, .checkout-register p{ margin-bottom: 15px; }

.checkout-success, .checkout-register{  padding-top: 20px; padding-bottom: 25px;  }

.MagicZoom a { opacity: 0; }

.checkout-payment-method .payment-option-title .action-toggle { color: #30519d; }

#co-payment-form button.action.action-apply {
    background-color: #30519d;
    color: #FFF;
    font-weight: 400;
    letter-spacing: 0.7px;
    padding: 10px 25px;
    text-transform: uppercase;
    font-size: 12px;
}

#co-payment-form input[type="text"] {
    border: 1px solid #30519d;
    height: 45px;
}

.login_trade {
    display: inline-block;
    color: #293c8f;
    font-size: 14px;
    text-transform: uppercase;
    padding: 6px 12px;
    border: 1px solid #293c8f;
    font-weight: 600;
    margin: 0 0 5px;
}

.login_trade a{  color: #293c8f;}

.old-price .price{ color: #293c8f; }

.product-item .testprice .old-price .price{
    color: #293c8f;
    font-size: 20px;
    padding-left: 7px;
	text-decoration: line-through;
}

.product-item .testprice .special-price, .products-grid .price-final_price .price {
    display: inline-block;
    color: #F15A24;
    font-weight: 700;
}
.product-item .testprice .special-price .price, .products-grid .price-final_price .price{  font-size: 28px !important; }

.authentication-wrapper button.action.action-auth-toggle span{ display: none; }


.lnikBtns img{ max-width: 150px; }

.lnikBtns .ftZnth-btn {
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(48%, rgba(53,72,150,1)), color-stop(100%, rgba(30,123,189,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1e7bbd', GradientType=1 );
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    border: 1px solid #3b52a1;
  }
.mobViews-ics {
    float: left;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    display: none;
}
/*================================Filter otion =====================================*/

.filter-options .filter-options-content { padding: 0 15px; height: max-content;
    overflow-y: auto;
    max-height: 245px; }
	
	
	/* width */
.filter-options .filter-options-content::-webkit-scrollbar {
  width: 10px;
 
}


/* Track */
.filter-options .filter-options-content::-webkit-scrollbar-track {
  background: #f1f1f1; 
   background-clip: padding-box;
      border: 0.5px solid #ffffff;
}
 
/* Handle */
.filter-options .filter-options-content::-webkit-scrollbar-thumb {
  background: #2aa9e1; 
   background-clip: padding-box;
      border: 0.5px solid #ffffff;
}

/* Handle on hover */
.filter-options .filter-options-content::-webkit-scrollbar-thumb:hover {
  background: #293c8f !important; 
}

 /* Buttons */
    .filter-options .filter-options-content::-webkit-scrollbar-button:single-button {
     
      display: block;
      border-style: solid;
      height: 10px;
      width: 11px;
    }
    /* Up */
    .filter-options .filter-options-content::-webkit-scrollbar-button:single-button:vertical:decrement {
      border-width: 0px 5px 8px 5px;
      border-color: transparent transparent #1ca7e4 transparent;
    }

    .filter-options .filter-options-content::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
      border-color: transparent transparent #293c8f transparent;
    }
      /* Up */
    .filter-options .filter-options-content::-webkit-scrollbar-button:single-button:vertical:increment {
      border-width: 8px 5px 1px 5px;
      border-color: #1ca7e4 transparent transparent transparent;
    }

    .filter-options .filter-options-content::-webkit-scrollbar-button:single-button:vertical:increment:hover {
      border-color: #293c8f transparent transparent transparent;
    }




.filter-options .filter-options-title {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    background: #2aa9e1;
    border-bottom: 1px solid #ddd;
    padding: 8px 15px; }
.sidebar .block-content.filter-current{     padding: 0 15px; }

tbody.cart.item .actions-toolbar a.action.action-edit {
    display: none !important;
}

#checkoutSteps button.action.action-show-popup {
    border: 1px solid #209bd6;
    color: #FFF;
    background-color: #2eb2e4;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.modal-inner-wrap footer.modal-footer {
    background: transparent;
    padding: 10px 15px !important;
    border: 0 !important;
}
.checkout-index-index .modal-popup .modal-inner-wrap .form-shipping-address{ max-width: 100%; }

.modal-popup .modal-inner-wrap .modal-content .fieldset>.field { margin: 0 0 10px; }

.modal-popup .modal-inner-wrap .modal-content { border-top: 0 !important;  }

.modal-popup .modal-inner-wrap .modal-title { border: 0;font-weight: 300;padding: 0;  font-size: 24px;margin: 0; }

.modal-popup .modal-inner-wrap .modal-header { padding: 15px 25px; }

.modal-popup .modal-inner-wrap  button.action-close { padding: 10px !important; outline: 0 !important; }

.modal-inner-wrap footer.modal-footer action.primary { background: #29aedc; border: 1px solid #17d1da; font-weight: 500; }

.modal-inner-wrap footer.modal-footer button.action.primary {
    background-color: #3d4c8a;
    color: #FFF;
    border: 1px solid #3d4c8a;
    font-weight: 500;
    text-transform: uppercase;
}

.table-wrapper.comparison a.action.delete {
    background-color: #000;
    color: #FFF;
    border-radius: 35px;
    padding: 0px;
    width: 25px;
    height: 25px;
    line-height: 25px;
}
.table-wrapper.comparison a.action.delete:before{ color: #FFF !important; }

.table-wrapper.comparison .product-item-actions button.action.tocart.primary, .table-wrapper.comparison .product-item-actions button.action.tocart.primary:hover {
  padding: 4px 10px;
  line-height: inherit;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0;
  background-color: #2ba8e0;
  color: #FFF;
  border: 1px solid #0f85b9;
}
.table-wrapper.comparison .product-item-name {  margin: 5px 0 !important; line-height: 18px; }

.table-wrapper.comparison .price-box.price-final_price { margin: 5px 0 !important;  }

.table-wrapper.comparison  td.cell.remove.product, .table-comparison .cell.product.label, .table-wrapper.comparison th.cell.label.remove{ border: 0 !important; }
.product.info.detailed .additional-attributes > tbody {width:100%}
.product.info.detailed .additional-attributes > tbody > tr > td {width:50%;border-bottom: 1px solid #ddd;}
.product.info.detailed .additional-attributes > tbody > tr > th {width:10%;border-bottom: 1px solid #ddd;background-color:#fcfcfc;}

/*========================================================================
                           MEDIA START
==========================================================================*/


@media screen and (max-width: 1200px){
    header .navbar-nav li a, header .nav .open>a {font-size: 14px; padding: 13px 10px !important; }
    .container { width: 96%;  padding-right: 2%; padding-left: 2%; }
nav h1{
display:none;}

}

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

    .he_logo img { padding: 10px 0 0; margin: 0 auto;}
    header .navbar-nav { text-align: center; }
    header .navbar-nav li a, header .nav .open>a { font-size: 12px;  padding: 13px 5px 6px !important; }
    .he_logo { float: left;  max-width: 40% !important; }
    header .topNav{ max-width: 100%; }
    .headerConts.phns { font-size: 26px; }
    .headerConts { font-size: 18px; }
    header .topNav{ font-size: 13px }
    .ftrList { padding: 0px 0;text-align: end; font-size: 13px; line-height: 20px; }
    .ftrList li { padding: 2px 5px;display: block; }
    .footer-bottom {    padding: 20px 0px;}
    .fixed .navOuters { margin-top: 0px; }
    header .fixed .navbar-nav li a, header .fixed .nav .open>a { font-size: 11px; font-weight: 600; padding: 13px 6px !important; }
    .fixed .he_logo img { padding: 0; }
    header .fixed .topLinks{ padding-top: 35px; }
    .search-bar .relDiv { width: 100%; }
    .icBox p { padding: 0px 5%; }
    .product-info-main, .product.media{  float: left !important; width: 100% !important; }
    .gallery-placeholder {  margin: 0 auto;  float: none; }
    .product-info-main .box-tocart .actions{ width: 100%; float: left; display: block; text-align: left; }
    .product-add-form .box-tocart{  width: 100%; padding: 0; margin: 0 !important;}
    .product-add-form .box-tocart .field.qty {float: right;width: auto; margin: -63px 0 0 0 !important; }
    .product-add-form .paypal.checkout {float: right; margin: 0 0 0 15px; }
    .webViews-ics{width: auto !important;}
    .box-cont {padding: 20px 20px; }
.w3-dropdown-content{
	top: 30px !important;
}
.he_logo .nav-toggle{ display: none;}
nav h1{
color: #fff;
font-size:20px;}
.search-bar h1{display:none;}
}
@media screen and (max-width: 767px){
.minicart-wrapper .action.showcart .text{margin: 0px 0 -8px 0;}
    .he_logo img {  padding: 10px 0; }
    header .collapse{ display:none;}
  	header .menu-bar {
          float: right;
          margin: 0;
          position: absolute;
          right: 0px;
          padding: 4px 11px;
          border: 1px solid #2ba8e0;
          top: -86px;
          font-size: 35px;
          width: auto;
          color: #2ba8e0;
          border-radius: 0px;
          display: contents;
          background-color: transparent;
          outline: 0 !important;
          cursor: pointer;
  	}
    .fixed .menu-bar {  margin: -82px 5px 0 0; border: 0;  padding: 6px 11px;  top: 0; color: #2ba8e0; border: 1px solid #2ba8e0;  }

    .he_logo img { display: inline-block; max-width: 225px; padding: 0; max-height: inherit !important;}

    header .mainNav{ width: 100%; }

    header .navs-out {   width: 100%;float: left; display: block;}

	  header .menu-bar:hover{background-color: #0056b3; border-color:#0056b3;  }

    header .navbar-nav li{ display:block; padding:0; margin:0;float: left; width: 100%; text-align: left; }

    header .navbar{ padding: 0;/*float: right;*/ }

    header .navbar-nav li a.nav-link, header .nav .open>a.nav-link, header .navbar-nav li a, header .nav .open>a, .fixed .navbar-nav li a.nav-link, .fixed .nav .open>a.nav-link {
        display: block;
        padding: 12px 15px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        color: #333 !important;
        margin: 0;
        background-color: #FFF;
        border-bottom: 1px solid #4a6f4f40;
        
    }
    header .navbar-nav .dropdown-menu {
        position: static;
        float: left;
        border: 0;
        margin: 0;
        padding: 0;
    }
	 header .navbar-light .navbar-nav .active>.nav-link{color:#FFF !important; background-color:#2ba8e0; }
    header .navbar-nav li a:hover, header .nav .open>a:hover, header .mainNav li a:focus , header .navbar-nav li a.nav-link:hover, header .nav .open>a.nav-link:hover{ color:#FFF !important; background-color:#2ba8e0; }
    header .navbar-nav li a.nav-link, header .nav .open>a.nav-link {  font-size: 13px; font-weight: 700; padding: 12px 15px !important; }
    header .navOuters { padding: 0 15px; }
    header .navOuters, header .topNav{ max-width: 100% !important; width: 100%; }
    .he_logo{
                position: unset !important;
   
}
    .headerConts {  font-size: 15px; }
    .headerConts.phns{ font-size: 20px; }
    header .fixed .topLinks{ padding: 0; text-align: end; }
    .fixed .he_logo img { max-width: 135px;}
    header .topLinks, header .fixed .topLinks  {
        font-size: 13px;
        position: relative;
        /* bottom: 0; */
        left: 0;
        background: rgba(73,155,234,1);
        background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(48%, rgba(53,72,150,1)), color-stop(100%, rgba(30,123,189,1)));
        background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
        background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
        background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
        background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(53,72,150,1) 48%, rgba(30,123,189,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1e7bbd', GradientType=1 );
        padding: 15px;
        width: 100%;
        /* z-index: 1000; */
        margin: 0;
        text-align: left;
    }
    header .topLinks li { padding: 0 6px; font-size: 12px; }
    .hdPos-abs {  top: inherit; bottom: -11px; margin: 0; position: relative; }
    header .topLinks li a{ color: #FFF !important; }
    .deliveryimage {     padding: 0 0; position: fixed;bottom: -3px;right: 1px;z-index: 1001; }
    .prodctBgs { font-size: 20px; padding: 10px 15px; }
    .col-sm-8.divison_cont, .col-sm-4.sidebar_cont{ width: 100%; padding: 15px 0; }
    main#maincontent, .page-wrapper .breadcrumbs{  float: left;  width: 100%; }
    footer .ftrSignup, footer .topNav { float: left;  width: 100%; }
    .breadcrumbs { padding: 15px 0; margin: 0 auto;  text-align: center; }
    main#maincontent { max-width: 96% !important; margin: 0 2%; padding: 0; }
    .supportBanner .contsBanner_sec, .supportBanner .banner_section{ width: 100%;      margin-bottom: 15px; }
    .gridSupport h5 { font-size: 15px; }
	.form.create.account .actions-toolbar .secondary, .form.create.account .actions-toolbar .primary{ width: 49%;}
    .block.block-customer-login, .block.block-new-customer { width: 96% !important; }
    fieldset.fieldset.create.account, fieldset.fieldset.create.info {width: 96%;  margin: 10px 2%; }
    .form.create.account .actions-toolbar .primary .action.submit, .form.create.account .actions-toolbar .secondary .action.back { margin: 0 0 0 15px !important; }
    header .block-search input {  opacity: 1; left: 0;height: 45px;margin: 0; position: inherit;}
    header .block-search .control {  border-top: 0;  margin: 0 auto; padding: 0 ;  position: relative; }
    header .block-search .label::before{ display: none; }
    .search-bar .serBt{ display: none; }
    header .search-bar .block-search {width: 100%; margin: 10px 0 !important; padding: 0 15px; }
    header .block-search .action.search {opacity: 1; display: block !important;margin: -45px 0 0 0;z-index: 10;  position: relative;}
    header .minicart-wrapper .action.showcart .text, .minicart-wrapper .action.showcart .counter.qty.empty { color: #FFF; display: block; }
    header .minicart-wrapper { top:-2px; line-height: inherit; }
    footer .newsletter .field { margin: 0 0 15px !important; }
    header .navbar-nav .dropdown-menu .nav li a:hover{  background-color: #2AA9E1;  color: #FFF !important; }
    header .navDivs { width: 100%;  padding: 0; }
    header .navbar-nav .dropdown-menu .nav li a{ padding: 8px 0px !important }
    header .search-bar i { left: 9px; top: 10px; }
    header .block-search .label{  margin: 0; width: 100%; padding: 0 10px; }
    header .navbar-nav .dropdown-menu .navDivs a{ background-color: transparent; }
    .adImg {  text-align: center; }
    .icBox{ min-height: auto !important; margin: 25px 0; }
    .product-info-main #product-addtocart-button{ width: auto; }

    .nav .dropdown-toggle:hover .dropdown-menu,  .nav .dropdown:hover .dropdown-menu{display: block; }
    .columns { display: block;  float: left; width: 100%; }
    .account .page.messages { margin-bottom: 20px;   float: left;  width: 100%; }
    .actions-toolbar>.primary, .actions-toolbar>.secondary { display: inline-block; }
    .form-address-edit .fieldset { margin: 0 0 20px; }
    .cart.table-wrapper .col.qty, .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal { display: block;width: 33%;  }
    .cart.table-wrapper .item .col.item, .cart.table-wrapper, .cart.table-wrapper tr.item-info, .cart.table-wrapper tr.item-actions, .cart.table-wrapper .item-actions td {  display: block; width: 100% !important;  float: left;}

    .paypal.checkout input[type="image"] { display: block;  text-align: center; width: 100%;max-width: 160px;margin: 0 auto;}
    .sigWidth { width: 100%;float: right; margin: 15px 0 !important; }
    .generaldes.regiDes {    font-size: 16px;  line-height: 23px; }
    .siginBoxs {  padding: 15px 15px 25px; }
    .siginBoxs button.action.submit, .siginBoxs .action.primary{font-size: 20px;  }
    p.generaldes { font-size: 18px; line-height: 31px; }
    .minicart-wrapper .block-minicart { top: inherit;  bottom: 20px; }
.w3-dropdown-content{
	top: 30px !important;
}
.he_logo .nav-toggle{ display: none;}
nav h1{
color: #fff;
font-size:20px;}
.search-bar h1{display:none;}

}
@media screen and (max-width: 639px){
  #multiship-addresses-table a.action.delete {
      font-size: 12px;
      line-height: 16px;
      background-color: #6666663b;
      color: #000;
      border: 1px solid #666;
      padding: 5px 10px;
      text-align: center;
      border-radius: 15px;
  }
  #multiship-addresses-table tr {
    background-color: #eeeeee87;
    margin: 8px 0;
    padding: 0 10px;
  }
.w3-dropdown-content{
	top: 30px !important;
}
	.he_logo .nav-toggle{ display: none;}
    nav h1{
color: #fff;
font-size:20px;}
.search-bar h1{display:none;}
}
@media screen and (max-width: 580px){
	.he_logo .nav-toggle{ display: none;}
    .search-bar .searchInp {  max-width: 100%; width: calc(100% - 130px); float: left; margin: 0; }
    .search-bar .relDiv{ width: 100%; }
    footer .topLinks {  padding: 25px 0 10px; }
    footer .headerConts{ font-size: 15px;  }
    footer .headerConts.phns {font-size: 28px; }
    foo-social li a { font-size: 26px; padding: 0px 5px; }
    .ftrList li { display: inline-block;padding: 0 0 0 10px; }
    .ftrList {padding: 15px 0 0;  text-align: center; font-size: 12px; line-height: 23px; }
    footer .topLinks { font-size: 12px; }
    footer .footer-top {  padding: 0 0 15px; }
    .footer-bottom { padding: 20px 0px ; }
    footer .signBtns{ font-size: 14px; }
    .ftrSignup h5 {font-size: 16px;  line-height: 24px; }
	.ftrSignUpFor {font-size: 16px;  line-height: 24px; }
    .ftrSignup p  { font-size: 13px; line-height: 18px; }
    footer .headerConts{ margin: 5px 0; }
    header .topLinks li { padding: 5px 10px; margin:0 0 30xp 0;      float: right;}
    header .topLinks a{ color: #FFF; }
    header .fixed .topLinks { margin: 6px 0; background: transparent; position: relative; bottom: inherit;padding: 10px 0 0 0; }
    header .fixed .topLinks a{ color: #2ba8e0;  }
    header .topNav {  margin: 0;     top: -10px; }
    header .menu-bar { top: -105px; }
    .headerConts.phns { font-size: 12px; margin: 0;  padding: 0; }
    .he_logo img { padding: 10px 0 0 0;    max-width: 160px; }
    header .fixed .topNav {  margin: 0; }
    .hdPos-abs {top: 10px; right: 15px;bottom: inherit; width: 50% !important;}
    header .menu-bar { padding: 5px 12px; top: -32px; font-size: 20px;}
    .deliveryimage {padding: 0 0; position: absolute;bottom: inherit; right: 50px; z-index: 1001; top: 54px; }
    .deliveryimage img { max-width: 160px; }
    .headerConts{ margin: 0; font-size: 12px;}
    header .topLinks{ text-align: center;  padding: 10px 0px; }
    .page-products .products-grid .product-item { width: 45.233% !important; margin: 0 2% 20px !important; }
    .footer-bottom .contAdd, .footer-bottom .col-lg-8.col-sm-6,  .cpInp{ width: 100% !important; }
    .page-footer { margin-bottom: 35px; }
    .grid3 { padding-right: 0; padding-left: 0; width: 100%; float: left;  margin: 0 0 25px; }
    .gridSupport { min-height: auto;  padding: 10px 10px 15px; }
    .supportBanner .box-bnerconts {  min-height: 200px; }
    .supportBanner .banner-img img, .supportBanner .banner_section{ min-height: auto; }
    table#my-orders-table { padding: 0 2%; width: 94%;  margin: 0; }
    .minicart-wrapper { line-height: inherit; }
    .minicart-wrapper .action.showcart .text{ display: block;  color: #ffffff; }
    .product-add-form .box-tocart .field.qty {  margin: 0 !important;float: left; padding: 5px 0; }
    .product-info-main .product-social-links .product-addto-links { display: block; width: 100%; }
    .review-add .review-fieldset input[type="text"], .review-add .review-fieldset input[type="password"], .review-add .review-fieldset input[type="email"], .review-add .review-fieldset textarea, .block.review-add .review-form .action.submit.primary { width: 93%; }
    .dtlsGrids .icBox {min-height: auto !important; padding: 0px; }
     .mobViews-ics {  display: block; }
    .generaltitle.regiTitle { margin: 25px 0 10px;  font-size: 28px; }
    .column.main .page-title-wrapper .page-title, #maincontent .page-title-wrapper .page-title {  font-size: 26px !important; }
    .minicart-wrapper .block-minicart{
      min-width: 300px;
      max-width: 96%;
      width: 100%;
      bottom: 49px;
      top: inherit;
      right: 2%;
      left: inherit;
      position: fixed;
    }
    .minicart-wrapper .block-minicart:before {  left: 115px !important; top: inherit;  bottom: -12px;     opacity: 0; }
    .minicart-wrapper .block-minicart:after { border-color: transparent;     opacity: 0; }
    .minicart-items-wrapper { margin: 0 -10px; }
.w3-dropdown-content{
	top: 30px !important;
}
nav h1{
color: #fff;
font-size:20px;}
.search-bar h1{display:none;}
}
@media screen and (max-width:480px){

    footer .action.subscribe {   min-width: 100px; }
    footer .block.newsletter input{ padding: 0 0 0 40px; }
    footer .newsletter .field { max-width: 225px; }
    .product-info-main #product-addtocart-button { width: 100%;float: left; margin: 5px 0; }
    .product-add-form .paypal.checkout { float: left;margin: 0; width: 50%; }
.w3-dropdown-content{
	top: 30px !important;
}
	.he_logo .nav-toggle{ display: none;}
    nav h1{
color: #fff;
font-size:20px;}
.search-bar h1{display:none;}
}
@media screen and (max-width: 400px){

	.headerConts {font-size: 10px; }
	.deliveryimage img {max-width: 124px; }
	.headerConts.phns {font-size: 12px; }
	.he_logo .nav-toggle{ display: none;}
	.he_logo img { padding: 10px 0 0 0; max-width: 127px; }
    .page-products .products-grid .product-item { width: 100% !important; margin: 0 0 20px !important; }
    .icBox p { padding: 0px 0; }
.w3-dropdown-content{
	top: 30px !important;
}
nav h1{
color: #fff;
font-size:20px;}
.search-bar h1{display:none;}
}

@media screen and (max-width:380px){
nav h1{
color: #fff;
font-size:20px;}
.search-bar h1{display:none;}
	.he_logo .nav-toggle{ display: none;}
.nav-toggle{ display: none;}
}

	/* width */
::-webkit-scrollbar {
  width: 15px;
 
}
::-webkit-scrollbar-track:vertical {
        border:4px solid rgba(241,241,241,0.1);
}

::-webkit-scrollbar-thumb:vertical {
   border:4px solid rgba(42,169,225,0.1);
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #2aa9e1; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #293c8f; 
}


.dvat{font-size:10px;font-weight: 600;}
.product-info-main .product.attibute.sku, .product-info-main .product.attribute.sku{
	color: #ffffff;
    background: #40b0e3 !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    letter-spacing: 1px;
    padding: 1px 12px !important;
	display: block	!important;
}
.product-info-stock-sku{
	float:right;
}

.search-autocomplete{
	z-index: 3;
    overflow: hidden;
    margin-top: 0px !important;
}
.register_capcha {
	margin-bottom:10px !important;;
}
.register_capcha .cpInp label{
	font-weight:100 !important;;
}
.register_capcha .capButton .button{
	    background-color: #ffffff !important;
    color: #2aa9e1 !important;
}
.register_capcha .capImg{
	    background: #ffffff !important;
}
.w3-btn, .w3-button{
	padding:0px !important; overflow: unset !important;
}
.w3-dropdown-hover:first-child, .w3-dropdown-click:hover{
	background-color: transparent !important;
}
.w3-button:hover{
	background-color:transparent !important;
	color:#293c8f !important;
}
.w3-dropdown-hover{
    width: 100% !important;   
}
.w3-dropdown-content{
	background-color:#32519d !important;
	margin-left: 55px !important;
	white-space: nowrap;
}
.w3-dropdown-content .link{
	    font-size: 15px;
    font-weight: 500;
    margin: 5px 5px !important;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #293c8f !important;
    background-color: transparent;
        border-bottom: 1px #fff solid;
	
}
.w3-dropdown-content .link:hover{
	background-color: #499ae9;
	
}
.w3-border {
   border: none !important; 
}
.dropdown-wlinks::after {
    display: inline-block;
    width:;
    height:;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.w3-dropdown-content.w3-bar-block a.link:hover {
    background: #2AA9E1;
}
#banner-slider-carousel .owl-nav button{
       background: #1b5db5; 
}

.webViews-ics{
    float: right !important;
    padding: 10px 0 10px 0 !important;
    width: 100%;
}
.he_logo{
position: absolute;

}
.hdPos-abs{
   width: 100%; 
}
header ul.topLinks.float-right li:nth-child(2){/* display:none; */}
.search-bar h1{
    color: #fff;
    position: absolute;
    padding-left: 30px;
    font-size:20px;
    text-align:center;
}
nav h1{
    display:none;
}
.category-image{
    display:none;
}

.page-title-main h2 {
    background: #222222 none repeat scroll 0 0;
    border-bottom: medium none;
    color: #ffffff;
    display: inline-block;
    font-size: 20px;
    letter-spacing: 0.5px;
    margin-right: 20px;
    margin-top: 0;
    padding: 5px 12px;
    position: relative;
text-transform: uppercase;
font-weight:bolder;
}
.page-title-main h2:after {
    border-color: #222222 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #222222;
    border-style: solid;
    border-width: 20px 10px;
    content: "";
    display: block;
    position: absolute;
    right: -20px;
top: 0;
}
/* ---- R1 F11: zenith-v33-F11.css ---- */
/* Zenith v3.3 - defect F11: header search on phones and the 768 px tablet width (theme-level; no vendor file modified).
   Release: append to the theme override stylesheet (zenith-additions.css). Lab: served by variant v32full-fixes (key F11).
   Zenith shows the header search bar PERMANENTLY on small screens; Mageplaza Search (and Magento's base mobile CSS) assume
   an icon-collapsed search that opens as an overlay. Three places where that assumption breaks the always-visible bar: */

/* F11a (<= 768 px): Mageplaza's overlay rule ".form.minisearch.active .control { position: fixed !important; top: 90px }"
   moved the field ~210 px away from the finger on focus; the release landed on the banner and closed the search. Keep it
   in place and in the page flow. The rule is !important in Mageplaza's stylesheet, so this override must be !important too
   (a first draft without it lost everywhere: the control stayed position:fixed, its space in the header collapsed and the
   content below jumped - found 30 Sep by the CSSOM check at 768 px). z-index is left as Mageplaza sets it. */
/* The same overlay also sizes and offsets the control ("left: 28px; width: 90%" <= 768, "width: 86% !important" <= 480,
   "width: 82% !important" <= 360): on the always-visible bar that shifted the field ~50 px sideways and narrowed it on
   focus (found 30 Sep by the acceptance run). Keep the bar's own geometry (the inactive state is width 100%, no offset). */
@media only screen and (max-width: 768px) {
  header .block-search .form.minisearch.active .control { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; }
}

/* F11c (<= 768 px): Mageplaza's phone script hides the control on any tap outside it (".control').hide()" - the overlay
   close), which on the always-visible bar leaves no search field at all. Keep the control displayed; the stylesheet
   !important beats the script's inline display:none. */
@media only screen and (max-width: 768px) {
  header .block-search .form.minisearch .control { display: block !important; }
}

/* F11b (exactly 768 px, e.g. iPad Mini/Air portrait): breakpoint dead zone - the theme's always-visible rules are
   max-width:767px and the compiled Luma desktop rules start at min-width:769px, so at 768 only Luma's base mobile rule
   (.block-search input { position:absolute; left:-300% }) applied and the input was off-screen. Apply the theme's own
   seven <= 767 header-search rules (copied verbatim from zenithstyle.css) at 768 as well. */
@media screen and (min-width: 768px) and (max-width: 768px) {
  header .block-search input { opacity: 1; left: 0px; height: 45px; margin: 0px; position: inherit; }
  header .block-search .control { border-top: 0px; margin: 0px auto; padding: 0px; position: relative; }
  .search-bar .serBt { display: none; }
  header .search-bar .block-search { width: 100%; padding: 0px 15px; margin: 10px 0px !important; }
  header .block-search .action.search { opacity: 1; margin: -45px 0px 0px; z-index: 10; position: relative; display: block !important; }
  header .search-bar i { left: 9px; top: 10px; }
  header .block-search .label { margin: 0px; width: 100%; padding: 0px 10px; }
}

/* ---- R1 PAGE-SCROLL: zenith-v33-page-scroll.css ---- */
/* Zenith v3.3 - DF-PAGE-SCROLLER (pre-existing on the current site; kept by v3.2, which self-hosts the same w3.css)
   Symptom: on phones (below 768 px) the page does not scroll the browser window - it scrolls inside <body>. window.scrollY stays 0
   and the document is one screen tall, so the browser's own page scrolling is bypassed. Lab-measured consequence: after
   scrolling a listing and pressing Back, the visitor is returned to the TOP of the page (the browser has no window position to
   restore). Also affected: address-bar collapse, scroll-depth measurement, scripts that read the window scroll.
   Cause: zenithstyle.css "body,html{height:100%}" makes <html> and <body> exactly one screen tall; w3.css "html{overflow-x:hidden}"
   stops <body>'s overflow being passed to the window; styles.css gives <body> overflow-x:hidden, so <body> becomes the scroller.
   Fix: let <html> take its content height below 768 px too - the same rule the site's common.css already applies from 768 px up
   ("@media (min-width:768px) html{height:auto !important}"). <body> (height:100% of an auto-height <html>) then grows with its
   content and the window scrolls. <body>'s overflow and formatting context are unchanged (horizontal clipping as today).
   States that deliberately lock the page at one screen keep their full height: the Luma navigation drawer (html.nav-open,
   html.nav-before-open) and the fullscreen product gallery (html.fotorama__fullscreen).
   Works in every browser (no new CSS features). (0,3,1) beats zenithstyle.css (0,0,1) whatever the load order.
   Rejected first candidate (body{overflow-x:clip}): not supported by Safari < 16, and it made the page jump to the top when a
   Magento modal opened - see the kit evidence evidence/automated/page-scroller/superseded-candidate1-clip/. */
html:root:not(.nav-before-open):not(.nav-open):not(.fotorama__fullscreen) {
    height: auto;
}

/* ---- R1 F2-CHROMIUM: zenith-v33-F2-CHROMIUM.css ---- */
/* Zenith v3.3 - defect F2-CHROMIUM: horizontal overflow at 320 px (WCAG 1.4.10 Reflow). Theme-level; no vendor file modified.
   Release: append to the theme override stylesheet (zenith-additions.css). Lab: served by variant v33-F2-CHROMIUM (appended to
   zenithstyle.css). Tests: tests/F2-CHROMIUM-reflow320.js (overflow), tests/F2-CHROMIUM-pan.js (window.scrollTo(300,0) then scrollX, 320-412 px,
   Chromium and WebKit, with the page-scroll fix present) and tests/F2-CHROMIUM-scope.js (what this file may and may not change).

   THIS FILE CONTAINS ONE RULE: the row margin below 375 px. It contains NO table rule. Wiring order: this file and zenith-v33-F3.css do
   not share a selector or a property, so they can be appended in either order (checked in the lab, both orders, see the scope test).

   Measured on the lab build of the v3.2 candidate + earlier v3.3 fixes (port 8855), Chromium 154 "Galaxy S9+" and WebKit 26.6
   "iPhone SE" profiles, both 320 px wide; overflow = max(html.scrollWidth, body.scrollWidth) above the configured width (the kit's
   tools/cross-engine.js method).

   Cause (every lab page, 322 px at 320 px wide): Bootstrap's ".row" has margin 0 -15px and assumes its ".container" has at least 15 px
   of padding. Zenith's responsive rule (zenithstyle.css "@media (max-width:1200px){.container{width:96%;padding:0 2%}}") makes the
   container inset only 2% + 2% = 4% of the screen, which is 12.8 px at 320 px. The rows therefore stick out 15 - 12.8 = 2.2 px on each
   side (324.4 px wide in a 320 px page; right edge at 322). The inset reaches 15 px at 375 px, so nothing overflows there. Rows affected
   in the lab pages: the header ".container > .row", the footer ".container > .row" (x2) and, on the home page,
   ".container > .divison_cont > .wraper > .row" (x2).
   Fix: below 375 px the row's negative margin is the container's own inset (4vw) instead of a fixed 15 px, so the row exactly fits the
   screen (0..320). The columns inside keep their 15 px padding, so the content of those rows moves in by up to 2.2 px per side at
   320 px (0.6 px at 360 px) and can re-wrap; at 375 px and above the rule is not active and nothing changes.

   NOT in this file, and why: the HiLook description-table overflow. On the lab HiLook IPC-T221H page a specification table in the
   product DESCRIPTION is 355 px wide in a 208 px column (its "Compression" value has no space to wrap at), so the page measures 412 px
   at 320 px. That is a separate cause with its own fix, zenith-v33-F3.css (below 480 px, description tables only, "More Information"
   table excluded). Without F3 the HiLook page still overflows at 320 px (412) even with this file; to meet the 320 px reflow check on
   that page BOTH files must be wired. An earlier version of this file carried its own table rule; it was removed because it also
   re-wrapped the "More Information" table (#product-attribute-specs-table) on every product page (about 21 px taller at 375-540 px,
   lab, hidden tab panel measured with the panel forced visible) and the description table at 479-540 px where that table already fits, and it
   duplicated F3.

   Not changed (measured, contained by their own wrapper, so not a cause of page overflow): the Amasty brand-logo slider (logos reach
   339 px but are clipped by div.swiper-container, overflow hidden), the home page Owl carousel track (clipped by .owl-wrapper-outer) and the
   product tab strip (div.easytabs-tablist scrolls inside its own 278 px box).
   Limitations: only the two row paths listed above were seen overflowing in the ten lab pages; a different ".row" placed directly in a
   ".container" elsewhere on the site would still overflow by up to 2.2 px per side at 320 px. 4vw equals the container inset exactly
   only when the viewport has no classic scrollbar (phones); with a scrollbar the row could be under 1 px too wide. */

@media (max-width: 374.98px) {
  .container > .row,
  .container > .divison_cont > .wraper > .row { margin-left: -4vw; margin-right: -4vw; }
}

/* ---- R1 F3: zenith-v33-F3.css ---- */
/* Zenith v3.3 - defect F3 (repaired 1 Oct 2026): the HiLook product page is wider than a phone screen (theme-level; no vendor file modified).
   Lab: served by variant v33-F3 (lab/variants/v33-F3.js). Test: tests/F3-description-table-overflow.js.

   RELEASE WIRING: append this file's rule to the theme override stylesheet (zenith-additions.css; in the lab it is appended to zenithstyle.css).
   RELATION TO zenith-v33-F2-CHROMIUM.css: that file (as it stands in this package) contains ONE rule, the ".container > .row" margin below 375 px,
   and NO table rule (its own header says so; an earlier version of it carried a description-table rule which was removed as a duplicate of this file).
   This file is therefore the only place that handles the description table. The two files share no selector and no property, so they can be appended in
   either order (lab, repair run R6 in the F3 evidence folder: both orders injected into the baseline, same table result). They are complementary on the HiLook page at 320 px: this file alone leaves
   the page 322 px wide there (the 2 px that every lab page shows at 320 px, F2-CHROMIUM's cause); with F2-CHROMIUM also wired it is 320 px.

   Symptom (lab snapshot, 30 Sep 2026, Chromium 154 + WebKit 26.6): the HiLook IPC-T221H page measures 412-414 px wide at phone widths
   320-412 px (body.scrollWidth 412 at 320, 413 at 360-400, 414 at 412); from 414 px up it fits. The three Hikvision product pages of
   the snapshot have no such table and show no such overflow at 375-412 px.
   Culprit (found by hiding every over-wide element one at a time and re-measuring): the bare <table> inside the product DESCRIPTION
   ("Technical Specification": <div id="product.info.description" class="data item content"> > <table>, no class, no wrapper; every row is
   <td><strong>label</strong></td><td>value</td>). On a phone it is 355 px wide and starts about 58 px from the left edge (the description box has
   35 px padding on each side), so it ends at about 413 px, i.e. 60 px beyond the right edge of its own box. The row that decides the width is
   "Compression": its value "H.265+/H.265/H.264+/H.264/MJPEG" contains no space, measures 230 px as one piece, and the table cannot be narrower than
   that plus the label column.
   Consequence in the lab build: computed overflow-x is hidden on both <html> and <body>, so the extra width is CLIPPED rather than
   scrolled: in Chromium emulation window.scrollTo, the mouse wheel and a touch swipe all leave scrollX at 0, and on a 375 px phone
   the right-hand end of the two longest values is cut off ("...H.264/MJ", "(802.3af Cla"). What the cross-engine tool flags as
   "overflow" here is body.scrollWidth, the clipped width.
   Why the existing rules do not help: styles-m.css already gives every table "width:100%; max-width:100%", but a table cannot be
   narrower than its widest unbreakable word, so that has no effect (measured: adding max-width:100% leaves the page at 413 px at
   375 px).

   Fix: let an over-long value in the VALUE cell of a label/value table break at any character when it does not fit ("overflow-wrap:anywhere";
   "word-break:break-word" is the older spelling with the same effect on the table's minimum width, listed first as the fallback for engines that
   do not know "anywhere"). The table then shrinks to the space available and only the over-long value wraps.
   Three limits are built into the selector and the media query, each because a measurement showed a harm without it:
   (a) SECOND CELL OF A TWO-CELL ROW ONLY (td/th:nth-child(2):last-child). The first (label) column is never touched, so label words are never broken.
       The first version of this fix applied the rule to every cell: at 320 px it split the labels "Resolution", "Compression", "Temperature" in the
       middle of the word ("Resolutio/n", "Compress/ion", "Temperat/ure"), at 360 px "Compression" (Chromium) and also "Temperature" (WebKit), because
       once the label column may break anywhere the automatic table layout can give it less than its longest word. Tables with three or more columns are
       not touched at all (measured on a synthetic 4-column table that fits: breaking its cells made short values such as "2MP" and "2.8mm" split).
   (b) "min-width:10ch" on that cell: a floor of ten characters for the value column. Without a floor, a value column that may break anywhere also
       shrinks to almost nothing for tables that already wrapped, and the automatic table layout then hands the freed space to the label column
       (measured on the real table at 320 px: label column 122.8 px, value column 83.6 px, table 701 px tall; with the floor 108.4 / 98 px and 575 px).
       The floor is a measured heuristic, not a standard value: at 320 px it is exactly what is left next to the longest label word of this table
       (label 108.4 px + value 98 px = the 206.4 px box), so on a screen narrower than 320 px, or with a wider longest label, the table is a few pixels
       wider than its box (it is never wider than it was before this rule).
   (c) BELOW 480 PX ONLY. Measured on the HiLook page (lab, both engines): its 355 px table is wider than its own box at 470 px and below (box 350 px at
       470 px) and fits at 479 px and above (box 359 px at 479 px); a first unscoped version re-wrapped the table at 480 and 500 px where the baseline fit.
       The 479 px limit is a round figure just under the 480 px breakpoint that suits this one table; at 479 px the table already fits and is nevertheless
       changed by this rule (449 -> 470 px). At 480 px and above this rule does not apply at all.
   Selector scope: cells of a table inside the product tabs' content, except the "More Information" table (.additional-attributes).

   WHAT CHANGES FOR A CUSTOMER (visible change, owner approval needed; Chromium 154 numbers, lab, HiLook page; table height before -> after):
   320 px 449 -> 575 px, 360 px 449 -> 554, 375 px 449 -> 533, 393 px and 412-479 px 449 -> 470. Only the value column wraps: at 320 px "Compression" shows
   as four short lines, the "Power" value wraps; the label words stay whole. (WebKit 26.6 emulation, same table: 575 at 320, 533 at 360, 470 at 375-479.)
   OTHER TABLES: the rule cannot tell a table that overflows from one that fits, so a table that already fitted can change too. In the synthetic
   tables of the repair probe (lab, Chromium, tables that fitted in the baseline): height change 0 at 320 px, between -42 and +42 px at 360-470 px
   (the column widths are re-shared, so a table can also get shorter), 0 at 479 px; in WebKit at 320 px one fitting table of short values grew
   by 21 px with a value split inside a word ("H.265/H.26" / "4"). Words that stayed whole in the baseline can split in the value column (e.g.
   "SD/SDHC/SDXC" at 320-360 px). How many production pages have such a table is not known (the lab snapshot has one). No change at 480 px and wider.
   Known limits: a table with a longer unbreakable value than this one would still be too wide on screens of 480 px and more, and a table with three or
   more columns is not helped; where the rule wraps a long value it breaks at a character position, which can fall inside a number
   ("H.265+/H.265/H.264+/H.2 | 64/MJPEG"); the fallback spelling and engines other than the two tested are not tested. Not used: making the table scroll
   sideways inside the tab (hides part of the specification), "table-layout:fixed; width:100%" (changes the column widths at every screen size), and
   a script that applies the rule only to tables that really overflow (would leave tables that fit untouched; not built). The root-cause fix is in the
   listing template: a class/wrapper on the generated table and a <wbr> after each "/" in codec lists. */
@media screen and (max-width: 479px) {
    .product.info.detailed .data.item.content table:not(.additional-attributes) td:nth-child(2):last-child,
    .product.info.detailed .data.item.content table:not(.additional-attributes) th:nth-child(2):last-child {
        word-break: break-word;
        overflow-wrap: anywhere;
        min-width: 10ch;
    }
}

/* ---- R1 F4: zenith-v33-F4.css ---- */
/*
 * Zenith Security Co. - v3.3 candidate, defect F4 (keyboard focus on invisible elements), CSS part. Theme file: web/css/zenith-v33-F4.css
 *
 * DEFECT (F4b): the trade-registration form (/trade-customer, also any page that uses the same template markup) draws its checkboxes and
 * radio buttons as a visible <span class="checss"> (checkbox) or <span class="radmark"> (radio) next to a REAL <input> that is hidden with
 * "position:absolute; opacity:0; height:0; width:0" (inline <style> in the trade template: .chkBxs-cust input {...}). The input is what
 * receives keyboard focus, so a keyboard user tabbing through the form has focus on a zero-size, fully transparent element and NOTHING on the
 * screen shows where they are: measured 30 Sep 2026 (lab, Chrome 154, full keyboard walk): 10 such stops on /trade-customer at 1366 px and 10 at
 * 390 px (1 newsletter checkbox #is_subscribed, 5 "system installed" checkboxes, and the first radio of each of the 4 approval groups). The
 * theme's global ring (zenith-additions.css "input:focus-visible") is drawn on the input itself, i.e. on a 0 x 0 transparent box, so it is not visible either.
 *
 * ROOT CAUSE: custom-checkbox pattern without a focus style for its visible replacement (template CSS; not vendor code).
 *
 * SECOND CASE, same cause (hero banner arrows, home page): the Mageplaza banner-slider arrows are <button class="owl-prev|owl-next"> elements that
 * are 0 x 0 px (measured: rect 0 x 0 at the bottom of the carousel) and only act as a positioning shell: the visible arrow is the absolutely
 * positioned <span> child (80 px "<" / ">" glyph over the banner, styles in Mageplaza_BannerSlider/css/style.css). Keyboard focus is on the button,
 * so the theme's ring is drawn around a 0 x 0 box far away from the glyph: a dot of about 10 px (measured in the lab: 84 changed pixels when focused, none around the glyph), not around the arrow.
 *
 * WHAT THIS CHANGES: only the FOCUSED state. When (and only when) the hidden input matches :focus-visible, its visible box (the sibling
 * .checss / .radmark) gets the same ring the rest of the site uses for keyboard focus (3px #1a3d6d, 2px offset, white 5px halo); likewise the
 * visible glyph (the <span> child) of a hero arrow button that matches :focus-visible.
 * The input / button stays where it is, keeps opacity 0 / 0 x 0 size: nothing changes in the non-focused state, in the checked/unchecked look,
 * on hover, on mouse click (mouse focus does not match :focus-visible on a checkbox/radio) or in form submission.
 *
 * HOW TO WIRE IT IN RELEASE: append this file's rules to the end of the theme stylesheet web/css/zenithstyle.css (or, equivalently, to
 * web/css/zenith-additions.css, which already holds the site-wide focus ring in section "5. Accessibility"). No template change needed.
 * Better long-term fix (developer edit, optional): move the ring into the trade template's own inline <style> next to ".chkBxs-cust input".
 *
 * LIMITATION: the hidden <input> / 0 x 0 <button> itself is still the focus target (that is what makes the custom look possible). Automated
 * checkers that judge only the focused element (tools/auto-a11y.js "invisible") therefore still count these stops; a person sees the ring.
 */
.chkBxs-cust input:focus-visible ~ .checss,
.chkBxs-cust input:focus-visible ~ .radmark {
    outline: 3px solid #1a3d6d;
    outline-offset: 2px;
    box-shadow: 0 0 0 5px #fff;
}

/* hero banner arrows: the button is 0 x 0, its <span> child is the visible 80 px arrow */
.mp-banner-slider .owl-nav button:focus-visible span {
    outline: 3px solid #1a3d6d;
    outline-offset: 2px;
    box-shadow: 0 0 0 5px #fff;
}

/* ---- R1 DF-FOCUS-OBSCURED-OTHER: zenith-v33-DF-FOCUS-OBSCURED-OTHER.css ---- */
/* Zenith v3.3 - DF-FOCUS-OBSCURED-OTHER (WCAG 2.2 SC 2.4.11 Focus Not Obscured, AA): keyboard focus hidden by elements OTHER than the cookie notice.
   Theme-level; no vendor file is modified. The cookie notice (D10) is NOT touched here: no rule for it, no z-index change, no scroll-padding for it.
   RELEASE WIRING: append this file to the END of the theme override stylesheet css/zenith-additions.css (the lab serves it exactly that way: variant
   v33-DF-FOCUS-OBSCURED-OTHER writes the concatenation and serves it in place of zenith-additions.css). The JS half is
   js/zenith/zenith-v33-DF-FOCUS-OBSCURED-OTHER.js (requirejs "deps" entry, same as a11y-enhance); both halves belong together.

   DIAGNOSIS (offline lab, 30 Sep - 1 Oct 2026, Chrome 154; baseline = complete v3.2 candidate + the v3.3 fixes built so far). Full Tab walks to wrap-around
   on 9 page types x desktop 1366 / phone 390 / tablet 768 / 200 % zoom (683 px). Every stop is hit-tested at the CENTRE of the focused element and over a
   7x7 grid of its PAINTED part (box x viewport x clipping ancestors); the cookie notice is counted separately. The register row mixes five causes:
   (1) DESKTOP "img": a LAB ARTIFACT. The lab image stub answers every image with an 800x800 placeholder, so the header logo (real file 371x174, width and
       height attributes 371x174) is laid out 371x381 and its box covers the first menu items. With the real 371x174 logo the centre test finds no
       non-cookie obscurer on the desktop pages walked. A small real residual remains and is NOT changed here: the logo <img> carries padding 5px 0, so its
       box ends 7 px below the top of the first three menu links (HOME, WHAT'S NEW, SHOP BY BRAND): the top 7 px of those links are hit-test overlap (5 px of
       it is the image's transparent padding, 2 px lies inside the image area); the centre and the text of the links are never covered.
   (2) PRODUCT PAGE TAB STRIP (REAL; phones and 768 px): Swissup Easytabs arrow buttons (z-index 99) sit over the ends of the sideways-scrolling strip and
       cover part of a focused tab. This stylesheet does nothing for it: CSS scroll-padding on the strip was tried (variant v0) and left the focused tab exactly
       where it was (Blink treats a target of which 32 px are visible as visible enough and does not scroll it), so it is NOT shipped. The JS file does the work.
   (3) PRODUCT NAME LINKS in the home product sliders and the product page's related products (phone, 768): a FALSE POSITIVE of a centre-point test, made
       honest. The name sits in a box 55 px high (related products: 35 px) with overflow:hidden; the link inside is display:block and as tall as its text (200 px
       for ten lines at 113 px width), so its box reaches past the clip into the price / "Login for trade" box beneath and the centre of that box lies over the
       price. What is PAINTED of the link (the clipped part) is not covered by anything. Rule (3) below limits the link's box to the name box.
   (4) HEADER SEARCH, <= 768 px (REAL; found by the 200 % zoom walk): rule (4) below.
   (5) STICKY / FIXED BARS: none exists on any page walked apart from the cookie notice (position:fixed / sticky elements were scanned at load and at mid-page
       on every walk, and only the cookie notice was found, so the theme rule ".main-header.fixed" never applies on these pages). A global
       scroll-padding-top would do nothing today and is deliberately NOT added.
   Resting-state pixels are unchanged by rule (3) (it only matches the box to its clip). Rule (4) changes pixels only while the search form is active (see there). */

/* (3) product name link: its box = the clipped name box. Same selector as the theme rule that makes this link display:block
   (".slider-outer .products.list a.product-item-link"). max-height:100% resolves against the name box's fixed height, so the link can no longer be taller than
   what the box shows, and overflow:hidden on the link clips exactly where the box already clips. */
.slider-outer .products.list a.product-item-link { max-height: 100%; overflow: hidden; }

/* (4) header search, <= 768 px (phones, 768 px tablets, a desktop window at 200 % zoom): while the search form is ".active" (the field has focus) or ".show",
   Mageplaza's rule ".form.minisearch.active .control { z-index: 10003 }" applies to the field's control. It was written for the overlay (position:fixed) that
   F11a switches off; with the control now position:relative the z-index takes effect and the opaque white control paints OVER the SEARCH button (z-index 10).
   Measured on the baseline (home and /cctv at phone 390, tablet 768 and zoom 200 %): the button is entirely under the field while the field has focus, hidden
   30 ms after Tab has moved to the button in all 6 cases, still hidden at 150 ms in 4 of 6, visible again by 400 ms in that check (in one full walk, zoom 200 %
   home, it was still hidden 430 ms after Tab). Keep the button above the control in that state.
   VISIBLE CHANGE (only while the form is active): the SEARCH button is shown at the right end of the focused field, as it is when the field is not focused;
   before, it disappeared as soon as the field was focused. */
@media only screen and (max-width: 768px) {
  header .block-search .form.minisearch.active .action.search,
  header .block-search .form.minisearch.show .action.search { z-index: 10004; }
}

/* R1C-CART-DOT (Release 1c, 2 Oct 2026). On phones (767 px and below) the theme shows the EMPTY cart-count bubble beside "My Cart" as a dark round dot
   (rule "header .minicart-wrapper .action.showcart .text, .minicart-wrapper .action.showcart .counter.qty.empty { color:#FFF; display:block; }" in the
   max-width 767px block above lists the bubble by mistake). This hides the bubble only while it is empty; with items in the basket it shows as before.
   Lab-tested only (offline WebKit, 390/600/800 px). */
@media screen and (max-width: 767px) {
    .minicart-wrapper .action.showcart .counter.qty.empty { display: none !important; }
}