@font-face{font-family:'fl-icons';font-display:block;src:url("../eot/fl-icons.eot");src:url("../eot/fl-icons.eot#iefix") format("embedded-opentype"),url("../woff2/fl-icons.woff2") format("woff2"),url("../ttf/fl-icons.ttf") format("truetype"),url("../woff/fl-icons.woff") format("woff"),url("../svg/fl-icons.svg#fl-icons") format("svg")}

body, p {
		font-family: 'Lato', sans-serif;
		color:#555;
		font-size:16px; 
		line-height:24px;	
		font-weight:400;
		}

		a { color:#000; }
		a:hover { text-decoration:none; }

	.padt5 { padding-top:5px; }
	.padb5 { padding-bottom:5px; }
		
			
	.padt10 { padding-top:10px; }
	.padb10 { padding-bottom:10px; }
	.padt20 { padding-top:20px; }
	.padb20 { padding-bottom:20px; }
	
	.padt40 { padding-top:40px; }
	.padb40 { padding-bottom:40px; }
	.padt100 { padding-top:3%; }
	
	.padl50 { padding-left:50px; }
	.padr50 { padding-right:50px; }
	.padt50 { padding-top:50px; }
	.padb50 { padding-bottom:50px; }
	
	.padt100 { padding-top:100px; }
	.padb100 { padding-bottom:100px; }


	.padl100 { padding-left:5%; }
	.padr100 { padding-right:5%; }
	
	.padr25 { padding-right:25px; }
	.padl25 { padding-left:25px; }
	
	.pad20 { padding:20px; }
	.pad10 { padding:10px; }
	.pad0 { padding:0px; }
	.padr0 { padding-right:0px; }
	.padl0 { padding-left:0px; }
	.margin0 { margin:0px; }
	.marginb10 { margin-bottom:10px; }
	
	.font-14 { font-size:14px; }
	.w100 { width:100%; }
	.blackbg { background:#000; }
	.whitebg { background:#fff; }
	.greybg { background:#7e7e7e; }
	.darkgreybg { background:#474747; }
	.cyanbg { background:#63ddc9; }

	.grey { color:#777; }
	.white { color:#fff }
	.black { color:#000 }
	
	.border-bottom-grey { border-bottom:1px solid #dedede; }
	
	.contact-input, .contact-select, .contact-select2 { width:100%; border:1px solid #dedede; font-size:14px; color:#555; border-radius:none; }
	.contact-select { padding:2px; }
	.contact-select2 { padding:5px; font-size:16px; }
	
	.menu_container { padding:20px 12px 20px 12px;  position:relative; display:inline-block; border:0px solid blue;  }
	.menu_dropdown {  z-index:20000; width:auto; display:none;   position:absolute; left:-40px; top:60px;  background:#fff; z-index:20000; border:1px solid #dedede; padding:20px 20px; }
	.menu_dropdown_inner { 	display: inline-flex; }
	
	.hidden { display:none; }
		
	.submenu_container { padding:10px; border:0px solid red; float:left; min-height:350px; min-width:200px; }
	
	.white_border { padding:10px; border:1px solid #dedede; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 		-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 		-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
	
	.menu_dropdown:before {
    content: " ";
    position: absolute;
	z-index:-1;
    background: #fff;
	border-left:1px solid #dedede;
	border-top:1px solid #dedede;
    width: 20px;
    height: 20px;
    top: -10px;
    left: 100px;
    transform: rotate(45deg);
	}
	
	.menu_links {  color:rgba(102,102,102,0.85); font-size:14px;  font-weight:700;  text-decoration:none;  }
	.menu_links:hover { text-decoration:none; color:rgba(102,102,102,0.85); }
	
	.menu_link2 { color:rgba(17,17,17,0.85); font-size:14px; line-height:18px; font-weight:700;  text-decoration:none;  font-weight: bolder;}
	.menu_link2:hover {   text-decoration:none; color:rgba(17,17,17,0.85); font-weight: bolder; }
	
	.menu_links3 { color:rgba(102,102,102,0.85); font-weight:400; font-size:15px; line-height:18px; text-decoration:none; }
	.menu_links3:hover { text-decoration:none; color:rgba(102,102,102,0.85); }
	
	
	.search_container { position:absolute; display:none; bottom:-50px; left:-50px; width:150%; z-index:10000; background:#fff;  border:1px solid #dedede; }
	.search_container:after { 
	content: " ";
    position: absolute;
	z-index:-1;
    background: #fff;
	border-left:1px solid #dedede;
	border-top:1px solid #dedede;
    width: 20px;
    height: 20px;
    top: -10px;
    left: 50px;
    transform: rotate(45deg);
	}
	
	.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	}

	.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

	
	
	.shadow { 
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	}
	
	.no_underline, .no_underline:hover { text-decoration:none; }
	
	.top_small_links { color:rgba(255,255,255,0.8); font-size:13px; text-decoration:none; margin-right:8px; margin-left:8px; }
	.top_small_links:hover { color:rgba(255,255,255,1); font-size:13px; text-decoration:none; }
	
	.main_links { color: rgba(17,17,17,0.85); font-size:16px; }
	
	.header_overlay_container { display: flex; justify-content: center; margin-top:6%; }
	.header_overlay { width:auto; max-width:50%; background-color: rgba(0, 0, 0, 0.26);  padding:40px 20px; text-align:center; }
	.main_header { font-size:48px; color:#fff; font-weight:700; line-height:52px; }
	.header_caption { color:#f1f1f1; font-size:20px; line-height:24px; font-weight:400; }
	
	.cyan_button { background:none; cursor:pointer; text-decoration:none; text-align:center; padding:10px 15px; display: inline-block; margin-top:10px; color:#63ddc9; font-size:14px; font-weight:700; border:2px solid #63ddc9;  }
	.cyan_button:hover { background:#63ddc9; color:#fff; text-decoration:none; }
	
	
	.brochure_button { border:2px solid #fff; color:#fff; font-size:14px; padding:10px 20px; text-decoration:none; }
	.brochure_button:hover { background:#fff; border:2px solid #000; color:#000; font-size:14px; padding:10px 20px; text-decoration:none; }
	
	.cart_count { position:absolute; right:-10px; top:-10px; height:20px; width:20px; text-align:center; padding:0px;border-radius:50%; background:#ED8366; color:#fff; font-size:9px; }
	.cart_count_mobile { position:absolute; right:0px; top:0px; height:20px; width:20px; text-align:center; padding:0px;border-radius:50%; background:#ED8366; color:#fff; font-size:9px; }
	
	.plusminus_input { padding:10px 5px; border:1px solid #dedede; float:left; height:40px; cursor:pointer; }
	.plusminus_input input {  width:40px; font-size:16px; color:#777; border:none; text-align:center; height:100%; }
	.plusminus { padding:10px 5px; border:1px solid #dedede; float:left; height:40px; cursor:pointer; }
	.plusminus:hover {  background:#aaa; }
	.plusminus i { font-size:11px; }
	
	#product_accordion .card, #faq_accordion .card  { border:none; }
	#product_accordion .card-header, #faq_accordion .card-header  { border:none; }
	.accordion_title  { font-size: 20px; font-weight:400; color:#777; padding-top:10px; border-top: 1px solid #ddd; cursor:pointer; }
	
	.enquire_button { width:100%; padding:10px; color:#fff; font-size:18px; font-weight:700; border:2px solid #fff; text-align:center; text-decoration:none;}
	.enquire_button:hover {  color:#777; background:#fff;  text-decoration:none; }
	.enquire_button:hover a, .enquire_button a:hover {  text-decoration:none; }
	
	.footer_social { color:#C0C0C0; font-size:16px;  }
	.footer_social_container { float:left; width:35px;  height:35px; padding-top:5px; text-align:center; margin-right:5px; border:2px solid #C0C0C0; border-radius:50%; }
	.footer_social_container:hover { background:#C0C0C0; color:#474747; }
	.footer_social_container:hover .footer_social { color:#474747; } 
	
	.footer_links { font-size:15px; line-height:18px; color:#f1f1f1; font-weight:400; }
	.footer_links:hover  { text-decoration:none; color: #fff;}
	
@media screen and (max-width:600px) 
{
	
		.header_overlay_container { display: flex; justify-content: center; margin-top:15%; }
		.header_overlay { width:auto; max-width:80%; background-color: rgba(0, 0, 0, 0.26);  padding:40px 20px; text-align:center; }
		.main_header { font-size:28px; color:#fff; font-weight:700; line-height:32px; }
		.header_caption { color:#f1f1f1; font-size:16px; line-height:20px; font-weight:400; }

		
		#cart_container { font-size:14px; }

		#cart_container .padb20 { padding-top:10px; }
		
	.plusminus_input { padding:2px 5px; border:1px solid #dedede; float:left; height:30px; cursor:pointer; }
	.plusminus_input input {  width:40px; font-size:14px; color:#777; border:none; text-align:center; height:100%; }
	.plusminus { padding:2px 5px; border:1px solid #dedede; float:left; height:30px; cursor:pointer; }
	.plusminus:hover {  background:#aaa; }
	.plusminus i { font-size:10px; }		
		
}	

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


		
	

}