@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");

body{background-color:#fff!important;font-family:'Open Sans', sans-serif!important;color:#535353!important;font-size:1.2rem!important;}
a{color:#e8472a!important;}
a:hover{color:#000;}
H1 {font-family:'Open Sans', sans-serif!important;}
H2 {font-family:'Open Sans', sans-serif!important;font-weight:bold;font-size:2.5rem;color:#495e7e;padding-top:30px;padding-bottom:30px;}

@media only screen{} /* Define mobile styles */
@media only screen and (max-width:640px){
	body{font-size:1.1rem!important;}
	.row{padding:0px!important;}
	h1{font-size:1.4rem!important;}
	h2{font-size:1.9rem!important;padding-bottom:30px!important;}
	.fp-col{padding:20px!important;}
	.ccnt {display:block!important;border:1px solid #ccc!important;padding:10px!important;}
	.subtitles{font-size:1.4rem!important;}
	.header-usps{font-size:0.7rem!important;padding-top:4px!important;padding-bottom:4px!important;text-align:center!important;}
	.fp-head{font-size:1.2rem!important;}
	.rowhead{padding:15px!important;}
	.list {font-weight:bold!important;font-size:1.1rem!important;line-height:32px!important;}
	.ccnt {padding-left:4px!important;padding-right:4px!important;}
	.tttsubtitle{padding-top:28px!important;font-size:0.8rem!important;letter-spacing:0px!important;}		
	.subject{padding-top:15px!important;text-align:center!important;}
	.button{font-size:0.8rem!important;}
	.buttonsmall{display:block;margin-bottom:6px!important;}
	.shoptxt{font-size:1.2rem!important;margin-top:-5px!important;}
	.carousel-cell{padding:13px!important;}
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues - --- oa. ipad landscape */
@media only screen and (min-width:40.063em) and (max-width:64em) and (orientation:landscape){
	body{font-size:1.0rem!important;}
	.row{max-width:62rem!important;padding:0px!important;}	
	h1 {font-size:1.5rem!important;}	
	.header-usps{font-size:0.8rem!important;padding-top:7px!important;padding-bottom:7px!important;}
	.fp-col{padding:15px!important;}
	.subtitles{font-size:1.2rem!important;}
	.button{font-size:0.8rem!important;}
	.buttonsmall{font-size:0.8rem!important;}
	.shoptxt{font-size:1.8rem!important;}
	.ccnt {padding-left:4px!important;padding-right:4px!important;}
	.tttsubtitle{padding-top:28px!important;font-size:1.5rem!important;letter-spacing:0px!important;}		
	.subject{padding-top:25px!important;}	
} 

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues - --- oa. ipad portrait */
@media only screen and (min-width:40.063em) and (max-width:64em) and (orientation:portrait){
	/* voor medium weergave */
	body{font-size:0.90em!important;}
	.row{max-width:46rem!important;padding:0px!important;}	
	h1 {font-size:1.1rem!important;padding-top:0px!important;margin:0px!important;}
	h2 {font-size:2.1rem!important;}
	#footer{font-size:0.8rem!important;}
	.header-usps{font-size:0.7rem!important;font-weight:bold!important;padding-top:8px!important;padding-bottom:7px!important;}
	.fp-col{padding:10px!important;}
	.subtitles{font-size:1.0rem!important;}
	.button{font-size:0.70rem!important;}
	.buttonsmall{font-size:0.70rem!important;}
	.shoptxt{font-size:1.5rem!important;margin-top:-5px!important;}
	.ccnt {padding-left:4px!important;padding-right:4px!important;}
	.fp-head{font-size:1.4rem!important;}
	.tttsubtitle{padding-top:22px!important;font-size:1.1rem!important;letter-spacing:0px!important;}		
	.subject {padding-top:22px!important;}	
	.carousel-cell{padding:12px!important;}
}

/* min-width 1025px, large screens - oa. laptop */ 
@media only screen and (min-width:64.063em){
    .row{max-width:83rem!important;padding:0px!important;}
} 

/* min-width 1441px, xlarge screens */
@media only screen and (min-width:90.063em){
	.row{max-width:94rem!important;padding:0px!important;}
} 

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues --/ default desktop */
@media only screen and (min-width:90.063em) and (max-width:120em){
	.row{max-width:94rem!important;padding:0px!important;}
} 

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width:120.063em){
	.row{max-width:94rem!important;padding:0px!important;}
} 

/* (1366x768) WXGA Display */
@media  screen and (max-width:1366px){}

.row {text-align:center;padding-left:10px;padding-right:10px;}
.bluetxt{color:#495e7e;}
.redtxt{color:#e8472a;}
.quote{display:block;font-size:2.2rem;font-weight:bold;font-style:italic;}
.list{font-size:1.6rem;font-weight:bold;line-height:52px;}
.fp-col{padding:30px;}
.logofoot{background-color:#000;text-align:center;padding:0px!important;}
.shoptxt{padding:0px;color:#fff;font-size:2.4rem;text-align:center;display:block;margin-top:-10px;}
.fp-head{background-color:#f3f3f3;font-size:1.8rem;font-weight:bold;text-align:center;color:#000;padding-top:1.0rem;padding-bottom:1.0rem;border-radius:15px;}
.logo{background-color:#495e7e;padding:0px;margin-bottom:2px;margin-top:2px;}
.carousel-cell{padding:20px;}
.carousel-cell-image{border-radius:15px;}

.button{
	transition:background 0.1s linear 0s;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	font-size:1.2rem;
	text-decoration:none;
	letter-spacing:1px;
	margin:0;
	background:#e8472a!important;;
	outline:medium none;
	border-color:#aa4403;
	border-radius:15px;
	box-shadow:inset 0 -2px 0 0 #ac2a10;
	padding-left:20px;
	padding-right:20px;

}
.button:hover, .button:focus{background-color:#ac2a10!important;cursor:pointer;}

.buttonsmall{
	transition:background 0.1s linear 0s;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	font-size:0.9rem;
	text-decoration:none;
	letter-spacing:1px;
	margin:0;
	background:#e8472a;
	outline:medium none;
	border-color:#aa4403;
	border-radius:15px;
	box-shadow:inset 0 -2px 0 0 #ac2a10;
	padding-bottom:0.7rem;
	padding-top:0.7rem;
	padding-left:20px;
	padding-right:20px;
}
.buttonsmall:hover, .buttonsmall:focus{background-color:#ac2a10;color:#fff;cursor:pointer;}

.subtitles{display:block;font-size:1.7rem;font-weight:normal;color:#495e7e;padding-top:10px;padding-left:0px;margin-left:0px;padding-bottom:0px;}
.txtsu1{color:#859cc0;}
.contain-to-grid{padding:0px;background:#fff;}
.fixed .contain-to-grid{background:#ccc;}
.header-fixed{background-color:#fff;margin-bottom:20px;padding-bottom:10px;}
.fixed .header-fixed{box-shadow:0 8px 8px -8px #888;margin:0 auto;}

.header-usps{text-align:left;background-color:#f3f3f3;font-size:1.0rem;font-weight:bold;padding-top:11px;padding-bottom:11px;padding-left:30px!important;}

.ccnt {display:block;border:1px solid #ccc;border-radius:15px;padding:20px;text-align:center;}
.ccnt:hover {}
.tttsubtitle{text-align:left;font-size:2.4rem;font-weight:bold;padding-left:15px;padding-top:46px;letter-spacing:1px;color:#000;}
.subject{padding-top:46px;text-align:right;letter-spacing:1px;}	
.subject H1{font-size:2.4rem;font-weight:bold;}

#footer{background-color:#333;color:#fff;margin-top:15px;padding-top:15px;font-size:1.0rem;}
#footer a{color:#859cc0!important;}
#footer a:hover{color:#fff;text-decoration:underline;}
.footerhead{font-weight:bold;color:#fff;}

.eupopup-container {
	background-color: rgba(25, 25, 25, 0.9);
	color: #efefef;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	display: none;
	z-index: 9999999;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
	position: absolute;
	top: 0; left: 0; right: 0;
}

.eupopup-container-fixedtop {
	position: fixed;
}

.eupopup-container-bottom {
	position: fixed;
	bottom: 0; left: 0; right: 0;
}

.eupopup-container-bottomleft {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 300px;
}

.eupopup-container-bottomright {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 300px;
}

.eupopup-closebutton {
	font-size: 16px;
	font-weight: 100;
	line-height: 1;
	color: #a2a2a2;
	opacity: 0.2;
	position: absolute;
	font-family: helvetica, arial, verdana, sans-serif;
	top: 0; right: 0;
	padding: 5px 10px;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
	color: #fff;
	text-decoration: none;
}

.eupopup-head {
	font-size: 0.8rem;
	font-weight: normal;
	padding: 7px;
	color: #fff;
}

.eupopup-body {
	color: #a2a2a2;
}

.eupopup-buttons {
	padding: 7px 0 5px 0;
}

.eupopup-container .popuplink {
	color:#ffffff;
	text-decoration:underline;
}
.eupopup-button_1 {
	color: #000000;
	font-weight: normal;
	font-size: 0.8rem;
	border:1px solid #a4a4a4;
	text-decoration:none;
	background-color:#c6c6c6;
	padding:5px;
}

.eupopup-button_2 {
	color: #f6a21d;
	font-weight: normal;
	font-size: 0.8rem;
}

.eupopup-button {
	margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
	text-decoration: underline;
	color: #000000;
}

body .eupopup-color-inverse {
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
	color: #000;
}

body .eupopup-style-compact {
	text-align: left;
	padding: 8px 30px 7px 20px;
	line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
	display: inline;
	padding: 0;
	margin: 0;
}

body .eupopup-style-compact .eupopup-button {
	margin: 0 5px;
}