/*
font-family: 'Open Sans', sans-serif;
font-family: futura-pt, sans-serif;
font-weight: 800;
font-style: normal;
*/
body{
	font-family	: 'Open Sans', sans-serif;
	font-size	:	1rem;
	background	:	#FFFFFF;
	color		:	#03293B;
}
body.loading > *{
	//opacity	:	0;
	
}
body:not(.loading) > *{
	opacity	:	1;
	//transition	:	all 0.2s;
}


/****************************************************************************
 * HELPERS
 ***************************************************************************/
a.city{
	text-decoration	:	none;
	color			:	#03293B;
}
a.city:hover{
	background-color	:	#FFF;
}
a.city h3{
	margin	:	0;
}
.futura{
	font-family: "futura-pt", serif;
	font-weight: 500;
	font-style: normal;
}
.merri{
	font-family: merriweather, serif;
	font-weight: 400;
	font-style: normal;
}
.merri-light{
	font-family: merriweather, serif;
	font-weight: 300;
	font-style: normal;
}
.futura-bold{
	font-family	: futura-pt-bold, sans-serif;
	font-weight	: 700;
	font-style	: normal;
}
.text-upper,.txt-upper{
	text-transform	:	uppercase;
}
.fontw-regular{
	font-weight	:	500;
}
.fontw-semibold{
	font-weight	:	600;
}
.fontw-bold{
	font-weight	:	700;
}
.fontw-light{
	font-weight	:	300;
}
.text-sm{
	font-size	:	0.9rem!important;
}
.text-xs{
	font-size	:	0.8rem;
}
.text-rg{
	font-size	:	1rem!important;
}
.text-lg{
	font-size	:	1.1rem!important;
}
.text-xl{
	font-size	:	1.2rem!important;
}
.shadow{
    box-shadow	: 	0 0 1rem rgba(0,0,0,.07)!important;
}
.rounded-xl{
	border-radius	:	0.5rem;
}
.rounded-xxl{
	border-radius	:	1rem;
}
.togglefield.d-none{
	display	:	none!important;
}

h1 > a{
	color			:	#03293B;
	text-decoration	:	none;
}
h1 > a:hover{
	color			:	#03293B;
}
h2 > sup{
	font-family	: 'Open Sans', sans-serif;

	top			:   -1em;
	font-size	:	.8rem;
	line-height	:	3rem;

}
.offscreen{
	opacity : 0;
	position : absolute;
	height : 0;
	width : 0;
	overflow : hidden;
}
.point{
	cursor	:	pointer;
}

/****************************************************************************
 * SHAPE
 ***************************************************************************/
.square,.rectangle,.rectangle-2-3{
	position		:	relative;
	overflow		:	hidden;
}
.square::after{
	content			:	'';
	position		:	relative;
	display			:	block;
	padding-bottom	:	100%;
	z-index			:	1;
}
.rectangle::after{
	content			:	'';
	position		:	relative;
	display			:	block;
	padding-bottom	:	50%;
	z-index			:	1;
}
.rectangle.rectangle-2-3::after{
	padding-bottom	:	75%;

}
.cover{
	background-position	:	center center;
	background-size	:	cover;
	background-repeat	:	no-repeat;
}
.contain{
	background-position	:	center center;
	background-size		:	contain;
	background-repeat	:	no-repeat;
}
.cover > .overlay{
	position	:	absolute!important;
	z-index		:	0;
	left		:	0;
	top			:	0;
	width		:	100%;
	height		:	100%;
	background	:	rgba(0,0,0,0.4);	
}
.cover > .overlay.light{
	background	:	rgba(255,255,255,0.4);	
	
}
.cover > .overlay ~ *{
	position	:	relative;
	z-index		:	5;
}
/****************************************************************************
 * NAVIGATION
 ***************************************************************************/

.phone-link:hover{
	color			:	rgba(255,255,255,0.8)!important;
	text-decoration : none;
}
.social-link{
	background-color	:	#ffffff;
	border-radius		:	20px;
	height				:	26px;
	width				:	26px;
	border				:	1px solid #FFF;
	line-height			:	26px;
	color				:	#05293C;
	text-align			:	center;
}
.social-link:hover{
	border				:	1px solid #05293C;
	color				:	#05293C;
}
.btn-lang{
	text-transform	:	uppercase;
	font-weight		:	600;
	padding-top		: 0.15rem;
	padding-bottom	: 0.15rem;
	padding-left		: 0.5rem;
	padding-right		: 0.5rem;
}
#sitenav a{
	font-size	:	0.9rem;
	color		:	#FFF;
}
#sitenav a.active{
	background	:	#FF4A4C;
}
#pagehead.alt #sitenav a.active{
	background	:	#FFF;
	color		:	#03293B;
}

#pagenav a{
	color		:	#03293B;
	font-weight	:	600;
}
#pagenav a:hover{
	color		:	#FFF;
}
#pagehead.alt #pagenav a:hover{
	color		:	#FF4A4C;
}
#pagefoot .nav-link{
	color		:	#03293B;
	padding-left:	0px!important;
}
#pagefoot hr{
	 border-top: 2px solid rgba(255,255,255,1);
}
#pagefoot a.social:not(:hover){
	opacity	:	0.9;
}
#pagefoot a.social img{
	width	:	48px;
}
#pagefoot .bg-dark a{
	color	:	#FFF;
}
#pagenav .dropdown-menu h5{
	font-size	:	1.1rem;
}
#pagenav .dropdown-menu h5 + p.text-xs{
	font-size	:	0.9rem;
}
.dropdown-static{
	position	:	static;	
}
.dropdown-lg-static > .dropdown-menu{
	border			:	none;
	border-radius	:	0;
	box-shadow		:	none;
}

*[class*='col-'].link{
	cursor	:	pointer;
	position	:	relative;
} 
*[class*='col-'].link > a.col-link{
	position	:	absolute;
	width		:	100%;
	height		:	100%;
	left		:	0;
	top			:	0;
	z-index		:	0;
}
*[class*='col-'].link > *:not(a){
	position	:	relative;
	z-index		:	10;
	pointer-events	:	none;
}
*[class*='col-'] > a.col-link:hover{
	background	:	#FBFBFC;
}

.simplesearch .input-group,.simplesearch .input-group input{
	position	:static;	
}

/****************************************************************************
 * CUSTOM CAROUSEL
 ***************************************************************************/
#combineprequal .text-sm{
	font-size	:	0.8rem!important;
}

#combineintro {
	padding-bottom	:	300px;
}
div#combine:not(.short-config){
	margin-top	:	-255px;
}
#combineintro .fromprice{
	font-size	:	1rem;
	
}
#combineintro .fromprice .text-xl{
	font-size	:	1.7rem!important;
	padding-left : .25rem;
}
#combinecarousel input[type=radio]{
	position	:	absolute;
	height		:	0;
	width		:	0;
	opacity		:	0;
	overflow	:	none;
}
#combinecarousel div.panel:not(.selected) > .panel-link{
	border		:	2px solid transparent;
}
#combinecarousel div.panel.selected > .panel-link{
	border		:	2px solid #1FCA70;
}
#combinecarousel div.panel svg g{
	display	:	none;
}
#combinecarousel div.panel.selected svg g{
	display	:	inherit;
}
.custom-carousel .carousel-control-prev-icon{
	background-image	:	url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
	
}
.custom-carousel .carousel-control-next-icon{
	background-image	:	url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
#combinecarousel .slick-next {
}
#combinecarousel .slick-next::before,#combinecarousel .slick-prev::before{

	font-size	:	2rem;
	color		:   #03293B;
	opacity		:	0.9;
}
#combinecarousel .slick-disabled::before{
	opacity	:	0.5!important;
}
@media (max-width: 768px) {   
	
}
@media (min-width: 768px) {
   
}


div.option label{
	cursor	:	pointer;
}
div.option + div.option{
	border-top	:	1px solid #F8F8FA;
}
div.option input[type=radio] ~ label{
	margin-bottom	:	0;
	border		:	2px solid #FFFFFF;
}
div.option input[type=radio]:checked ~ label{
	border		:	2px solid #1FCA70;
	background	:	#F8F8FA;
}
div.option input[type=radio] ~ label > * {
	margin-top	:	auto;
	margin-bottom	:	auto;
}
div.option input[type=radio] ~ label > svg{
	width		:	24px;
	height		:	24px;
	margin-right	:	1rem;
	
}
div.option input[type=radio]:not(:checked) ~ label > svg circle{
	fill	:	#F8F8FA;
}
div.option input[type=radio]:not(:checked) ~ label > svg g{
	display	:	none;
}
#combinetotal .txt-price{
	font-size	:	2rem;
	font-weight	:	600;
}
#combinetotal .txt-price + .txt-sm{
	font-size	:	.9rem;
}
#combinetotal{
	background-color	:	#F8F8FA;
}
/****************************************************************************
 * COLORS
 ***************************************************************************/
.bg-dark{
	background	:	#03293B!important;
}
.bg-info{
	background  :   #BEE5E9!important;
}
.bg-primary{
	background	:	#FF4A4C!important;
}
.bg-light{
	background : #F9FAFB;
	//background	:	#FBFBFC!important;
}
.bg-success {
    background: #1FCA70;
	background-color : #1FCA70!important;
}
.text-dark{
	color		:	#03293B!important;
}
.text-primary, a.text-primary:hover{
	color		:	#FF4A4C!important;
}
.text-light{
	color		:	#FBFBFC!important;
}
.text-italic{
	font-style	:	italic;
} 
.text-light{
	font-weight	:	300;
}
.text-danger{
	color		:	#FF4A4C!important;
}
.text-success{
	color		:	#1FCA70!important;
}
.text-white{
	color		:	#FFF;
}
.mt--3{
	margin-top	:	-1em;
}
.mt--4{
	margin-top	:	-2em;
}
.mt--5{
	margin-top	:	-3em;
}

/****************************************************************************
 * BOOTSTRP CUSTOM
 ***************************************************************************/
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #1FCA70;
    background-color: #1FCA70;
}
.custom-switch.text-lg .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem;
	height			:	1.1rem;
}
.custom-switch.reverse .custom-control-label::before{
    right: -2.25rem;	
	left	:	auto;
}
.custom-switch.reverse .custom-control-label::after {
	right	:   calc(-2.25rem + 2px);
	left	:	auto;
	 transform: translateX(-.65rem);
	
}
.custom-switch.text-lg .custom-control-label::after {
    width: calc(1.1rem - 4px);
    height: calc(1.1rem - 4px);
}
.custom-switch.text-lg .custom-control-input:checked~.custom-control-label::after {
   transform: translateX(0rem);
}


.alert{
	border-radius	:	0;
}
.alert-success{
	background		:	rgba(31,202,112,0.2);
	border-color	:	rgba(31,202,112,0.2);
	color			:	#03293B;
}
/****************************************************************************
 * HEADERS
 ***************************************************************************/
h3{
	font-size		:	1.3rem;
	font-weight		:	600;
}
h4{
	font-size		:	1.1rem;
	font-weight		:	600;
}
h5{
	font-size		:   1rem;
	font-weight		:	600;
}
/****************************************************************************
 * BUTTONS
 ***************************************************************************/
.btn-rounded{
	border-radius	:	25px;	
}
.btn-rounded-0{
	border-radius	:	0px;	
}
.btn:not(.btn-sm){
	/*font-size	:	0.9rem;*/
	padding		: 	.375rem 1.50rem;
}
.btn-primary{
	background		:	#03293B;
	border-color	:	#03293B!important;
	color			:	#FFF;
}
.btn-primary:hover,
	.btn-primary.active, .btn-primary:active,
		.btn-primary.focus, .btn-primary:focus{
	background		:	#021017!important;
	border-color	:	#021017!important;
	color			:	#FFF;
}

.btn-success{
	background		:	#1FCA70;
	border-color	:	#1FCA70!important;
	color			:	#FFF;
}
.btn-success:hover,
	.btn-success.active, .btn-success:active,
		.btn-success.focus, .btn-success:focus{
	background		:	#0CC463!important;
	border-color	:	#0CC463!important;
	color			:	#FFF;
}

.btn-white{
	background		:	rgba(255,255,255,1)!important;
	border-color	:	rgba(255,255,255,1)!important;
	color			:	#021017;
}
.btn-white:hover,
	.btn-white.active, .btn-white:active,
		.btn-white.focus, .btn-white:focus{
	background		:	rgba(255,255,255,0.9)!important;
	border-color	:	rgba(255,255,255,0.9)!important;
	color			:	#021017;
}


.btn-lang{
	border-radius 	:	15px;
	background		:	#FFF;
	border-color	:	#FFF!important;
	color			:	#05293C;
}
.btn-lang:hover,
	.btn-lang.active, .btn-lang:active,
		.btn-lang.focus, .btn-lang:focus{
	background		:	#FFF!important;
	border-color	:	#05293C!important;
	color			:	#05293C;
}

.btn-secondary{
	background		:	transparent;
	border-color	:	#05293C!important;
	color			:	#05293C;
}
.btn-secondary:hover,
	.btn-secondary.active, .btn-secondary:active,
		.btn-secondary.focus, .btn-secondary:focus{
	background		:	#05293C!important;
	border-color	:	#05293C!important;
	color			:	#FFF;
}

.btn-outline{
	background		:	transparent;
	border			:	2px solid #03293B!important;
	color			:	#03293B;
}
.btn-outline:hover,
	.btn-outline.active, .btn-outline:active,
		.btn-outline.focus, .btn-outline:focus{
	background		:	#021017!important;
	border-color	:	#021017!important;
	color			:	#FFF;
}


.btn-outline-primary{
	background		:	#FFFFFF!important;
	border-color	:	rgba(3,41,59,0.4)!important;
	color			:	#021017;
}
.btn-outline-primary:hover,
	.btn-outline-primary.active, .btn-outline-primary:active,
		.btn-outline-primary.focus, .btn-outline-primary:focus{
	background		:	#021017!important;
	border-color	:	rgba(3,41,59,0.8)!important;
	color			:	#FFF;
}

/****************************************************************************
 * SOPHOS
 ***************************************************************************/
.btn-sophos-sm{
	font-size	:	.9rem;
}
.btn-sophos-xl{
	font-size	:	1.2rem;
}
.btn-sophos{
	background		:	#0072BB;
	border-color	:	#0072BB!important;
	color			:	#FFF;
	border-radius	:	0;
	font-weight		:	600;
	
}
.btn-sophos:hover,
	.btn-sophos.active, .btn-sophos:active,
		.btn-sophos.focus, .btn-sophos:focus{
	background		:	#0072BB!important;
	border-color	:	#0072BB!important;
	color			:	#FFF;
}
.btn-outline-sophos{
	background		:	#FFFFFF!important;
	border-color	:	#0072BB!important;
	color			:	#0072BB;
	border-radius	:	0!important;
}
.btn-outline-sophos:hover,
	.btn-outline-sophos.active, .btn-outline-sophos:active,
		.btn-outline-sophos.focus, .btn-outline-sophos:focus{
	background		:	#0072BB!important;
	border-color	:	#0072BB!important;
	color			:	#FFF;
}

.sophos h2{
	font-size		:	1.5rem;
	margin-bottom	:	1.2em;
	font-weight		:	600;
}
.sophos h2 ~ p{
}

.sophos ul.specs{
	list-style		:	none;
	padding-left	:	0;
	margin-left		:	0;
}
.text-sophos{
	color	:	#0072BB;
}
.bg-sophos{
	background-color	:	#E5F1F8;
}


.border.border-sophos{
	border-color	:	#0072BB!important;
}

/****************************************************************************
 * TESTAANKOOP
 ***************************************************************************/

img.bestevandetest{
	position : relative;
	margin-top: -2.5em;
	margin-left : 1em;
	height:3.5em;
}
img.bestevandetest.fr{
	margin-left : .5em;
}
img.testaankoop{
	height:3em;
	margin-left : 3em;
	margin-top : -2em;
}
img.testaankoop.fr{
	margin-left : 4.2em;
}
@media (max-width: 768px){
	img.bestevandetest{
		float : right;
		height : 2.5em;
		margin-bottom : -1.5em;
		margin-top : -1.5em;
	}
	img.testaankoop{
		float	:	right;
		margin-bottom : -2em;
		margin-top : 0em;
	}

}

/****************************************************************************
 * FIBERKLAAR
 ***************************************************************************/
.fiberklaar h2{
	font-size	: 1.4rem;
    font-weight	: 600;
}
.fiberklaar h2 ~ p{
	font-size	:	1rem;
}

.fiberklaar h3{
	font-size	: 1.2rem;
    font-weight	: 600;
}
.fiberklaar h3 ~ p{
	font-size	:	1rem;
	margin-bottom	:	.5em;
}


/****************************************************************************
 * COMPONENTS
 ***************************************************************************/
a[data-toggle='collapse']{
	cursor	:	pointer;
}
a[data-toggle]:hover{
	text-decoration	:	none;
}
a[aria-expanded=true] > .fa-chevron-right{
	transform	:	rotate(90deg);
}
a[data-toggle='collapse'].highlight:hover{
		background	:	#FBFBFC!important;
}

.btn-toggle:not(.active){
	 background: #FFF;
    border-color: #FFF;
}
.btn-toggle.active {
    background: #03293B;
    border-color: #03293B;
    color: #FFFFFF;
}

/****************************************************************************
 * FORMS
 ***************************************************************************/
form.test input::placeholder {
	color: rgba(3,41,59,0.4);
  	font-size	:	.8rem;
}
form.test input{
	font-weight	:	300;
	font-size	:	.8rem;
	border-radius	:	0;
	border-color	:	transparent;
	border-bottom	:	1px solid rgba(3,41,59,0.4);
}
form.test input:focus,form.test input.active,form.test input:active{
	border-color	:	transparent;
	border-bottom	:	1px solid rgba(3,41,59,0.8);
	box-shadow		:	none;
}
form .loader{
	left : 0;
	top  : 0;
	font-weight: 500;
    font-size: 1.3rem;
}
form:not(.loading) .loader{
	display	:	none!important;
}
form.loading > *:not(.loader),form.loading > *:not(.loader){
	filter			:	blur(4px);
    -o-filter			:	blur(4px);
    -ms-filter		:	blur(4px);
	-moz-filter		:	blur(4px);
	-webkit-filter	:	blur(4px);
	pointer-events	:	none;
}
form.success > *{
	
	filter			:	blur(4px);
    -o-filter			:	blur(4px);
    -ms-filter		:	blur(4px);
	-moz-filter		:	blur(4px);
	-webkit-filter	:	blur(4px);
	pointer-events	:	none;
}


form.simple input::placeholder {
	color		: 	rgba(3,41,59,0.4);
  	//font-size	:	.8rem;
}
form.simple input{
	font-weight		:	300;
	//font-size		:	.9rem;
	border-radius	:	0;
	border-color	:	transparent;
	border			:	1px solid rgba(3,41,59,0.4);
}
form.simple input:focus,form.simple input.active,form.simple input:active{
	border			:	1px solid rgba(3,41,59,0.8);
	box-shadow		:	none;
}

label.attachment,div.attachment{
	width	:	60px;
	border	:	1px dashed #B1BDC3;
	
}
div.attachment{
	margin-right : 1rem;
	overflow	:	initial!important;
}
label.attachment{
	cursor	:	pointer;
}
label.attachment.disabled{
	pointer-events	:	none;
	overflow		:	visible;
}
label.attachment:not(.disabled):hover{
	border-color	:	#03293B;
}
label.attachment input,div.attachment input{
	position	:	absolute;
	width	:	0px;
	height	:	0px;
	overflow	:	hidden;
	opacity		:	0;
}
label.attachment i, div.attachment i{
	font-size	:	1.1rem;
}
.attachment.disabled .fa-minus-circle{
	cursor	:	pointer;
	right	:	-0.5rem;
	top		:	-0.5rem;
	z-index	:	100;
	pointer-events	:	initial!important;
}

/***************
MOBILE FORM
***************/
.article.select-product{}
.article.select-product input, input.invisible{
	position		:	absolute;
	opacity			:	0;
	pointer-events	:	none;
}
.article.select-product label{
	width	:	100%;
	height	:	100%;
	border	: 2px solid #F8F8FA;
	cursor		:	pointer;
}
.article.select-product label:hover{
	box-shadow	:	0 0 10px 1px rgba(0,0,0,0.05);
}
.article.select-product input:checked + label span.radio,
	.article.select-product input:checked + label span.check{
	color		:	#9dd197;
}
.article.select-product input:checked + label {
	border	: 2px solid #1FCA70;
}
hr.fat{
	border-width	:	3px;
}

.tariffs{
	padding-top	:	1.5rem;
	padding-bottom	:	1.5rem;
}
.tariffs > table{
	width	:	90%;
	margin-left	:	5%;
}
.tariffs > table  th{
	padding	:	0.5em 1em;
	font-weight	:	700;
}
.tariffs > table  th:nth-child(1){
	text-align	:	left;
}
.tariffs > table  td{
	padding	:	0.5em;
}
@media (max-width : 768px){
	.tariffs table{
		margin : 0;
		min-width : 100%;
	}
	.tariffs td{
		font-size	:	14px;
		padding		:	0.5em 0.225em;
	}
	
	.article.select-product label{
		font-size : 14px;
	}
}

/** CUSTOM SELECT **/
.select-css {
    display		: inline-block;
    font-size	: 16px;
    font-weight	: 600;
    color		: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #EFEFEF;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #EFEFEF;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
	
	max-width : 100%;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}
.select-css option {
    font-weight:normal;
}

/***************
COMPARISON
***************/
@media (max-width: 576px){
	table.comparison{
		background	:	#FFFFFF;
		font-size	:	.9rem;
		max-width	:	100%;
	}
}
table.comparison td{
	vertical-align : middle;
}
table.comparison td img{
	max-width : 120px;
}
table.comparison{
	background	:	#FFFFFF;
	//font-size	:	1.2rem;
	padding		:	0.5em;
	max-width	:	100%;
}
table.comparison img{
	max-width	:	100%;
}
table.comparison tr:not(:first-child) td{
	padding	:	0.5em;
}
table.comparison tr:not(:first-child) th{
	padding	:	0.5em 1em;
	font-weight	:	500;
}
table.comparison tr:not(:last-child) td,table.comparison tr:not(:last-child) th{
	border-bottom	:	4px solid #EFEFEF;
}

@media (max-width: 768px){
	table.comparison{
		max-width : 100%;
	}
	table.comparison img{
		max-width : 100px!important;
	}
	table.comparison tr > td{
		font-size	:	14px;
		text-align 	: center;
	}
	table.comparison tr > td:nth-child(n+4){
		display	:	none;
	}
	table.comparison tr .btn{
		padding	:	.375rem .375rem;
		font-size	:	14px;
		display : block;
		width : 100%;
	}
}
/****************************************************************************
 * SUPPORT
 ***************************************************************************/
#supportnavtree > a, a.supportnavtree {
	color			:	#03293B;
	font-weight		:	600;
	text-decoration	:	none;
}

#supportnavtree > a[aria-expanded="true"] i{
  	color		: #1FCA70;
	transform	:	rotate(-90deg);
}
#supportnavtree > a[aria-expanded="true"] i{
	
}
#supportnavtree .nav.support .nav-link{
	color		:	#03293B;
	padding-left:	0px!important;
	text-decoration	:	none;
}
#supportnavtree .nav.support .nav-link.active {
	color	:	#1FCA70;
}

.support-content h3{
	color		:	#03293B;
	font-weight	:	600;
	text-decoration	:	none;
}
.support-content a{
	color		:	#03293B;
}

.faq-form .nav-link{
	padding-left	:	0px!important;
	
}

body.article article h2:not(.h2){
	font-size	:	1.2rem;
}
body.article article h3:not(.h3){
	font-size	:	1.1rem;
}
/****************************************************************************
 * .panel
 ***************************************************************************/
.panel{
	position	:	relative;
	
}

.panel > .panel-link{
	position	:	absolute;
	width		:	100%;
	height		:	100%;
	left		:	0;
	top			:	0;
	z-index		:	10;
	cursor		:	pointer;
}
.panel:hover > .panel-link,
	.panel > .panel-link:hover{
	box-shadow	:	0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.panel > .panel-link:hover ~ a.go, 
	.panel > .panel-link:hover ~ div a.go{
	transform	:	translateX(15px);
}

.panel > .panel-link ~ *{
	position	:	relative;
				
}

.product.available--1 *[rel='available'],
	.product.available--1 *[rel='unavailable']{
		display	:	none;
}
.product.available-0 *[rel='available']{
	display	:	none!important;
}
.product.available-0 > .panel-link{
	display	:	none!important;
}
.product.available-0{
		filter		:	blur(4px);
    -o-filter		:	blur(4px);
    -ms-filter		:	blur(4px);
	-moz-filter		:	blur(4px);
	-webkit-filter	:	blur(4px);
	pointer-events	:	none;
}

.product.bg-white-50{
	background-color : rgba(255,255,255,0.5);
}
.product.bg-white-50:hover{
	background-color : rgba(255,255,255,1);
}

/*.product.available-0 a.btn{
	pointer-events	:	none;
	opacity			:	0.1;
}*/
.product.available-1 *[rel='unavailable']{
	display	:	none!important;
}
.panel h3{
	font-weight	:	600;
	font-size	:	22px;
}
.panel a.go{
	transition: transform 0.3s;
}
.panel.product h3 {
	position	:	relative;
}
.panel.product h3 i{
	font-size	:	.8rem;
	position	:	absolute;
	top			:	50%;
	transform	:	translate(50%,-50%);
}
.panel.product.highlight:not(.available-0){
	background	:	#FFF;
	box-shadow	:	0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.panel.product ul{
	list-style	:	none;
	margin		:	0;
	padding		:	0;
}
.panel.product ul li{
	padding		:	1em 1em;
	position	:	relative;
}
.panel.product ul li:not(:last-child)::after{
	content		:	'';
	display		:	block;
	margin-left	:	auto;
	margin-right	:	auto;
	width		:	50%;
	height		:	1px;
	background-color	:	#E6E1E1;
	position	:	absolute;
	bottom		:	0;
	left	:	25%;
}
.panel.product  .price{
	
}
.panel.product  .price ins{
	font-size		:	1.6rem;
	color			:	#1FCA70;
	text-decoration	:	none;
}
.panel.product  .price sub{
	 bottom: 0;
	font-size	:	1rem;
}
.panel.product  .price > span:nth-child(1){
	font-size	:	1.6rem;
	
}
.panel.product  .price del:not(.text-xs){
	font-size	:	1rem;
}

.panel.product  .price del.text-xs sub{
	font-size	:	.7rem;
}

.panel.summary h3{
	font-size	:	1.7rem;
	font-weight	:	700;
}
.panel.summary:hover > .panel-link,
	.panel.summary > .panel-link:hover{
	box-shadow	:	none!important;
}
.panel.summary span.price{
	font-size		:	1.5rem;
	font-weight		:	600;
	color			:	#FF4A4C;
	text-decoration	:	none;
	padding-left	:	.2rem;
	padding-right	:	.2rem;
	font-style		:	normal;
}
.panel.summary .btn-white:hover,
	.panel.summary  .btn-white.active,
		.panel.summary  .btn-white:active,
			.panel.summary .btn-white.focus, 
			.panel.summary  .btn-summary:focus {
    background: #1FCA70!important;
    border-color: #1FCA70!important;
    color: #FFF;

}


.panel.product{
	z-index : 20;
	position :relative;
}
.panel + .flap-out{
	position : absolute;
	bottom : 0;
	border-radius: 0px 0px 10px 10px;
	position: absolute;
	width : 80%;
	left : 10%;
	transform : translateY(85%);
	z-index : 10;
	transition : transform 200ms ease-out;
}
.panel + a.flap-out:hover{
	text-decoration : none;
	transform : translateY(90%);
}
.panel + a.bg-success.flap-out:hover{
	 background: #1FCA70;
	background-color : #1FCA70!important;
	
}

/****************************************************************************
 * MAIN STRUC
 ***************************************************************************/
#pagehead {
	position	:	relative;
	z-index		:	250;
}
#pagehead + .mt--5{
	position	:	relative;
	z-index		:	5;
}
#pagebanner{
	min-height	:	500px;
	position	:	relative;
	overflow	:	hidden;
	position	:	relative;
	z-index		:	0;
}
#pagebanner.banner-sm{
	min-height	:	400px;
}
#pagebanner.banner-sm img.img-fluid{
	max-height	: 400px;
	width 		: auto;
}
#pagebanner > .content{
	z-index		:	0;
}
#pagebanner > .svg {
    position	: 	absolute;
    overflow	: 	hidden;
    left		: 	-5%;
	bottom		:	5px;
    z-index		: 	1;
	width		:	110%;
}
#pagebanner > .svg.flipx{
	 -webkit-transform: scaleX(-1);
  	 transform: scaleX(-1);
}
#pagebanner > .svg + .svg{
    bottom		:	-1px;
	left		:	0;
    z-index		: 	2;
    width		: 	100%;
}
#pagebanner >  .svg > svg {
    width		: 100%!important;
}

#pagebanner  h1{
	font-size	: 	42px;
	line-height	:	42px;
}
#pagebanner  h1 +p{
	font-size	:	32px;
	line-height	:	38px;
}
@media (max-width: 768px) {
	#pagebanner  h1{
		font-size	: 	36px;
		line-height	:	46px;
	}
	#pagebanner  h1 +p{
		font-size	:	20px;
		line-height	:	30px;
	}
}



#pagebanner > .overlay{
	position	:	relative;
	z-index		:	5;
}

#pagebanner .carousel-item.active, #pagebanner .carousel-inner, #pagebanner .carousel{
    display: flex!important;
}
#pagebanner .carousel-inner{
	    overflow: visible!important;
}
#pagebanner .carousel-item .fade-in-left,
	#pagebanner .carousel-item .fade-in-right{
		transition: all .35s ease-in-out;
	}
#pagebanner .carousel-item.active .fade-in-left,
	#pagebanner .carousel-item.active .fade-in-right{
		opacity		:	1;
		transform	:	translateX(0);
	}
#pagebanner .carousel-item:not(.active) .fade-in-left {
    opacity		:	0;
	transform	:	translateX(-100%);
}
#pagebanner .carousel-item:not(.active) .fade-in-right {
    opacity		:	0;
	transform	:	translateX(100%);
}
#pagebanner .carousel-item{
	display	:	flex;
}


/****************************************************************************
 * SVG BACKGROUND
 ***************************************************************************/
.swirl{
	position	:	relative;
	overflow	:	hidden;
}
.swirl > *:not(.svg){
	z-index		:	10;
	position	:	relative;
}
.swirl > .svg{
    position	: 	absolute;
    overflow	: 	hidden;
	top	:	50%;
	transform	:	translateY(-50%);
    z-index		: 	1;
	width		:	110%;
}
.swirl > .svg.flipx{
	 -webkit-transform: scaleX(-1);
  	 transform: scaleX(-1);
}

.cloud{
	position	:	relative;
	overflow	:	hidden;
}
.cloud > *:not(.svg){
	z-index		:	10;
	position	:	relative;
}
.cloud > .svg{
    position	: 	absolute;
    top			:	0;
	left		:	0;
    z-index		: 	1;
	height		:	100%;
	width		:	100%;
}
.cloud > .svg svg{
	height	:	100%;
	width	:	auto;
	left	:	0;
	  position	: 	absolute;
}
.cloud > .svg.flipx{
	 -webkit-transform: scaleX(-1);
  	 transform: scaleX(-1);
}
.coversvg{
	position	:	relative;
	overflow	:	hidden;
}
.svg-oval{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1578.659' height='1285.446' viewBox='0 0 1578.659 1285.446'%3E%3Cpath id='Path_26' data-name='Path 26' d='M1930.756,294.889c107.424,302.257-136.872,535.252-474.192,653.226S257.716,694.52,733.146,351.3,1823.331-7.368,1930.756,294.889Z' transform='translate(1823.647 1554.505) rotate(-161)' fill='%23F9FAFB'/%3E%3C/svg%3E%0A");
	background-size	:	auto 140% ;
	background-repeat	:	no-repeat;
	background-position	:	-25% 50%;
}


/****************************************************************************
 * FLOATING BUTTON
 ***************************************************************************/
div.supportfloat{
	position	:	fixed;
	right		:	2%;
	bottom		:	2%;
	z-index		:	499;
}
div.supportfloat input.toggle{
	position	:	absolute;
	height		:	0px;
	width		:	0px;
	opacity		:	0;
}
div.supportfloat > label,
	div.supportfloat > a{
	transition: all .15s ease-in-out;
}
div.supportfloat label{
	border-radius	:	100%;
	color			:	#FFF;
	width			:	60px;
	height			:	60px;
	cursor			:	pointer;
	background		:	#1FCA70;
	position		:	relative;
	z-index			:	10;
	font-size		:	1.5rem;
}
div.supportfloat label:hover{
	transform		:	scale(1.1);

}
div.supportfloat > label ~ a{
	position	:	absolute;
	border-radius	:	100%;
	color			:	#FFF;
	width			:	40px;
	height			:	40px;
	left			:	10px;
	top				:	10px;
	cursor			:	pointer;
	background		:	#1FCA70;
	pointer-events	:	none;
	z-index			:	5;
	text-decoration	:	none;
	font-size		:	1.2rem;
}

div.supportfloat input.toggle:checked  ~ a{
	opacity			:	1;
	pointer-events	:	initial;
}
div.supportfloat input.toggle:checked  ~ a:nth-of-type(1){
	transform		:	translate(-100px,15px);
}
div.supportfloat input.toggle:checked  ~ a:nth-of-type(2){
	transform		:	translate(-85px,-45px);
}
div.supportfloat input.toggle:checked  ~ a:nth-of-type(3){
	transform		:	translate(-45px,-85px) rotate(-45deg);
}
div.supportfloat input.toggle:checked  ~ a:nth-of-type(4){
	transform		:	translate(15px,-100px);
}

/****************************************************************************
 * COOKIEBANNER
 ***************************************************************************/
.cookiebanner{
   text-align	:	left;
   position  	: fixed;
   max-width	: 180px;
   left     	: 2%;
   bottom    	: 0;
   padding   	: 0.5em 1.5em 1.5em 1.5em;
   background 	: #FFFFFF;
   box-shadow 	: 0 0 5px 5px rgba(0,0,0,0.05);
   z-index    	:	 3500;
   transform  	: translateY(100%);
   cursor		:	pointer;
   transition 	: 	transform 250ms ease-in 0s, max-width 0ms linear 250ms;

}
.cookiebanner.show{
	 bottom    	: 0%;
	max-width   : 	400px;
	cursor	    :	default;
	transform   : 	translateY(0);
	transition 	: 	transform 250ms ease-in;
	padding   	: 	1em 1.5em 1.5em 1.5em;
}
@media screen and (max-width: 700px) {
	.cookiebanner.show{
		max-width   : 	96%;
		right		:	2%;
		cursor	    :	default;
		transform   : 	translateY(0);
		transition 	: 	transform 250ms ease-in;

	}
}
.cookiebanner:not(.show) .info{
	display	:	none;
}
.cookiebanner .title{
	padding-bottom :	 0.5em;
	font-size		:	 1.2em;
	font-weight		:	500;
}
.cookiebanner:not(.show) .title{
	font-size	:	 0.9em;
}

.cookiebanner .info{
	padding-bottom	:	1.2em;
	font-size		:  .9rem;
	font-style		:	italic;
}


.cookiebanner button{
	display	:	block;
	margin-top	:	1.5em;
	margin-bottom	:	.5em;
	width		:	100%;
	background	:	#adb5bd;
	border		:	#adb5bd;
	padding		:	.5em;
	border-radius : 10px;
	color		:	#FFF;
	font-size	:	1rem;
}
.cookiebanner button:hover{
	background-color	:	#989FA5;
}
.cookiebanner button:active{
	background-color	:	#8FA5B7;
}
.cookiebanner button + div > a{
	font-size : .9rem;
	text-decoration : underline;
}

/****************************************************************************
 * AUTOCOMPLETE
 ***************************************************************************/
.autocomplete-suggestions { border: 1px solid #ced4da; background: #FFF; overflow: auto; }
.autocomplete-suggestion {    padding: .5rem 1rem; white-space: nowrap; overflow: hidden; cursor	:	default; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #f48887; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/****************************************************************************
 * BLOG
 ***************************************************************************/
body.blog article .h2{	
	font-size		:	1.5rem;
	font-weight		:	600;
	margin-bottom	:	1.5rem;
}
body.blog article .merri h2{
	font-weight		:	500;
}
body.blog article h3{
	font-size		:	1.3rem;
	font-weight		:	600;
	margin-bottom	:	1.5rem;
}
body.blog article .merri h3{
	font-weight		:	500;
}
body.blog article .merri h4{
	font-weight		:	500;
}
body.blog h4{
	font-size		:	1.1rem;
	font-weight		:	600;
	margin-bottom	:	1.5rem;
}

body.blog h5{
	font-weight		:	600;
	margin-bottom	:	1rem;
}

body.blog .quote{
	margin-left : 2em;
	margin-top : 2em;
	margin-bottom : 2em;
	border-left  : 5px solid #B1BDC3;
	padding-left : 1em;
	font-style	:	italic;
}

#article .background{
	//position	:	absolute;
	width		:	100%;
	max-height	:	400px;
	//height		:	40vh;
	z-index		:	0;
}
#article article{
	margin-top	:	-50px;
	position	:	relative;
	z-index		:	1;
	background	:	rgba(255,255,255,0.9)!important;
}
#article .blur{
	filter			:	blur(3px);
    -o-filter		:	blur(3px);
    -ms-filter		:	blur(3px);
	-moz-filter		:	blur(3px);
	-webkit-filter	:	blur(3px);	
}
body.blog .merri p{
	font-weight	:	300;
}
body.blog .content a:not(.btn){
	color			:	#FF4A4C;
	text-decoration	:	underline;
}
body.blog .social.bg-light{
	background-color	:	#F6F6F6!important;
}
body.blog .social a{
	font-size	:	1.2rem;
	color		:	#355362;
}
body.blog .social a:hover{
	color		:	#FF4A4C;
}
body.blog .article-content ul,
		body.blog .article-content ol{
			margin-bottom: 1rem;
	}
	
@media (min-width: 576px){
}
@media (min-width: 768px){
}
@media (min-width: 992px){
	#article article{
		margin-top	:	-75px;
	}
}
@media (min-width: 1200px){
	#article article{
		margin-top	:	-100px;
	}
	body.blog  h1{
		font-size		:	2.7rem;
		margin-bottom	:	1.4rem;
		margin-top		:	1.5rem;
	}
	body.blog  h1 + p{
		font-size	:	1.3rem;
		line-height	:	2rem;
		color			:	#3c4043;
	}
	body.blog  h4{
		font-size		:	1.5rem;
		margin-bottom	:	1rem;
		margin-top		:	1.5rem;
		color			:	#3c4043;
	}
	body.blog h5{
		margin-top		:	1.5rem;
		font-size		:	1.2rem;
		font-weight		:	600;
		margin-bottom	:	1rem;
	}
	body.blog .article-content li{
		font-size		:	1.1rem;
		line-height		:	1.8rem;
		color			:	#4a5568;
	}
	body.blog .article-content p{
		font-size		:	1.1rem;
		line-height		:	1.8rem;
		margin-bottom	: 	2rem;
		color			:	#4a5568;
	}
	body.blog .article-content ul,
		body.blog .article-content ol{
			margin-bottom	: 	2rem;
	}
	body.blog .article-content,
		div[data-component='cta'].position-mobile-fixed{
			max-width : 70%;
			margin-left:auto;
			margin-right:auto;
	
	}
}
/****************************************************************************
 * BLOG CTA
 ***************************************************************************/
div[data-component='cta']{
	
}
div[data-component='cta'] .close{
	cursor	:	pointer;
	font-size	:	1rem;
	float		:	none;
	text-shadow	:	initial;
	opacity		:	1;
}
div[data-component='cta'].bottom-right{
	right			:	1em;
	bottom			:	1em;
	z-index			: 	500;
}
div[data-component='cta'].bottom{
	right			:	0em;
	bottom			:	0em;
	z-index			: 	500;
}
div[data-component='cta'].center-right{
	right			:	1em;
	top				:	50%;
	transform		:	translateY(-50%);
	z-index			: 	500;
}
div[data-component='cta'].center-center{
	left			:	50%;
	top				:	50%;
	transform		:	translate(-50%,-50%);
	z-index			: 	500;
}

@media (min-width: 576px){
	
}
@media (max-width: 768px){
	div[data-component='cta'].position-mobile-fixed{
		position:	fixed;
		z-index	:	500;
	}
	div[data-component='cta'].bottom{
		width	:	100%;
		left	:	0;
		bottom	:	0;
	}
}
@media (min-width: 768px){
	div[data-component='cta'].position-mobile-fixed{
		max-width : 100%;
		
		left	:	50%;
		bottom	:	0;
		transform	:	translateX(-50%);
		position	:	fixed;
		z-index		:	500;
	}
}

@media (min-width: 992px){
	div[data-component='cta'].position-mobile-fixed{		
		width	:	580px;	
	}
}
@media (min-width: 1200px){
	div[data-component='cta'].position-mobile-fixed{
		width	:	713px;	
	}
}

/****************************************************************************
 * JOBS
 ***************************************************************************/
div.jobs-container > a{
	padding	:	1em 0 1em 0 ;
	transition	:	all 200ms ease-in;
}
div.jobs-container > a:not(:last-child){
	border-bottom	:	1px solid #c9d7df;
}
div.jobs-container > a > .job-title{
	font-size: 1.25em;
    margin-bottom: .15em;
    display: block;
    font-weight: 500;
	color: #03293B;
}
div.jobs-container > a > .job-loc{
	color: #5c6f78;
	font-size: .8em;
}
div.jobs-container > a:hover{
	text-decoration	:	none;
	background-color	:	#EFEFEF;
	padding-left		:	1em;
}
/****************************************************************************
 * RESPONSIVE & SIZES
 ***************************************************************************/

.mw-25{
	max-width	:	25%;
}
.mw-50{
	max-width	:	50%;
}
.mw-75{
	max-width	:	75%;
}
.mw-100{
	max-width	:	100%;
}

.minh-vh-50{
	min-height : 50vh
}
.minh-vh-75{
	min-height : 75vh
}


.d-flex > .w-250{
	flex	:	0 0 250px;
}
.d-flex > .w-100{
		flex	:	0 0 100px;
}
.d-flex > .w-75{
		flex	:	0 0 75px;
}
.d-flex > .w-50-px{
		flex	:	0 0 50px;
}
		
@media (min-width: 576px){
}
@media (min-width: 768px){
}
div.lg-shiftup > *{
	margin-top	:	-200px;
}
	
@media (min-width: 992px){
	div.lg-shiftup > *{
		margin-top	:	-450px;
	}
	
	.d-flex > .w-lg-250{
		flex	:	0 0 250px;
	}
	.d-flex > .w-lg-400{
		flex	:	0 0 400px;
	}
	.dropdown-lg-static{
		position	:	static;	
	}
	.dropdown-lg-static > .dropdown-menu,
		.dropdown-lg-static > .dropdown-menu{
		left			:	0!important;
		width			:	100%!important;
		transform		:	translateY(1rem);
		top				: 	100%!important;
		transition		: all .15s ease-in-out;
		pointer-events	:	none;
		display			:	block;
		opacity			:	0;
		border			:	none;
		border-radius	:	0;
	}
	.dropdown-lg-static:hover .dropdown-menu,
		.dropdown-lg-static.show > .dropdown-menu{
		pointer-events	:	initial;
		opacity	:	1;	
		transform	:	translateY(0)!important;
	}
	.dropdown-lg-static .dropdown-toggle{
		position	:	relative;
	}
	.dropdown-lg-static .dropdown-toggle::after,
		.dropdown-lg--static .dropdown-toggle::after{
		//display	:	none;
	}
	.dropdown-lg-static .dropdown-toggle::before,
		.dropdown-lg-static .dropdown-toggle::before{
			content		:	'';
			display		:	inline-block;
			width		: 0; 
	  		height		: 0; 
	  		border-left		: 10px solid transparent;
	  		border-right	: 10px solid transparent;
	  		border-bottom	: 10px solid #FFFFFF;
			position	:	absolute;
			left		:	50%;
			top			:	100%;
			opacity		:	0;
			transform	:	translate(-50%, 0.5rem)!important;
			transition	: 	all .15s ease-in-out;
	}
	.dropdown-lg-static:hover .dropdown-toggle::before,
		.dropdown-lg-static.show .dropdown-toggle::before{
			
		opacity	:	1;	
		transform	:	translate(-50%,-0.4rem)!important;
	}
	.mw-lg-25{
		max-width	:	25%;
	}
	.mw-lg-50{
		max-width	:	50%;
	}
	.mw-lg-75{
		max-width	:	75%;
	}
	.mw-lg-100{
		max-width	:	100%;
	}

	.mt-lg--5{
		margin-top	:	-3em;
	}	
}

@media (min-width: 1200px){
	.d-flex > .w-xl-400{
		flex	:	0 0 400px;
	}
	.container-fluid{
		max-width	:	1400px;
	}
	.container-fluid.fluid-50{
		max-width	:	1500px;
	}
	.mw-xl-25{
		max-width	:	25%;
	}
	.mw-xl-50{
		max-width	:	50%;
	}
	.mw-xl-75{
		max-width	:	75%;
	}
	.mw-xl-100{
		max-width	:	100%;
	}
	
}
@media (min-width: 1600px){
	.d-flex > .w-xxl-400{
		flex	:	0 0 400px;
	}
	.w-xxl-400 > .fixable.fixed{
		width	:	400px!important;
	}
}