/* =============================================================================
   FONT
   ========================================================================== */
   
@font-face {
font-family: 'BauerBodoniStd-Roman';
src: url('../../fonts/BauerBodoniStd-Roman.eot'); /* IE9 Compat Modes */
src: url('../../fonts/BauerBodoniStd-Roman.eot?#iefix') format('embedded-opentype'), 
url('../../fonts/BauerBodoniStd-Roman.woff') format('woff'), 
url('../../fonts/BauerBodoniStd-Roman.ttf')  format('truetype'),
url('../../fonts/BauerBodoniStd-Roman.svg#BauerBodoniStd-Roman') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'BauerBodoniStd-Bold';
src: url('../../fonts/BauerBodoniStd-Bold.eot'); /* IE9 Compat Modes */
src: url('../../fonts/BauerBodoniStd-Bold.eot?#iefix') format('embedded-opentype'), 
url('../../fonts/BauerBodoniStd-Bold.woff') format('woff'), 
url('../../fonts/BauerBodoniStd-Bold.ttf')  format('truetype'),
url('../../fonts/BauerBodoniStd-Bold.svg#BauerBodoniStd-Bold') format('svg'); 
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'BauerBodoniStd-Italic';
src: url('../../fonts/BauerBodoniStd-Italic.eot'); /* IE9 Compat Modes */
src: url('../../fonts/BauerBodoniStd-Roman.eot?#iefix') format('embedded-opentype'), 
url('../../fonts/BauerBodoniStd-Italic.woff') format('woff'), 
url('../../fonts/BauerBodoniStd-Italic.ttf')  format('truetype'),
url('../../fonts/BauerBodoniStd-Italic.svg#BauerBodoniStd-Italic') format('svg'); 
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'HelveticaNeueLTStd-Th';
src: url('../../fonts/HelveticaNeueLTStd-Th.eot'); /* IE9 Compat Modes */
src: url('../../fonts/HelveticaNeueLTStd-Th.eot?#iefix') format('embedded-opentype'), 
url('../../fonts/HelveticaNeueLTStd-Th.woff') format('woff'), 
url('../../fonts/HelveticaNeueLTStd-Th.ttf')  format('truetype'),
url('../../fonts/HelveticaNeueLTStd-Th.svg#HelveticaNeueLTStd-Th') format('svg'); font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'HelveticaNeueLTStd-Md';
src: url('../../fonts/HelveticaNeueLTStd-Md.eot'); /* IE9 Compat Modes */
src: url('../../fonts/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'), 
url('../../fonts/HelveticaNeueLTStd-Md.woff') format('woff'), 
url('../../fonts/HelveticaNeueLTStd-Md.ttf')  format('truetype'),
url('../../fonts/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md') format('svg'); font-weight: normal;
font-style: normal;
} 

/* =============================================================================
   RESET
   ========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,

article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
height: 100%; 
width: 100%;
overflow-x: hidden; 
	line-height: 1;
overflow-y:auto;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

section {overflow:hidden;
}

/*------- END RESET -----*/


/* =============================================================================
   GENERAL
   ========================================================================== */

/*
 * A better looking default horizontal rule
 */

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */




/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}



/* =============================================================================
   BODY
   ========================================================================== */

body {
	margin:0;
	padding:0;
	font-size:100%;
	width:100%;
	height:auto;
}

/* =============================================================================
   RESET MAPS
   ========================================================================== */

area {
    outline: none;
    border:none;
}

#Map {
    outline: none;
    border:none;
}

i {
    margin: 0 10px 0 0;
}

/* =============================================================================
   IFRAME
   ========================================================================== */

iframe {
    min-height:700px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.youtube {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#video-wrap { 
    width: 70%;
    margin: 40px auto; 
}

/* =============================================================================
   specs
   ========================================================================== */

.white {
    background-color:white;
}

.whitetext {
    color:white;
}

.blacktext {
    color:black;
}

.backgroundgrey {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    background-color:#efefef;
}

.darkgrey {
    background-color:#404040;
}

.darkgreytext {
    color:#404040;
}

.blue {
    background-color:#31bdf2;
}

.bluetext {
    color:#0fb3f0;
}

.orangetext {
    color:#ef7c39;
}

.gold {
    background-color:#a08a59;
}

.silver {
    background-color:#b6b6b7;
}

.normal {
       text-transform:none;
}

.vet {
font-family: 'HelveticaNeueLTStd-Md';
}

.content p strong {
font-family: 'HelveticaNeueLTStd-Md';
}

.spacing {
    letter-spacing: 50px;
}

.offset0 img {
    width:100%;
}

.center {
    text-align:center;
}
/* =============================================================================
   Font Awesome
   ========================================================================== */
i {
    cursor:pointer;
}

/* =============================================================================
   WRAPPER
   ========================================================================== */

.wrapfull {
    clear:both;
    display:block;
    width:100%;
    height:auto;
    margin:0 auto;
}

.wrap1600 {
    display:block;
    width:100%;
    max-width:1600px;
    height:auto;
    margin:0 auto;
}

.wrap1600grey {
    clear:both;
    display:block;
    width:100%;
    max-width:1600px;
    height:auto;
    margin:0 auto;
}

.wrap1200 {
    clear:both;
    display:block;
    width:90%;
    max-width:1200px;
    height:auto;
    margin:0 auto;
}

/* =============================================================================
   FIXATION
   ========================================================================== */
.fixed {
    position:fixed;
    width:100%;
    height:200px;
    background-color:white;
    z-index:100000;
}

.nonfixed {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    /*background-color:yellow;*/
    margin: 210px 0 0 0;
    padding: 0 0 0 0;
}

/* =============================================================================
   TOPBAR
   ========================================================================== */
.topbar {
    position:relative;
    float:left;
    width:100%;
    height:50px;
    margin:0 0 0 0;
    padding: 0 0 0 0;
    /*background-color:red;*/
}

/* =============================================================================
   LANGUAGESWITCH
   ========================================================================== */
.languageswitch {
    position:relative;
    float:right;
    width:auto;
    height:20px;
    padding: 20px 10px 0 10px;
    /*background-color:red;*/
    text-align:right;
    font-family: 'HelveticaNeueLTStd-Th';
    font-weight: 400;
    font-size:14px;
    line-height:14px;
    color: #b6b6b7;
}

.languageswitch a{
 font-family: 'HelveticaNeueLTStd-Th';
    font-weight: 400;
    font-size:14px;
    line-height:14px;
    color: #b6b6b7;
    text-transform:uppercase;
}


.active{
 font-family: 'HelveticaNeueLTStd-Th';
    font-weight: 400;
    font-size:14px;
    line-height:14px;
    color: #a08a59;
    text-transform:uppercase;
}

/* =============================================================================
   LINKEDIN
   ========================================================================== */
.linkedin {
    position:relative;
    float:right;
    width:32px;
    height:32px;
    margin:9px 9px 0 0;
    padding: 0 0 0 0;
    /*background-color:red;*/
}

/* =============================================================================
   CALLTOACTION
   ========================================================================== */
.calltoactionmail {
    position:relative;
    float:right;
    width:auto;
    height:23px;
    margin:9px 9px 0 9px;
    padding: 9px 9px 0 9px;
    font-family: 'HelveticaNeueLTStd-Th';
    font-weight: 600;
    font-size:16px;
    line-height:20px;
    color: white;
    text-transform:normal;
    border-left:2px solid #00adef;
    border-right:2px solid #00adef;
}

.calltoactionalarm {
    position:relative;
    float:right;
    width:auto;
    height:23px;
    margin:9px 0 0 9px;
    padding: 9px 0 0 9px;
    font-family: 'HelveticaNeueLTStd-Th';
    font-weight: 600;
    font-size:16px;
    line-height:20px;
    color: #00adef;
    text-transform:uppercase;
}


/* =============================================================================
   Zoekbalk
   ========================================================================== */

	#tfheader{
	    position:relative;
	    float:right;
	    width:auto;
        height:20px;
		background-color:none;
		margin: 0 0 0 0;
	}
	#tfnewsearch{
		float:right;
		padding: 15px 5px 0 10px;
	}
	.tftextinput{
		margin: 0;
		padding: 1px 10px;
		font-family: 'Cabin', sans-serif;
		font-size:14px;
		border:1px solid #666; border-right:0px;
		border-top-left-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;
	}
	
	.tfbutton {
		margin: 0;
		padding: 1px 10px;
		font-family: 'Cabin', sans-serif;
		font-size:14px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #666; border-right:0px;
		background: #666;
		background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#ccc));
		background: -moz-linear-gradient(top,  #666,  #ccc);
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
	}
	.tfbutton:hover {
		text-decoration: none;
		background: #a08a59;
		background: -webkit-gradient(linear, left top, left bottom, from(#a08a59), to(#ccc));
		background: -moz-linear-gradient(top,  #a08a59,  #ccc);
	}
	/* Fixes submit button height problem in Firefox */
	.tfbutton::-moz-focus-inner {
	  border: 0;
	}
	.tfclear{
		clear:both;
	}
	
/* =============================================================================
   LOGO
   ========================================================================== */

.logo {
    display:block;
    position:relative;
    float:left;
    width:25%;
    min-width:260px;
    height:auto;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    /*background-color:green;*/
    text-align:left;
}

.logomobiel {
    display:none;
}

/*------------ NAVIGATION --------------------------------*/

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 800px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}

	
/* =============================================================================
   MENUDESKTOP
   ========================================================================== */

.menuholder {
    display:block;
    position:relative;
    float:right;
    width:auto;
    height:80px;
    margin: 40px 0 0 0;
    padding: 0 0 0 0;
    /*background-color:yellow;*/
}

/* =============================================================================
   BANNER
   ========================================================================== */

.banner {
    display:block;
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /*background-color:green;*/
    text-align:center;
}	

.banner img {
    width:100%;
}

/* =============================================================================
   DIVIDERS
   ========================================================================== */

.dividerblueshadow {
    clear:both;
    display:block;
    position:relative;
    float:left;
    width:100%;
    height:50px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /*background-color:green;*/
    text-align:center;
    background-image: url("../../uploads/images/huvex-dividerblueshadow.jpg"); 
}

.dividerwhiteshadow {
    clear:both;
    display:block;
    position:relative;
    float:left;
    width:100%;
    height:50px;
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
    /*background-color:green;*/
    text-align:center;
    background-image: url("../../uploads/images/huvex-dividerwhiteshadow.jpg");
}

.dividergrey {
    clear:both;
    display:block;
    position:relative;
    float:left;
    width:100%;
    height:50px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color:#efefef;
    text-align:center;
}

/* =============================================================================
   QUOTE
   ========================================================================== */

.quotewrapper {
    clear:both;
    display:block;
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin: 0 0 0 0;
    padding: 0 0 3% 0;
    background-color:#0fb3f0;
    text-align:center;
}

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

.quotetext h1{
    font-family: 'HelveticaNeueLTStd-Th';
    font-weight: 400;
    font-size:34px;
    line-height:40px;
    color: white;
    padding: 0 0 0.75% 0;
}

.quotetext h3{
    font-family: 'HelveticaNeueLTStd-Th';
    font-weight: 400;
    font-size:20px;
    line-height:24px;
    color: white;
    padding: 0 20% 0 20%;
}

.quotedirectcontact {
    clear:both;
    position:relative;
    float:left;
    width:100%;
    height:100px;
    margin: 0 0 0 0;
    width: 0 0 0 0;
    background-image: url("../../uploads/images/huvex-directcontact-bg.jpg");
    background-repeat: repeat-x;
    text-align:right;
}

/* =============================================================================
   PRODUCTWRAP
   ========================================================================== */

.productwrap {
    clear:both;
    position:relative;
    float:left;
    width:105%;
    height:auto;
    /*background-color:blue;*/
    margin: 2% 0 0 0;
    padding: 0 0 0 0;
    }
    
.producttilewrap {
    position:relative;
    float:left;
    width:21%;
    height:auto;
    /*background-color:yellow;*/
    margin: 0 3.8% 3% 0;
    padding: 0 0 0 0;
    }
    
.producttilehf {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    background-color:none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align:center;
    overflow-x:hidden;
    } 

.producttilehf img {
    width:100%;
}    
    
.producttilecontent {
    position:relative;
    float:left;
    width:80%;
    height:250px;
    min-height:230px;
    background-color:white;
    margin: 0 0 0 0;
    padding: 10%;
    }
    
/* =============================================================================
   PRODUCTWRAPEXPERTISE
   ========================================================================== */

.productwrapexpertise {
    clear:both;
    position:relative;
    float:left;
    width:105%;
    height:auto;
    /*background-color:blue;*/
    margin: 2% 0 0 0;
    padding: 0 0 0 0;
    }
    
.productexpertisetilewrap {
    position:relative;
    float:left;
    width:19%;
    height:auto;
    /*background-color:yellow;*/
    margin: 0 3.8% 3% 0;
    padding: 0 0 0 0;
    border: 1px solid #efefef;
    }
    
.productexpertisetilehf {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    background-color:none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align:center;
    overflow-x:hidden;
    } 

.productexpertisetilehf img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width:100%;
}    
    
.productexpertisetilecontent {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    min-height:50px;
    background-color:white;
    margin: 0 0 0 0;
    padding: 10% 0 10% 0;
    }    
    
   
/* =============================================================================
   CTAFRAME
   ========================================================================== */

.ctaframe {
    clear:both;
    position:relative;
    float:left;
    width:100%;
    height:auto;
    background-color:#efefef;
    margin: 0 0 5% 0;
    padding: 0 0 0 0;
    }

.ctaframehf {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    background-color:none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align:center;
    overflow-x:hidden;
    } 

.ctaframehf img {
    width:100%;
}    
    
.ctaframecontent {
    position:relative;
    float:left;
    width:80%;
    height:auto;
    min-height:230px;
    background-color:#efefef;
    margin: 0 0 0 0;
    padding: 10%;
    }


/* =============================================================================
   KOLOMWRAP
   ========================================================================== */

.kolomwrap {
    clear:both;
    position:relative;
    float:left;
    width:100%;
    height:auto;
    /*background-color:blue;*/
    margin: 40px 0 1% 0;
    padding: 0 0 0 0;
    z-index:1;
}

.kolom70-100 {
    position:relative;
    float:left;
    width:69.2%;
    height:auto;
    /*background-color:yellow;*/
    margin: 40px 3.8% 0 0;
    padding: 0 5% 0 0;
    z-index:1;
}

.kolom25-100 {
    position:relative;
    float:left;
    width:22%;
    height:auto;
    /*background-color:red;*/
    margin: 0 0 2% 0;
    padding: 0 0 0 0;
    z-index:1;
}




/* =============================================================================
   CONTENT
   ========================================================================== */

.content {
    position: relative;
    float:left;
    width:100%;
    height:auto;
    margin: 0 0 0 0;
    padding: 0 0 5% 0;
    font-family: 'HelveticaNeueLTStd-Th';
}

.content img {
    width:102%;
    display:block;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align:center;
}

.content h1{
    font-size:40px;
    font-weight:400;
    line-height:48px;
    text-transform:normal;
    text-align:left;
    margin: 0 0 1% 0;
    padding: 0 0 0 0;
}

.content h1.center{
    text-align:center;
}

.content h2{
    font-size:34px;
    font-weight:400;
    line-height:40px;
    text-transform:normal;
    text-align:left;
    margin: 0 0 1% 0;
    padding: 0 0 0 0;
}

.content h2.center{
    text-align:center;
}

.content h3{
    font-size:28px;
    font-weight:400;
    line-height:36px;
    text-transform:normal;
    text-align:left;
    margin: 3% 0 3% 0;
}

.content h3.center{
    text-align:center;
}

.content p{
    font-size:16px;
    font-weight: 400;
    line-height:22px;
    text-transform:normal;
    text-align:left;
    margin: 0 0 3% 0;
}

.content p a{
    text-transform:normal;
    color:#0fb3f0;
    text-decoration:underline;
}

.content p.center{
    text-align:center;
}

.content ul{
    font-size:16px;
    line-height:24px;
    text-transform:normal;
    text-align:left;
    margin: 0 0 0 0;
    padding: 0 50px 30px 0;
    list-style-image:url('../../uploads/images/listhuvex.png');
}

.bodoniroman{
    font-family: 'BauerBodoniStd-Roman';
}

.bodonibold{
    font-family: 'BauerBodoniStd-Bold';
}

.bodoniitalic{
    font-family: 'BauerBodoniStd-Italic';
}

.helveticathin{
    font-family: 'HelveticaNeueLTStd-Th';
}

.uppercase{
    text-transform:uppercase;
}

.paddinglarge {padding: 0 5% 0 5%;}
.paddingmedium {padding: 0 12% 0 12%;}
.paddingsmall {padding: 0 30% 0 30%;}
.small{font-size:20px;}


/* =============================================================================
   kadertjes
   ========================================================================== */
.kader {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin: 3% 0 3% 0;
    padding: 1%;
    background-color:#efefef;
}

/* =============================================================================
   FOOTER
   ========================================================================== */

.footerblok {
    position:relative;
    float:left;
    width:30%;
    height:300px;
    margin: 3% 3% 0 0;
    padding: 0 0 0 0;
    /*background-color:yellow;*/
}




/* =============================================================================
   CREDITS
   ========================================================================== */

.credits {
    position:relative;
    float:left;
    width:100%;
    height:40px;
    margin:0 0 0 0;
    padding: 20px 0 0 0;
    /*background-color:red;*/
}




/* Stylesheet: HUVEX: layout Modified On 2016-10-15 13:44:13 */
/* ==========================================================================
   BEGIN MEDIA QUERY 1200
   ========================================================================== */ 
@media screen and (max-width: 1200px) {

/* =============================================================================
   PRODUCTWRAP
   ========================================================================== */

.producttilecontent {
    position:relative;
    float:left;
    width:80%;
    height:350px;
    min-height:230px;
    background-color:white;
    margin: 0 0 0 0;
    padding: 10%;
    }    
    
    
}

/* ==========================================================================
   BEGIN MEDIA QUERY 800
   ========================================================================== */ 
@media screen and (max-width: 800px) {

/* =============================================================================
   FIXATION
   ========================================================================== */
.fixed {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    /*background-color:red;*/
    z-index:100000;
    padding: 0 0 30px 0;
}

.nonfixed {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    /*background-color:yellow;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
    
/* =============================================================================
   MENUDESKTOP
   ========================================================================== */

.menuholder {
    display:none;
}

/* =============================================================================
   CALLTOACTION
   ========================================================================== */

.calltoactionalarm {
    display:block;
    clear:both;
    position:relative;
    float:left;
    height:auto;
    margin:20px 0 20px 5px;
    padding: 9px 0 0 9px;
    font-family: 'HelveticaNeueLTStd-Th';
    font-weight: 600;
    font-size:18px;
    line-height:20px;
    color: #00adef;
    text-transform:uppercase;
}

/* =============================================================================
   LOGO
   ========================================================================== */

.logo {
    display:block;
    position:relative;
    float:left;
    width:100%;
    min-width:260px;
    height:auto;
    margin: 60px 0 0 0;
    padding: 0 0 0 0;
    /*background-color:green;*/
    text-align:center;
}

/* =============================================================================
   KOLOMWRAP
   ========================================================================== */

.kolomwrap {
    clear:both;
    position:relative;
    float:left;
    width:100%;
    height:auto;
    /*background-color:blue;*/
    margin: 0 0 1% 0;
    padding: 0 0 0 0;
    z-index:1;
}

.kolom70-100 {
    position:relative;
    float:left;
    clear:both;
    width:95%;
    height:auto;
    /*background-color:yellow;*/
    margin: 40px 3.8% 0 0;
    padding: 0 5% 0 0;
    z-index:1;
}

.kolom25-100 {
    position:relative;
    float:left;
    clear:both;
    width:100%;
    height:auto;
    /*background-color:red;*/
    margin: 0 0 2% 0;
    padding: 0 0 0 0;
    z-index:1;
}

/* =============================================================================
   QUOTE
   ========================================================================== */

.quotewrapper {
    clear:both;
    display:block;
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin: 0 0 0 0;
    padding: 0 0 7% 0;
    background-color:#0fb3f0;
    text-align:center;
}


/* =============================================================================
   CONTENT
   ========================================================================== */

.content h1{
    margin: 5% 0 5% 0;
    padding: 0 0 0 0;
}

/* =============================================================================
   PRODUCTWRAP
   ========================================================================== */

.productwrap {
    clear:both;
    position:relative;
    float:left;
    width:100%;
    height:auto;
    /*background-color:blue;*/
    margin: 2% 0 0 0;
    padding: 0 0 0 0;
    }
    
.producttilewrap {
    position:relative;
    float:left;
    width:46%;
    height:auto;
    min-height:400px;
    /*background-color:yellow;*/
    margin: 0 3.8% 3% 0;
    padding: 0 0 0 0;
    }
    
.producttilecontent {
    position:relative;
    float:left;
    width:80%;
    height:300px;
    min-height:230px;
    background-color:white;
    margin: 0 0 0 0;
    padding: 10%;
    }    
    
/* =============================================================================
   PRODUCTWRAPEXPERTISE
   ========================================================================== */

.productwrapexpertise {
    clear:both;
    position:relative;
    float:left;
    width:100%;
    height:auto;
    /*background-color:blue;*/
    margin: 2% 0 0 0;
    padding: 0 0 0 0;
    }
    
.productexpertisetilewrap {
    position:relative;
    float:left;
    width:46%;
    height:auto;
    /*background-color:yellow;*/
    margin: 0 3.8% 3% 0;
    padding: 0 0 0 0;
    border: 1px solid #efefef;
    }    
    
/* =============================================================================
   FOOTER
   ========================================================================== */

.footerblok {
    position:relative;
    float:left;
    width:46%;
    height:300px;
    margin: 3% 3% 0 0;
    padding: 0 0 0 0;
    /*background-color:yellow;*/
}    

	
}

/* ==========================================================================
   BEGIN MEDIA QUERY 480
   ========================================================================== */ 
@media screen and (max-width: 480px) {

/* =============================================================================
   CALLTOACTION
   ========================================================================== */

.calltoactionalarm {
    display:block;
    clear:both;
    position:relative;
    float:left;
    height:auto;
    margin:20px 0 20px 5px;
    padding: 9px 0 0 9px;
    font-family: 'HelveticaNeueLTStd-Th';
    font-weight: 600;
    font-size:15px;
    line-height:18px;
    color: #00adef;
    text-transform:uppercase;
}

/* =============================================================================
   PRODUCTWRAP
   ========================================================================== */

.producttilewrap {
    position:relative;
    float:left;
    width:96%;
    height:auto;
    min-height:300px;
    /*background-color:yellow;*/
    margin: 0 3.8% 3% 0;
    padding: 0 0 0 0;
    }
    
    /* =============================================================================
   PRODUCTWRAP
   ========================================================================== */

.productwrap {
    clear:both;
    position:relative;
    float:left;
    width:100%;
    height:auto;
    /*background-color:blue;*/
    margin: 2% 0 0 0;
    padding: 0 0 0 0;
    }
    
.producttilecontent {
    position:relative;
    float:left;
    width:80%;
    height:250px;
    min-height:230px;
    background-color:white;
    margin: 0 0 0 0;
    padding: 10%;
    } 
    
/* =============================================================================
   PRODUCTWRAPEXPERTISE
   ========================================================================== */

.productexpertisetilewrap {
    position:relative;
    float:left;
    width:96%;
    height:auto;
    /*background-color:yellow;*/
    margin: 0 3.8% 3% 0;
    padding: 0 0 0 0;
    border: 1px solid #efefef;
    }  
    
/* =============================================================================
   QUOTE
   ========================================================================== */

.quotewrapper {
    clear:both;
    display:block;
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin: 0 0 0 0;
    padding: 0 0 10% 0;
    background-color:#0fb3f0;
    text-align:center;
}    

/* =============================================================================
   FOOTER
   ========================================================================== */

.footerblok {
    position:relative;
    float:left;
    width:96%;
    height:auto;
    margin: 3% 3% 0 0;
    padding: 0 0 3% 0;
    /*background-color:yellow;*/
} 

}



/* Stylesheet: HUVEX: mediaquery Modified On 2016-09-05 21:28:50 */
/* ==========================================================================
NAVIGATION
========================================================================== */

.nav {
    position:relative;
    clear:right;
    float:right; 
    width:auto; 
    height:60px; 
    /*background-color:blue;*/ 
    color:#404040; 
    margin:25px 0px 0px 0px; 
    z-index:100000
}

.nav ul li a {
    /*font:normal 13px Arial,Verdana;*/
    font-family: 'HelveticaNeueLTStd-Md';
    font-weight:400;
    font-size:13px;
    color:#404040;
    display:block;
    width:auto;
    height:36px;
    text-align:center;
    padding: 24px 0px 0px 45px;
}

.nav ul li a:hover {
    color:#00adef;
}

@media (max-width: 1200px) {
.nav ul li a {
    /*font:normal 13px Arial,Verdana;*/
    font-family: 'HelveticaNeueLTStd-Md';
    font-weight:400;
    font-size:12px;
    color:#404040;
    display:block;
    width:auto;
    height:36px;
    text-align:center;
    padding: 24px 0px 0px 25px;
}
}

@media (max-width: 960px) {
.nav ul li a {
    /*font:normal 13px Arial,Verdana;*/
    font-family: 'HelveticaNeueLTStd-Md';
    font-weight:400;
    font-size:11px;
    color:#404040;
    display:block;
    width:auto;
    height:36px;
    text-align:center;
    padding: 24px 0px 0px 10px;
}
}

.nav ul li:hover > a {
    /*font:normal 13px Arial,Verdana;*/
    font-family: 'HelveticaNeueLTStd-Md';
    font-weight:400;
    /*background-color:black;*/
    color:#00adef;
}


.nav ul li a.menuactive {
    font-family: 'HelveticaNeueLTStd-Md';
    font-weight:400;
    /*font:normal 13px Arial,Verdana;*/
    /*background-color:#e6007e;*/
    color:#00adef;
}


.nav ul li ul li a {
    /*font:normal 13px Arial,Verdana;*/
    font-family: 'HelveticaNeueLTStd-Md';
    font-weight:400;
    font-size:14px;
    color:#404040;
    padding:10px 10px 10px 10px;
    text-align:left;
    width:220px;
}

.nav ul li ul li a:hover {
    font-family: 'HelveticaNeueLTStd-Md';
    font-weight:400;
    /*font:normal 13px Arial,Verdana;*/
    color:#00adef;
    
}

#menu {
    float:left; 
    width:auto; 
    height:100px;
}

.menu a {
    float:left;
    text-decoration:none; 
    padding:0px 0px 0px 0px;
    background-color:none;

}

.menu span {
    float:left; 
    color:#eee; 
    text-decoration:none; 
    height:28px; 
    padding:0px 0px 0px 0px
}



.menu {
    list-style:none; 
    font-family: 'HelveticaNeueLTStd-Md';
    font-weight:400;
    text-align:left; 
    margin:0 auto; 
    text-transform:uppercase;
}

.menu li {
    position:relative; 
    float:left; 
    padding:0px 0px 0px 0px; 
    z-index:1000;
    
}

.menu ul {
    display:none; 
    position:absolute; 
    font-family: 'HelveticaNeueLTStd-Md';
    font-weight:400;
    top:100px; 
    left:0; 
    /*background:#000;*/ 
    display:none; 
    list-style:none
}

.menu ul li {
    float:none; 
    border-top:1px solid #000; 
    width:auto;
    color:#404040;
}

.menu ul li a {
    float:none; 
    display:block; 
    background:none; 
    width:auto;
    height:auto; 
    padding-top:0px
    padding-bottom:0px;
    color:#404040;
}



/*-----RESPONSIVE NAVIGATION-----------------------------*/

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both;}
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:12px;
}
/* Button */
.slicknav_btn {
	margin: 5px 2% 5px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #222222;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    font-family: Arial, sans-serif;
	color: white;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #00adef;
}
.slicknav_menu {
	background:#00adef;
	padding:5px 5px 5px 5px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:12px;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:5px 5px;
	text-decoration:none;
	color:#fff;
	font-size:13px;
	font-family: Arial, sans-serif;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#515151;

}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
	background:none;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#fff;	
}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}
/* Stylesheet: HUVEX: responsive menu Modified On 2016-06-10 18:14:20 */