/*
all children of divs with div > *
all grandchildren of divs by div > * > *
all <strong> elements that are grandchildren of a <div> this way: div > * > strong
*/

@font-face {
	font-family: 'ProximaNova-Medium';
	src: url(../fonts/ProximaNovaFont.otf);
}
* {
  box-sizing: border-box;
}
body{
   margin:0 auto;
   /*  position:absolute;  */
   /*background-color:#fdf9eb;*/
   background-color:white;
   text-align:center;
   font-family:Arial;
}
img{
	max-width:100%;
	height:auto;
}
a{
	text-decoration:none;
	color:#DEE6D5;
   /*cursor:pointer;*/
    cursor: default; 
}
a:hover, a:link {
	text-decoration:none;
}
ul{
   list-style-type: none;
   margin: 0;
   padding: 0;
   text-align:center;
}
li{
   text-align:center;
   padding:0 5px;
}

.padding-sides {
    padding: 0 10px;
}

#user_password, #password_eye{
   display:inline;
}
.form-body #user_password{
	width:94%;
}
.captcha-div{
   /* margin:0 15% 14px 40%;  */
   margin-top:0;
   margin-right:15%;
   margin-bottom:14px;
   margin-left:40%;
   background-color: #edeae6; 
   text-align: center;
}
.captcha-img{
/*    margin-top:5px; */
}
.refresh {/*captcha refresh button*/
   position: relative;
   /*  bottom: 10px;  */ 
   width:34px;
}
.capslock-msg{
   color: #bb1b1b;
   font-weight: bold;
}
/*social-head*/
.fixed-head{
/*     position: sticky;
    top: 0;  */
    width: 100%;
    padding-left: 12px;
    padding: 16px 0;

    background-color: #f7f7f7;
    z-index: 10;
}

.social-head-container{
   width: 100%; 
}
 .social-head-container .social-links,  .social-head-container .contact-info {
	padding:0 5px;
} 
.social-head-container .contact-info {
    border-radius: 6px;
    
    color: white;
    text-align: center;
    font-size: 16px;
}
.contact-info ul{
padding:2px 4px;
border-radius:4px;  
 background-color: #f25457;
}
.social-links ul,.contact-info ul,.login-register ul{
 	display:inline-flex;	
}
.social-links ul li, .contact-info ul li{
   padding:0;
}
.social-head-container .cart-count-container ul li{
   text-align:right;
}
.social-head-container .translator ul li{
   text-align:right;
}
.login{
   width:100%;  
}
.head-band{
       margin-right: 64px!important;
}
.social-head{

}

/* .contact-info ul:first-child {
   padding-right:10px;
} */

.social-head-container .fa {
  font-size: 16px;
  text-decoration: none;
  margin:0 5px;
}
.fa:hover {
    color:#071b48;
}
.fa-facebook, .fa-twitter, .fa-linkedin, .fa-youtube, .fa-instagram {
  color:#f25457;
  vertical-align: middle;
}
.logo{
   display:inline-block;
   text-align:left;
}
.index .logo{
   /* float:left; */
   display:table-cell;
   vertical-align:middle;
   width:54px;
}
.logo img{
   cursor:pointer;
	max-width:122px;

	margin-bottom:0;
	padding-bottom:0;
   margin-left: 2px;
}
.logotext{
   cursor:pointer;
       vertical-align: bottom;
   color: #303030;
    font-size: 14px;
    /* font-style: italic; */
    font-family: "Lucida Console", "Courier New", monospace;
}
.social-head{
  	padding:0;
	margin:0;
   display:inline-block;
   padding-top: 18px!important;

}
.social-head img 
{
	width:19px;
}
/* .social-head-container .login-register{
   justify-content: flex-end;
   padding-right:12px;
} */
.social-head .login, .social-head .register,.social-head .logout{
    cursor: pointer;
/*     margin-right:20px;
    padding: 1px 27px; */
}

.social-head .login:hover, .social-head .register:hover, .social-head .logout:hover{
   color:black;
}
.translator select{
  width:100%;
}


/*end of social-head*/

/*NAVIGATION*/
.dropdown .fa {
    font-size: 13px;
    margin: 0 2px;
}
.topnav {
  margin:0 auto;
  overflow: hidden;
 /* background-color: #7f7474;
   border-top: 1px solid #b4c7f1; 
  background-color: #96969b;*/
}
.topnav a, .dropdown .dropbtn {
   font-size: 17px;  
   padding: 4px 16px;    
}
.topnav a {
   float: left;
   display: block;
   /*  color: #f2f2f2; */
   text-align: center;
   text-decoration: none;
   cursor: pointer;
   color: #4c5ecc;
}

.dropdown .dropbtn {
   border: none;
   /*  outline: none; */
   /*  color: white; */
   color: #4c5ecc;
   background-color: inherit;
   font-family: inherit;
   margin: 0;
}

.topnav .icon {
  display: none;
}
.dropdown {
  float: left;
  overflow: hidden;
  position:static;
}
.dropdown-content {
  display:none;
  position: absolute;
  background-color: #f5efef;
  min-width: 160px;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
   float: none;
   color: #2f2b2b;
   padding: 10px 16px;
   text-decoration: none;
   display: block;
   text-align: left;
   color: #939393;
   border-bottom:solid 1px #dfd9d9;
   font-weight:500;
}
 .active {
   font-weight:600!important;
   color:#5ab05d!important;
}
 .closed {
   font-weight:600!important;
   color:#b33636!important;
}
.groupfilter{
   height: unset;
   padding-left:4px!important;
   background-color: #f1f0ef;
   border: 1px solid #ededed;
   border-radius: 4px;
}
.groupfilter input[type="radio"]:checked+label {
    color: #041d3c;
    text-shadow: 0px 1px #112c4c;
}
.groupfilter label {
    /* height: 30px; */
    margin-right: 21px;
    margin-top: 5px;
    margin-bottom: 5px;

}
.dropdown-content a:hover , .topnav a:hover, .dropdown:hover .dropbtn   {
   font-weight:600;
   color:#939393;
}
.dropdown:hover .dropdown-content, .dropbtn:hover .dropdown-content {
  display: block;
}

/* END OF NEW NAVIGATION*/
#popupMessage{
    position: absolute;
    width: max-content;
    z-index: 2;
    padding: 4px;
    border-radius: 2px;
    background-color: #2cc53b;
    color: #ffffff;
}
/*FLOATING MENU*/
.go-to-top{
   display: none;
   position: fixed;
   bottom: 57px;
   right: 0;
   z-index: 99;  
   font-size: 18px;
   cursor: pointer;
   padding: 14px;
   /* background: #4285f4;
   background-image: linear-gradient(#a97e4b, #d0b392); */
   background: #65906af5;
   color: white;
   border: none;
   border-radius: 50%;
   transition: all .25s ease;
}
.go-to-top:focus{
    outline: none;
    background-color: blue;
}
.go-to-top:hover {
  background-color: #555;
}
/*END OF FLOATING MENU*/
/* TOGGLE */
.toggle {/* toggle in label designing */
cursor: pointer;
   position : relative ;
   display : inline-block;
   width : 100px;
   height : 52px;
      width: 72px;
      height: 32px;
      width: 104px;
   background-color: #f64847;
   border-radius: 8px;
   border: 2px solid gray;
}
.toggle:after {/* After slide changes */
   content: '';
   position: absolute;
   height: 26px;
   width: 46px;
   border-radius: 25%;
   margin-bottom:1px;
   top: 1px;  
   background-color: gray;
   left: 3px;
   /* transition:  all 0.2s; */
}
.toggle p {/* Toggle text */
/*    font-family: Arial, Helvetica, sans-serif;
   font-weight: bold; */
    font-size: 16px;
    color: black;
    text-align: center;
}
.checkbox:checked + .toggle::after {/* Checkbox checked effect */
   left: 50px; 
}
.checkbox:checked + .toggle {/* Checkbox checked toggle label bg color */
   background-color: #5ab05d;
}
.checkbox { /* Checkbox vanished */
   display : none;
}
/*END OF TOGGLE*/


.footer{
   background: #444040;
   border-top: 1px solid rgba(108,127,153,0.2);
   padding:50px 0;

}
.footer-item {
    font-size: 14px;
    font-weight: 500;
    color: #909090;
}
.footer-item a{
   color: #909090; 
   cursor:pointer;
}
.poweredby{
   display:table;
   height:100px;
/*    background-color:#4d504d6b; */
}
.poweredby ul{
   display:table-cell;
   vertical-align:middle;
}
.primary-btn{
   cursor:pointer;
   margin:0;
   padding: 1px 24px;
   border-width: 1px;
   border-style: outset;
   border:1px solid #adacac;
   border-radius:3px;
   background-color: #a3a1a1;
   color: #edeaea;
   font-weight:600;
}
.secondary-btn{
   background-color: transparent;
   /*border:1px solid #ededed;*/
   border: none;
    color: #a3a1a1;
}
.primary-btn:hover{
   background-color: #918f8f;
}
.secondary-btn:hover{
   text-decoration: underline;
   color: #7c7b7b;
   background: none;
}
.inside-btn {
      background-color: #efefef;
      color: #5d544a;
      font-weight:400;
}
.inside-btn:hover {
      background-color: #e9e9e9;
}
.margin-bottom-10px{
   margin-bottom:10px;
}
.display-inline-block{
   display:inline-block;
}
.width-40per{
   width:40%;
}
.container{
/*    background-color:#f1f2f4; */
   width:100%;
}
.form{
   background-color:white;
   border:1px solid #dedfe1;
   border-radius:16px;
   box-shadow: 0 3px 10px rgb(34 25 25 / 40%);
   font-family: -apple-system, BlinkMacSystemFont, Roboto, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
   text-align:left;
   font-size: 16px;
}
.tagline {
   margin: 0;
   font-size: 14px;
   color: #7c7a7a;
}
.page-title{
   border-bottom:1px solid #dedfe1;
   padding: 20px 30px;
   font-weight: 500;
   font-size: 1.7em;
}
.form-head{
   padding:4px;   
}
.form-body{
   padding:34px;   
}
.prod-view .form-body{
   padding:10px;   
}
.filterForm{
  padding:34px; 
  padding-bottom:0;
}
.hide-arrow-for-filter-form{
line-height: 42px;
    font-size: 18px;
}
.norecords{
   display:block;
   margin-top: 20px;
   padding: 4px 40px;
   text-align:center;
   background-color: #ededed;
}
.paging-info {
    display: block;
    text-align:center;
    margin-top: 6px;
    color: #b7aea4;
    font-style: italic;
    border-radius: 4px;
    padding: 3px 6px;
    font-size: 12px;
}
.form .paging-info span {
     color: inherit; 
     width: auto;
}
.paging{
 display:block;
 text-align: center;
 margin:0;
}
.pagebuttonarea {
    border-bottom: none;
    width:100%;
    margin: 6px;
}
.paging ul li{
    display: inline-table;
    margin-left: .5%;
    width: 65px;
    height: auto;
    text-decoration: none;
    background: rgb(183 174 164);
    border-radius: 12%;
    font-size: 16px;
    text-align: center;
    transition: box-shadow .4s;
}
.paging ul li a {
    text-decoration: none;
    color: #4e453a;
    cursor: pointer;
}
.paging li:hover:not(.hovernot) {
   box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}
.disabled {
    pointer-events: none;
    opacity: 0.6;
}
.form-field-label, .form-body span{
   display: inline-block;
   width:30%;
}
/* .ql-toolbar span, .ql-editor span{
   width:auto;
} *//* FOR TEXT EDITOR : QUILL*/
.form-body .btn {
    display: unset;
    line-height: 1;
    height: 20px;
    /* background: #c3cbdb; */
    /* font-weight: 500; */
    padding: 3px 24px;
    color: white;
    background-image: linear-gradient(#aba587, #b7bb9c);
}
.form-body .section-border{
   margin-left: 10px;
   padding:10px;
   border: 1px solid #d7d7d7;
   
}
.form-body .browsefile-section{
    padding: 10px;
    border: 1px solid #d7d7d7;
    text-align: center;
    margin-top: 10px;
}

.photoarea {
/*     width: 140px;
    height: 170px; */
    width:262px;
    height:176px;
    margin: 8px;
    background-color: #f9f9f9;
    border: 1px solid #d0c3b1;
}
input[type=file]{
   display:none;
}
input[type=text], input[type=password], input[type=number], input[type=date],select,
input[type=datetime-local]{
   width:50%;
   margin:4px;
   padding:0 10px;
   height: 30px;
   border:1px solid #d7d7d7;
   border-radius:4px;
   outline:none;
   color: #2D2B2B;
}
textarea {
width: 100%;
border: 1px solid #d7d7d7;
    border-radius: 4px;
    outline: none;
    color: #2D2B2B;
}
input[type=text]:focus, select:focus{
   border:1px solid #b0b2b5; 
}
input[type=radio] {
    margin: 4px;
}
label {
   height: 30px;
   margin-right: 52px;
   margin-top:5px;
   margin-bottom:5px;
   color: #5d544a;
   font-weight: normal;
}

.text-align-right{
   text-align:right;
}
.text-align-left{
   text-align:left;
}
.text-align-center{
   text-align:center!important;
}
.width-8per{
   width:8%!important;
}
.width-6per{
   width:6%!important;
}
.width-30per{
   width:30%!important;
}
.width-20per{
   width:20%!important;
}
.clickable{
   cursor:pointer;
}
.clickable:hover{
   /*color: #827878;
   text-shadow: 0 0 #826548;
   font-weight: bold; */
   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.1);
}
.bottom-button-section{
   margin-top:6px;
   text-align:right;
}
.floatleft{
   float:left;
}
.floatright{
   float:right;
   clear:both;
}

/*POPUP WINDOW*/
.plus {
    display: inline-block;
    height: 0.8em;
    width: 0.8em;
    font-size: 32px;
    text-align: center;
    line-height: 0.5em;
    margin: 0;
    padding: 4px;
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: lighter;
    color: #ffffff;
    background-color: #adacac;
    border-radius: 50%;
}
.plus::before {
  display: block;
  content: '+';
}
.plus:hover{
   background-color:#a19f9f; 
}
.popup-container{
   overflow: scroll;
   position: fixed;
   display: none; 
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   text-align: -webkit-center;
   background-color: rgba(0,0,0,0.4);
   z-index:1;
}
.popup-container input[type=text],.popup-container input[type=password]{
   width:100%;
   margin:0;
}
.popup-container form{
    z-index: 2;
}
.popup-btn-close{
   width: unset!important;
   cursor:pointer;
   float: right;
   margin-top: -18px;
   margin-right: -18px;
   font-size: 21px;
   font-weight: 600;
}
.popup-btn-close:hover{
       text-shadow: 0 0px 0px rgb(84 80 80);
}
#livesearchresult{
   display:none;
}
.live-search-section input[type=text]{
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 4px;
    margin-bottom: 4px;
    box-sizing: border-box;
    font-size: 16px;
    color: #625d5d;
}
.live-search-section select::-ms-expand {/*TO HIDE down arrow*/
    display: none;
}
.live-search-section select{
   box-shadow: 0 3px 10px rgb(34 25 25 / 40%);
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
   overflow: auto;/*TO HIDE SCROLLBAR*/
   padding: 4px;  
   font-size: 16px;
   margin-top: 0;   
}
.live-search-section select option{
   border-bottom: 1px solid #cecece;
}
.live-search-section select:focus{
   outline:none;
}
/*CLOSE OF POPUP WINDOW*/
.isactivefilter{
   padding: 2px;
    padding-left: 10px;
}
.tbl-data-heading, .tbl-data-row{
   color: #625c5c;
   border-bottom:1px solid #ebeae9;
}
.tbl-data-row{
/*    padding:0 34px; */
}
.tbl-data-heading h4,.tbl-data-row h4{   
       /* width: -webkit-fill-available; */
    display: inline-block;
       
    padding-left: 6px;
    text-align: left;
    width: 20%;
}
.tbl-data-row img{
      vertical-align:unset;
}
.showfilter{
   background-image: linear-gradient(#f1eeee, #d3d3d3);
   /* background-image: linear-gradient(#f5e7d0, #cabeac); */
   /* margin: 0 10px; */
   border-radius: 2px;
   text-align: center;
}
#showArrowForFilterForm, #hideArrowForFilterForm{
   cursor:pointer;
}
#showArrowForFilterForm:hover, #hideArrowForFilterForm:hover{
    color: #827878;
    text-shadow: 0 0 #826548;
    font-weight: bold;
}
#filterForm, #hideArrowForFilterForm{
   display:none;
}
.kait-home{
   padding:0 6%;
   font-size: 16px;
  text-align:left; 
}

a, a:hover{
   color:inherit;
}
 
.kait-home h2{
   margin:0;
   padding: 20px 0 10px;
   text-transform: uppercase;
       color: #f25457;
}
.kait-no-product{
   margin-bottom:36px!important;
   color: #b5b1b1;
}
.kait-product{
 min-height:314px;
 margin:20px 0!important;

}
.kait-product img{
 min-height:314px;
 object-fit: contain;
}
.single-product-page .kait-product img{
     border: 1px gray solid;
   border-radius: 2px;
}
.kait-product-header{
   position:relative;
       padding: 0 0 0 20px;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #a8a8a8;
    text-transform: uppercase;
}
.tbl-data-row .kait-product-header{
     font-size: 20px;  
}
.kait-product-body{
      /*  position: relative; */
}
.kait-product-body-image-container{

    height: 300px; 
}
.kait-product-body-image-container, .product-body-proddetailimage-container{
       cursor: pointer;
    overflow: hidden;
    border-radius: 10px;
    margin: 6px 16px;
    text-align: center;
/*         border: 1px gray solid;
    border-radius: 2px; */
   /* background: url(../images/icons/loading.png); 
   background-color: #f1f1e8;*/

}
.single-product-page .image-container{
   width:500px;
   margin:0 auto;
}
.kait-product-body-image-container img, .product-body-proddetailimage-container img{
/*   -webkit-transition: all .2s cubic-bezier(.15,.69,.83,.67);
   transition: all .2s cubic-bezier(.15,.69,.83,.67);
   */transition: 0.5s all ease-in-out;
   border-radius:10px;
     
}
.product-body-proddetailimage-container img{
   cursor: default;
   max-width: 366px;
   max-height:300px;

}
.kait-product-body-image-container:hover img{
 transform: scale(1.2);
}

.prod-detail-container-outer{
   background: #f4f4f7;  
}
.prod-detail-container{
   display: table;
   margin:0 auto;
}
.product-desc{
  background: #f4f4f7; 
  width: 80%;
}
.prod-desc-text{
   width: 100%;
   padding: 20px 2%;
   text-align: justify;
   font-size: 18px;
}
.product-body-proddetailimage-container, .prod-desc-text{
   display:table-cell;
   vertical-align:middle;

}
.kait-product-body-title{
       cursor: pointer;
   padding:12px 0;
   font-family: ProximaNova-Regular,Helvetica,Arial,sans-serif;
   font-size: 17px;
   font-weight: 400;
   color: #4a4a4a;
   margin: 0 0 10px;
   line-height: 1.2;
          text-align: center;
}
.single-product-page .kait-product-body-title{
    color: #233477;
    font-family: sans-serif;
    font-size: 28px;
    cursor:default;
}
.kait-product-body-price{
   color: #4a4a4a;
   font-size: 20px;
   font-weight: 600;
   font-style: normal;
   font-stretch: normal;
   line-height: 1;
   letter-spacing: normal;
/*      border-style: solid;
     border-image: 
    linear-gradient(
      to top, 
      #f9f0f0, 
      rgba(0, 0, 0, 0)
    ) 1 100%; */
    border-bottom:1px #f9f0f0 solid;
    border-radius:28%;
}
.add-to-cart-btn{
    position: relative;
    top: -28px;
    left: 146px;
    background-color: #ffd814;
    border-radius: 8%;
    border: 0;
    padding: 2px 10px;
}
.add-to-cart-btn:hover{
     background-color: #ddc656;  
}
.cart-count-container, .login, .logout{
   display:inline-block;
   vertical-align:middle;
}
.cart-count-container{
   cursor: pointer;
   width: 46px; 
   color: #dda047;
}
.cart-count-with-carticon{
    cursor: pointer;
    margin-right: 6px;
    font-size: 16px;
    font-weight: bold;
}
.cart-icon{
   font-size: 24px;
   margin-top: -6px;
}
.cart-form .product-row, .cart-form .cart-head{
   margin:2px;
   padding:10px;
   background-color:#dddda8;
}
.cart-form .product-row a{
   cursor:pointer;
}
.cart-form .cart-head .cart-head-title{
   width:75%;
   padding-left:20px;
   font-size:36px;
   font-style:bold;
}
.cart-form .cart-head .cart-head-price{
   font-size:18px;
}
.cart-form .cart-head .cart-head-title, .cart-form .cart-head .cart-head-price{
   display:inline-block;
}
.cart-form .product-image{
    width: 138px;
    height: 88px;
}
.cart-form .product-detail{
   width:36%;
   margin-left:16px;
   vertical-align: middle;
}
.cart-form  .product-detail-price{
   width:12%;
}
.cart-form .product-action-qty{
   width:14%;   
   padding:10px;
}
.cart-form .product-action-remove{
   margin-left: 80px;
   padding: 4px 10px;
   cursor: pointer;
   background-color: #cbcba3;
   border-radius: 6px;
}
.cart-form .product-qty-price{
   min-width: 90px;
   padding: 20px;
}
.cart-form .product-image, .cart-form .product-detail, .cart-form  .product-detail-price,
.cart-form .product-action-qty,
.cart-form .product-action-remove, .cart-form .product-qty-price{
   display: inline-block;
}
.product-row .product-action-qty input[type=number]{
   width:unset;
   caret-color: transparent;/*cursor to disappear*/
   background-color: #e5e5c1;
   border: 1px solid #c9c99b;
}
.product-action-qty input[type=number]::-webkit-inner-spin-button, 
.product-action-qty input[type=number]::-webkit-outer-spin-button {  
/* to always show up/down arrows for input "number" field*/
   opacity: 1;
}
.cart-form .product-sub-total-div{
   padding: 10px;
       padding-top: 14px;
    padding-bottom: 44px;
   background: #c3c385;
   font-weight: 500;
   font-size: 19px;
}
.cart-form .product-sub-total-div .product-sub-total-div-floatright{
    float: right;
    margin-right: 2%;
}
.product-row input[type=number],.product-sub-total-div input[type=number]{
   width: 30%;
   background:transparent;
   border:none;  
}
.proceed-to-buy{
    margin-left: 58px;
    padding: 2px 10px;
    background-color: #f3d13b;
    border-radius: 6px;
    border: 0;
    font-weight: 400;
    color: #2e2c2b;
}
.proceed-to-buy:hover{
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.btn-action-div{
   margin-top:2%;
}
.btn-action{
    padding: 8px 52px;
    background-color: #f3d13b;
    border-radius: 6px;
    border: 0;
    font-weight: 500;
    color: #2e2c2b;
    font-size: 18px;
}
.btn-action:hover{
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.checkout{
   margin:36px;
}
.checkout .form{
   box-shadow:none;
   margin: 8px 0px;
}
.checkout-section-head {
   display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: space-between; /* switched from default  */
  padding:0 20px;
}  
.secondary-btn{
   cursor: pointer;
   background:none;
   padding: 4px 8px;
}
.secondary-btn:hover{
       text-decoration:none;
}
.checkout .page-title{
   text-align:center;
   background-color:#f5f5f5;
}
.checkout h2{
   text-align:left;
}
.checkout .product-action-qty input[type=number]{
 background-color: transparent; 
 border: none;  
}
.checkout .product-action-qty input[type=number]::-webkit-inner-spin-button, 
.checkout .product-action-qty input[type=number]::-webkit-outer-spin-button {  
/* to always show up/down arrows for input "number" field*/
   opacity: 0;
}
.shipping-form{
   padding: 10px;
   background-color:#dddda8;
}
.address-section-in-checkout{
   padding-left:6%;
}
.checkout .proceed-to-buy{
   padding: 12px 96px;
   font-size: 22px;
}
.submit-form-div{
   margin-bottom:8px;
   background:#f5f5f5;
   text-align:center;
}
.order h4{
   width:14%;
}
.order h4 span{
   color:transparent;
}
.total-value{
    padding: 4px;
    border: 1px solid #e1dfaf;
    border-radius: 4px;
    text-align: center;
    background: #ebe9b8;
    font-weight: 400;
    font-size: 22px;
    color: #50503f;
}
.dashboard-data-display{
   width: 96%!important;
   margin: 10px !important;
   padding: 10px!important;
   background: #ebede5;
   border-radius:4px;
   text-align:left;
}
.order-box{
   width: 49%;
    margin: 2px;
    padding:8px;
    border: 1px solid #c7bfbf;
    border-radius: 4px;
    display: inline-block;
    background: #d3d3c9;
}
.order-box .order-box-action{
   padding-left:4px;
}
.order-box .order-box-action .value{
   color:transparent;
}
.order-box .order-box-detail{   width:58%;}
.order-box .order-box-action{   width:38%;}
.order-box .order-box-detail, .order-box .order-box-action{
   display:inline-block;

}
.order-box .title{
   width: 40%;
   display: inline-flex;
}
.order-box .order-box-action .title{
   width: 52%;
   display: inline-flex;
}
.yes, .no{
   height: 18px;
   width: 18px!important;
   line-height: 1;
   border-radius: 35%;
   content: "";
   display: inline-block;
}
.yes{
   background: #65BD4F;
}
.no{
   background: #CE2828;
}
.filter-categories-list{
/*    position:sticky;
   top:178px; */
}
.filter-categories-list select{
/*    width:80%; 
   border:0;*/
   overflow: hidden; /* Hide scrollbars */
   font-size:18px;
}
 .filter-categories-list select option{
   cursor: pointer;
   padding: 24px 2px 0 0;
   line-height: 24px; 
   text-align:left;  
   font-family: ProximaNova-Medium,Helvetica,Arial,sans-serif;
   color: #b9b4b4;
}
.filter-categories-list select option:hover, .filter-categories-list select option:checked {
   width:fit-content;
   border-bottom: 3px solid #e85826;
   background-color: transparent;
   font-size: 19px;
}

.hero-container{
   height: 650px;
      width:100%;
   background-color:gray;
   overflow:hidden;   
}
.hero-image {
   display:table;
   height: 650px;
         width:100%;
   background-position: center; /* Center the image */
   background-repeat: no-repeat; /* Do not repeat the image */
   background-size: cover; /* Resize the background image to cover the entire container */

   box-shadow: inset 0 0 0 1000px rgba(0,0,0,.4);/* Semi-transparent color layer over background-image*/

   animation: hero-animate-zoom-out 50s ease infinite;
}
@keyframes hero-animate-zoom-out{
  0% {transform: scale(1, 1);}
  50% {transform: scale(1.2, 1.2);}
}
/* .hero-image-index {
    background-image:url("../images/hero1.jpg");  
} */
.hero-image-product{
   background-image:url("../images/home-hero4.jpg");
}
.hero-image-contact{
   background-image:url("../images/hero3.jpg");
}
.hero-image-about{
   background-image:url("../images/hero1.jpg");
}

.hero-image h3, .hero-image h1{
   display:table-cell;
   vertical-align:middle;
   color: white;
   padding:0 15%;
}
.hero-image h1{
font-size: 60px;
    font-weight: 600;
}


.page-section{
   padding:20px 0;
/*    animation: section-animate-zoom-out 6s ease ; */
}
/* @keyframes section-animate-zoom-out{
  0% {transform: scale(0.8, 0.8);}
  100% {transform: scale(1, 1);}
} */
div.page-section:nth-child(even) {
   background:#4c9cde0f;
}
.page-section .section-heading{
 color: #0D406C;
    font-size: 55px;
    font-weight: 600;
}
.page-section h5{
       color: #bfbfbf;
    font-size: 16px;
    font-weight: 300;
}
.page-section button{
   margin-top:20px;
color: #0d406c;
    background-color: #02010100;
    border-style: solid;
    border:solid 1px #0d406c;
    border-radius: 3px;
    padding: 20px 80px;
        font-size: 15px;
        
        transition: 0.8s;
}

.page-section button:hover{
color:white;
    background-color: #0d406c;

}
.divider{
   margin-top:86px;
   position:relative;
   color: #bbbbbc;
}

.divider .divider-line{
    display: inline-block;
/*         position: absolute;
    top: 8px; */
    height: 3px;
    width: 6%;
    background-color: #bbbbbc;
}
.divider .divider-icon{
    display:inline;
    margin:0 6px;
    font-size: 20px;
   
}

.page-section .client-logo-image-container,.page-section .client-review-container{
      display:inline-block;
      padding:60px;
      background-color:#f1f1f3;
      margin:20px;
      text-align: center;
}
.page-section .client-logo-image-container img{
     width:140px;
}
.page-section .client-review-container {
   background-color:#f8f8f9;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.page-section .client-review-container h6{
       color: #0D406C;
    display: inline-block;
    width: 200px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8em;
}
.page-section .client-review-container h5{
color:#092d4c;
    font-size: 20px;
    line-height: 1.5;
    text-align:right;
}
.page-section .client-review-container i{
color: #bfbfbf;
    font-size: 15px;
    font-weight: 300;
    text-align:right;
}
.product-gallery img{
   min-height: 200px;
    width: 80%;
}
.product-gallery .kait-product-body-image-container {
     height: 224px;
}

.product-page select{
   width:25%;
   margin:0;
       color: #b9b4b4;
}
.about-page .hero-container .hero-text-div{
   display: table-cell;
   vertical-align: middle;
}
.about-page .hero-container p, .about-page .hero-container h3{
   display:block;
   color: #ffffff;
   font-size: 55px;
   font-weight: 600;
   padding: 0 15%;
}
.about-page .hero-container h3{
     font-size: 30px;
    font-weight: 500;  
}
.about-page .section-heading{
   display: block;
   font-size: 30px;
    margin: 30px;
}
.about-page h4{
   padding:0 5%;
   font-size:16px;
   text-align:justify;

   line-height:2;
}
.contact-form-note{
   width: 100%!important;
    margin-bottom: 32px;
    font-size: 24px;
    color: #4c5ecc;
}
.row{
   margin-right: 0; 
   margin-left: 0;
}
[class*="col-"] {
  width: 100%;
  float:left;
  margin:0;
  padding:2px 0;
}
.row::after {
  content: "";
  clear: both;
  display: block;
}
/* NEW NAVIGATION*/
@media screen and (max-width: 600px) {
  .topnav a, .dropdown .dropbtn {display: none;}
  .topnav a.icon {float: right;display: block;}
}
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {position: absolute;right: 0;top: 0;}
  .topnav.responsive a {float: none;display: block;text-align: left;}
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {display: block;width: 100%;text-align: left;}
}
/* END OF NEW NAVIGATION*/
@media only screen and (min-width:400px) {
   .fixed-head{padding-left: 64px;}
   .logotext{font-size: 16px;}
}
@media only screen and (min-width:450px) {  
.form{margin:46px 72px;}
}
@media only screen and (min-width:580px) {
  .col-s-auto {width: auto;} 
  .col-s-1 {width: 8.33%;}
  .col-s-2{width: 16.66%;}
  .col-s-3{width: 25%;}
  .col-s-4{width: 33.33%;}
  .col-s-5{width: 41.66%;}
  .col-s-6{width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9{width: 75%;}
  .col-s-10{width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12{width: 100%;}
    /* body{position:static;} */
  .social-links ul li{padding:0 5px;}
  .translator select{width:42%;}
}
@media only screen and (min-width:768px) {
.col-m-auto {width: auto;}
.col-m-1 {width: 8.33%;}
.col-m-2{width: 16.66%;}
.col-m-3 {width: 25%;}
.col-m-4 {width: 33.33%;}
.col-m-5 {width: 41.66%;}
.col-m-6 {width: 50%;}
.col-m-7 {width: 58.33%;}
.col-m-8 {width: 66.66%;}
.col-m-9 {width: 75%;}
.col-m-10 {width: 83.33%;}
.col-m-11 {width: 91.66%;}
.col-m-12 {width: 100%;}
.popup-container form{width:76%;}
}
@media only screen and (min-width:850px) {

} 
@media only screen and (min-width:988px) {
/*    body{position:static;} */
.col-l-auto {width: auto;}
.col-l-1 {width: 8.33%;}
.col-l-2{width: 16.66%;}
.col-l-3 {width: 25%;}
.col-l-4 {width: 33.33%;}
.col-l-5 {width: 41.66%;}
.col-l-6 {width: 50%;}
.col-l-7 {width: 58.33%;}
.col-l-8 {width: 66.66%;}
.col-l-9 {width: 75%;}
.col-l-10 {width: 83.33%;}
.col-l-11 {width: 91.66%;}
.col-l-12 {width: 100%;}

.translator select{width:76%;}
}
@media (min-width: 1024px){

}
@media only screen and (min-width:1150px){
   .logo img{
      margin-left: 17px;
   }
   .social-head-container .social-links {text-align:center;}
   .social-head-container .translator ul li{text-align:center;}
   .popup-container form{width:50%;}
}
/*xs (<=576px), sm (>=576px), md (>=768px), lg (>=992px) or xl (>=1200px))*/