@charset "UTF-8";
/* CSS Document */



.video-container {
  position: relative;
  padding-bottom: 56.25%;
}

#open_preferences_center {
  display: none;
}


.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body, html {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    height: 100%;
}


/* - - - - - - - - - - - - - - - - - - M E N U - - - - - - - - - - - - - - - - - - */ 

.dropdownmenuhider {
	display: none;
	}	

.dropdown {
	position:fixed;
	display: inline-block;
	width: 100%;
	z-index: 100;
	}


.dropbtn {
	background-color: #e4042a;
	font-family: 'Lato', sans-serif;
	color: #ffffff;
	padding: 20px 16px 20px 16px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	width: 100%;
	}	
		
.dropdown:hover .dropbtn {
	background-color:#FD8D45;
	}
	
.dropdown:active .dropbtn {
	background-color:#e4042a;
	width: 100%;
	}
	
.dropdown-content {
	display: none;
	position: absolute;
	background-color:#E6E6E6;
	width: 100%;
	z-index: 100;
	font-family: 'Lato', sans-serif;
	text-align: center;
	}
		
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	}
		
.dropdown-content a:hover {
	background-color:#DEDEDE;
	}
		
.dropdown:hover .dropdown-content {
	display: block;
	}
		

.topmenu {
    background-color: #e4042a;
	font-family: 'Lato', sans-serif;
    position: fixed;
    top: 0;
    width: 100%;
	z-index:100;
	font-size:16px;
	color: #ffffff;
}


li.menu {
    float: right;
}

li.menu a {
    display: block;
    color:#ffffff;
    padding: 20px 16px 20px 16px;
    text-decoration: none;
}

li.menu a:hover {
    display: block;
    color: #ffffff;
    padding: 20px 16px 20px 16px;
    text-decoration: none;
	cursor:pointer;
	background-color:#FD8D45;
}

li.menu a:active {
    display: block;
    color: #ffffff;
    padding: 20px 16px 20px 16px;
    text-decoration: none;
	cursor:pointer;
	background-color:#e4042a;
}


ul.menu {
    list-style-type: none;
	margin: 0;
    padding: 0;
	overflow: hidden;
	width:65%;
	float:right;
}

.logo {
	padding:16px 20px 16px 20px;
	font-size:22px;
	float:left;
	width:30%;
	font-family: 'Lato', sans-serif;
	letter-spacing:0px;
	text-transform:lowercase;
	font-weight: 300;
}


/* - - - - - - - - - - - - - - - - - - L I N K S - - - - - - - - - - - - - - - - - - */ 

a {
	font-size:inherit;
	color:inherit;
	text-decoration:underline;
}

a.maillink {
	color:#ffffff;
	text-decoration:underline;
}

a.maillink:hover {
	color:#ffffff;
	text-decoration:underline;
}

/* - - - - - - - - - - - - - - - - - - H E A D E R S   A N D   U N D E R L I N E - - - - - - - - - - - - - - - - - - */ 


.headlinetext-blue {
	font-family: 'Lato', sans-serif;
	font-size:40px;
	color:#334d7d;
	font-weight: 300;
}

.headlineunderline-orange {
	width:60px;
	height:2px;
	background-color:#e4042a;
	margin:auto;
}

.headerimage {
	width:100%;
	height: 220px;
	background-image: url(images/headerbanner.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size:cover;
	text-align: center;
	background-color: #334d7d;
}

.headerimage-controlunits {
	width:100%;
	height: 400px;
	background-image: url(images/controlunitsbanner.jpg);
	background-position:top;
	background-repeat: no-repeat;
 background-attachment:fixed;
	background-size:cover;
	text-align: center;
	background-color: #334d7d;
}

/* - - - - - - - - - - - - - - - - - - H O M E  P A R A L L A X - - - - - - - - - - - - - - - - - - */ 

.homeparallax {
	width:100%;
	height:100%;
	min-height:700px;
	max-height:700px;
    background-image:url("images/homebanner2.jpg");
    background-attachment:scroll;
    background-position:bottom;
    background-repeat: no-repeat;
    background-size: cover;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color: #ffffff;
}

.homeparallaxtextcontainer {
	text-align:center;
	width:100%;
} 


.homeparallaxlogo {
	margin-top: 60px;
}

.homeparallaxtext-bold {
	font-family: 'Lato', sans-serif;
	font-size:4em;
	font-weight:900;
	text-transform: uppercase;
	    text-shadow: 0px 4px 10px #91402a;

	color: #ffffff;
}

.homeparallaxtext1 {
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:4em;
    text-shadow: 0px 4px 10px #5B5B5B;
	color: #ffffff;
}

.homeparallaxtext2 {
	font-family: 'Lato', sans-serif;
	font-size:4em;
    text-shadow: 0px 4px 10px #5B5B5B;
	text-transform: uppercase;
	color: #ffffff;
}

.homeparallaxtext3 {
	font-family: 'Lato', sans-serif;
	font-size:16px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #ed1c24;
	padding: 5px 8px 8px 10px;
	letter-spacing: 3px;
	border-radius:14px;
	display: none;

}



/* - - - - - - - - - - - - - - - - - - W O R K - - - - - - - - - - - - - - - - - - */ 

.pricelisthomepage {
	font-size:16px;
	width:100%;
	margin-top: -90px;
	margin-bottom: 40px;
    height: auto;
	padding-top:60px;
	padding-bottom:0px;
	font-family: 'Lato', sans-serif;
	text-align: center;
}

.pricelisthomepagecontainer {
	width:80%;
	margin:auto;
	margin-top:0px;
	padding: 5px;
	background-color: #e8ecf7;
	height:60px;
	border-radius:8px;
}

.pricelisthomepagebox  {
	width:100%;
	padding: 0% 0% 0% 0%;
	height:60px;
	cursor:pointer;
	float: left;
	text-align: center;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:6px;
}

.brochurehomepagebox  {
	width:100%;
	padding: 0% 0% 0% 0%;
	height:60px;
	cursor:pointer;
	float: left;
	text-align: center;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:6px;
}

.pricelisthomepagebox  {background-color:#334d7d; }
.pricelisthomepagebox:hover {background-color:#FD8D45; }

.brochurehomepagebox  {background-color:#e4042a; }
.brochurehomepagebox:hover {background-color:#FD8D45; }

.products {
	font-size:16px;
	width:100%;
	margin-top: -130px;
	margin-bottom: 40px;
    height: auto;
	padding-top:60px;
	padding-bottom:0px;
	font-family: 'Lato', sans-serif;
	text-align: center;
}

.productboxcontainer {
	width:80%;
	margin:auto;
	margin-top:0px;
	padding: 5px;
	background-color: #e8ecf7;
	height:140px;
	border-radius:8px;
}

.productbox1, .productbox2, .productbox3, .productbox4  {
	width:22.25%;
	padding: 0% 1% 0% 1%;
	height:140px;
	cursor:pointer;
	float: left;
	text-align: center;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:6px;
}

.productboxgap1, .productboxgap2, .productboxgap3  {
	width:1%;
	height:140px;
	display:flex;
	float:left;
}

.productbox1 {background-color:#ED1C24; }
.productbox2 {background-color:#EA5C00; }
.productbox3 {background-color:#BB5CB6; }
.productbox4 {background-color:#6ebe44; }
.productboxgap {background-color:#e8ecf7; }

.productbox1:hover {background-color:#C60F16; }
.productbox2:hover {background-color:#AF4400; }
.productbox3:hover {background-color:#8C3A88; }
.productbox4:hover {background-color:#4D872F; }

.productboxtext1 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 26px;
	color: #ffffff;
}

.productboxtext2 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 26px;
	color: #ffffff;
}



/* - - - - - - - - - - - - - - - - - - P R O M O - - - - - - - - - - - - - - - - - - */ 


.promobanner {
	width:100%;
	margin-top:0px;
	margin-bottom:40px;
	display: block;
	float: left;
	background-image:url(images/clouds.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 5px;
}

.promocontainer {
	margin:auto;
	width:80%;
	padding-top:10px;
	padding-bottom:10px;
}

.promofloat1 {
	width:49%;
	margin-left:0%;
	margin-right:1%;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	text-align: right;
	display:flex;
	justify-content:center;
	align-items:center;
}

.promofloat2 {
	width:49%;
	margin-left:1%;
	margin-right:0%;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	text-align: left;
	display:flex;
	justify-content:center;
	align-items:center;
}

.promoimage1 {
	height: auto;
	width: 48%;
	position:relative;
	float: right;
	margin-left: 2%;
}

.promoimage2 {
	height: auto;
	width: 48%;
	position:relative;
	float: left;
	margin-right: 2%;
}

.promotextbox {
	width: 48%;
	padding: 1%;
	float: right;
	text-shadow: 0 0 10px #b75559, 0 0 25px #b75559, 0 0 40px #b75559;
}

.promotext-header-left {
	color:#ffffff;
	font-size:32px;
	line-height:32px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}

.promotext-left {
	color:#ffffff;
	font-size:18px;
	line-height:28px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}


.promotext-header-right {
	color:#ffffff;
	font-size:32px;
	line-height:32px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}

.promotext-right {
	color:#ffffff;
	font-size:18px;
	line-height:28px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}


/* - - - - - - - - - - - - - - - - - - A B O U T - - - - - - - - - - - - - - - - - - */ 



.about {
	background-color:#ffffff;
	font-size:16px;
	width:100%;
	margin: auto;
    height: auto;
	padding-top:0px;
	padding-bottom:60px;
	font-family: 'Lato', sans-serif;
	color:#000000;
	text-align: center;
}

.aboutcontainer {
	margin:auto;
		width:80%;
	margin-top:40px;
}

.aboutcontainer2 {
	margin:auto;
		width:80%;
	margin-top:40px;
	margin-bottom:40px;
}

.aboutcenter {
	width:100%;
	margin-right:0%;
	margin-left:0%;
	text-align:center;
}


.aboutcentertext-header {
	color:#334d7d;
	font-size:22px;
	line-height:32px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
}

.aboutcentertext {
	color:#334d7d;
	font-size:18px;
	line-height:28px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}


.aboutfloatleft {
	width:46%;
	margin-right:2%;
	margin-left:2%;
	text-align:center;
	float: left;
	position: relative;
}

.aboutcirclecontainer {
	width:80%;
	margin: auto;
	height: auto;
	text-align: center;
}

.aboutcirclecontainer2 {
	display: inline-block;
		width: 100%;

}

.aboutcircle1 {
	width:20%;
	border-radius: 999px;
	margin:2.5% 2.5% 0px 2.5%;
	float:left;
	cursor: pointer;
}



/* - - - - - - - - - - - - - - - - - - G E N E R A L  P A G E - - - - - - - - - - - - - - - - - - */ 



.page {
	background-color:#ffffff;
	font-size:16px;
	width:100%;
	margin: auto;
    height: auto;
	padding-top:40px;
	padding-bottom:40px;
	font-family: 'Lato', sans-serif;
	color:#000000;
	text-align: center;
}




/* - - - - - - - - - - - - - - - - - - C O N T A C T - - - - - - - - - - - - - - - - - - */ 

.contact {
	background-color: #334d7d;
	width:90%;
	margin: auto;
	padding-left:5%;
	padding-right:5%;
	padding-top:20px;
	padding-bottom:20px;
	text-align: center;
}

.contacttext {
	font-size:16px;
	font-family: 'Lato', sans-serif;
	color:#ffffff;
	font-weight: 300;
}


/* - - - - - - - - - - - - - - - - - - F O O T E R - - - - - - - - - - - - - - - - - - */ 

.footer {
	background-color: #ffffff;
	text-transform:uppercase;
	width:90%;
	margin: auto;
	padding-left:5%;
	padding-right:5%;
	padding-top:20px;
	padding-bottom:20px;
	text-align: center;
}

.footertext {
	font-size:12px;
	letter-spacing:2px;
	font-family: 'Lato', sans-serif;
	color:#334d7d;
	font-weight: 300;
}



/* - - - - - - - - - - - - - - - - - - F O O T E R  P A R A L L A X - - - - - - - - - - - - - - - - - - */ 

.parallax2 { 
    background-image: url(new/Images/parallax2.jpg);
    height: 20%; 
	min-height:120px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* - - - - - - - - - - - - - - - - - - B O D Y  T E X T  - - - - - - - - - - - - - - - - - - */ 

.text-header-bold { 
    font-family: 'Lato', sans-serif;
	font-size:38px;
	color:#ffffff;
	font-weight: 400;
}

.text-header { 
    font-family: 'Lato', sans-serif;
	font-size:38px;
	color:#ffffff;
	font-weight: 300;
}

.text-body { 
    font-family: 'Lato', sans-serif;
	font-size:16px;
	color:#ffffff;
	font-weight: 300;
}

.text-body-bold { 
    font-family: 'Lato', sans-serif;
	font-size:16px;
	color:#ffffff;
	font-weight: 400;
}


.text-header-bold-blue { 
    font-family: 'Lato', sans-serif;
	font-size:38px;
	color:#334d7d;
	font-weight: 400;
}

.text-header-blue { 
    font-family: 'Lato', sans-serif;
	font-size:38px;
	color:#334d7d;
	font-weight: 300;
}

.text-body-blue { 
    font-family: 'Lato', sans-serif;
	font-size:16px;
	color:#334d7d;
	font-weight: 300;
}

.text-body-bold-blue { 
    font-family: 'Lato', sans-serif;
	font-size:16px;
	color:#334d7d;
	font-weight: 400;
}

/* - - - - - - - - - - - - - - - - - - P R O D U C T   P A G E - - - - - - - - - - - - - - - - - - */ 


.cosyboardbox {
	width:76%;
	margin: 0% 10% 20px 10%;
	background-color: #7c7175;
	padding: 2%;
	text-align: left;
}

.loosecablecarriermatbox {
	width:76%;
	margin: 0% 10% 20px 10%;
	background-color: #ffe37c;
	padding: 2%;
	text-align: left;
}

.loosecablespacersbox {
	width:76%;
	margin: 0% 10% 20px 10%;
	background-color: #00934d;
	padding: 2%;
	text-align: left;
}

.tradematbox {
	width:76%;
	margin: 0% 10% 20px 10%;
	background-color: #ED1C24;
	padding: 2%;
	text-align: left;
}

.softmatbox {
	width:76%;
	margin: 0% 10% 20px 10%;
	background-color: #EA5C00;
	padding: 2%;
	text-align: left;
}

.cablebox {
	width:76%;
	margin: 0% 10% 20px 10%;
	background-color: #BB5CB6;
	padding: 2%;
	text-align: left;
}

.decouplingcablebox {
	width:76%;
	margin: 0% 10% 20px 10%;
	background-color: #FFBD00;
	padding: 2%;
	text-align: left;
}

.controlbox {
	width:76%;
	margin: 0% 10% 20px 10%;
	background-color: #73B72B;
	padding: 2%;
	text-align: left;
}

.whitebox {
	width:94%;
	background-color: #ffffff;
	padding: 1% 3% 1% 3%;
	text-align: left;
}

.imagebox-trademat {
	width:96%;
	padding: 2% 2% 2% 2%;
	height: 300px;
	background-image:url(images/tradematimage.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:bottom;
	font-family: 'Lato', sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #000000;
}

.imagebox-cable {
	width:96%;
	padding: 2% 2% 2% 2%;
	height: 300px;
	background-image:url(images/loosecableimage.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:bottom;
}

.imagebox-softmat {
	width:96%;
	padding: 2% 2% 2% 2%;
	height: 300px;
	background-image:url(images/softmatimage.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:bottom;
}

.imagebox-mirage {
	width:100%;
	height: auto;
	background-image:url(images/miragebackground.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:bottom;
	text-align: center;
}

.infobox-mirage {
	width:94%;
	background-color: #663a5a;
	padding: 1% 3% 1% 3%;
	text-align: left;
	margin-bottom: 25px;
}

.imagebox-curve {
	width:100%;
	height: auto;
	background-image:url(images/curvebackground.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:top;
	text-align: center;
}

.infobox-curve {
	width:94%;
	background-color: #244878;
	padding: 1% 3% 1% 3%;
	text-align: left;
	margin-bottom: 25px;
}

.imagebox-vista {
	width:100%;
	height: auto;
	background-image:url(images/vistabackground.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:top;
	text-align: center;
}

.infobox-vista {
	width:94%;
	background-color: #4baeac;
	padding: 1% 3% 1% 3%;
	text-align: left;
	margin-bottom: 25px;
}

.imagebox-mt4 {
	width:100%;
	height: auto;
	background-image:url(images/mt4background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:top;
	text-align: center;
}

.infobox-mt4 {
	width:94%;
	background-color: #d39ca0;
	padding: 1% 3% 1% 3%;
	text-align: left;
	margin-bottom: 25px;
}


.orangebox {
	width:76%;
	margin: 0% 10% 20px 10%;
	background-color: #E74310;
	padding: 2%;
	text-align: left;
}

.frostfreebox {
	width:76%;
	margin: 0% 10% 20px 10%;
	background-color: #0B7487;
	padding: 2%;
	text-align: left;
}

.thirdbox1, .thirdbox2, .thirdbox3 {
	width:27.3%;
	margin: 0%;
	padding: 2%;
	text-align: center;
	float: left;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	color:#ffffff;
	font-weight: 400;
	cursor: pointer;
	margin-bottom: 10px;
}

.thirdbox1 {	
	background-color: #334d7d;
}

.thirdbox2 {	
	background-color: #e4042a;
}

.thirdbox3 {	
	background-color: #334d7d;
}

.thirdbox1:hover  {	
	background-color: #FD8D45;
}

.thirdbox2:hover  {	
	background-color: #FD8D45;
}

.thirdbox3:hover  {	
	background-color: #FD8D45;
}


.thirdboxspace {
	width:3%;
	height: 10px;
	margin: 0%;
	text-align: left;
	float: left;
}

	
.imageleft {
	float:left;
	margin-right: 20px;
	max-width: 40%;
	width: 300px;
	height:auto;
}

.imageright {
	float:right;
	margin-left: 20px;
	max-width: 40%;
	width: 300px;
	height:auto;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 


@media (max-width: 1024px) {
	
	.homeparallax {
    background-position:bottom;

}
	
	.dropdownmenuhider {
	display: inherit;
	}	
	
	.topmenu {
display: none;
}
	
.productboxgap1  {
	width:2%;
	height:140px;
	float:left;
}
	
.productboxgap2  {
	width:0%;
	height:0px;
	float:left;
}

.productboxgap3  {
	width:2%;
	height:140px;
	float:left;
}
	
.productboxcontainer {
	width:80%;
	margin:auto;
	margin-top:0px;
	padding: 5px;
	background-color: #e8ecf7;
	border-radius:8px;
	height: 290px;
}
		
	
.productbox1, .productbox2, .productbox3, .productbox4  {
	width:47%;
	padding: 0% 1% 0% 1%;
	height:140px;
	cursor:pointer;
	float: left;
	text-align: center;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:6px;
	margin-bottom: 10px;
}
	
.logo {
	display: none;
}
	
	
ul.menu {
    list-style-type: none;
	margin: 0;
    padding: 0;
	overflow:hidden;
	width:100%;
	float:right;
}
	
	
.promofloat1 {
	width:50%;
	margin-left:0%;
	margin-right:0%;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	text-align: center;
	display:inherit;
	justify-content:center;
	align-items:center;
}

.promofloat2 {
	width:50%;
	margin-left:0%;
	margin-right:0%;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	text-align: center;
	display:inherit;
	justify-content:center;
	align-items:center;
}
	
.promoimage1 {
	height: auto;
	width: 80%;
	position:relative;
	float: left;
	margin: 0% 10% 5% 10%;
}

.promoimage2 {
	height: auto;
	width: 80%;
	position:relative;
	float: left;
	margin: 0% 10% 0% 10%;
}

.promotextbox {
	width: 100%;
	padding: 0%;
	float: left;
	position: relative;
}
	
	
.aboutcirclecontainer {
	width:80%;
	margin: auto;
	height: auto;
	text-align: center;
}

.aboutcirclecontainer2 {
	display: inline-block;
	text-align: center;
	width: 100%;

}

.aboutcircle1 {
	width:46%;
	border-radius: 999px;
	margin-left: 2%;
	margin-right: 2%;
}
	

.thirdbox1, .thirdbox2, .thirdbox3 {
	width:96%;
	margin: 0%;
	padding: 2%;
	text-align: center;
	float: left;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	color:#ffffff;
	font-weight: 400;
	cursor: pointer;
	margin-bottom: 10px;
}

.thirdbox1 {	
	background-color: #334d7d;
}

.thirdbox2 {	
	background-color: #e4042a;
}

.thirdbox3 {	
	background-color: #334d7d;
}

.thirdbox1:hover  {	
	background-color: #FD8D45;
}

.thirdbox2:hover  {	
	background-color: #FD8D45;
}

.thirdbox3:hover  {	
	background-color: #FD8D45;
}	
	

.thirdboxspace {
	display: none;
}

	
.imageleft {
	float:left;
	margin-right: 20px;
	max-width: 60%;
	width: 300px;
	height:auto;
}
	
	.imageright {
	float:right;
	margin-left: 20px;
	max-width: 60%;
	width: 300px;
	height:auto;
}

	
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 



@media (max-width: 600px) {
	
	.productbox1, .productbox2, .productbox3, .productbox4  {
	width:98%;
	padding: 0% 1% 0% 1%;
	height:140px;
	cursor:pointer;
	float: left;
	text-align: center;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:6px;
	margin-bottom: 10px;
}
	
.productboxgap1, .productboxgap2, .productboxgap3, .productboxgap4   {
	width:0%;
	height:0%;
	float:left;
}
	
.productboxcontainer {
	width:80%;
	margin:auto;
	margin-top:0px;
	padding: 5px;
	background-color: #e8ecf7;
	border-radius:8px;
	height: 590px;
}
	
.aboutcirclecontainer {
	width:80%;
	margin: auto;
	height: auto;
	text-align: center;
}

.aboutcirclecontainer2 {
	display: inline-block;
	text-align: center;
		width: 100%;


}

.aboutcircle1 {
	width:80%;
	border-radius: 999px;
	margin-left: 10%;
	margin-right: 10%;
}

	
.promofloat1 {
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	text-align: center;
	display:inherit;
	justify-content:center;
	align-items:center;
}

.promofloat2 {
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	text-align: center;
	display:inherit;
	justify-content:center;
	align-items:center;
}
	
.promoimage1 {
	height: auto;
	width: 80%;
	position:relative;
	float: left;
	margin: 0% 10% 5% 10%;
}

.promoimage2 {
	height: auto;
	width: 80%;
	position:relative;
	float: left;
	margin: 0% 10% 0% 10%;
}

.promotextbox {
	width: 100%;
	padding: 0%;
	float: left;
	position: relative;
}
	
.aboutfloatleft {
	width:100%;
	margin-right:0%;
	margin-left:0%;
	text-align:center;
	float: left;
	position: relative;
}
	
.homeparallaxlogo {
	margin-top: 20px;
}

.homeparallaxtext1 {
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:40px;
    text-shadow: 0px 4px 10px #5B5B5B;
	color: #ffffff;
}

.homeparallaxtext2 {
	font-family: 'Lato', sans-serif;
	font-size:40px;
    text-shadow: 0px 4px 10px #5B5B5B;
	text-transform: uppercase;
	color: #ffffff;
}

.homeparallaxtext3 {
	font-family: 'Lato', sans-serif;
	font-size:13px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #ed1c24;
	padding: 5px 8px 8px 10px;
	letter-spacing: 3px;
	border-radius:14px;

}
	


.topmenu {
    background-color:#e4042a;
	font-family: 'Lato', sans-serif;
    position: fixed;
    top: 0;
    width: 100%;
	z-index:100;
	font-size:14px;
	color: #ffffff;
}


li.menu {
    float: right;
}

li.menu a {
    display: block;
    color:#ffffff;
    padding: 20px 16px 20px 16px;
    text-decoration: none;
}

li.menu a:hover {
    display: block;
    color: #ffffff;
    padding: 20px 16px 20px 16px;
    text-decoration: none;
	cursor:pointer;
	background-color:#FD8D45;
}

li.menu a:active {
    display: block;
    color: #ffffff;
    padding: 20px 16px 20px 16px;
    text-decoration: none;
	cursor:pointer;
	background-color:#e4042a;
}


ul.menu {
    list-style-type: none;
	margin: 0;
    padding: 0;
	overflow:hidden;
	width:100%;
	float:right;
}

.logo {
	display: none;
}
	
.homeparallax {
	width:100%;
	height:80%;
	min-height:500px;
	max-height:700px;
}
	
.dropdownmenuhider {
	display:inherit;
	}		

.topmenu {
display: none;
}	
	
.thirdbox1, .thirdbox2, .thirdbox3 {
	width:88%;
	margin: 0%;
	padding: 6%;
	text-align: center;
	float: left;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	color:#ffffff;
	font-weight: 400;
	cursor: pointer;
	margin-bottom: 10px;
}

.thirdbox1 {	
	background-color: #334d7d;
}

.thirdbox2 {	
	background-color: #e4042a;
}

.thirdbox3 {	
	background-color: #334d7d;
}

.thirdbox1:hover  {	
	background-color: #FD8D45;
}

.thirdbox2:hover  {	
	background-color: #FD8D45;
}

.thirdbox3:hover  {	
	background-color: #FD8D45;
}	

.thirdboxspace {
	display: none;
}
	

.imageleft {
	float:left;
	margin-right: 0px;
	max-width: 100%;
	width: 100%;
	height:auto;
}

.imageright {
	float:right;
	margin-left: 0px;
	max-width: 100%;
	width: 100%;
	height:auto;
}

	
.homeparallaxtext-bold {
	font-size:3em;
}	
	
	.homeparallaxtextcontainer {
	width:60%;
} 
	
}