@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&subset=latin-ext');
@import url("reset.css");
@import url("support.css");
@import url("forms.css");
@import url("font-awesome.css");
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('roboto/RobotoCondensed-Regular-webfont.eot');
    src: url('roboto/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('roboto/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('roboto/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'pixons';
	src:url('pixons/pixons.eot');
	src:url('pixons/pixons.eot?#iefix') format('embedded-opentype'),
		url('pixons/pixons.woff') format('woff'),
		url('pixons/pixons.ttf') format('truetype'),
		url('pixons/pixons.svg#pixons') format('svg');
	font-weight: normal;
	font-style: normal;
}

html{ height: 100%; }
body{ position: relative; min-height: 100%; margin: 0; padding: 0; color: #777777; font-family: 'Quicksand', sans-serif; font-size: 18px; font-weight: 400; }
#statusmessage{ display: none; }
p{ margin: 0 0 30px; line-height: 26px; }
	p#notfoundmessage{ padding: 100px; background-image: url(../images/common/404.jpg); background-repeat: no-repeat; text-align: center; }
ol li{ margin: 0 0 5px; }
*+br{ display: none; visibility: hidden; }
a,input{ transition: all 0.3s; }
h1{ margin: 0 0 30px; color: #ffffff; font-size: 36px; font-weight: 300; line-height: 44px; }
	h1 span{ display: block; font-size: 22px; font-weight: 500; line-height: 28px; }
	body.homepage h1{ margin: 0 0 75px; }
	body.default h1{ color: #163c47; font-size: 40px; font-weight: 700; }
	body.search h1{ color: #163c47; font-size: 40px; font-weight: 700; }
h2{ margin: 0px 0 30px; color: #163c47; font-size: 40px; font-weight: 300; line-height: 46px; text-transform: uppercase; }
	h2.fauxh1{ margin: 0 0 30px; color: #ffffff; font-size: 36px; font-weight: 300; line-height: 44px; text-transform: none; }	
h3{ margin: 30px 0 5px; color: #163c47; font-size: 18px; font-weight: 700; line-height: 22px; }

.dottedtitle{ display: table; margin: 0 0 80px; width: 100%; color: #ffffff; font-size: 24px; font-weight: 300; text-transform: uppercase; }
	.dottedtitle span{ display: table-cell; width: 33%; text-align: center; vertical-align: middle; }
		.dottedtitle span.sideline:first-child{ text-align: left; }
		.dottedtitle span.sideline:last-child{ text-align: right; }
		.dottedtitle span.sideline i{ display: inline-block; width: 100%; height: 1px; border-bottom: dashed 1px #ffffff; }
		
.linkblock{ clear: both; float: none; display: block; }
	.linkblock .linkbutton{ display: inline-block; padding: 8px 15px; background-color: #5ebad1; color: #ffffff; font-size: 14px; text-decoration: none; text-transform: uppercase; }
		.linkblock .linkbutton:hover{ background-color: #d6e03d; }

.hideforload{ display: none !important; visibility: hidden !important; }
.mobile{ display: none; }

.centre{ text-align: center; }
.containsfeatured{ padding-right: 27.2%; }
.dottedsection{ margin-bottom: 60px; padding-bottom: 30px; border-bottom: dashed 1px #5ebad1; }
.limitedsection{ width: 100%; max-width: 1310px !important; padding-bottom: 60px; }
.bluetext{ color: #163c47; }
.fullwidth{ max-width: 100% !important; }
	.fullwidth.padded{ padding: 100px 0 !important; }
	.fullwidth .inner{ max-width: 1310px !important; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; }
		.fullwidth .inner.vpad{ padding-top: 50px; padding-bottom: 50px; }
	.fullwidth.mapbar{ height: 0; padding: 0 0 31.25%; background-position: center; background-size: cover; }
	.fullwidth.blue{ background: #0e2f45 url(../images/common/px-blue.png); }
	.fullwidth.grey{ background: #f1f1f1; }
.separator{ margin-bottom: 60px; padding-bottom: 60px; border-bottom: dashed 1px rgba(255,255,255,0.5); }

.topsection{  }
	.topsection .bottom{ display: block; margin: -10px 0 0; height: 90px; background: #ffffff url(../images/common/body-bg-bottom.jpg) center bottom no-repeat; background-size: auto 92px; }
	.topsection.fullwidth{ padding-left: 0 !important; padding-right: 0 !important; }
	.topsection .inner{ overflow: hidden; }
		.topsection .inner.fullwidth{ max-width: 100% !important; }
			.topsection .inner.fullwidth .introblock.offset{ width: 63% !important; }
		.topsection .inner .expanderblock{ max-height: 300px; overflow: hidden; }
		.topsection .inner .introimage{ float: left; width: 28%; }
			.topsection .inner .introimage a{ position: relative; display: block; width: 350px; height: 350px; padding: 10px; border: dotted 4px #ffffff; border-radius: 400px; }
				.topsection.business .inner .introimage a{ border: dotted 4px #4eaeb8; }
				.topsection.crm .inner .introimage a{ border: dotted 4px #d26848; }
				.topsection.manufacturing .inner .introimage a{ border: dotted 4px #e5b513; }
				.topsection.agricultural .inner .introimage a{ border: dotted 4px #64ba3a; }
				.topsection .inner .introimage a .base{ display: block; width: 100%; height: 100%; padding: 10px; background-color: rgba(255,255,255,0.15); border-radius: 400px; }
					.topsection.business .inner .introimage a .base{ background-color: rgba(78,174,184,0.15); }
					.topsection.crm .inner .introimage a .base{ background-color: rgba(210,104,72,0.15); }
					.topsection.manufacturing .inner .introimage a .base{ background-color: rgba(229,181,19,0.15); }
					.topsection.agricultural .inner .introimage a .base{ background-color: rgba(100,186,58,0.15); }
					.topsection .inner .introimage a .base .image{ display: block; width: 100%; height: 0; padding: 0 0 100%; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 400px; overflow: hidden; }
				.topsection .inner .introimage a .miniicon{ position: absolute; left: 0; top: 0; display: block; width: 80px; height: 80px; padding: 5px; border: dotted 1px #ffffff; border-radius: 100px; }
					.topsection.business .inner .introimage a .miniicon{ border: dotted 1px #4eaeb8; }
					.topsection.crm .inner .introimage a .miniicon{ border: dotted 1px #d26848; }
					.topsection.manufacturing .inner .introimage a .miniicon{ border: dotted 1px #e5b513; }
					.topsection.agricultural .inner .introimage a .miniicon{ border: dotted 1px #64ba3a; }
					.topsection .inner .introimage a .miniicon .icon{ display: block; width: 100%; height: 100%; background-color: #0e2f45; border-radius: 100px; background-position: center; background-repeat: no-repeat; background-size: 60% auto; }
						.topsection.business .inner .introimage a .miniicon .icon{ background-color: #4eaeb8; background-image: url(../images/common/icon-business.png); }
						.topsection.crm .inner .introimage a .miniicon .icon{ background-color: #d26848; background-image: url(../images/common/icon-crm.png); }
						.topsection.manufacturing .inner .introimage a .miniicon .icon{ background-color: #e5b513; background-image: url(../images/common/icon-manufacturing.png); }
						.topsection.agricultural .inner .introimage a .miniicon .icon{ background-color: #64ba3a; background-image: url(../images/common/icon-agricultural.png); }
		.topsection .inner .introblock{ float: right; width: 65%; }
	.topsection .expander.blue{ background-color: #0e2f45; }
	.topsection .expander.fullwidth{ padding: 0 30px; }
	
.tabbar{ padding: 100px 0 !important; }
	.tabbar .tabs{ text-align: center; }
		.tabbar .tabs a{ display: inline-block; width: 49%; margin-right: 5px; padding: 30px 40px; color: #163c47; font-size: 40px; font-weight: 700; text-align: left; }
			.tabbar .tabs a:hover{ background-color: #ebf5f7; }
			.tabbar .tabs a.selected{ background-color: #e0eff3 !important; }
			.tabbar .tabs a i{ display: inline-block; width: 40px; height: 40px; margin: 0 30px 0 0; background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: middle; }
				.tabbar .tabs a i.screens{ background-image: url(../images/common/icon-screens.png); }
				.tabbar .tabs a i.features{ background-image: url(../images/common/icon-features.png); }
			.tabbar .tabs a span{ display: inline-block; vertical-align: middle; }
	.tabbar .content{ display: none; padding: 100px 30px; }
		.tabbar .content.selected{ display: block; }
		.tabbar .content .imagecontent{ position: relative; display: block; width: 100%; text-align: center; }
			.tabbar .content .imagecontent>img{ display: inline-block; max-width: 100%; }
			.tabbar .content .imagecontent .screenthumb{ display: inline-block; /*width: 517px; height: 445px;*/ width: 26.93%; height: 0; padding: 0 0 23.18%; background-image: url(../images/common/product-screen-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; vertical-align: middle; }
				.tabbar .content .imagecontent .screenthumb.middlethumb{ width: 36.00%; margin: 0 3%; padding-bottom: 31%; }
				.tabbar .content .imagecontent .screenthumb a{ display: block; width: 92.84%; height: 0; margin: 3.5% auto 0; padding: 0 0 52.5%; background-image: url(../images/common/product-screen-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.75; }
					.tabbar .content .imagecontent .screenthumb a:hover{ opacity: 1; }
	.tabbar .content{  
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0eff3+1,ffffff+100&1+0,0.5+75,0+100 */
		background: -moz-linear-gradient(top, rgba(224,239,243,1) 0%, rgba(224,239,243,0.99) 1%, rgba(247,251,252,0.5) 75%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(224,239,243,1) 0%,rgba(224,239,243,0.99) 1%,rgba(247,251,252,0.5) 75%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(224,239,243,1) 0%,rgba(224,239,243,0.99) 1%,rgba(247,251,252,0.5) 75%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eff3', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	}
	
.followup{ padding: 100px 0 !important; background: url(../images/common/followup-bg.jpg) center no-repeat; background-size: cover; }

a.circlelink{ display: block; width: 205px; margin: 0 auto; color: #ffffff; text-align: center; text-decoration: none; }
	a.circlelink .title{ display: block; color: #4eaeb8; font-size: 25px; font-weight: 300; line-height: 31px; text-align: center; text-transform: uppercase; }
		a.circlelink .title i{ display: block; color: #ffffff; font-size: 20px; font-style: normal; line-height: 26px; text-align: center; text-transform: none; }
		a.circlelink.blue .title{ color: #4eaeb8; }
		a.circlelink.red .title{ color: #d26848; }
		a.circlelink.yellow .title{ color: #e5b513; }
		a.circlelink.green .title{ color: #64ba3a; }
	a.circlelink .iconblock{ display: block; width: 100%; height: 205px; margin: 0 auto 25px; padding: 12px; border: dotted 2px #ffffff; border-radius: 300px; }
		a.circlelink.blue .iconblock{ border: dotted 2px #4eaeb8; }
		a.circlelink.red .iconblock{ border: dotted 2px #d26848; }
		a.circlelink.yellow .iconblock{ border: dotted 2px #e5b513; }
		a.circlelink.green .iconblock{ border: dotted 2px #64ba3a; }
		a.circlelink .iconblock .solidbg{ display: block; width: 100%; background-color: rgba(255,255,255,0.15); border-radius: 300px; transition: all 0.5s; }
			a.circlelink.blue .iconblock .solidbg{ background-color: rgba(78,174,184,0.15); }
			a.circlelink.red .iconblock .solidbg{ background-color: rgba(210,104,72,0.15); }
			a.circlelink.yellow .iconblock .solidbg{ background-color: rgba(229,181,19,0.15); }
			a.circlelink.green .iconblock .solidbg{ background-color: rgba(100,186,58,0.15); }
			a.circlelink .iconblock .solidbg .icon{ display: block; width: 100%; padding: 0 0 100%; background-position: center; background-repeat: no-repeat; transition: all 1.5s; }
	a.circlelink:hover .iconblock,a.circlelink.rotated .iconblock{  }
		a.circlelink:hover .iconblock .solidbg,a.circlelink.rotated .iconblock .solidbg{ background-color: rgba(255,255,255,0.35); transform: rotateY(180deg); }
			a.circlelink.blue:hover .iconblock .solidbg,a.circlelink.blue.rotated .iconblock .solidbg{ background-color: rgba(78,174,184,0.35); }
			a.circlelink.red:hover .iconblock .solidbg,a.circlelink.red.rotated .iconblock .solidbg{ background-color: rgba(210,104,72,0.35); }
			a.circlelink.yellow:hover .iconblock .solidbg,a.circlelink.yellow.rotated .iconblock .solidbg{ background-color: rgba(229,181,19,0.35); }
			a.circlelink.green:hover .iconblock .solidbg,a.circlelink.green.rotated .iconblock .solidbg{ background-color: rgba(100,186,58,0.35); }
			a.circlelink:hover .iconblock .solidbg .icon,a.circlelink.rotated .iconblock .solidbg .icon{ transform: rotateY(-180deg); }
			
.content ul.supportproducts, .supportproducts{ display: flex; flex-direction: column; gap: 50px; margin: 0; padding: 0; list-style: none; }
	.supportproducts>li{ display: grid; grid-template-columns: 210px 1fr; gap: 100px; align-items: center; }
		.supportproducts>li .icon{  }
			.supportproducts>li .icon a.circlelink{ pointer-events: none; transition: none; }
				.supportproducts>li .icon a.circlelink .iconblock .solidbg .icon{ background-size: 65% auto; transition: none; }
				.supportproducts>li .icon a.circlelink.blue .iconblock .solidbg{ background-color: rgba(78,174,184,1); }
				.supportproducts>li .icon a.circlelink.red .iconblock .solidbg{ background-color: rgba(210,104,72,1); }
				.supportproducts>li .icon a.circlelink.yellow .iconblock .solidbg{ background-color: rgba(229,181,19,1); }
				.supportproducts>li .icon a.circlelink.green .iconblock .solidbg{ background-color: rgba(100,186,58,1); }
				.supportproducts>li .icon a.circlelink .iconblock{ width: 150px; height: 150px; }
				.supportproducts>li .icon a.circlelink .title i{ color: unset; }
		.supportproducts>li .links{  }
			.supportproducts>li .links p{ margin: 0 0 15px; }
				.supportproducts>li.section1 .links a{ color: #4eaeb8; }
				.supportproducts>li.section2 .links a{ color: #e5b513; }
				.supportproducts>li.section3 .links a{ color: #d26848; }

.flexcontainer{ 
	display: flex; display: -webkit-flex; display: -moz-flex; 
	flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap;
	justify-content: space-around; -webkit-justify-content: space-around; -moz-justify-content: space-around;
	align-content: center; -webkit-align-content: center; -moz-align-content: center;
	align-items: center; -webkit-align-items: center; -moz-align-items: center;
}
	.flex-item{
		order: 1; -webkit-order: 1; -moz-order: 1;
		flex: 0 1 auto; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto;
		align-self: center; -webkit-align-self: center; -moz-align-self: center;
	}

ul.bulletslist{ margin-left: 40px; list-style: disc; }
	ul.bulletslist li{ margin: 0 0 5px; }
	
.content{ overflow: hidden; }
	.content .lcol{ float: left; }
		.content .lcol.third{ width: 33%; }
		.content .lcol.half{ width: 48%; }
	.content .rcol{ float: right; }
		.content .rcol.twothirds{ width: 65%; }
		.content .rcol.half{ width: 48%; }
	.content h1,.content h2,.content h3{ float: none; clear: both; }
		.altcontent h1,.altcontent h2,.altcontent h3{ margin-top: 50px; color: #0e2f45; }
	.content p{ float: none; clear: both; }
		.content p br{ display: block !important; visibility: visible !important; }
		.content p a{ color: #4cb2cc; text-decoration: none; }
			.content p a:hover{ color: #4cb2cc; text-decoration: underline; }
	.content ul{ margin-left: 40px; list-style: disc; }
		.content ul li{  margin: 0 0 10px; line-height: 24px; }

#statusmessage{ position: absolute; z-index: 10000; display: block; width: 100%; }
	#statusmessage p{ display: block; width: 30%; margin: 0 auto; padding: 10px 20px; background-color: #ed1c24; color: #ffffff; cursor: pointer; text-align: center; }
		#statusmessage p span{ display: none; visibility: hidden; }
		
#parent{ position: relative; display: block; width: 100%; min-height: 100%; margin: 0 auto; padding: 50px 0 110px; background: #ffffff url(../images/common/header-bg.jpg) center -50px no-repeat; }
	body.index #parent{ background: #ffffff url(../images/common/body-bg.jpg) center top no-repeat; }
	body.products #parent{ background: #ffffff url(../images/common/body-bg-flat.jpg) center top no-repeat; }
	body.product #parent{ background: #ffffff url(../images/common/body-bg-top.jpg) center top no-repeat; }
	body.downloads #parent{ background: #ffffff url(../images/common/body-bg-flat.jpg) center top no-repeat; }
	#parent > div{ display: block; margin: 0 auto; max-width: 1310px; padding-left: 30px; padding-right: 30px; }
	
#screenpane{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1010; display: block; width: 100%; max-width: 100% !important; background-color: rgba(0,0,0,0.95); }
	#screenpane a.close{ position: absolute; right: 20px; top: 15px; z-index: 10; color: #ffffff; font-size: 40px; }
		#screenpane a.close:hover{ color: #d6e03d; }
	#screenpane a.navlink{ position: absolute; top: 45%; z-index: 10; color: #ffffff; font-size: 40px; }
		#screenpane a.navlink.prev{ left: 20px; }
		#screenpane a.navlink.next{ right: 20px; }
		#screenpane a.navlink:hover{ color: #d6e03d; }
	#screenpane .inner{ position: absolute; right: 30px; top: 60px; left: 30px; bottom: 30px; z-index: 1; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; }
	
#header{ position: relative; z-index: 1001; margin: 0 auto 100px !important; max-width: 1250px; }
	#header #logo{ float: left; width: 100%; max-width: 253px; }
		#header #logo img{ display: block; width: 100%; }
		#header #logo:hover{ opacity: 0.5; }

.socialnav{  }
	.socialnav>li{ display: inline-block; margin: 0 1px 0 0; }
		.socialnav>li a{ display: block; padding: 5px; color: #000000; font-family: 'pixons'; font-size: 16px; text-decoration: none; }
			.socialnav>li a:hover{ background-color: #000000; color: #ffffff; text-decoration: none; }

#langnav{  }
	#langnav>li{ display: inline-block; margin: 0 1px 0 0; }
		#langnav>li a{ display: block; padding: 5px; }
			#langnav>li a:hover{ opacity: 0.5; }

#mainnav{ float: right; margin-top: 24px; }
	#mainnav>li{ position: relative; display: inline-block; margin: 0 -4px 0 0; }
		#mainnav>li>a{ display: block; padding: 3px 15px; color: #d6e03d; border-right: solid 1px #ffffff; font-size: 14px; text-decoration: none; text-transform: uppercase; }
			body.lang-fr #mainnav>li>a{ padding: 3px 10px; }
			#mainnav>li>a:hover{ color: #ffffff; }
			#mainnav>li.selected>a,#mainnav>li>a.selected{ color: #ffffff; }
			#mainnav>li.flag{  }
				#mainnav>li.flag>a{ padding-top: 1px; border-right: none; }
					#mainnav>li.flag>a:hover{ opacity: 0.5; }
			
			#mainnav>li>ul{ position: absolute; left: 0; top: 26px; display: block; width: 250px; max-height: 0px; overflow: hidden; transition: all 0.75s; }
				#mainnav>li:hover>ul{ max-height: 1000px; }
				#mainnav>li>ul>li{ display: block; }
					#mainnav>li>ul>li>a{ display: block; padding: 5px 10px; background-color: #ffffff; color: #000000; border: solid 1px #000000; text-decoration: none; }
						#mainnav>li>ul>li>a:hover{ background-color: #000000; color: #ffffff; }
						#mainnav>li>ul>li>a.selected{ background-color: #000000; color: #ffffff; }
				
#maincontent{ min-height: 900px; padding: 60px 0 0; }
	#maincontent.nominheight{ min-height: 300px; }
	body.default #maincontent{ min-height: 450px; padding: 100px 0 0; }
	body.search #maincontent{ min-height: 450px; padding: 100px 0 0; }
	#maincontent .inner{ display: block; width: 100%; max-width: 1310px; margin: 0 auto; }
	
.newsbar{ padding: 70px 30px; background-color: #f1f1f1; }

#footercntr{ position: absolute; left: 0; bottom: 0; display: block; width: 100% !important; height: 110px; margin: 30px auto 0 !important; background-color: #0e2f45; overflow: hidden; }
	#footer{ display: block; width: 100%; max-width: 1310px; margin: 0 auto; padding: 20px 30px; overflow: hidden; }
		#footer>.lcol{ float: left; width: 70%; overflow: hidden; }
			#footer>.lcol>.lcol{ float: left; margin-right: 45px; }
			#footer>.lcol>.rcol{ float: left; }
				#footer>.lcol>.rcol .mainnav{ display: block; margin-bottom: 5px; padding-top: 15px; }
					#footer>.lcol>.rcol .mainnav>li{ position: relative; display: inline-block; margin: 0 -4px 0 0; }
						#footer>.lcol>.rcol .mainnav>li>a{ display: block; padding: 0px 10px; color: #d6e03d; border-right: solid 1px #ffffff; font-size: 12px; text-decoration: none; text-transform: uppercase; }
							#footer>.lcol>.rcol .mainnav>li:first-child>a{ padding-left: 0px; }
							#footer>.lcol>.rcol .mainnav>li>a:hover{ color: #ffffff; }
							#footer>.lcol>.rcol .mainnav>li.selected>a,#mainnav>li>a.selected{ color: #ffffff; }
							#footer>.lcol>.rcol .mainnav>li.flag{  }
								#footer>.lcol>.rcol .mainnav>li.flag>a{ padding-top: 1px; border-right: none; }
									#footer>.lcol>.rcol .mainnav>li.flag>a:hover{ opacity: 0.5; }
				#footer>.lcol>.rcol .copyright{ margin: 0; color: #ffffff; font-size: 12px; }
					#footer>.lcol>.rcol .copyright a{ display: inline-block; margin-left: 30px; color: #ffffff; text-decoration: none; }
						#footer>.lcol>.rcol .copyright a img{ display: inline-block; /*margin-left: 5px;*/ vertical-align: middle; }
		#footer>.rcol{ float: right; width: 25%; padding-top: 15px; text-align: right; }
			#footer>.rcol a{ display: inline-block; }
			
/* FOOTER BAR */
	.footerbar{ padding: 30px 0 50px; }
		.footerbar h2{ margin: 0 0 50px; font-size: 30px; font-weight: 700; line-height: 36px; }
		.footerbar p{ margin: 0 0 15px; color: #163c47; font-size: 16px; font-weight: 400; line-height: 22px; }
			.footerbar .contactline{  }
				.footerbar .contactline label{ display: inline-block; }
				.footerbar .contactline span{ display: inline-block; margin-right: 20px; }
				.footerbar .contactline a{ display: inline-block; margin-right: 20px; }
		.footerbar .lcol{ width: 60%; }
		.footerbar .rcol{ width: 35%; padding-top: 50px; text-align: right; }
			.footerbar .rcol #q{ background-color: #f4f4f4 !important; }
	

/* PRODUCT GROUPS */
	div.productgroups{  }
		body.index div.productgroups{ margin-bottom: 230px; }
		div.productgroups ul{ display: block; overflow: hidden; }
			div.productgroups ul li{ float: left; width: 25%; }
				div.productgroups ul li a{ display: block; width: 205px; margin: 0 auto; color: #ffffff; text-align: center; text-decoration: none; }
					div.productgroups ul li a .iconblock{ display: block; width: 100%; height: 205px; margin: 0 auto 25px; padding: 12px; border: dotted 2px #4eaeb8; border-radius: 300px; }
						div.productgroups ul li a .iconblock .solidbg{ display: block; width: 100%; background-color: rgba(78,174,184,0.15); border-radius: 300px; transition: all 0.5s; }
							div.productgroups ul li a .iconblock .solidbg .icon{ display: block; width: 100%; padding: 0 0 100%; background-position: center; background-repeat: no-repeat; transition: all 1.5s; }
						div.productgroups ul li.red a .iconblock{ border: dotted 2px #d26848; }
							div.productgroups ul li.red a .iconblock .solidbg{ background-color: rgba(210,104,72,0.15); }
						div.productgroups ul li.yellow a .iconblock{ border: dotted 2px #e5b513; }
							div.productgroups ul li.yellow a .iconblock .solidbg{ background-color: rgba(229,181,19,0.15); }
						div.productgroups ul li.green a .iconblock{ border: dotted 2px #64ba3a; }
							div.productgroups ul li.green a .iconblock .solidbg{ background-color: rgba(100,186,58,0.15); }
							div.productgroups ul li a:hover .iconblock{  }
								div.productgroups ul li a:hover .iconblock .solidbg{ background-color: rgba(78,174,184,0.35); transform: rotateY(180deg); }
								div.productgroups ul li.red a:hover .iconblock .solidbg{ background-color: rgba(210,104,72,0.35); }
								div.productgroups ul li.yellow a:hover .iconblock .solidbg{ background-color: rgba(229,181,19,0.35); }
								div.productgroups ul li.green a:hover .iconblock .solidbg{ background-color: rgba(100,186,58,0.35); }
									div.productgroups ul li a:hover .iconblock .solidbg .icon{ transform: rotateY(-180deg); }
					div.productgroups ul li a .title{ display: block; color: #4eaeb8; font-size: 25px; font-weight: 300; line-height: 31px; text-align: center; text-transform: uppercase; }
						div.productgroups ul li a .title i{ display: block; color: #ffffff; font-size: 20px; font-style: normal; line-height: 26px; text-align: center; text-transform: none; }
						div.productgroups ul li.red a .title{ color: #d26848; }
						div.productgroups ul li.yellow a .title{ color: #e5b513; }
						div.productgroups ul li.green a .title{ color: #64ba3a; }
		
/* PRODUCTS OVERVIEW */
	.productsoverview{ margin-bottom: 150px; }
		.productsoverview .productsoverviewrow{ display: table; width: 100%; }
			.productsoverview .productsoverviewrow .column{ display: table-cell; width: 49%; vertical-align: middle; }
				.productsoverview .productsoverviewrow .column.left{ padding-right: 10px; }
				.productsoverview .productsoverviewrow .column.right{ padding-left: 10px; }
				.productsoverview .productsoverviewrow .column .producticon{ display: table-cell; width: 50%; vertical-align: middle; }
				.productsoverview .productsoverviewrow .column .productlistblock{ display: table-cell; width: 50%; padding-left: 30px; padding-bottom: 80px; vertical-align: middle; }
	.productslist{  }
		.productslist li{ display: block; margin: 0 0 10px; }
			.productslist li a{ display: block; width: 260px; color: #ffffff; font-size: 18px; line-height: 24px; text-decoration: none; }
				.productslist.blue li a{ color: #4eaeb8; }
				.productslist.red li a{ color: #d26848; }
				.productslist.yellow li a{ color: #e5b513; }
				.productslist.green li a{ color: #64ba3a; }
				.productslist li a:hover{ color: #ffffff; /*text-decoration: underline;*/ }
				
/* PRODUCT PAGE */
	.introblock{ color: #ffffff; font-size: 18px; line-height: 26px; }
		.introblock h1{ font-size: 40px; font-weight: 400; }
		.introblock h3{ margin: 0 0 20px; color: #d6e03d; font-size: 23px; font-weight: 400; line-height: 29px; }
		.introblock p{ color: #ffffff; font-size: 18px; line-height: 26px; }
	.followup{ text-align: center; }
		.followup .cycle-slideshow{ margin-bottom: 100px; }
			.followup .cycle-slideshow .cyclenav{ position: absolute; top: 30px; z-index: 10000; color: #4eaeb8; cursor: pointer; font-size: 18px; }
					.followup .cycle-slideshow .cycle-prev{ left: 0; }
					.followup .cycle-slideshow .cycle-next{ right: 0; }
				.followup .cycle-slideshow li{ width: 100%; padding: 10px 70px; }
					.followup .cycle-slideshow li .testimonial{ display: block; width: 100%; margin: 0 0 20px; color: #ffffff; font-size: 18px; line-height: 24px; }
					.followup .cycle-slideshow li .title{ color: #d6e03d; font-size: 14px; }
				
/* HOMEPAGE FEATURED PANEL */
	.featuredcontainer{ position: relative; }
	#featuredpanel{ position: absolute; right: 0; top: -70px; display: block; width: 257px; padding: 90px 25px 30px; background: #d6e03d url(../images/common/featuredpanel-star.png) center 20px no-repeat; text-align: center; }
		#featuredpanel:before{ content: url(../images/common/featuredpanel-top.png); position: absolute; left: 0; top: -28px; }
		#featuredpanel h2{ font-size: 28px; line-height: 34px; }
		#featuredpanel h3{ margin: 0 0 10px; color: #47a6bf; font-size: 25px; font-weight: 700; line-height: 30px; text-transform: uppercase; }
		#featuredpanel p{ color: #163c47; font-size: 16px; font-weight: 300; line-height: 22px; }

/* HOMEPAGE TESTIMONIAL SLIDER */
	.testimonialslider{ position: relative; display: block; width: 100%; max-width: 100% !important; height: 700px; padding: 110px 0 !important; }
		.testimonialslider .inner{ position: relative; display: block; width: 100%; max-width: 1310px; margin: 0 auto; }
			.testimonialslider .inner .overlay{ position: absolute; left: 0; top: -110px; }
		.testimonialslider .sliderstrip{ display: block; width: 100%; height: 480px; margin: 0 auto; background-image: url(../images/common/testimonial-slider-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: auto 480px; }
			.testimonialslider .sliderstrip .inner{ max-width: 1310px; height: 480px; margin: 0 auto; padding: 70px 15px 0 550px; }
				.testimonialslider .sliderstrip .inner .quoteicon{ padding: 0 70px; }
				.testimonialslider .sliderstrip .inner .cycle-slideshow .cyclenav{ position: absolute; top: 30px; z-index: 10000; color: #4eaeb8; cursor: pointer; font-size: 18px; }
					.testimonialslider .sliderstrip .inner .cycle-slideshow .testimonial-prev{ left: 0; }
					.testimonialslider .sliderstrip .inner .cycle-slideshow .testimonial-next{ right: 0; }
				.testimonialslider .sliderstrip .inner .cycle-slideshow li{ padding: 10px 70px; }
					.testimonialslider .sliderstrip .inner .cycle-slideshow li .testimonial{ display: block; width: 100%; margin: 0 0 20px; color: #ffffff; font-size: 18px; line-height: 24px; }
					.testimonialslider .sliderstrip .inner .cycle-slideshow li .title{ color: #d6e03d; font-size: 14px; }

/* HOMEPAGE CAREER BAR */
	.yellowbar{ padding: 75px 0 0; background-color: #d6e03d; border-bottom: solid 4px #5ab7be; }
		.yellowbar .circlelink{ margin-bottom: 65px; }
		.yellowbar .content{ color: #163c47; }
			.yellowbar .content p{ margin: 0 0 40px; font-size: 20px; font-weight: 500; line-height: 26px; }
			.yellowbar .content .expandswitch{ display: inline-block; margin: 0 auto; padding: 20px 30px; background-color: #5ab7be; color: #ffffff; text-align: center; text-decoration: none; }
				.yellowbar .content .expandswitch .arrow{ display: block; height: 25px; margin: 15px auto 0; padding: 0 15px 15px; background-position: center; background-repeat: no-repeat; }
					.yellowbar .content .expandswitch .arrow.up{ background-image: url(../images/common/chevron-up-white.png); }
					.yellowbar .content .expandswitch .arrow.down{ background-image: url(../images/common/chevron-down-white.png); }
	.lightbluebar{ padding: 75px 0; background-color: #5ab7be; }
		.lightbluebar .content{ color: #ffffff; }
			.lightbluebar .content h3{ color: #ffffff; }

/* HOMEPAGE INTRO, REASONS and ACCORDION */
	#introreasons{ padding-top: 40px; }
		#introreasons h2{ text-transform: none; }
		.content ul.reasonslist,.reasonslist{ display: grid; grid-template-columns: repeat(2,1fr); gap: 30px 60px; margin: 0 0 30px; padding: 0; list-style: none; }
			.content ul.reasonslist li:last-child,.reasonslist li:last-child{ grid-column: 1/3; }
			.reasonslist li{ display: grid; grid-template-columns: 170px 1fr; gap: 30px; align-items: center; }
				.reasonslist li>div{ width: 170px; height: 170px; padding: 7px; background-color: #163c47; border-radius: 100%; }
					.reasonslist li>div>span{ display: block; width: 100%; height: 100%; border: dotted 1px rgba(255,255,255,0.8); border-radius: 100%; }
						.reasonslist li>div>span>span{ display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: auto; }
				.reasonslist li>p{ margin: 0; }
	#introaccordions{ padding-top: 40px; }
		body.csr #introaccordions{ margin-bottom: 80px; }
		ul.accordions, .content ul.accordions{ display: block; margin: 0; padding: 0; list-style: none; }
		ul.accordions li{  }
			ul.accordions li>a{ display: flex; align-items: center; justify-content: space-between; padding: 13px 20px; background-color: #d6e03d; color: #163c47; cursor: pointer; font-size: 24px; }
				ul.accordions li>a .fa{ color: #5ebad1; font-size: 48px; line-height: 0; }
				ul.accordions li>a:hover{ background-color: #163c47; color: #ffffff; }
				ul.accordions li.open>a{ background-color: #163c47; color: #ffffff; }
					ul.accordions li.open>a .fa{ transform: rotateX(180deg); }
			ul.accordions li>div{ max-height: 0px; padding: 0; overflow: hidden; transition: all 0.6s; }
				ul.accordions li>div .image img{ display: block; width: 100%; margin: 0 0 30px; }
				body.lang-fr ul.accordions li>div .image.en{ display: none; }
				body.lang-en ul.accordions li>div .image.fr{ display: none; }
				ul.accordions li.open>div{ max-height: 300vh; padding: 30px 0 60px; }
		#introaccordions .testimonialslider{ position: relative; height: auto; padding: 0 !important; }
			#introaccordions .testimonialslider .quoteicon{ margin-left: 70px; }
			#introaccordions .testimonialslider ul{ margin: 0; padding: 0; list-style: none; }
				#introaccordions .testimonialslider .cycle-slideshow .cyclenav{ position: absolute; top: 30px; z-index: 10000; color: #4eaeb8; cursor: pointer; font-size: 18px; }
					#introaccordions .testimonialslider .cycle-slideshow .testimonial-prev{ left: 0; }
					#introaccordions .testimonialslider .cycle-slideshow .testimonial-next{ right: 0; }
						#introaccordions .testimonialslider .cycle-slideshow li{ padding: 10px 70px; }
							#introaccordions .testimonialslider .cycle-slideshow li .testimonial{ display: block; width: 100%; margin: 0 0 20px; color: #777777; font-size: 18px; line-height: 24px; }
							#introaccordions .testimonialslider .cycle-slideshow li .title{ color: #d6e03d; font-size: 14px; }

/* SEARCH BAR AND RESULTS */
	.searchbar{ padding: 20px; background-color: #5ebad1; }
	.searchresults{ margin-bottom: 50px; }
		.searchresults p{ margin: 0 0 1px; padding: 0; }
			.searchresults p a{ display: block; padding: 10px 20px; background-color: #ffffff; color: #163c47; border-bottom: dotted 1px #cccccc; font-size: 16px; }
				.searchresults p a span{ display: inline-block; padding-left: 40px; font-weight: 700; }
					.searchresults p a span.lang-en{ background-image: url(../images/flags/en.png); background-position: left center; background-repeat: no-repeat; }
					.searchresults p a span.lang-fr{ background-image: url(../images/flags/fr.png); background-position: left center; background-repeat: no-repeat; }
				.searchresults p a:hover{ background-color: #163c47; color: #eeeeee; text-decoration: none; }

/* NEWS */
	/*.fa-newspaper-o{ transform: rotateZ(35deg); }*/
	.newslist{ display: block; text-align: center; }
		.newslist li{ display: inline-block; /*width: 30%;*/ width: 375px; margin: 0 1% 50px; vertical-align: top; white-space: normal; }
			.newslist li a{ display: block; color: #777777; text-decoration: none; }
				.newslist li a>span{ display: block; transition: all 0.3s; }
					.newslist li a span.image{ position: relative; display: block; width: 100%; height: 0; margin: 0 0 20px; padding: 0 0 56.25%; background-position: center; background-repeat: no-repeat; background-size: cover; }
						.newslist li a span.image .datebox{ position: absolute; left: -40px; top: 27%; display: block; width: 90px; height: 90px; padding: 10px; background-color: #ffffff; border: solid 10px rgba(255,255,255,0.5); border-radius: 100px; text-align: center; transition: all 0.6s; }
						.newslist li a span.image .datebox{ -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }
							.newslist li a span.image .datebox b{ display: block; color: #50cfb4; font-size: 36px; font-weight: 300; text-align: center; }
							.newslist li a span.image .datebox i{ display: block; color: #777777; font-size: 16px; font-weight: 400; font-style: normal; text-align: center; text-transform: uppercase; }
					.newslist li a span.title{ display: block; padding: 0 0 25px; color: #163c47; font-size: 20px; font-weight: 700; line-height: 26px; text-align: left; }
					.newslist li a span.summary{ display: block; padding: 0 0 25px; color: #777777; font-size: 16px; line-height: 20px; text-align: left; }
					.newslist li a span.linklabel{ display: block; padding: 0 0 25px; color: #47a6bf; font-size: 16px; line-height: 20px; text-align: left; }
				.newslist li a:hover{  }
					.newslist li a:hover span.image{ opacity: 0.8; }
						.newslist li a:hover span.image .datebox{ background-color: #d6e03d; border: solid 10px rgba(255,255,255,0.99); /*transform: rotateY(360deg);*/ }
							.newslist li a:hover span.image .datebox b{ color: #ffffff; }
							.newslist li a:hover span.image .datebox i{ color: #ffffff; }
					.newslist li a:hover span.title{ color: #d6e03d; }
					.newslist li a:hover span.linklabel{ color: #d6e03d; }
		.newscarousel{ position: relative; }
			.newscarousel .cyclenav{ position: absolute; top: 65px; z-index: 100000; color: #4eaeb8; cursor: pointer; font-size: 18px; }
				.newscarousel .cycle-prev{ left: -20px; }
				.newscarousel .cycle-next{ right: -20px; }
	.newspane{ display: block; padding-top: 140px; }
		.newspane .topbar{ display: block; margin: 0 0 60px; overflow: hidden; }
			.newspane .topbar .datebox{ display: inline-block; width: 75px; margin-right: 40px; padding: 10px 15px; background-color: #ffffff; border: solid 1px #50cfb4; border-radius: 100px; text-align: center; vertical-align: top; }
				.newspane .topbar .datebox b{ display: block; color: #50cfb4; font-size: 36px; font-weight: 300; text-align: center; }
				.newspane .topbar .datebox i{ display: block; color: #777777; font-size: 16px; font-weight: 400; font-style: normal; text-align: center; text-transform: uppercase; }
			.newspane .topbar .title{ display: inline-block; width: 80%; color: #163c47; font-size: 36px; font-weight: 700; line-height: 42px; text-align: left; }
			.newspane .topbar .right{ text-align: right; }
		.newspane .bigimage{ position: relative; display: block; width: 100%; height: 0; margin: 0 0 60px; padding: 0 0 66.4%; background-position: center; background-repeat: no-repeat; background-size: cover; }
		.newspane .article{ display: block; margin: 0 0 60px; padding-top: 40px; text-align: left; }
		.newspane .images{  }
			.newspane .images .col{ position: relative; display: block; width: 48%; height: 0; margin: 0 0 60px; padding: 0 0 31.87%; background-position: center; background-repeat: no-repeat; background-size: cover; }

/* DOWNLOADS */
	ul.downloadslist{ display: block; margin: 0 0 50px !important; padding: 0 !important; list-style: none; }
		ul.downloadslist li{ display: block; margin: 0 0 1px; }
			ul.downloadslist li a{ display: block; padding: 30px; border: solid 1px #cccccc; color: #777777; border-radius: 2px; overflow: hidden; text-decoration: none; }
				ul.downloadslist li a .image{ float: left; width: 30%; min-height: 150px; background-position: center; background-repeat: no-repeat; background-size: contain; }
				ul.downloadslist li a .details{ float: right; width: 65%; }
					ul.downloadslist li a .details .title{ display: block; margin: 0 0 15px; color: #163c47; font-size: 24px; font-weight: 700; line-height: 30px; }
					ul.downloadslist li a .details .description{ display: block; margin: 0; color: #777777; font-size: 14px; font-weight: 400; line-height: 20px; }
				ul.downloadslist li a:hover{ border: solid 1px #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
					ul.downloadslist li a:hover .title{ color: #d6e03d; }


/* MOBILENAV */
	a#mobilenavlink{ position: absolute; right: 30px; top: 0px; display: none; width: 38px; padding: 5px; color: #d6e03d; text-decoration: none; }
		a#mobilenavlink:after{ content: "MENU"; display: block; padding-top: 3px; font-size: 10px; }
		a#mobilenavlink>span{ display: block; height: 4px; margin: 0 0 3px; background-color: #d6e03d; border-radius: 2px; }
	#mobilenav{ position: absolute; right: 0; top: 55px; display: block; width: 200px; padding: 0 0 10px 0; background-color: #163c47; }
		#mobilenav li{ display: block; margin: 0 0 1px; }
			#mobilenav li a{ display: block; margin: 0 0; padding: 10px 35px 10px 10px; background-color: #163c47; color: #d6e03d; font-size: 12px; text-decoration: none; text-align: right; text-transform: uppercase; }
				#mobilenav li a:hover{ background-color: #d6e03d; color: #163c47; }
				#mobilenav li.selected>a,#mobilenav li a.selected{ background-color: #d6e03d; color: #163c47; }
			#mobilenav>li>ul{ display: block; margin: 1px 0 1px 30px; }
		#mobilenav li.flag>a{ bborder: none; text-align: right; }
			#mobilenav li.flag>a>img{ display: inline-block; }
			
/* TINYMCE ASSIGNED CLASSES */
	.alignleft{ float: left; margin: 0 20px 10px 0; text-align: left; }
	.alignright{ float: right; margin: 0 0 10px 20px; text-align: right; }
	.aligncenter{ display: block; margin: 0 auto 10px; text-align: center; }
	.alignfull{ display: block; margin: 0 auto 10px; text-align: justify; }
	.yellowtext{ color: #d6e03d; }
	
/* IMGPOOL CLASSES */
	img.imgpoolinline{ display: inline-block; margin: 10px; vertical-align: middle; }
	img.imgpoolleft{ float: left; margin: 0 20px 10px 0; }
	img.imgpoolright{ float: right; margin: 0 0 10px 20px; }
	img.imgpoolblock{ display: block; margin: 0 auto 10px; }
	img.bordered{ border: solid 1px; }			
	
/* DOCPOOL CLASSES */
	a.docbutton{ display: inline-block; padding: 5px 10px; background-color: #000000; color: #ffffff; border: solid 1px #000000; border-radius: 2px; text-decoration: none; }
		a.docbutton:hover{ background-color: #ffffff; color: #000000; }
	a.docbigbutton{ display: inline-block; padding: 5px 10px; background-color: #000000; color: #ffffff; border: solid 1px #000000; border-radius: 2px; text-decoration: none; }
		a.docbigbutton span{ display: block; }
			a.docbigbutton span.title{ text-transform: uppercase; }
			a.docbigbutton span.description{ font-size: 11px; }
		a.docbigbutton:hover{ background-color: #ffffff; color: #000000; }

/* SLIDER STYLES */
	#slider{ display: block; width: 100%; height: 400px; overflow: hidden; }
		#slider li{ position: relative; display: block; width: 100%; height: 400px; background-position: center top; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
		#slider a.navarrow{ position: absolute; top: 45%; z-index: 1000; display: block; padding: 15px; background-color: #000000; color: #ffffff; font-family: arial; font-size: 24px; font-weight: bold; text-decoration: none; }
			#slider a.cycle-prev{ left: 0px; padding-left: 20px; border-radius: 0 3px 3px 0; }
			#slider a.cycle-next{ right: 0px; padding-right: 20px; border-radius: 3px 0 0 3px; }
		#slider p.content{ position: absolute; left: 10%; top: 10%; z-index: 1000; display: block; width: 25%; padding: 20px; background-color: rgba(255,255,255,0.8); border-radius: 3px; font-size: 16px; line-height: 22px; }
		#slider .cycle-pager{ position: absolute; left: 0; bottom: 10px; z-index: 1000; display: block; width: 100%; text-align: center; }
			#slider .cycle-pager span{ display: inline-block; width: 13px; height: 13px; margin: 0 3px; background-color: #000000; color: #000000; border: solid 1px #000000; border-radius: 20px; cursor: pointer; font-family: arial; overflow: hidden; transition: all 0.3s; }
				#slider .cycle-pager span:hover{ background-color: #ffffff; color: #ffffff; border: solid 1px #000000; }
				#slider .cycle-pager span.cycle-pager-active{ background-color: #ffffff; color: #ffffff; border: solid 1px #000000; }