@charset "utf-8";
/* CSS Document */
/********* larus1761855482 *********/
/* CSS Document */
@charset \"utf-8\";
/*@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');*/

*{
	margin:0;
	padding:0;
    border:none;
	text-decoration:none;
  	box-sizing:border-box;
      line-height: 150%;
}

input{
line-height: normal;
}


html,body{
	height:100%;
}


body{
	background:#FFFFFF;
  	color:#333;
  	font-family: 'Oswald', sans-serif;

}

.pl-5{
    padding-left:5px;
}

button:focus {outline:0;}

.title{
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	
}

div{
	box-sizing:border-box;
}

.img-responsive.contain{
	object-fit:contain;
  	height:auto;
}

p {
	
  	line-height:120%;
}

.b-box{
	box-sizing:border-box;
}

.mt30{
	margin-top:30px;
}

.mb30{
	margin-bottom:30px;
}

.description{
    font-weight: 600;
    margin-bottom: 20px;
    color: #839199;
    font-size: 18px;
    line-height: 24px;
}

.description.mb0{
	margin-bottom:0;
}

.description.light{
  font-weight:400;
}

.description.small{
	font-size:18px;
}

.bold{
	font-weight:600;
}

.quote{
	 font-style: italic;
}

.buttonWrap{
	height:60px;
}

.content.quote{
	font-size: 16px;
    font-weight: 600;
}

.white, .description.white{
	color:#fff;
}

.content{
	font-weight: 400;
    font-size: 16px;

}

.content.small{
	font-size:14px;
}

.content p{
	margin: 0 0 15px 0;
    padding: initial;
    line-height: normal;
    font-size: 15px;
}

.content em{
    margin: 15px 0;
    display: block;
    line-height: 22px;
    font-size: 14px;
    font-weight: 300;
}

.content a{
    color: rgb(131, 179, 190);
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    margin: 25px 0px 12px;
    font-weight: 700;
}

.mAuto{

	margin-left:auto;
  	margin-right:auto;
}

.gray{
	color:#888;
}

.grayBg{
	background:#f2f2f2;
}
.darkGrayBg{
	
	background:#eeeeee;
}

.whiteBg{
	background:#fff;
}

.pinkBg{
	background:#fdf0f6;
}

.accent{
	color: #627D8E;
}

.accent2{
	color: #9EAFB9;
}

.accentBg{
	background: #627D8E;
  	color:#fff;
}

.accentBg2{
	background: #9EAFB9;
  	color:#fff;
}


.aCenter{
	text-align:center;
}


.aRight{
	text-align:right;
}

.none{
	display: none;
}


.block{
	display:block;
}

.inlineb{
	display:inline-block
}

.uppercase{
	text-transform: uppercase;
}

.pointer{cursor:pointer}


.paddingAside5{
	padding: 0 5px;
}

.paddingTB5{
	padding:5px 0;
}


.paddingTB10{
	padding:10px 0;
}


.paddingTB15{
	padding:15px 0;
}


.paddingTB20{
	padding:20px 0;
}

.paddingTB20.ppb0{
	padding-bottom:0;
}


.paddingTB25{
	padding:25px 0;
}

.paddingTB30{
	padding:30px 0;
}

.paddingTB40{
	padding:40px 0;
}

.paddingTB50{
	padding:50px 0;
}

.paddingTB60{
	padding:60px 0;
}

.paddingTB70{
	padding:70px 0;
}

.paddingTB80{
	padding:80px 0;
}

.accentTXT{
	color:#627D8E;	
}

.fullHeight{
	height:100vh;
}

.height100{
	height:100%;
}

.Bg1{
	background: #627D8E;
  	color:#fff;
}

.color1{
	color:#627D8E;
}

.color2{
	color:#627D8E;
}

.Bg3{
	background: #627D8E;
  	color:#fff;
}

.inlineB{
  display:inline-block
}


.divider{

	width:100%; 
    display:block;
  	height:1px;
    background:#ddd;

}


.content img{
	display:block;
  	max-width:100% !important;
  	height:auto !important;
  	
}

.preTitle{
	font-size: 16px;
  	text-transform: uppercase;
  	font-weight: 600;
  	display:inline-block;
      
}

.preTitle:hover{
	text-decoration:underline;
}

.mainTitle{
	font-size: 34px;
    line-height: 1.2em;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
  	font-family: 'Open Sans', sans-serif;
  	margin-bottom:10px;
  	color:#222;
}

.mainTitle.medium{
	font-size: 28px;
}

.mainTitle.small{
	font-size: 21px;
}

.mainTitle.xsmall, .productsPage .mainTitle.xsmall {
    font-size: 17px;
}

.mainTitle.mb0{
	margin-bottom:0;
}

.mainTitle.light{
	font-weight:300;
}

.mainTitle.bold{
	font-weight:700;
}

.mainTitle.semibold{
	font-weight:500;
}

.mainTitle.sans.bold{
	font-weight:500;
}


.mainTitle.accent{
	color:#627D8E;
}

.mainTitle.accent3, .accent3{
	color:#627D8E;
}

.mainTitle.white{
	color:#ffffff;
}

.mainButton.none{
	display:none;
}

.mainTitle.sans{
	font-family: 'Open Sans', sans-serif;
}

.mainTitle .title {
    position: relative;
    z-index: 2;
    padding: 0 20px;
  	font-family: 'Oswald', sans-serif;
}

.mainTitle .titleLine {
    border-top: 4px double #c5c5c5;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.mainButton{
	color:#fff;
  	background:#627D8E;
  	border:2px solid #627D8E;
  	padding:10px 20px;
  	display:block;
  	max-width:300px;
  	margin-top:10px;
  	margin-bottom:10px;
  	text-align:center;
  	text-transform:uppercase;
  	cursor:pointer;
  	line-height: normal;
}

.mainButton.inline_block{
	display:inline-block;
  	min-width:250px;
  	
}

.mainButton.transparent{
	border:2px solid #627D8E;
  	background:transparent;
  	color: #627D8E;
}

.mainButton:hover{
	/*opacity:0.7;*/
}

.mainButton.round{
	border-radius: 20px;
}

.mainButton.light{
	border:2px solid #fff;
  	background:transparent;
  	font-weight:600;
  	color: #627D8E;
}

.mainButton.light:hover{
	background:#fff;
  	color:#000;
  	opacity:1;
}

.mainButton.transparent:hover{
	background:#627D8E;
  	color:#fff;
}


.mainButton.accent2{
	background:#9EAFB9;
  	border:2px solid #9EAFB9;
  	font-size:14px;
  
}

.mainButton.m0{
    margin:0;
}

.mainButton.accent2:hover{
	opacity:0.7;
}

.squaredTitle.mainTitle{
	display: inline-block;
    padding: 10px;
    border: 3px solid #9EAFB9;
    position: relative;
}

.squaredTitle.mainTitle:after{
	content: \"\";
    width: calc(100% - 30px);
   background: transparent;
    left: 15px;
    top: -6px;
    height: 100%;
    position: absolute;
  	border-top: 6px solid #fff;
    border-bottom: 6px solid #fff;
}

.squaredTitle.mainTitle:before{
    content: \"\";
    width: 100%;
    background: transparent;
    left: -6px;
    top: 15px;
    height: calc(100% - 30px);
    position: absolute;
    z-index: 1;
    border-left: 6px solid #fff;
    border-right: 6px solid #fff;
}


/********** HEADER **********/


header .socialIcon, footer .socialIcon{
	display:inline-block;
  	vertical-align:middle;
  	margin: 0 10px -1px;
  	
}

header .socialIcon a{
	font-size:20px;
  	color: #777;
}
header .socialIcon a:hover{
	color:#9EAFB9;
}

.headerInfo.mainTitle{
	margin-top:23px;
  	color:#444;
}

.header_phone{
	font-size:23px;
  	padding-top: 35px;
  	color:#444;
  	font-family: 'Open Sans', sans-serif;
}

.header_phone a{
	color:#444;
}

.bodyStyle .blueTop{

	background:#ffffff;
  	
}

.blueTop .right{
	text-align:right;
}

.blueTop{
	background: #fff;
}


.headerInput{
	display: inline-block;
   	padding: 8px 10px;;
    font-size: 14px;
    margin: 0 -4px 10px 20px;
    color: #fff;
    background: rgba(254, 254, 254, 0.15);
    box-sizing: border-box;
  	width: -webkit-calc(100% - 70px);
  	width: calc(100% - 70px);
    max-width: 230px;
  	height:32px;
}

.search_mobile{
	padding:5px 10px;
}

.search_mobile .headerInput{
	width:-webkit-calc(100% - 65px);
  	width:calc(100% - 65px);
  	margin: 4px 5px 8px 20px;
  	background:#fff;
}

.search_bar button{
	font-size: 15px;
    border: none;
    background: #9EAFB9;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    width: 35px;
    margin: 0;
    height:32px;
    padding: 5px 9px;
}

header .search_bar{
	margin:10px 0 0;
}

.search_bar button:hover{
	opacity: 0.7;
}

.search_mobile .search_bar button{
	color:#fff;
}

.search_bar input::-webkit-input-placeholder{
	color:#f5f5f5;
  	text-transform:uppercase;
}

.search_bar input::-moz-placeholder{
	color:#f5f5f5;
  	text-transform:uppercase;
}

.search_bar input:-ms-input-placeholder{
	color:#f5f5f5;
  	text-transform:uppercase;
}

.search_bar:-moz-placeholder{
	color:#f5f5f5;
  	text-transform:uppercase;
}

.search_bar input::placeholder{
	color:#f5f5f5;
  	text-transform:uppercase;
}

.search_mobile .search_bar input::-webkit-input-placeholder{
	color:#627D8E;
  	text-transform:uppercase;
}

.search_mobile .search_bar input::-moz-placeholder{
	color:#627D8E;
  	text-transform:uppercase;
}

.search_mobile .search_bar input:-ms-input-placeholder{
	color:#627D8E;
  	text-transform:uppercase;
}

.search_mobile .search_bar:-moz-placeholder{
	color:#627D8E;
  	text-transform:uppercase;
}

.search_mobile .search_bar input::placeholder{
	color:#627D8E;
  	text-transform:uppercase;
}


.topUl{
	list-style:none;
  	/*padding:5px 0;*/
}

.blueTop .topUl li{
	display: inline-block;

  	
}

.blueTop .topUl li.inlinebMob{
	display:none;
}



.blueTop .topUl a, .blueTop .topUl span{
   	padding: 5px 6px;
    display:block;
    font-weight: 400;
    font-size: 12px;
  	color: #777;
  	text-transform:uppercase;
}

.orange .blueTop .topUl a, .blueTop .topUl span{
  	color:#fff;
}

.blueTop .topUl a:hover, .blueTop .topUl span:hover{
	color:#627D8E;
}

.menuBar{
	    background: #ff66ae;
    height: 48px;
}

.headerSpacer{
	    height: 216px;
}


header{
	/*position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;*/
  	/*background: #fff;*/
}


.headerTop figure{
 
  	text-align:left;
}

.logo{

	padding: 0;
	display:block;
	height: 80px;
    margin: 8px 20px 12px;
  	text-align: center;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;  

}

.logo img{
    height: 100%;
    margin: auto;
    width: 100%;
   	object-fit: contain;
  	object-position: left center;
}


.txtLogo{
	font-size:30px;
  	color:#627D8E;
  	font-weight:400;
  	text-transform:uppercase;
  	text-align:center;
}


.txtLogo span{

  	color:#786b6b;
  	font-weight:400;
  	margin-top:2px;
}


.txtLogo p span{
  font-weight:500;
}

.homeTitle{
  	position: absolute;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.5);
    color: #627D8E;
    font-weight: 300;
    padding: 10px 0;
    font-size: 1vw;
    text-transform: uppercase;
}


.menuIcons{
	color:#fff;  
    position: absolute;
    top: 50%;
    right: 20px;
  	-webkit-transform:translate(0, -50%);
  	transform:translate(0, -50%);

}

.menuIcons span{
	margin-left:10px;
}

.accent3 .menuIcons{
	color:#627D8E;
}

.menuIcons i{
	cursor:pointer;
}

.mainMenu .mainUl{
	list-style: none;
	display: block;
}

.mainMenu li{
	display:inline-block;
  	vertical-align:middle;
}

.mainMenu span{
	cursor:pointer;
}


.mainMenu li a, .mainMenu li span{
	color: #fff;
    display: block;
    padding: 17px 10px 15px;
    font-weight: 400;
    font-size: 13px;
  	text-transform:uppercase;
  	border-left: 1px solid transparent;
  	border-right: 1px solid transparent;
  	margin:0;
  	font-family: 'Open Sans', sans-serif;
  	letter-spacing:1px;
}




.mainMenu li a.homeicon{
	padding: 0px 6px 0 6px;
	height: 40px;
    box-sizing: border-box;
    width: 42px;
}


.mainMenu li a.subhover:hover, .mainMenu li span.subhover:hover{

	/*border-color:#627D8E;*/
  	/*color:#627D8E;*/
  
}

.mainMenu li.propMenu:hover, .mainMenu li.propMenu:hover{

  	color:#9EAFB9;
  
}

.mainMenu li a:hover, .mainMenu li span:hover, .mainMenu li a.active_nav, .mainMenu li span.active_nav{

	color:#627D8E;

}


.mainMenu{
	padding:0 10px;
}

.bodyStyle .logo{
   /* height: 80px;
    margin: 3px 20px;*/
}



.subMenu{
	display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(-25%, 100%);
    -webkit-transform: translate(-25%, 100%);
    width: 500px;
    z-index: 999;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
  	background:#627D8E;
}


.subMenu li{	
    float: left;
    width: 50%;
    display:block;
	text-align:left;
}

.subMenu li a, .subMenu li span{
	display:block;
	text-align:left;
  	float:none;
}


.subMenu li a, .subMenu li span{
	padding: 10px 20px;
  /*background:#fff;*/
  border-bottom:none;
  transition: color .15s linear, color .15s linear; 
}


.mainMenu .subMenu li a:hover, .mainMenu .subMenu li span:hover{
  	
    background:#627D8E;
  	color:#fff;
  	
}

/*
.propMenu:hover .subMenu{
	display:block;
}
*/




/************** BANNER ****************/

.bannerSection{
	background-color: #627D8E;
}

#banner>div{
	
  display:none;
  	
}

.bannerBg{
	background:rgba(150,150,150,0.25);
  	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.banner{
	overflow: hidden;
    height: 35vw;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    max-height: 675px;

}



.banner.inner{

	height: 45vh;
}



.arrowNav {

    color: #76b2ce;
    font-size: 45px;
    position: absolute;
    top: 50%;
    transform: translate(-100px, -50%);
    -webkit-transform: translate(-100px, -50%);
  	cursor:pointer;

}



.arrowNav_l {

    left: 15px;

}



.arrowNav_r {

    right: 15px;

}

.bullets{
	height:14px;
  	width:14px;
  	background:#839199;
  	border-radius:7px;
  	border:1px solid #fff;
  	cursor:pointer;
  	margin:5px;
  	display:inline-block;
  	transform:translate(-100px,0);
      -webkit-transform:translate(-100px,0);
        opacity:0;
  	
}

.bullets.bullets_On{
	background:#839199;
    opacity:0;
}

.banner .container{

	height:100%;

}

#bgRotatorNav{
	bottom:35px !important;
  opacity: 0;
}


.banner_content{
	height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
  	/*background: rgba(85, 85, 85, 0.2);*/
  	z-index:0;
}

.roundButton{
    text-transform: uppercase;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    display: block;
    box-sizing: border-box;
    padding: 8px;
    border-radius: 20px;
    height: 38px;
    max-width: 200px;
    width: auto;
    font-weight: 600;
    font-size: 14px;
  	text-align:center;
  	margin-top: 15px;
    line-height:normal;
}

.roundButton:hover{
	color:#000;
  	background:#fff;
}

.roundButton.accent{
	color: #627D8E;
    border: 1px solid #627D8E;
}

.roundButton.accent:hover{
	color: #fff;
    background: #627D8E;
}

.banner .divider{
	    display: block;
    width: 50px;
    border: none;
    height: 5px;
    background: #9EAFB9;
    margin: 8px 20px;
}

.buttonsBanner{
        position: absolute;
    z-index: 10;
    top: 50%;
    transform: translate(-100px, -50%);
    -webkit-transform: translate(-100px, -50%);
    left: 0;
    width: 100%;
    max-width: 500px;
    padding: 20px 35px 20px 35px;
}

.bannerCaption{
	    color: #fff;
    display: block;
    padding: 10px 13px 10px 20px;
    font-size: 35px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 5px;
    line-height: 120%;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    background: #83919991;

}


.padding20.pb0{
padding-bottom:0;
}

  .bannerCaption span{
  	color:#627D8E;
  }

.bannerBlock {
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	width:100%;
	text-align:center;
}

.bannerDescription{
	color:#ddd;
   /*-webkit-text-shadow: 1px 1px 8px rgba(65, 78, 68, 0.5);
  	text-shadow: 1px 1px 8px rgba(65, 78, 68, 0.5);*/
	line-height:10%;
  	display:block;
     line-height: 150%;
  	font-size:21px;
  	font-weight:400;
	text-align:left;
	width:100%;
  	    padding: 0 13px 0px 20px;
  	text-transform: uppercase;
  	font-family: 'Open Sans', sans-serif;

}

.small .bannerCaption{
  font-size:32px;
}

.small .bannerDescription{
	font-size:16px;
  	color:#fff;
}

.buttonPos{
	text-align:left;
}

.buttonsBanner .mainButton{
	padding: 7px 25px;
    text-align: center;
    display: inline-block;
	background:#fff;
	color:#333;
	text-transform:uppercase;
	font-size:14px;
  	font-weight:400;
  	cursor:pointer;
  	border:2px solid #fff;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
  	min-width:0;
  	max-width:100%;
}

.buttonsBanner .mainButton:hover{
	color:#fff;
	background:#9EAFB9;
  	border-color:#9EAFB9;
	
}


.buttonsBanner .mainButton .fa{
	font-size:30px;
  	vertical-align: middle;
}

.homeVideo embed, .homeVideo iframe{
	width:100% !important;
  	height:45vh !important;
}


/*************** FEATURES ****************/


.flexWrap{
	  display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexedItem{
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.featuresSection .flexedItem{
	min-width:25%;
  	
}

.featureImage{
	height: 150px;
    max-width: 200px;
    margin: auto;
}

.featureBox{
	/*border-right:1px solid #ddd;*/
  		color:#627D8E;
}

.featureBox:last-of-type{
	/*border-right: 1px solid transparent;*/
}

.featureBox i{
	font-size:30px;
  	margin: 0;
  	color:#9EAFB9;
  	
}

.leftIcon{
	width:45px;
}

.featureBox .mainTitle{
	margin-bottom:5px;
}

.featureDesc{
	width:-webkit-calc(100% - 45px);
  	width:calc(100% - 45px);
  	float:left;
}

.featureBox .content{
	font-size:13px;
  	color:#777;
}


/******* ABOUT ******/

/********* BRANDS ***********/

.brandLogo{
	height:100px;
  	display:inline-block;
  	filter: grayscale(100%);
}

.brandLogo img{	
  	display:block;
  	height:100%;
  	object-fit:contain;
}

.col-1fifth{
	width:20%;
}


/********* FEATURED CATEGORIES ***********/

.categoryThumb{
	height:500px;
  	position:relative;
  	display: block;
}

.categoryThumb:before{
	content:'';
  	display:block;
  	width:100%;
  	height:100%;
  	background:#000000;
  	z-index:1;
  	position:absolute;
  	left:0;
  	top:0;
  	opacity:0.3;
}

.categoryThumb .mainTitle{
	position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
  	/*width: 100%;*/
    max-width: -webkit-calc(100% - 60px);
  	max-width: calc(100% - 60px);
    transform: translate(-50%, -50%);
  	-webkit-transform: translate(-50%, -50%);
    z-index: 2;
    color: #fff;
    text-align: center;
    border-bottom: 3px solid #9EAFB9;
    padding-bottom: 5px;
}

.categoryThumb:hover:before{
	opacity:0.45;
}


/********* PRODUCTS *********/

.prodOptions{
	border:1px solid #ddd;
  	border-radius:0;
  	font-size: 12px;
  	box-sizing: border-box;
    width: 100%;
  	max-width: 300px;
  	
}

.soldOut{
    color: #ce4141;
    font-size: 20px;
    font-weight: 700;
    vertical-align: baseline;
}

.prodDesc .prodOptions{
	border-color:#fff;
  	    font-size: 10px;
  padding: 5px 0;
    color: #7a7a7a;
}

.prodWrap{

	background: #fff;
	margin: 10px 0;
  	/*border-bottom: 1px solid #ddd;*/

}

.prodWrap.bnone{
	border:none;
}

.prodThumb{

	height:220px; 
 	width:100%;
}

.prodWrap .prodThumb{
	background-image:url('../images/unavailable_image.jpg');
  	background-size:cover;
  	background-repeat:no-repeat;
  	background-position:center center;
}

.prodDesc .title{
	font-size:15px;
  	font-weight:400;
  	color: #7e7e7e;
  	margin-bottom: 10px;
  	min-height: 45px;

}

.prodDesc .brand{
	font-size:13px;
  	text-transform:uppercase;
  	color:#9EAFB9;
  	font-weight: 600;
  	min-height: 19px;
}

.prodDesc.recipe .title{
	margin-top: 0;
  	height: 90px;
}	

.prodDesc .title.accent{
	color:#627D8E;
}

.prodDesc .title.short{
	height: 40px;
}

.prodPreviewWrap .fav{
	position: absolute;
    top: -7px;
    right: 2px;
    font-size: 23px;
    cursor: pointer;
}

.prodPreviewWrap .fav:hover, .prodPreviewWrap .fav.active{
	color:#9EAFB9;
}


.prodDesc .description {
    color: #858585;
    font-weight: 300;
    font-size: 14px;
   /* min-height: 40px;*/
  	margin-top:15px;
}


.startingPrice{
	margin-bottom: -1px;
    font-size: 13px;
    font-weight: 600;
    color: #777;
}

.price {
    color: #777;
  	text-align: right;
}


.reg_price {
    font-size: 16px;
    color: #1e1e1e;
   /* margin-left: 10px;*/
  	text-align:left;
  	font-weight: 600;
}

.reg_price.red{
    color:#c32222;
}

.reg_price.aCenter{
	text-align:center;
}

.reg_price.aRight{
	text-align:right;
}

.price .oldPrice {

    display: block;

}

.reg_price .crossed, .reg_price.red .crossed{
	text-decoration: line-through;
  	font-weight:300;
  	font-size:14px;
  	 color: #1e1e1e;
}

.crossed{
	text-decoration: line-through;
} 


.price.align_right span {

    margin-top: 15px;

    font-size: 14px;

    margin-bottom: 9px;

}



.price .oldPrice {

    color: #555;

    font-size: 16px;

    text-decoration: line-through;

}



.catTitle{

	border-bottom: 1px dotted #aaa;
    padding: 8px 10px;
   
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;

  color:#333;

  font-size:30px;

  margin: 20px 0 0 0;
 

}



.catTitle:first-of-type{

	margin-top:20px;

}

.catTitle.m0{
	margin-top:0;
}

.viewMore{

	text-transform:uppercase;

  	margin-top:15px;

  	

}



.buyN{

	/* font-weight: 600; */

    color: #fff;

    font-size: 16px;

    margin-top: 1px;

    /* text-transform: uppercase; */

    background: #222;

    padding: 5px 10px;

}



.breadCrumbs{

	font-weight:500;
  	font-size:18px;

}



.breadCrumbs a{
	font-size:13px;
	color:#627D8E;
	display:inline-block;
  	vertical-align:middle;
	
}

.breadCrumbs span{
	display:inline-block;
  	vertical-align:middle;
  	font-size:13px;
  	color:#aaa;
}

.breadCrumbs span i{
	font-size:11px;
  	color:#627D8E;
}


.breadCrumbs a:hover{
	color:#aaa;
}






.quantity {

    position: relative;

    vertical-align: top;

    padding-right: 15px;

    display: inline-block;

    margin-right: 10px;

  	transform: translate(-10px, 0);

  	-webkit-transform: translate(-10px, 0);

}



.quantity .qty {

    display: block;

    float: left;

	width: 60px;

    height: 35px;

    border: 1px solid #dcdcdc;

    text-align: center;

    background: #fff;

    font-size: 18px;

    color: #222;

    margin: 0;

    outline: 0;

    -moz-appearance: none;

    -webkit-appearance: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

    -moz-appearance: textfield;

}



.quantity .plus, .quantity .minus {

    display: block;

    padding: 0;

    margin: 0;

    outline: 0;

    border: 1px solid #dcdcdc;

    position: absolute;

    text-align: center;

    width: 25px;

    height: 100%;

    text-decoration: none;

    overflow: visible;

    text-decoration: none;

    font-weight: 400;

    cursor: pointer;

    text-shadow: none;

    line-height: 1;

    background: none;

    color: #222;

    border-radius: 0;

    -moz-appearance: none;

    -webkit-appearance: none;

  	background:#eee;

}



.quantity .minus {

    bottom: 0;

    left: 2px;

  	transform:translate(-100%, 0);

  	-webkit-transform:translate(-100%, 0);

    

}



.quantity .plus {

    top: 0;

    right: -9px;

    

}





.colTitle{

	font-size: 28px;

    font-weight: 500;

    padding-bottom: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #e22e31;

}



.colTitle.small{

	font-size:18px;

    border-bottom: 1px solid #ddd;

}




.mob_price{
	font-size: 15px;
    color: #555;
    padding: 5px 0 10px 0;
    font-weight: 600;
}




.productThumb{

	height:70px;

  	background-size:contain;

  	background-repeat:no-repeat;

  	background-position: center center;

  	cursor:pointer;

  	opacity:0.7;  	

  	

}



.productThumb.active, .productThumb:hover{

	opacity:1;

}


/* Lens */
.xzoom-lens {
  border: 1px solid #555;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
  cursor: crosshair;
}

/* Loading */
.xzoom-loading {
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100%;
  opacity: .7;
  background: url(../images/xloading.gif);
  width: 48px;
  height: 48px;
}

.socialShare{

	font-size: 20px;

    margin: 0 1px;

    color: #555;

  	-webkit-transition: color 500ms ease-out;

    -moz-transition: color 500ms ease-out;

    -o-transition: color 500ms ease-out;

    transition: color 500ms ease-out;

}

.shareBlock{
	text-align:right;
}


.shareBlock span, .shareBlock div{
	display:inline-block;
  	vertical-align:middle;
  	font-size:14px;
  
}

.shareBlock .at-resp-share-element .at-share-btn{
	    background-color: transparent !important;
  		margin: 0 5px !important;
}

.shareBlock .at-icon{
	fill:#777 !important;
  	width:25px !important;
  	height:25px !important;
} 

.shareBlock .at-style-responsive .at-share-btn {
    padding: 0 !important;
}


.shareBlock a .at-icon-wrapper{
	width:25px !important;
  	height:25px !important;
}

.socialShare:hover{

	color: #e22e31;

}

.keywords_container a{
	color:#333;
  	font-size:12px;
  	text-transform:uppercase;
  	margin-right:5px;
}

.keywords_container a:hover{
	color:#9EAFB9;
}


/*********** PRODUCTS PAGE ************/

.filtersTog{
	cursor:pointer;
} 

.sortingBar{
	margin-bottom:10px;
}

.filtersTog .filterArrow{
	position:absolute;
  	right:0;
  	top:50%;
  	-webkit-transform:translate(0, -50%);
  	transform:translate(0, -50%);
  	font-size: 16px;
}

.filtersTog .filterArrow.active i{
	-webkit-transform:rotate(180deg);
  	transform:rotate(180deg);
}

.allFilters{
	margin-top:10px;
}


.prodFilters{
	list-style:none;
}

.prodFilters ul{
	list-style:none;
  	text-indent:15px;
}


.prodFilters li{
	border: 1px solid transparent;
    display: block;
  	border-bottom:1px solid #ddd;
  	padding: 9px 15px 11px 15px;
}

.prodFilters .subFilter li:first-of-type{
	padding-top:0;
}

.prodFilters .subFilter li:last-of-type{
	padding-bottom:15px;
}

.prodFilters .subFilter li{
	border:none;
  	display:block;
  	padding: 3px 0;
  	margin:0;
}

.prodFilters .subFilter li a{
	padding:0;
  	display:inline-block;
}





.hasSubfilter.active a.main, .prodFilters .subFilter li a.active{
	color: #9EAFB9;
}

.prodFilters li a, .prodFilters li a.main, .filterSubcategory{
	color:#627D8E;
   	font-size: 14px;
    font-weight: 600;
  	cursor:pointer;
  	
  
}

.prodFilters li a:hover, .prodFilters li.active a{
	color:#9EAFB9;
}


.prodFilters li.hasSubfilter{
	padding:0;
} 

.prodFilters li.hasSubfilter span{
	padding: 7px 15px 9px 15px;
  	cursor:pointer;
}



.subFilter{
	display:none;
}

.active .subFilter{
	display:block;
}

.hasSubfilter span:after{
    content: '+';
    font-size: 25px;
    position: absolute;
    right: 15px;
    top: 2px;
    color: #627D8E;
  	top:50%;
  	-webkit-transform:translate(0, -50%);
  	transform:translate(0, -50%);

}

.hasSubfilter.open span:after{
    content: '-';
  	top: -webkit-calc(50% - 3px);
  	top: calc(50% - 3px);
}

.filterSubcategory{
	cursor:ponter;
}

.subCatThumb{
	height:200px;
}

.subCatThumb .img-responsive{
	object-fit:contain;
}



.prodThumb{

	color:#333;
  	margin-top: 10px;

}



.prodThumb .title{

	text-transform:uppercase;

  	font-weight:500;

  	font-size:22px;
  	line-height: 100%;

   

}

.thumPrice{

	font-size:22px;
    font-weight: 400;

}



.prodDesc{
  	border-bottom: 1px solid #ccc;
	border-top:none;
  	position:relative;

}



.prodDesc .mainButton{
	padding: 7px 0;
    width: 100%;
    margin: 15px auto 0 auto;
    box-sizing: border-box;
    font-size: 14px;
    border-width: 1px;
    font-weight: 400;
  	box-sizing: border-box;
    max-width: 100%;
}



.mainVidFit iframe{

	display:block;

  	width:95%;

  	margin:auto;

  	height:215px;

}



.freeShip{

  color:#ca0000;

      padding: 0 15px;

}





.productsPage .mainTitle{

	font-size:28px

}



.quantity {

    position: relative;

    vertical-align: top;

    padding-right: 15px;

    display: inline-block;

    margin-right: 10px;

  	transform: translate(-10px, 0);

  	-webkit-transform: translate(-10px, 0);

}



.quantity .qty {

    display: block;

    float: left;

	width: 60px;

    height: 35px;

    border: 1px solid #dcdcdc;

    text-align: center;

    background: #fff;

    font-size: 18px;

    color: #222;

    margin: 0;

    outline: 0;

    -moz-appearance: none;

    -webkit-appearance: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

    -moz-appearance: textfield;
  	border-left:none;
  	border-right:none;

}



.quantity .plus, .quantity .minus {

    display: block;
	font-size: 17px;
    padding: 0;

    margin: 0;

    outline: 0;

    border: 1px solid #dcdcdc;

    position: absolute;

    text-align: center;

    width: 25px;

    height: 100%;

    text-decoration: none;

    overflow: visible;

    text-decoration: none;

    font-weight: 400;

    cursor: pointer;

    text-shadow: none;

    line-height: 1;

    background: #fff;

    color: #222;

    border-radius: 0;

    -moz-appearance: none;

    -webkit-appearance: none;


}



.quantity .minus {

    bottom: 0;

    left: 2px;

  	transform:translate(-100%, 0);

  	-webkit-transform:translate(-100%, 0);
  	border-right:none;

    

}



.quantity .plus {

    top: 0;
	border-left:none;
    right: -9px;

    

}



.quantity .plus.inactive{

	cursor:default;

  	opacity:0.5;

}





.colTitle{

	font-size: 28px;

    font-weight: 500;

    padding-bottom: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #e22e31;

}



.colTitle.small{

	font-size:18px;

    border-bottom: 1px solid #ddd;

}



.thumPrice.large{
	font-weight: 400;
    color: #8d8d8d;
  	 box-sizing: border-box;


}



.prodPreview{
	height:50vh;
  	background-size:contain;
  	background-repeat:no-repeat;
  	background-position: center center;
  	background-color: #fff;

}





.productThumb{

	height:70px;
  	background-size:contain;
  	background-repeat:no-repeat;
  	background-position: center center;
  	cursor:pointer;
  	opacity:0.7;  	
	box-sizing: border-box;
    border: 1px solid transparent;
  	-webkit-box-shadow: 0px 0px 3px 0px rgba(74,169,210,0);
  -moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,0);
  box-shadow: 0px 0px 3px 0px rgba(74,169,210,0); 
 
  	

}



.productThumb.active, .productThumb:hover{

	opacity:1;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);
  box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); 
  border: 1px solid #4aaad2;
  	
}



.socialShare{

	font-size: 20px;

    margin: 0 1px;

    color: #555;

  	-webkit-transition: color 500ms ease-out;

    -moz-transition: color 500ms ease-out;

    -o-transition: color 500ms ease-out;

    transition: color 500ms ease-out;

}





.socialShare:hover{

	color: #627D8E;

}



.starRating{

	color:#EBBB00;

}



.viewReviews:hover{

	text-decoration:underline;

  	cursor:pointer;

}



.starRating.small{

	font-size:12px;

}


.prodBuy .mainButton{

	max-width:none;
	font-size: 14px;
    border-width: 2px;
    border-style: solid;
  	    height: 44px;
}

.prodBuy .mainButton *{
	display:inline-block;
  	vertical-align:middle;
}

.prodBuy .mainButton i{
	/*font-size:15px;*/
}

.tab{

	padding:5px 10px; 

    border: 1px solid #ddd; 

    display:inline-block; 

    margin-right:1px; 

    margin-bottom:-1px; 

    background:#ddd;

  	cursor:pointer;

}



.tab.active{

	padding:5px 10px; 

    border: 1px solid #ddd; 

    display:inline-block; 

    margin-right:1px; 

    margin-bottom:-1px; 

    border-bottom: 1px solid #fff; 

    background:#fff;

}


.tabBoxWrap{

	border: 1px solid #ddd;

}



.tabContent{

	display:none;

}



.tabContent:first-of-type{

	display:block;

}



.reviewWrap{

	font-size:13px;

}



.reviewContent{

	border-left: 5px solid #eeeeee;

}



.reviewContent .content{

	margin-bottom:20px;

  	color:#555;

}



.reviewWrap .title{

	margin-bottom:15px;

  	font-size:15px;

  	color:#333;

  	text-transform:uppercase;

}



.starsLeft{

	width: 90px;

}



.commentsRight{

	width: -webkit-calc(100% - 90px);

  	width: calc(100% - 90px);

}


.authorReview{

	color:#999;

}

.content_details strong{
	
}


/******** PAGINATION **********/


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

.pagination .pageBtn{
	padding: 2px 8px;
    border-radius: 0;
    vertical-align: middle;
    color: #627D8E;
    background: transparent;
    display: inline-block;
    font-size: 13px;
    border: 1px solid #627D8E;
    text-align: center;
}

.orange .pagination .pageBtn{
	color: #627D8E;
  	 border: 1px solid #627D8E;
}

.pagination .pageBtn:hover{
	background:#627D8E;
  	color:#fff;
}


.orange .pagination .pageBtn:hover{
	background:#627D8E;
  	color:#fff;
}

.pagination .inactive.pageBtn:hover{
	color: #627D8E;
    background: transparent;
}

.orange .pagination .inactive.pageBtn:hover{
	color: #627D8E;
    background: transparent;
}

.pagination .pageBtn.inactive{
	opacity:0.3;
  	cursor:default;
  	
}

.nPages{
	max-width: calc(100% - 75px);
  	max-width: -webkit-calc(100% - 75px);
    display: inline-block;
}

.fill_form.filterBy, .fill_form.prodfilterBy, .fill_form.searchfilterBy, .fill_form.serchFilter{
    display: inline-block;
    /*width: auto;*/
    padding: 5px 5px;
  	font-size: 12px;
  	margin-bottom: 10px;
}

.filtersFont{
	font-size:12px;
}

.accent{
	color:#627D8E;
}

.sortingBar{
	font-size:14px;
}

.noSorting .filterWrapper{
	display:none;
}


/******* LOGIN & ACCOUNT *********/

.wholesaler_menu{
	list-style:none;
  	padding: 0 15px 15px;
    margin-top: -10px;
}

.wholesaler_menu .mainButton{
	font-size:11px;
  	padding:10px;
  	margin-top:0;
  	margin-bottom:0;
}

.mainBtn.saveChanges{

	margin-top:15px;

  	padding:8px 20px;

  	border-radius:2px;

}



.updateAccount .input_form{

	max-width:350px;

}



.updateAccount label{

	display:block

    margin-top:5px;

  	color:#222;

}



.blockTitle{

	background: #627D8E;

    padding: 8px 10px;

    color: #fff;

    border-radius: 3px 3px 0 0;

}



.mw350{

	max-width:400px;

}



.pformWrap{

	border: 1px solid #e5e5e5;

    border-radius: 0 0 3px 3px;

}



.error{

	color: #c51717;

    font-size: 14px;

    margin-bottom: 5px;

    font-weight: 600;

}



.newAcontainer{

	text-align:right;

}



.newAcontainer span{

	font-size:12px;

  	cursor:pointer;

  	margin-bottom:10px;

  	display:inline-block;

  	color:#121f3d;

}



.newAcontainer span:hover{

	text-decoration:underline;

}



.invTable{

  width:100%; 

  cellspacing:0; 

  border-collapse:collapse;

}



.invTable thead tr{

	background:#627D8E;

  	color:#fff;

}



.invTable tbody tr:nth-of-type(odd){

	background:#eee;

}



.invTable tbody tr:nth-of-type(even){

	background:#f5f5f5;	

}



.invTable th{

	padding:8px;

}



.invTable td{

	padding:5px;

  	text-align:center;

}

.invTable a:hover{
	color:#9EAFB9;
}



.upA {

    top: 0;
    left: 50%;

    transform: translate(-50%, -100%);

    -webkit-transform: translate(-50%, -100%);

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 25px 25px 25px;

    border-color: transparent transparent #627D8E transparent;

}





/******** Rating LightBox / Modal *********/



.reviewLightbox{

	display:none;

}



.lbWrap{

	position:absolute; 

  	top:50px; 

  	left:50%; 

  	transform:translate(-50%, 0); 

  	-webkit-transform:translate(-50%, 0); 

  	background:#fff; 

  	box-shadow: 2px 2px 8px rgba(0,0,0,0.5); 

  	border-radius:5px; 

  	width:90%; 

  	max-width:600px; 

  	z-index:9999;

}


.lbWrap .contact_form{
  margin-top:5px;
}


.lbWrap .title{

    color: #333;
    font-weight: 300;

}



.lbWrap #sentMsg{

	text-align: left;

    padding: 0 30px;

    margin: -20px 0 0;

    font-size: 14px;
  	color:#627D8E;

}



.ratLabel{


    font-weight: 100;

    color: #666;

    font-size: 15px;

}



.ratStar{

	margin: 4px 0 0 10px;
	display: inline-block;
}



.reviewLightbox.overlay{

	background: rgba(150,150,150,0.8);

}



.closeLb{

	cursor:pointer; 

  	font-size:25px; 

    color:#333; 

    position:absolute;

    right:15px; 

    top:9px;

  	-webkit-transition: all 500ms ease-out;

    -moz-transition: all 500ms ease-out;

    -o-transition: all 500ms ease-out;

    transition: all 500ms ease-out;

}



.closeLb:hover{

	color:#627D8E;

}





.lbWrap .mainButton{

	margin: 20px 0 0;

    padding: 10px;

    max-width: 300px;

}





/******* SHOPPING CART *********/

.cartThumDesc:hover *, .cartBrand:hover{
	text-decoration:underline;
}

.cartDescr{
	color:#777;
	font-size:12px;

}

.cartBrand{
	font-size:12px;
  	text-transform:uppercase;
}

.cartThumb{
	background-size:contain;
  	background-repeat:no-repeat;
  	background-position:center center;
  	width:100%;
  	height:80px;
}


.sideCart {
    padding: 20px 10px;
    color: #fff;
    background: #839199;
    position: fixed;
    top: 50%;
    left: 0;
    font-size: 15px;
    width: 85px;
    text-align: center;
    border-radius: 0 5px 5px 0;
    -webkit-transition: transition: width 0.6s ease;
    -moz-transition: width 0.6s ease-out;
    -o-transition: width 0.6s ease-out;
    transition: width 0.6s ease-out;
    text-align: right;
}



.sideCart .fo_font {

    font-size: 15px;

    line-height: 100%;

    margin-top: 5px;

}



.paypalCheckout {

    color: #193364;

    font-weight: bold;

    padding: 8px 0px;

    border-radius: 5px;

    text-decoration: none;

    width: 215px;

    max-width: 100%;

    font-style: italic;

    border: 2px solid #faa622;

    background: #fbeedb;

    background: -moz-linear-gradient(top, #fbeedb 1%, #f9bf6d 49%, #faa622 53%, #faa622 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fbeedb), color-stop(49%,#f9bf6d), color-stop(53%,#faa622), color-stop(100%,#faa622));

    background: -webkit-linear-gradient(top, #fbeedb 1%,#f9bf6d 49%,#faa622 53%,#faa622 100%);

    background: -o-linear-gradient(top, #fbeedb 1%,#f9bf6d 49%,#faa622 53%,#faa622 100%);

    background: -ms-linear-gradient(top, #fbeedb 1%,#f9bf6d 49%,#faa622 53%,#faa622 100%);

    background: linear-gradient(to bottom, #fbeedb 1%,#f9bf6d 49%,#faa622 53%,#faa622 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbeedb', endColorstr='#faa622',GradientType=0 );

    font-family: open sans;

    font-size: 20px;

    letter-spacing: -2px;

    text-transform: none;

    margin-top: 15px;

    display: block;

    text-align: center;

    cursor: pointer;

}



.cartHeader{

	color:#fff;

  	background:#9EAFB9;

} 



.pWrap, .delWrap {

    margin-top: 20px;

}



.qWrap{    

  margin-top: 20px;

}



.cartRow{

	border-bottom: 1px solid #ddd;

}

.cartItem{
    font-size: 14px;
    text-transform: none;
    font-weight: 600;
    line-height: 16px;
    color: #333;
}

  .cartItem a{

	color:#627D8E;    

  }

  .category_tag{
display: inline-block;
    color: #626161;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 4px;
  }	

.cartItem a:hover, .category_tag:hover{
	 text-decoration:underline;
}

.removeProduct.fa:hover{

	color:#627D8E;

}



.quantity.cartButtons .qty {

    width: 45px;

    height: 27px;

    font-size: 14px;    

}





.quantity.cartButtons{

	transform: translate(10px, 0);

    -webkit-transform: translate(10px, 0);

}



.clientInfo .input_form{

	margin: 10px auto;
  	border:1px solid #ccc;
    width: 100%;
    box-sizing: border-box;

}



.clientInfo select.input_form{

    width:100%;
    box-sizing: border-box;

}



.cartLoading, .overlay {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    color: #777;

    background: rgba(256,256,256,0.7);

    font-size: 40px;

}



.cartLoading{

	z-index:9999999;

}





.overlay {

	z-index:999;

}



.cartLoading .fa.absolute, .newItemWarp {

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

}



.applyCoupon.mainButton{

	font-size: 13px;
	box-sizing: border-box;
    padding: 7px 0;
	height: 35px;
    margin: 0 auto 0;
  	max-width: 100%;
  	background:#9EAFB9;
  	border-color:#9EAFB9;

}

.applyCoupon.mainButton:hover{
	background:#627D8E;
  	border-color:#627D8E;
}



#couponCode{

	border-radius:2px;
  	width: 100%;

}



#couponCode:focus{

	border:1px solid #777;

  	outline:0;

}



.enterPromo{

	padding-top: 25px;

}



.promoDescription{

	margin-bottom:5px;

}



.lightGray {

    background: #e5e5e5;

}



.lighterGray {

    background: #eeeeee;

}



/*************** WARNINGS *****************/



.warning{

	display:block;
    border:1px solid #f1d56f; 
    background:#f6ebbb; 
    border-radius:3px;
}


.warning.success{

 	border: 1px solid rgba(145, 169, 118, 0.25);
    background: #cfe8b2;

}



.warning i{

	font-size:30px; 
  	margin-right:10px; 
  	color:#ebaa4a;
  	float:left;
	display: block;
}



.warning.success i{

  	color:#7cab47;  	

}



.warning span{

	width: calc(100% - 50px);
  	width: -webkit-calc(100% - 50px);
    float: left;
  	font-weight: 600;
    color: #444;
}



.warning:after{

  visibility: hidden;

  content:' ';

  font-size: 0;

  display:block;

  height:0;

  clear:both;

}


.warning.small{
	font-size: 14px;
}

.warning.small i{
  	font-size:30px; 
  	margin-right: 5px;
  	
}

.warning.small span{
	width: calc(100% - 40px);
  	width: -webkit-calc(100% - 40px);

}

.warning span p{
	    margin: 5px 0;
  		line-height: 120%;
}

#prodResponse{

	margin:5px;

  	display:none;

}



#cartErrors{

	margin-right:20px;

  	display:none;

}



.promoError{

	color:#e22e31;

  	display:none;

}


.maxStock{
	display:none;
}


.sentMsg{
	font-weight:600;
} 

.bminus10{
	margin-bottom:-10px;
}


/*********** FOOTER ************/

footer{
	background-image:url('../images/the-finer-cookie-pattern-dark.jpg');
  	background-repeat:no-repeat;
  	background-size: cover;
}

.paddingFooter{

	padding: 40px 0;

}



.footerBg{

	/*background: #9EAFB9;*/

	color:#ffffff;

	font-size:12px

}

footer .red{
	color:#9EAFB9;
}


.footerBg h4{

	font-size:14px;

	margin-bottom:10px

}
.contFooter{
background:#E0E6EA;
  font-size: 14px;
    color:#ededed;
}

.contFooter a, footer a{
	font-size: 14px;
    color: #d5d5d5;
}

.contFooter .mainTitle {

    text-transform: uppercase;
	font-family:'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
  	color:#fff; 	

}

.contFooter .input_form{
	color: #333;
    background: rgb(255, 255, 255);
}

footer .input_form{
	border-color:transparent;
}

.siteMap ul{
	list-style:none;
}

.siteMap ul li{
	display:block;
  	padding:5px 0;
}
.siteMap ul li a{
	font-size:14px;
  	color:#d5d5d5;
}

.siteMap ul li a:hover{
	text-decoration:underline;
}

.socialmedia a{

	font-size:13px;
	color:#eee;

}

#map{
	height:400px;
}

footer input, footer textarea, .input_form {

    display: block;

    padding: 8px 10px;

    border: 1px solid #ccc;

    border-radius: 0;

    width: 100%;
	box-sizing:border-box;

    margin-bottom: 5px;

}



select.input_form{

	width:100%;

}



footer textarea{

	height:100px;

  	font-family: 'Raleway', sans-serif;

}

.fill_form{

  	border: 1px solid #ddd;

  	border-radius:2px;

  	display:block;

  	padding: 10px 10px;

  	width: 100%;

  	box-sizing:border-box;

    margin-bottom: 15px;

}

footer .fill_form{
	color:#fff;
  	background:rgba(75, 73, 73, 0.75);
  	border:none;
  margin-bottom: 10px;
}

footer textarea.fill_form{
	min-height:120px;
}


textarea.fill_form{

	min-height:180px;

}

.capXP{

	max-height:41px;

  	max-width:100%

}
.capXP.img-responsive{
	object-fit: fill;
}

.contact_form{


}

.contact_form label{
    font-weight: 600;
    margin: 9px 0 3px 0;
    font-size: 13px;
    display: block;
}

.contact_form .send_btn {

    display: block;
    color: #fff;
    padding: 8px 50px;
    cursor: pointer;
	margin: 10px 0 20px 0;
    background: #627D8E;
    text-transform: uppercase;
  	font-weight: 400;
}

footer .contact_form .send_btn{
	background:#9EAFB9;
}

.contact_form .send_btn.orange{
	background:transparent;
  	color:#627D8E;
}


.newsletterSection{
  background:#67676f;
  
}

.newsletterSection .sentMsg{
	color:#9EAFB9;
} 

.newsletterSection .contact_form .send_btn{
    margin: 0;
    width: 100%;
    box-sizing: border-box;
  	max-width: 100%;
  	    background: #9EAFB9;
    border: none;
    color: #fff;
    border-radius: 0;
  	font-weight:500;
  height: auto;
  display: block;
    padding: 9px 10px;
    font-size: 14px;
}

.newsletterSection .contact_form .send_btn.orange{
	 border: 1px solid #627D8E;
  	 color: #627D8E;
}

.newsletterSection .contact_form .send_btn:hover{
	
  	opacity:0.7;
}

.newsletterSection .contact_form .send_btn.orange:hover{
	color:#fff;
  	 background: #627D8E;
}

.newsletterSection .contact_form{
	margin-top:0;
}

.newsletterSection .contact_form .input_form{
	   /* padding: 11px 10px; */
}

.newsletterSection textarea.input_form{
	height:200px;
}

.newsletterSection .mainTitle *{
	vertical-align:middle;
}

.newsletterSection .mainTitle{
	font-size:25px;
}

.contact_form.newsletter p{
	vertical-align:middle;
  	text-transform:uppercase;
  	font-size: 14px;
    color: #777;
  	font-weight:600;
}

.customCheckbox{
	box-sizing:border-box;
  	display:inline-block;
  	margin-right:3px;
  	height:22px;
  	width:22px;
  	border:1px solid #ddd;
  	padding:3px;
  	vertical-align:middle;
  	cursor:pointer;
}

.customCheckbox span{
  	box-sizing:border-box;
	width:100%;
  	height:100%;
  	background:transparent;
  	display: block;
  	
}

.customCheckbox.checked span{
	background:#627D8E;
}

.orange .customCheckbox.checked span{
	background:#627D8E;
}

.phone_footer .fa {

    vertical-align: middle;

    -ms-transform: rotate(10deg);

    -webkit-transform: rotate(10deg);

    transform: rotate(10deg);

}



.contacInfo{

	font-size:14px;

}





.contacInfo h3{

    text-transform: uppercase;

    /*color: #F0BD40;*/

}



.contacInfo p{

	padding: 3px 0;

  	font-weight: 500;

    font-size: 15px;

}



.contacInfo p .fa{

	padding: 5px 0;

    color: #627D8E;

  	font-size:16px;

}



.contacInfo table{

	margin:10px 0;

}



.contacInfo table td{

	border: 1px solid #eee;

    padding: 3px;

}



#sentMsg{

    font-size: 16px;

    font-weight: 500;

  	color: #fff;

    margin: -10px 0 10px 0;

}



.sMedia{
    font-size: 20px;
    text-align: center;
    width: 35px;
    height: 35px;
    background: #627D8E;
    display: inline-block;
    padding: 5px;

}

.sMedia:hover{
	opacity:0.7;
}



/*.socialIcon span:nth-of-type(2){

	vertical-align: middle;

}*/



.socialIcon{

	margin:8px 0;
  	

}
.socialIcon a{
  	font-size:20px;
}

footer .socialIcon:first-of-type{
	    margin-left: 0;
}

.footer_images{
	padding: 20px 20px 10px;
}

.footer_images li{
	height:65px;
}

.copyRight{

	    /*background: #070707;*/
	border-top:1px solid #999;
	color:#eee;

	font-size:11px;

	text-align:center;

}

.copyfooter{
	padding: 20px 20px;
  	margin-top:-10px;
  	
}


.copyRight a{

	color:#eee;

  	text-decoration:none;

}



.copyRight a:hover{

	opacity:0.8;

}



.contacInfo table {

    margin: 10px 0;

    border: 0;

    border: none;

    border-collapse: collapse;

    border-spacing: 0;

    width: 90%; 

    margin: 10px 0;

}

/****** NOTIFICATION / DISCLAIMER *******/

.disclaimer{
    color:#FFF;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
    position:relative;
    background: #9EAFB9;
    display:block;
}

.disclaimer.link{
    padding:0;
}

.disclaimer:hover {
    background:#5388a7;
    color: #FFF;
}

.disclaimer a{
    color: inherit;
    display: block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.closeDisclaimer{
    position:absolute;
    right:10px;
    top:7px;
    font-size: 20px;
    cursor:pointer;
    Z-INDEX:20;
}


/****** HOME MODAL ******/

.closeNews{
    float: right;
    padding: 10px;
    font-size: 25px;
    font-weight: bold;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;  
  	transition: 0.5s all ease;
}

.closeNews:hover{
    color:#fd8d50;
}

.newsBoxWrap .closeNews{
    float:none;
    position:absolute;
    z-index:5;
    cursor:pointer;
    right: 0;
    top: -10px;
}

.paddingNews {
    padding: 15px 20px;
}


.paddingNews .sentMsg {
    font-size: 14px;
    margin-bottom: -5px;
}

.newsBoxWrap.newsletterSection .contact_form .input_form {
    padding: 8px 10px;
    font-size: 12px;
    margin-bottom: 0;
}


.newsright .padding30{
        padding-left:30px;
    } 

.newsletterLb {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 999;
}

.newsBoxWrap {
    width: 90%;
    height: 90%;
    max-width: 1000px;
    background: #fff;
    max-height: 380px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    overflow: hidden;
}

.newsright .mainTitle{
    margin-top: 40px;
}

.newsBoxWrap .contact_form .send_btn{
    font-size: 12px;
    box-sizing: border-box;
    width: 100%;
}

.newsBoxWrap .input_form{
    padding:10px;
}

.col-5.flexedItem.newsleft{
    height:100%;
    max-width:40%;
}




/******* Loading ******/


.cartLoading, .overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    color: #777;
    background: rgba(256,256,256,0.7);
    font-size: 40px;
}


.overlay {
	z-index:800;
  	background: rgba(150,150,150,0.8);
}

.cartLoading{
	z-index:9999;
}


.cartLoading i.absolute, .newItemWarp {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);

}

.videoPrevWrap iframe, .videoPrevWrap embed{
    width:100% !important;
    height:30vh !important;
}

.videoPrevWrap.tall iframe, .videoPrevWrap.tall embed{
    height:40vh !important;
}

.videoWrap iframe, .videoWrap embed{
    width:100% !important;
    height:65vh !important;
}

/******* Media Query ******/

@media (max-width:1024px){
  
  .homeVideo embed, .homeVideo iframe{
	
  	height:40vh !important;
	}
	
	.videoWrap iframe, .videoWrap embed, .videoPrevWrap iframe, .videoPrevWrap embed{

    height:40vh !important;
}

  
  .banner.inner {
    height: 37vh;
    min-height:320px;
	}
  
  .padding10.padR0{
  	padding-right:0;
  }
  
  .cartTotals .padding15 {
    padding: 10px 15px;
	}
  
  .prodPreview {
    height: 33vh;
  }
  
  .headerInfo.mainTitle {
    margin-top: 18px;
  }
  
  .shareBlock{
	text-align:left;
	}
  
  .description {

    font-size: 16px;
  }
  
  .mainTitle {
    font-size: 28px;
  }
  
  .headerSpacer {
     height: 138px;
} 
  
  .featureBox:nth-of-type(even) {
     /* border-right: 1px solid transparent;*/
  }
  .featureBox{
  	/*border-bottom:1px solid #ddd;*/
  }
  
  .mainButton {
    font-size:14px;
  }
  
  
  /* PAGINATION */
  
    .sortingBar {
      font-size: 12px;
  }
  
  .filterWrapper .col-6.padding10{
  	padding:5px;
  }
  
  .filterWrapper.padding10{
  	padding:10px 15px;
  }
  
  .fill_form.filterBy, .fill_form.prodfilterBy, .fill_form.searchfilterBy, .fill_form.serchFilter {
    display: inline-block;

    padding: 5px;
    font-size: 12px;
    margin-top: 10px;
}
  /**/
  
  .featureSlider{

  	background-attachment:initial;
    height:55vh;
  }
  
  
   .featText {
    max-height: calc(55vh - 310px);
    max-height: calc(55vh - 310px);
    
	}
  
  .bannerCaption{

    font-size: 30px;
  }
  .bannerDescription {
    font-size: 17px;
	}
  
  .arrowNav {

    font-size: 30px;
  }
  
  .arrowNav_r {
    right: 10px;
}
  
  .arrowNav_l {
    left: 10px;
}
  
  .small .bannerCaption {

    font-size: 26px;
  }
  
  .mobileLogoIcon{
  	padding:11px 15px;
  }
  
  .mobileLogoIcon a{
  	height:30px;
  }
  
  .mainMenu li a.homeicon{
  	display:none;
  }

  .menuBar{
  	height:0;
  }
  
  .menuBar .container{
  	position:static;
  }
  

  
  .logo {
  	height:70px;
       
	}
  


  .mainMenu ul{
  	display:none;
  }

      .banner {

        height: 45vh;

    }



	.mainMenu.col-mob-4{

		position:absolute;

		right:0;

		bottom:0;

		z-index: 999;

		transform: translate(0, 100%);

		-webkit-transform: translate(0, 100%);

      	width:100% !important;

		max-width:300px !important;



	}

  

  .mainMenu .mainUl{

    display:none;
    width:100%;
    background:#627D8E;
    position: absolute;
    bottom: 3px;
    right: 0;
   	-webkit- transform: translate(0, 100%);
    transform: translate(0, 100%);
    z-index: 99;
    max-height: 70vh;
    overflow: auto;

  }

  

  .mainMenu li a, .mainMenu li span{

  	padding: 10px 20px;
	    text-align: left;
    border-bottom:none;

  }
  
  .mainMenu li .subMenu li a, .mainMenu li .subMenu li span {
    padding: 10px 40px;
    
}

  

	.mainMenu li, .mainMenu a, .mainMenu span{

		display:block;

		float: none;

      	border-bottom:none;

	}
  
  .mainMenu .propMenu span{
  	/*display:none;*/
  }

  .subMenu{
  	/*display:none!important;*/
  }

  .mainMenu li a:hover, .mainMenu li span:hover{
 		color:#9EAFB9;

   }
  

  

  .subMenu{

  	display:block;

    position:static;

    bottom:168px;

    border-bottom:none;

    transform: translate(0, 100%);

    -webkit-transform: translate(0, 0);	

   box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.0);

    width:100%;

  }

  

  .mainMenu li a.desktop, , .mainMenu li span.desktop{

  	display:none;

  }
  
    .brandLogo {

    width: 33%;
	}
  
  .brandLogo img {
    width: 100%;
	}
  
    .bannerDescription2{
  	font-size:18px;
  }
  
  .bannerCaption2{
  	font-size:35px;
  }
  
  .prodThumb {
    height: 200px;
 
	}
  
  .cartRow, .totalsWrap {
   
    font-size: 14px;
	}
  
  .featuresSection .flexedItem {
    min-width: 50%;
	}
  
  .blueTop .topUl li.noMob {
    display: none;
	}
  
  .featuresSection.paddingTB20{
 
    padding:0;
  }
  
  
    .padding15.featureBox.flexedItem{
  	padding:25px 15px;
  }
  
   .sortingBar.padding20{
  	padding:10px 20px;
  }
  
  .filtersTog.mainTitle.small{
  	font-size:18px;
  }
  
      .newsBoxWrap {
    max-height: 400px;
    }
    
    .newsBoxWrap .col-4.flexedItem{
        max-width:40%;
    }
    .newsBoxWrap .col-4.flexedItem .img-responsive{
    object-fit: contain;
    }
    
    .newsright .padding30{
        padding-left:15px;
    } 
    
      .prodBuy{
      margin-top: 50px;
  }

}



@media (max-width:640px){
    
    .productThumb{
        margin-bottom:20px;
    }
  
  .featuresSection .flexedItem {
    min-width: 100%;
	}


  .banner{

	height: 45vh;

  }

  

  .blueTop a.noMob, .noMob, .blueTop .topUl li.noMob{

  	display:none;

  }

  
  .blueTop .topUl li.inlinebMob{
	display:inline-block;
}
  

  .txtLogo{

  	margin-top:0;

  }

 

  	.mainMenu.col-mob-4{

		width:100% !important;

		max-width:100% !important;

	}

  

  .prodDesc {
   height: auto;

}

  .prodDesc .padding15, .prodDesc .paddingTB15{
  	    padding: 5px 0 15px;
  }
	

	.bgDark{

   background: rgba(0, 0, 0, 0.8);
   position: absolute;
    top: 0;
    left: 50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
	}



	.socialIcon{

		margin:0 10px 8px 0;

		display: inline-block;

	}



	.serviceIcon.second{

		position: static;

		margin: auto;

		transform: translate(0, 0);

		-webkit-transform: translate(0, 0);

	}

	.serviceContent.second{

		padding: 0 0 25px 0;

	}

  

  .teamContact{

  	display:block;

  }

  

  .cartRow {
    font-size: 12px;

	}

  

  .cartItem{

  	font-size: 13px;
	line-height: 128%;

  }



  .qWrap.padding10{

  	padding:10px 5px;

  }
  
  .prodDesc .mainButton {
	position:static;
    max-width: 100%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
	}

  

  .cartHeader{

	font-size: 12px;

	}
  
  
  .featureBlock .centerDiv{
    background:rgba(256, 256, 256, 0.8);
    position: static;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
  }
  
  .featureBlock{
  	background-attachment: initial!important;
    background-position-x: 80%!important;
    background:#fff!important;
  }
  
  .featureBlock .height100{
  	height:auto;
  }
  
  .brandLogo {

    width: 49%;
	}
  
      .buttonsBanner2{
  	max-width:none;
  }
  
  #banner2 div{
  	background-position: 90% center !important;
  }
  

 
  .bannerCaption, .small .bannerCaption{
	
    font-size: 22px;
  }
  
  .bannerDescription {

    font-size: 14px;
  }
  
  .buttonsBanner .roundButton{
  	margin:auto;
  }
  
  .featureSlider {
    height: 70vh;
    height: -webkit-calc(100vh - 84px);
     height: calc(100vh - 84px);
  	padding: 30px 0;
  }
  
  .featText {
    max-height: calc(70vh - 310px);
    max-height: calc(70vh - 310px);
    
	}
  
  .mainTitle.medium {
    font-size: 20px;
	}

  
  .sortingBar{
  	/*text-align:right;*/
  } 
  
  
  .description {

    font-size: 17px;
	}
  
  .aboutImgWrap{
	padding: 20px 0;
	}
  
  .featureSlider .col-6 .centeredY {
    position: static;
     -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

  .featureSlider img {
    margin: 0 0 30px 0;
	}
  
    .prodThumb {
    height: 160px;
     margin-top:0; 
 
	}
  
  .prodDesc .title, .prodDesc.recipe .title{
		font-size: 13px;
	    height: auto;
}
    
 .buttonsBanner{
  max-width: 285px;
  }
  
.buttonsBanner .mainButton {
    padding: 9px 12px;
    font-size: 13px;
    /*max-width: 85%;
}  
  
  .buttonsBanner{
  	padding: 20px 0 20px 40px;
  }
  
  	.logo img {

	    object-position: left;
	}
  
  .headerTop figure.mAuto {
    margin:0
	} 
  
  .cartThumb{
	
  	background-position:left center;
  	height:60px;
	}
  
  .cartTotals{
	font-size:14px;
    
	}
  
  .cartTotals .padding15{
  	padding:8px 15px;
  }
  
  .featureBox {
    /*border-bottom: 1px solid #ddd;
    border-right: 1px solid transparent;*/
	}
  
  .logo {
    height: 60px;
    margin: 10px 20px;
	}
  
  .mainTitle.small, .header_phone {
    font-size: 18px;
	}
  
  	.headerInfo.mainTitle {
   
		}
  
	.sideCart {
    padding: 15px;
    font-size: 12px;
    }
  
  .sideCart .fo_font {
    font-size: 12px;
  }

  .prodDesc .brand {
    font-size: 11px;
  }
  
  .padding15.featureBox.flexedItem {
    padding: 20px 15px;
	}
  
  .featuresSection .flexWrap.paddingAside10{
  	padding:0;
  }
  
  .mainTitle {
    font-size: 25px;
	}
  .prodWrap{
      margin:0;
  }
  
  .headerInput {
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    height: 32px;
    border-radius:0;
	}
  
  .search_bar button {
    margin: 0 0 0 -2px;
    height: 32px;
	}
  

  
  .filtersTog .filterArrow {
    font-size: 13px;
  }
  
  .newsletterSection .mainTitle.padding15{
  	padding:15px 5px 0;
    font-size: 20px;
  }
  
  .invTable {
    overflow:auto;
    font-size: 13px;
	}
  
  .banner.inner{
	min-height:210px;
	height: 35vh;
}
  
  .categoryThumb {
    height: 250px;
  }
  
  .headerTop figure {
   
    float: none !important;
    margin: auto;
	}
  
   .homeVideo embed, .homeVideo iframe, .videoWrap iframe, .videoWrap embed, .videoPrevWrap iframe, .videoPrevWrap embed{
	
  	height:33vh !important;
	}
  .wholesaler_menu {
    margin-top: 10px;
  }
  
    .newsBoxWrap {
    max-height: 90%;
    overflow-y: auto;
    height: initial;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    top: 120px;
}
.closeNews {
    font-size: 25px;
    /* color: #fff; */
}



.paddingNews {
    padding: 15px 20px;
}

.newsBoxWrap .mainTitle {
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.paddingNews .sentMsg {
    font-size: 14px;
    margin-bottom: -5px;
}

.newsBoxWrap.newsletterSection .contact_form .input_form {
    padding: 8px 10px;
    font-size: 12px;
    margin-bottom: 0;
}

.flexedItem.newsright, .flexedItem.newsleft {
    min-width: 100%;
}

.col-5.flexedItem.newsleft {
    height: 180px;
}

.newsright .padding30{
        padding-left:30px;
    } 
  


}

@media (max-width: 640px){
    .prodDesc .mainButton{
        font-size:11px;
    }
} 
#banner, #banner2, #banner3{ overflow:hidden; opacity:0; transition:opacity ease-out 0.6s;}