@charset "UTF-8";

/*
font-family: 'Barlow', sans-serif;
font-family: 'Ubuntu', sans-serif;
*/

/* RESET */
/********************************************************/
/********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
*{box-sizing:border-box;}
.cf,.clear,.clearfix{clear:both;}
/********************************************************/
/********************************************************/

body{
	background-color:#102643;
	position: relative;
}
body.pinned{
	overflow: hidden;
	overflow-y: scroll;
	position: fixed;
	height:100%;
	width:100%;
	margin-right: 18px;
}

.bottomgradient{
	position: absolute;
	bottom: 0;
	width:100%;
	left:0;
	height:400px;
	display:block;
	background: #102643;
	background: -moz-linear-gradient(top, #102643 0%, #662e4c 99%);
	background: -webkit-linear-gradient(top, #102643 0%,#662e4c 99%);
	background: linear-gradient(to bottom, #102643 0%,#662e4c 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#102643', endColorstr='#662e4c',GradientType=0 );
}

.wrapper{
	width:100%;
	display:block;
	margin: 0 auto;
	max-width:1600px;
}
#main{
	display:block;
	width:100%;
	position:relative;
	float:left;
	overflow:hidden;
	padding: 0 50px;
	z-index: 60;
}
.pane{
	opacity: 1;
}
.pane.slide{
	opacity:0;
}

/* GLOBALS */

#utilnav{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
#logomark{
	display:block;
	position:relative;
	float:left;
	background-image:url('../img/logomark-white.png');
	background-repeat:no-repeat;
	background-position: center;
	width:90px;
	height:60px;
	/*border-left:1px solid #3c445d;*/
	-webkit-transition: background 300ms ease-in-out;
	-moz-transition: background 300ms ease-in-out;
	-ms-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
}
#logomark:hover{
	background-color:#061b36;
}
nav#mainnav{
	display:block;
	position:relative;
	float:left;
	margin: 0 0 0 170px;
}
nav#mainnav ul{
	margin: 0;
	padding: 0;
}
nav#mainnav ul li {
	display:block;
	position:relative;
	float:left;
}
nav#mainnav ul li a{
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	color:#ffffff;
	display:block;
	font-size:12px;
	position:relative;
	letter-spacing: 2px;
	float:left;
	text-transform: uppercase;
	padding: 26px 15px 17px 15px;
	line-height:14px;
	border-bottom: 4px solid #102643;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
nav#mainnav ul li a:hover{
	text-decoration: none;
	background-color:#061b36;
	border-bottom: 4px solid #061b36;
}
nav#mainnav ul li a.active{
	font-weight:500;
	border-bottom: 4px solid #e52551;
}

#page{
	display:block;
	width:100%;
	position:relative;
	float:left;
	background:#fff;
}
#page.pinned{
	background:transparent;
}
header{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 0 0 10%;
}
header #sub{
	display:none;
}
#logo{
	display:block;
	position:relative;
	float:left;
	height:200px;
	width:35%;
	background-image:url('../img/angiodynamics-logo.png');
	background-repeat:no-repeat;
	background-position: center left;
	text-indent: -9999px;
}

nav#usernav{
	display:block;
	width:65%;
	position:relative;
	float:left;
	padding: 70px 0 0 0;
}
nav#usernav ul{
	display:block;
	position:relative;
	float:left;
	/*border-bottom: 1px solid #edebeb;*/
}
nav#usernav ul li{
	display:block;
	position:relative;
	float:left;
}

nav#usernav ul li a{
	font-family: 'Ubuntu', sans-serif;
	font-weight:500;
	color:#112643;
	display:block;
	font-size:16px;
	position:relative;
	letter-spacing: 2px;
	float:left;
	text-transform: uppercase;
	padding: 26px 25px;
	line-height:14px;
}
nav#usernav > ul > li.haschild > a{
	position:relative;
	padding: 26px 35px 26px 25px;
	background-image:url('../img/mainnav-subarrow.png');
	background-repeat:no-repeat;
	background-position: center right 15px;
}
nav#usernav ul li a:hover{
	text-decoration:none;
	color:#e52551;
}
nav#usernav ul li a.active{
	text-decoration:none;
	color:#e52551;
}
nav#usernav > ul > li.haschild:after{
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	content: '';
	width:100%;
	top:100%;
	height:1px;
	position: absolute;
	background:#888;
	display:block;
	opacity: 0;
}
nav#usernav > ul > li.haschild:hover:after{
	opacity: 1;
}

/* 2nd lvl */
nav#usernav ul li ul{
	position:absolute;
	top:100%;
	left:0;
	display:none;
	width:600px;
	border:none;
}
nav#usernav ul li:hover > ul{
	display:block;
}
nav#usernav ul li ul li{
	float:left;
	display:block;
	width:auto;
}
nav#usernav ul li ul li a{
	float:left;
	display:block;
	width:auto;
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
	text-transform: none;
	color:#000;
	padding: 25px 10px;
	margin: 0 15px;
}



/* MARQUEE */
#marquee{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 0 0 10%;
}
#marquee:after{
	content: '';
	display:block;
	width:18%;
	height:90%;
	background:#eef8fa;
	position: absolute;
	top:10%;
	left:0;
	z-index: 1;
}
#banner{
	display:block;
	width:100%;
	position:relative;
	float:left;
	height:600px;
	/* background-image:url('../img/marquee-filler.jpg'); */
}
.textboxarea{
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 60;
	opacity: 0;
	-webkit-transition: opacity 1000ms ease-in-out;
	-moz-transition: opacity 1000ms ease-in-out;
	-ms-transition: opacity 1000ms ease-in-out;
	-o-transition: opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
}
#banner .image{
	position: absolute;
	width:100%;
	height:100%;
	opacity:0;
	top:0;
	left:0;
	display:block;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 5;
	-webkit-transition: opacity 1000ms ease-in-out;
	-moz-transition: opacity 1000ms ease-in-out;
	-ms-transition: opacity 1000ms ease-in-out;
	-o-transition: opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
}
#banner h2{
	font-family: 'Ubuntu', sans-serif;
	font-size:45px;
	line-height: 55px;
	letter-spacing: 4px;
	text-transform: uppercase;
	color:#fff;
	z-index: 55;
	position: absolute;
	top:50%;
	left:10%;
	width:35%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.blobs{
	position: absolute;
	left: 50%;
	width: 50%;
	height: 75%;
	display: block;
	z-index: 40;
	top: 12%;
}
.blobs img{
	position:absolute;
	top:48%;
	opacity:0;
	left:49%;
	max-width: 100%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 50;
	-webkit-transition: all 700ms ease-in-out;
	-moz-transition: all 700ms ease-in-out;
	-ms-transition: all 700ms ease-in-out;
	-o-transition: all 700ms ease-in-out;
	transition: all 700ms ease-in-out;
}
#blob1{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.treatment{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index: 35;
	display:block;
	background-image:url('../img/marquee-treatment.png');
	background-repeat:no-repeat;
	background-position: center right;
	background-size: cover;
}

#hometext{
	padding: 100px 15% 300px 15%;
	display:block;
	width:100%;
	position:relative;
	float:left;
	background-image:url('../img/home-wavy-line.jpg');
	background-repeat:no-repeat;
	background-position: right top;
}
#hometext p{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 30px 0;
	font-family: 'Barlow', sans-serif;
	font-size:20px;
	line-height: 30px;
}
#hometext p a{
	color:#c7536d;
}


/* News Panel */

#newspanel{
	height:500px;
	width:350px;
	max-width:100%;
	display:block;
	position: fixed;
	left:0px;
	top:25%;
	background:#fff;
	z-index: 1200;
	padding: 0 15px 0 0;
	-webkit-box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	box-shadow: 0px 0px 15px #000;

	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#newspanel.inactive{
	left:-350px;
}

#newspanel:after{
	content:'';
	width:15px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	z-index: 5;
	display:block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#172743+27,e41b50+100 */
	background: rgb(23,39,67); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(23,39,67,1) 27%, rgba(228,27,80,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(23,39,67,1) 27%,rgba(228,27,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(23,39,67,1) 27%,rgba(228,27,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#172743', endColorstr='#e41b50',GradientType=0 ); /* IE6-9 */
}
#newspanel h3{
	display:block;
	width:100%;
	position:relative;
	float:left;
	background:#102643;
	padding: 20px 35px;
	font-family: 'Barlow', sans-serif;
	color:#fff;
	font-size:18px;
	line-height: 20px;
	min-height:60px;
	text-transform: uppercase;
}
#newspanel #close{
	z-index: 20;
	color:#fff;
	position:absolute;
	right:0;
	top:0;
	width:60px;
	height:60px;
	line-height: 20px;
	text-align: center;
	padding: 20px 0 0 0;
}
#newspanel #close:hover{
	cursor:pointer;
	background:#1f3e66;
}
#newspanel .panelimg{
	display:block;
	width:100%;
	position:relative;
	float:left;
	height:170px;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
}
#newspanel .featuredText{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 25px 35px;
}
#newspanel .featuredText h4{
	display:block;
	width:100%;
	position:relative;
	float:left;
	color:#1f3e66;
	font-weight:600;
	font-size:17px;
	margin: 0 0 12px 0;
	font-family: 'Barlow', sans-serif;
}
#newspanel .featuredText p{
	font-family: 'Barlow', sans-serif;
}
#newspanel .featuredText a{
	text-transform:uppercase;
	color:#e71b50;
	font-family: 'Barlow', sans-serif;
}
#newspanel .featuredText a .fas{
	font-size:12px;
}


/* product-highlight */

#product-highlight{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 10% 0 0;
	background:#e3edee;
}
.product-slider{
	display:block;
	width:100%;
	position:relative;
	float:left;
	top:-150px;
	z-index: 20;
}
.product-slider .slide{
	height:700px;
	display:block;
	width:100%;
	position:relative;
	float:left;
}
.slide .mainimage{
	position: absolute;
	top:0;
	left:0;
	height:550px;
	padding: 50px 0 0 120px;
	width:100%;
	display:block;
	background-image:url('../img/product-filler.jpg');
	background-repeat:no-repeat;
	background-position: center left;
	background-size: cover;
}
.mainimage .highlight{
	font-family: 'Barlow', sans-serif;
	font-size:14px;
	font-weight:500;
	text-transform: uppercase;
	color:#ffffff;
	letter-spacing: 2px;
	display:block;
	width:100%;
	position:relative;
	z-index: 6;
	float:left;
	margin: 0 0 20px 0;
}
.mainimage h3{
	font-family: 'Barlow', sans-serif;
	font-size:45px;
	font-weight:500;
	color:#ffffff;
	display:block;
	width:100%;
	position:relative;
	z-index: 7;
	float:left;
	margin: 0 0 20px 0;
	padding: 0 300px 0 0;
}
.mainimage h3:after{
	content: '';
	width:150px;
	height:5px;
	display:block;
	position:absolute;
	bottom: -20px;
	left:0;
	background: #e41b50;
	background: -moz-linear-gradient(left, #e41b50 0%, #172743 100%);
	background: -webkit-linear-gradient(left, #e41b50 0%,#172743 100%);
	background: linear-gradient(to right, #e41b50 0%,#172743 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e41b50', endColorstr='#172743',GradientType=1 );
	z-index: 25;
}

.mainimage .iconbox{
	color:#fff;
	z-index: 200;
	position: absolute;
	width:220px;
	top:13%;
	right:40px;
	font-family: 'Barlow', sans-serif;
	padding: 0 0 0 50px;
}
.mainimage .iconbox > span{
	display:block;
	width:100%;
	position:relative;
	float:left;
	height:40px;
}
.mainimage .iconbox > span > span{
	position:absolute;
	top:50%;
	left:0%;
	font-weight:600;
	letter-spacing: 1px;
	text-transform:uppercase;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.mainimage .iconbox .icon{
	position: absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	display:block;
	background-repeat:no-repeat;
	background-position: center;
	background-size: 40px;
}







/*.mainimage:after{
	content: '';
	background-image: url('../img/cat-mark-vasc.png');
	background-repeat:no-repeat;
	background-position: center;
	background-size: contain;
	display:block;
	height:100px;
	width:210px;
	position:absolute;
	top:42px;
	right:62px;
}*/


.mainimage .textbox{
	position: absolute;
	left:45%;
	width:55%;
	height:65%;
	top:35%;
	z-index: 6;
	background:#cfdee5;
	display:block;
	padding: 40px 200px 40px 40px;
}

.mainimage .textbox h4{
	color:#e52551;
	font-family: 'Barlow', sans-serif;
	font-size:25px;
	font-weight:500;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 30px 0;
}
.mainimage .textbox p{
	font-family: 'Barlow', sans-serif;
	font-size:20px;
	line-height:25px;
	font-weight:500;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 20px 0;
}
.mainimage .textbox p.sub{
	font-size:16px;
	font-weight:500;
	font-style:italic;
}
.blueoverlay{
	position:absolute;
	display:block;
	z-index: 4;
	/* background:#112643; */
	opacity: 1;
	top:0;
	bottom:0;
	left:0;
	right:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#102643+0,7bd3e5+100&0.85+0,0.85+100 */
	background: -moz-linear-gradient(left, rgba(16,38,67,0.90) 0%, rgba(123,211,229,0.90) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(16,38,67,0.90) 0%,rgba(123,211,229,0.90) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(16,38,67,0.90) 0%,rgba(123,211,229,0.90) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9102643', endColorstr='#d97bd3e5',GradientType=1 ); /* IE6-9 */
}
.toolbar{
	position: absolute;
	width:55%;
	display:block;
	top:550px;
	left:45%;
	height:150px;
	background:#fff;
}
.toolbar .logo{
	width:45%;
	display:block;
	height:150px;
	float:left;
	background-repeat:no-repeat;
	background-position: center;
	background-size: 200px;
	border-right:1px solid #e9e8e8;
}
.toolbar .cat{
	width:30%;
	display:block;
	height:150px;
	float:left;
	position: relative;
}
.toolbar .cat:hover{
	background-color:#f1f1f1;
	color:#e52551 !important;
}
.toolbar .more{
	position: relative;
	width:25%;
	display:block;
	height:150px;
	float:left;
	background-color:#e52551;
	color: #ffffff;
	font-weight:600;
	font-family: 'Barlow', sans-serif;
	font-size:15px;
	text-transform: uppercase;
}
.toolbar .more:hover{
	background:#d5214a;
}

.toolbar .more .center{
	position:absolute;
	width:95%;
	text-align: center;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.toolbar .cat .center{
	position:absolute;
	width:50%;
	text-align: left;
	top:50%;
	left:10%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	font-weight:500;
	font-family: 'Barlow', sans-serif;
	font-size:15px;
	line-height: 18px;
	text-transform: uppercase;
	color:#595b5c;
}
.toolbar .cat .center strong{
	font-weight:700;
}
.toolbar .cat .center .pink{
	color:#e52551;
	font-weight:700;
}

.controlnav{
	position: absolute;
	bottom: 100%;
	left: 26%;
	width:74%;
	display:block;
}
.controlnav li{
	float:left;
	padding: 25px 0;
	margin: 0 25px 0 0;
	font-family: 'Barlow', sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:600;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.controlnav li.active{
	color:#e52551;
}
.controlnav li:after{
	position:absolute;
	bottom: 0;
	width:100%;
	content: '';
	background:#e52551;
	display:block;
	height:0px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.controlnav li.active:after{
	height:8px;
}
.controlnav li:hover{
	cursor:pointer;
	color:#e52551;
}

.product-image{
	display:block;
	width:45%;
	position:absolute;
	height:85%;
	background-repeat:no-repeat;
	background-position: left;
	background-size: contain;
	z-index: 25;
	left:0;
	top:35%;
}

#product-highlight .prevarrow,
#product-highlight .nextarrow{
	right:-100px;
	position:absolute;
	top:50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#product-highlight .prevarrow{
	display:none;
	right:initial;
	left:-100px;
}
#product-highlight .prevarrow span,
#product-highlight .nextarrow span{
	width:70px;
	height:70px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display:block;
	background-color:#bbcfd7;
	background-image:url('../img/marquee-next-arrow.png');
	background-repeat:no-repeat;
	background-position: center;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#product-highlight .prevarrow span{
	background-image:url('../img/marquee-prev-arrow.png');
}
#product-highlight .nextarrow span:hover,
#product-highlight .prevarrow span:hover{
	cursor:pointer;
	background-color:#9ebfcc;
}

/* STORY */

#story{
	display:block;
	width:100%;
	position:relative;
	float:left;
	background:#fff;
	padding: 0 0 0 10%;
}
#story:after{
	content: '';
	display:block;
	width:18%;
	height:100%;
	background:#e3edee;
	position: absolute;
	top:0;
	right:0;
	z-index: 1;
}
#story .toparea{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 50px 28% 50px 0;
}

#story .toparea h2{
	font-family: 'Barlow', sans-serif;
	font-size:40px;
	line-height:40px;
	font-weight:600;
	text-transform: uppercase;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 20px 0;
}

#story .toparea p{
	font-family: 'Barlow', sans-serif;
	font-size: 20px;
	line-height: 30px;
}
#story .toparea p a{
	color:#c7536d;
}

.thestory{
	display:block;
	width:100%;
	position:relative;
	float:left;
	z-index: 20;
}
.thestory .content{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding:0 65% 0 0;
}
.contentwrap{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 50px 60px 110px 60px;
	background:#d6e5ed;
}
.thestory .theimage{
	position:absolute;
	top:0;
	left:35%;
	height:100%;
	width:65%;
	display:block;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('../img/social-filler.jpg');
}

.contentwrap .title{
	color:#e52551;
	font-size:23px;
	font-weight:600;
	font-family: 'Barlow', sans-serif;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 10px 0;
}
.contentwrap .subtitle{
	color:#172d54;
	font-size:12px;
	font-weight:600;
	font-style:italic;
	font-family: 'Barlow', sans-serif;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 50px 0;
}
.contentwrap p{
	color:#172d54;
	font-size:22px;
	font-weight:600;
	font-style:italic;
	font-family: 'Barlow', sans-serif;
	line-height: 28px;
}
.contentwrap p:before,
.contentwrap p:after{
	content:'" ';
	color:#172d54;
	font-size:22px;
	font-weight:600;
	font-family: 'Barlow', sans-serif;
	font-style:italic;
}

.videoplay{
	position: absolute;
	bottom: 0;
	left:35%;
	display:block;
	width:80px;
	height:60px;
	background:#e52551;
	z-index: 30;
}
.playbuttonmarquee{
	position: absolute;
	z-index: 60;
	width:300px;
	height:80px;
	display:block;
	left:0;
	bottom: 0;
	border: 1px solid #e52551;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.playbuttonmarquee:hover{
	cursor:pointer;
	background-color: rgba(0,0,0,0.2);
}
.playbuttonmarquee:hover .videoplay{
	background:#d5214a;
}
.playbuttonmarquee .videoplay{
	left:0;
	width:100px;
	height:78px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.playbuttonmarquee > span{
	display:block;
	position:relative;
	float:left;
	height:78px;
	width:100%;
	padding: 0 0 0 100px;
}
.playbuttonmarquee > span .pos{
	display:block;
	width:100%;
	position:relative;
	float:left;
	height:78px;
}
.playbuttonmarquee > span .pos .te{
	position:absolute;
	top:50%;
	left:35%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);

	font-family: 'Barlow', sans-serif;
	font-size:14px;
	color:#ffffff;
	letter-spacing: 1px;
	font-weight:400;
	text-transform: uppercase;
}

.videoplay.right{
	left:initial;
	right:0;
}
.videoplay.left{
	left:0px;
}
.videoplay span{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	display:block;
	height:25px;
	width:15px;
	border-left:15px solid #fff;
	/* border-right:10px solid transparent; */
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
}
.videoplay:hover{
	cursor:pointer;
	background:#d5214a;
}
.substory{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 0 80px 10%;
	background:#e3edee;
}
a.findadr{
	display:block;
	width:35%;
	position:relative;
	float:left;
	padding: 25px 60px;
	background:#5e7d95;
	font-size:16px;
	letter-spacing: 1px;
	color:#fff;
	font-weight:600;
	text-transform: uppercase;
	font-family: 'Barlow', sans-serif;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
a.findadr:hover{
	background:#41617a;
	text-decoration: none;
}


/* CULTURE */
#culture{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 30px 10% 70px 10%;
	background-color:#e3edee;
	background-image:url('../img/social-bg.jpg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: 100%;
	z-index: 40;
}
#culture h2{
	font-family: 'Barlow', sans-serif;
	font-size: 40px;
	line-height: 40px;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
	width: 100%;
	position: relative;
	float: left;
	margin: 50px 0 40px 0;
}

.mainbar{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 25px 0;
}
#apply{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 0 0 51%;
	background:#fff;
}
.actionarea{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 50px 0 0 0;
}
.brochure{
	display:block;
	width:60%;
	position:relative;
	float:left;
	padding: 5px 15px 5px 70px;
	height:90px;
	background-repeat:no-repeat;
	background-position: center left 10px;
	background-size: 40px;
}
.brochure img{
	float:left;
	display:block;
	margin: 0 12px 0 0;
	-webkit-box-shadow: 0px 3px 5px #888;
	-moz-box-shadow: 0px 3px 5px #888;
	box-shadow: 0px 3px 5px #888;
}
.brochure a{
	color:#5e7e95;
	font-size:15px;
	float:left;
	display:block;
	padding: 30px 0 0 0;
	font-weight: 600;
	letter-spacing: 1px;
	font-family: 'Barlow', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
}
.brochure a:hover{
	color:#e52551;
	text-decoration: none;
}

.brochure a .far{
	font-size:30px;
	float:left;
	margin: 0 5px 15px 0;
}
a.applyhere{
	float:right;
	display:block;
	width:48%;
	padding: 0 20px;
	position:relative;
	height:50px;
	background-color: #e52551;
	color: #ffffff;
	font-weight: 600;
	letter-spacing: 1px;
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}
a.applyhere:hover{
	background: #d5214a;
}
a.applyhere span{
	position: absolute;
	width: 95%;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#culture .video{
	position:absolute;
	top:0;
	left:0;
	width:49%;
	height:100%;
	display:block;
	background-image:url('../img/social-filler.jpg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
}
.applytext{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 50px 60px 50px 40px;
}
.applytext h3{
	color:#e52551;
	font-size:30px;
	font-weight:600;
	font-family: 'Barlow', sans-serif;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin:0 0 30px 0;
}
.applytext p{
	font-family: 'Barlow', sans-serif;
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 20% 0 0;
	line-height: 20px;
}


.blocks{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
.blocks .block{
	float:left;
	display:block;
	width: 23.5%;
	margin: 0 2% 25px 0;
	height:282px;
	background:#999;
	position:relative;
	padding: 50px 30px 30px 30px;
	font-family: 'Barlow', sans-serif;
	font-weight:500;

}

.blocks .postdate{
	font-size:13px;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 10px 0;
	z-index: 20;
	color:#fff;
}
.blocks p,
.editorarea .blocks p{
	font-size:26px;
	line-height: 30px;
	/* word-break: break-all; */
	z-index: 20;
	position: relative;
	color:#fff;
	text-decoration: none;
}
.blocks p.eventdetails,
.editorarea .blocks p.eventdetails{
	font-size:14px;
	line-height: 22px;
	/* word-break: break-all; */
	font-weight:normal;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 0 0;
}
.blocks p.eventdetails strong,
.editorarea .blocks p.eventdetails strong{
	text-transform: uppercase;
	font-weight:600;
}
.blocks a{
	color:#5bb3e4;
	font-weight:normal;
	display:block;
	width:100%;
	position:relative;
	float:left;
	font-size:18px;
	margin: 8px 0;
	/* word-break: break-all; */
	text-decoration: none;
}

.blocks .block.blog{
	background-color:#7bc8ef;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	color:#000;
}

.blocks .block.blog p.level1{font-size:24px;line-height: 28px;}
.blocks .block.blog p.level2{font-size:16px;line-height: 20px;}
.blocks .block.blog p.level3{font-size:14px;line-height: 18px;}
.blocks .block.blog p.level4{font-size:12px;line-height: 16px;}

.blocks .block.blog .blueblogoverlay{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	display:block;
	/* background: -moz-linear-gradient(left, rgba(16,38,67,0.85) 0%, rgba(123,211,229,0.85) 100%);
	background: -webkit-linear-gradient(left, rgba(16,38,67,0.85) 0%,rgba(123,211,229,0.85) 100%);
	background: linear-gradient(to right, rgba(16,38,67,0.85) 0%,rgba(123,211,229,0.90) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9102643', endColorstr='#d97bd3e5',GradientType=1 ); */
	z-index: 1;
	background:rgba(16,38,67,0.85);
}
.blocks .block.blog:hover .blueblogoverlay{
	background:rgba(16,38,67,0.75);
}

.blocks .block.twitter{background:#1187ac;color:#fff;}
/* .blocks .block.twitter{
	line-height: 20px;
	font-size:18px;
} */
.blocks .block.twitter .tweet.level1 a,
.blocks .block.twitter .tweet.level1{font-size:18px;line-height: 22px;}
.blocks .block.twitter .tweet.level2 a,
.blocks .block.twitter .tweet.level2{font-size:16px;line-height: 20px;}
.blocks .block.twitter .tweet.level3 a,
.blocks .block.twitter .tweet.level3{font-size:14px;line-height: 18px;}
.blocks .block.twitter .tweet.level4 a,
.blocks .block.twitter .tweet.level4{font-size:12px;line-height: 16px;}
.blocks .block.twitter a{
	display:inline;
	float:none;
	width:auto;
	font-weight:bold;
	color:#0e3251;
	text-decoration:underline;
}

.blocks .block.twitter a.linktotwitter{
	position: absolute;
	bottom: 0;
	right:0;
	padding: 7px 12px;
	color: #0c5268;
	text-decoration: none;
	text-transform:uppercase;
	line-height:12px !important;
	font-size:12px !important;
	margin: 0;
	font-weight: 600;
}
.blocks .block.twitter a.linktotwitter .fa{

}


.blocks .block.event{background:#5e7d95;color:#fff;}
.blocks .block.vid{
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
}
.blocks .block:before{
	position: absolute;
	top:15px;
	left:15px;
	display:block;
	font-size:25px;
	color:#fff;
}

.blocks .block.twitter:before{
	content: '\f099';
	font-family:'Font Awesome\ 5 Brands';
	position: absolute;
	z-index: 50;
}
.blocks .block.vid:before{
	content: '\f04b';
	font-family:'Font Awesome\ 5 Free';
	font-weight:900;
	position: absolute;
	z-index: 50;
}
.blocks .block.facebook:before{
	content: '\f39e';
	font-family:'Font Awesome\ 5 Brands';
	position: absolute;
	z-index: 50;
}



.blocks .block:nth-child(4n+4){
	margin: 0 0 25px 0;
}

a.morenews{
	display:block;
	width:100%;
	position:relative;
	float:left;
	border: 1px solid #5e7d95;
	padding: 20px 40px;
	color:#000;
	font-size:18px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight:600;
	font-family: 'Barlow', sans-serif;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
a.morenews:hover{
	text-decoration: none;
	background:#c3dee1;
}
a.morenews:after{
	content: url('../img/morenews-arrow.png');
}








/* FOOTER */
#companyinfo{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 70px 10% 0px 10%;
	z-index: 50;

	background-image:url('../img/map.png');
	background-repeat:no-repeat;
	background-position: right top 180px;
	background-size: 40%;
}
#companyinfo h2{
	color:#7bc8ef;
	font-family: 'Barlow', sans-serif;
	font-size:40px;
	line-height:40px;
	font-weight:600;
	text-transform: uppercase;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 70px 0;
}
.infoblock{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 0 60px 0;
	margin: 0 0 50px 0;
}

.infoblock > p{
	color:#ffffff;
	font-family: 'Barlow', sans-serif;
	font-size:17px;
	line-height:24px;
	font-weight:400;
	display:block;
	width:35%;
	position:relative;
	float:left;
	clear:both;
}
.infoblock .offices{
	display:block;
	width:30%;
	margin: 0 0 0 5%;
	position:relative;
	float:left;

	color:#ffffff;
	font-family: 'Barlow', sans-serif;
	font-size:16px;
	line-height:22px;
	font-weight:400;
}
.offices h4,
footer h4{
	font-family: 'Barlow', sans-serif;
	color:#7bc8ef;
	font-weight: 600;
	font-size:18px;
	text-transform: uppercase;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 25px 0;
}
.infoblock .offices p{
	font-size:14px;
	line-height: 28px;
	margin: 0 0 3px 0;
}
.infoblock .offices strong{
	font-weight:500;
}
.infoblock .offices span{
	text-transform: uppercase;
	font-weight: 600;
	color:#7bc8ef;
}
.infoblock .offices li{
	margin: 0 0 11px 0;
	font-size:14px;
	line-height: 18px;
	font-weight: 300;
}


#mainareas{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 0 0 40%;
	margin: 0 0 0px 0;
}
.mainlinks{
	display:block;
	width:100%;
	position:relative;
	float:left;
	left:-25px;
}
#mainareas a{
	font-family: 'Ubuntu', sans-serif;
	font-weight:500;
	color:#fff;
	display:block;
	font-size:16px;
	position:relative;
	letter-spacing: 2px;
	float:left;
	text-transform: uppercase;
	padding: 20px 25px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#mainareas a:hover{
	background:#0b1a30;
	text-decoration:none;
}

.footerline{
	border-top:1px solid #333f54;
	z-index: 40;
	display:block;
	width:100%;
	position:relative;
	float:left;
}

#footermain{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 50px;
	z-index: 50;
	left:0;
	-webkit-transition: left 550ms ease-in-out;
	-moz-transition: left 550ms ease-in-out;
	-ms-transition: left 550ms ease-in-out;
	-o-transition: left 550ms ease-in-out;
	transition: left 550ms ease-in-out;
}
#footermain.slide{
	opacity:0;
}

footer{
	display:block;
	width:100%;
	position:relative;
	padding: 50px 10% 80px 10%;
	float:left;
}
#footercontent{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
#footerleft{
	display:block;
	position:relative;
	float:left;
	width:35%;
	min-height:300px;
}
.indent{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 0 40px 52px;
	color:#fff;
	font-family: 'Barlow', sans-serif;
}
.contactbutton{
	background: #e52551;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 7px 12px;
	float:left;
	clear:both;
	margin:20px 0 0 0;
	text-decoration:none;
	color:#fff;
}
.contactbutton:hover{
	background: #d5214a;
	color:#fff;
	text-decoration:none;
}
.subdesc{
	margin: 8px 0 0 0;
}
#footermiddle{
	display:block;
	position:relative;
	float:left;
	width:35%;
	padding: 5px 0 0 0;
	margin: 0 0 0 5%;
}
.customercare{
	margin: 30px 0 8px 0;
	display:block;
	width:100%;
	font-weight:600;
	position:relative;
	float:left;
	text-transform:uppercase;
}
.customercare.nop{
	margin: 0 0 8px 0;
}
.tel{
	margin: 0 0 8px 0;
	display:block;
	width:100%;
	font-size:30px;
	font-weight:400;
	position:relative;
	float:left;
	text-transform:uppercase;
	color:#7bc8ef;
}
.tel:hover{
	color:#7bc8ef;
	text-decoration: none;
}
.colhalf{
	display:block;
	width:50%;
	position:relative;
	float:left;
	padding: 0 25px 0 0;
}

.colhalf a{
	display:block;
	width:100%;
	position:relative;
	float:left;
	color:#fff;
	font-family: 'Barlow', sans-serif;
	font-size:14px;
	margin: 0 0 8px 0;
	line-height: 16px;
}

#footerright{
	display:block;
	width:25%;
	position:relative;
	float:left;
	padding: 5px 0 0 0;
}
#footerright .prodblock{
	display:block;
	position:relative;
	float:left;
	margin: 0 0 40px 0;
	background-color:#fff;
	height:120px;
	width:120px;
	background-repeat:no-repeat;
	background-position: center;
	background-size: 98%;
}


.socialicons{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
.socialicons a{
	width:40px;
	height:40px;
	float:left;
	font-size:22px;
	line-height: 20px;
	padding: 8px 0 0 0;

	color:#fff;
	text-align: center;
	margin: 0 11px 0 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
}
.socialicons a .fab{
	position: relative;
	left:1px;
}
.socialicons a:hover{
	background: rgba(255, 255, 255, 0.2);
}


#copyright{
	color:#fff;
	font-family: 'Barlow', sans-serif;
	font-size:13px;
	margin: 10px 0 8px 0;
	line-height: 16px;
	font-weight:500;
	padding: 0 52px;
}
#copyright a{
	color:#fff;
}
#credit{
	color:#fff;
	font-family: 'Barlow', sans-serif;
	font-size:13px;
	margin: 22px 0 8px 0;
	line-height: 16px;
	font-weight:500;
	padding: 0 52px;
}
#credit a{
	color:#fff;
	text-transform: uppercase;
}



/* NEWS TAB */
#newstab{
	position: fixed;
	top:25%;
	left:-2px;
	width:50px;
	height:70px;
	z-index: 500;
	-webkit-transition: left 100ms ease-in-out;
	-moz-transition: left 100ms ease-in-out;
	-ms-transition: left 100ms ease-in-out;
	-o-transition: left 100ms ease-in-out;
	transition: left 100ms ease-in-out;
}
#newstab.inactive{
	left:-50px;
}
#newstab:hover{
	cursor:pointer;
	left:0;
}
#newstab .span{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	display: block;
	z-index: 5;
	background-image:url('../img/news-tab.png');
	background-repeat:no-repeat;
	background-position: center left;
	background-size: contain;
}
#newstab:after{
	content: '';
	display:block;
	z-index: 0;
	position: absolute;
	top:25%;
	left:0;
	width:60%;
	height:50%;
	-webkit-border-radius: 0 50% 50% 0;
	-moz-border-radius: 0 50% 50% 0;
	border-radius: 0 50% 50% 0;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}
#newstab:hover:after{
	-webkit-box-shadow: 0px 0px 50px #fff;
	-moz-box-shadow: 0px 0px 50px #fff;
	box-shadow: 0px 0px 50px #fff;

}




/*NAV BUTTON*/
/***********************************************************************/
/***********************************************************************/
#navholder{display:none;}
#mnav{display:none;}
@media (max-width: 991px){
	#dnav{
		display:none;
	}
	#navholder{
		z-index: 50000;
		height:68px;
		width:68px;
		right:26px;
		top:26px;
		display:block;
		position:absolute;
		-webkit-transition: background 500ms ease;
		-moz-transition: background 500ms ease;
		-ms-transition: background 500ms ease;
		-o-transition: background 500ms ease;
		transition: background 500ms ease;
	}
	#navtoggle{
		z-index: 10000;
		height:30px;
		width:30px;
		left:20px;
		top:20px;
		display:block;
		position:absolute;
	}
	#navholder:hover{cursor:pointer;}
	#navtoggle span{
		display:block;
		height:2px;
		position:absolute;
		z-index: 100;
	}
	.hamburger span.burger {
		position: absolute;
		width: 100%;
		right: 0;
		height: 1px;
		margin-top: -1px;
		top: 50%;
		background: #172d54;
		-webkit-transform-origin: 100% 0;
		-moz-transform-origin: 100% 0;
		-ms-transform-origin: 100% 0;
		-o-transform-origin: 100% 0;
		transform-origin: 100% 0;
		/* -webkit-transition: 0.56s cubic-bezier(0.52, 0.01, 0.16, 1);
	    -moz-transition: 0.56s cubic-bezier(0.52, 0.01, 0.16, 1);
	    transition: 0.56s cubic-bezier(0.52, 0.01, 0.16, 1); */
	}
	.hamburger span.burger:nth-child(2) {width: 80%;}
	.hamburger span.burger:nth-child(1) {top: 10%;}
	.hamburger span.burger:nth-child(3) {top: 90%;}
	.hamburger span:nth-child(1) {
		/* -webkit-transition-delay: 0.12s;
		-moz-transition-delay: 0.12s;
		transition-delay: 0.12s; */
	}
	.hamburger span:nth-child(2) {
		/* -webkit-transition-delay: 0.24s;
		-moz-transition-delay: 0.24s;
		transition-delay: 0.24s; */
	}
	.hamburger span:nth-child(3) {
		/* -webkit-transition-delay: 0.36s;
		-moz-transition-delay: 0.36s;
		transition-delay: 0.36s; */
	}
	.hamburger span.cross {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 1px;
	}
	.hamburger span.cross:nth-child(4) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.hamburger span.cross:nth-child(5) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.hamburger span.cross::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #172d54;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		-o-transform: scaleX(0);
		transform: scaleX(0);
		/* -webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transition: 0.45s;
		-moz-transition: 0.45s;
		transition: 0.45s; */
	}
	#navholder.active .hamburger span.burger {
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		-o-transform: scaleX(0);
		transform: scaleX(0);
	}
	#navholder.active .hamburger span.cross:nth-child(4)::before {
		/* -webkit-transition-delay: 0.42s;
		-moz-transition-delay: 0.42s;
		transition-delay: 0.42s; */
	}
	#navholder.active .hamburger span.cross:nth-child(5)::before {
		/* -webkit-transition-delay: 0.57s;
		-moz-transition-delay: 0.57s;
		transition-delay: 0.57s; */
	}
	#navholder.active .hamburger span.cross::before {
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		-o-transform: scaleX(1);
		transform: scaleX(1);
		background-color: #e52551;
	}
}
/********************************************************/
/* INTERIOR (FORMERLY will.css) */

#content {
	display: block;
	width: 100%;
	position: relative;
	float: left;
	border-top: 1px solid #eae8e8;
}
#content.hide{
	opacity:0;
}
.imgLeft{
	position: relative;
	z-index: 200;
	height: 400px;
	margin-right: 10%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	float:left;
	display:block;
	width:90%;
}
.imgLeft > img{
	position: absolute;
	right: 0;
}
.imgLeft .iconbox{
	color:#fff;
	z-index: 200;
	position: absolute;
	width:50%;
	top:40px;
	left: 11%;
	font-family: 'Barlow', sans-serif;
	padding: 0 0 0 50px;
}
.imgLeft .iconbox > span{
	display:block;
	width:220px;
	position:relative;
	float:left;
	height:40px;
}
.imgLeft .iconbox > span > span{
	position:absolute;
	top:50%;
	left:0%;
	font-weight:600;
	letter-spacing: 1px;
	text-transform:uppercase;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.imgLeft .iconbox .icon{
	position: absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	display:block;
	background-repeat:no-repeat;
	background-position: center;
	background-size: 40px;
}

.imgLeft .alt{
	color: #fff;
	font-family: 'Barlow', sans-serif;
	font-size: 50px;
	font-weight: 400;
	/* text-transform: uppercase; */
	position: absolute;
	top: 50%;
	left: 11%;
	width: 60%;
	z-index: 200;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.imgLeft .alt strong{
	font-weight:600;
}
.imgLeft .gradient{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#300a3b+0,ee1d46+100&0.5+0,0.5+100 */
	background: -moz-linear-gradient(left, rgba(48,10,59,0.5) 0%, rgba(238,29,70,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(48,10,59,0.5) 0%,rgba(238,29,70,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(48,10,59,0.5) 0%,rgba(238,29,70,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80300a3b', endColorstr='#80ee1d46',GradientType=1 ); /* IE6-9 */
}

.pageHeader {
	position: relative;
	z-index: 100;
	padding: 0px 10%;
}
.pageHeaderTop {
	width: 100%;
}

.breadcrumb {
	background: none;
	border-radius: 0px;
	color: #231f20;
	font-family: 'Barlow', sans-serif;
	font-size: 13px;
	margin: 15px 0px;
	padding: 0px;
}
.breadcrumb a {
	color: #231f20;
}
.breadcrumb .active{
	color: #231f20;
	font-weight: 600;
}

span.pageTitle,
h1.pageTitle {
	color: #1a488e;
	font-family: 'Barlow', sans-serif;
	font-size: 38px;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 25px 0px 65px 0px;
	position: relative;
	text-transform: uppercase;
	line-height: 45px;
	height: auto;
	display:block;
}
.pageTitleWrap:before {
	content: "";
	background-color: #e52551;
	position: absolute;
	left: 0;
	height: 45px;
	width: 8%;
}

.sideNav {
	display:block;
	width:100%;
	position:relative;
	float:left;
}
.sideNav ul {
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 20px -15px;
}
.sideNav ul > li {
	float:left;
}
.sideNav ul > li a{
	float: left;
	display: block;
	width: auto;
	padding: 15px 18px;
	font-family: 'Barlow', sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	color: #333;
}
.sideNav ul > li.selected a{
	font-weight: 700;
	color: #e52551;
}

.editorWrapper {
	background-color: #e3edee;
	padding-top: 200px;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 0px;
	position: relative;
	margin-top: -200px;
	float:left;
	display:block;
	width:100%;
}
.productsWrapper {
	background-color: #e3edee;
	padding-top: 200px;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 10%;
	position: relative;
	margin-top: -200px;
	float:left;
	display:block;
	width:100%;
}
.editorWrapper.norel{
	margin-top: 40px;
	padding-top:0px;
}
.editorWrapper.nobottommar{
	padding-bottom:0;
}
.editorWrapper.norel.nomar{
	margin-top: 0px;
	padding-top:0px;
}
.productsWrapper.norel{
	padding-top: 45px;
	margin-top:0;
}

.editor {
	display:block;
	width:100%;
	position:relative;
	float:left;
	background-color: #fff;
	color: #343435;
	font-family: 'Barlow', sans-serif;
	font-size: 19px;
	line-height: 30px;
	padding: 75px 75px 75px 11%;
}
.editorarea{
	color: #343435;
	font-family: 'Barlow', sans-serif;
	font-size: 19px;
	line-height: 30px;
	padding: 75px 75px 75px 11%;
}

.editorarea sup,
.editor sup,
.editorarea sub,
.editor sub{
	line-height: 1em;
	font-size:.6em;
	top:-7px;
}
.editorarea sub,
.editor sub{
	top:5px;
}


.editorarea h1,
.editor h1,
.editorarea h2,
.editor h2 {
	text-transform: none;
	color: #112643;
	font-size: 41px;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	line-height: 49px;
	margin: 0 0 20px 0;
}
.editorarea h3,
.editor h3 {
	color: #e52551;
	font-size: 24px;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	line-height: 32px;
	margin: 0 0 10px 0;
}
.editorarea h4,
.editor h4 {
	color: #000;
	font-size: 19px;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	line-height: 27px;
	margin: 0;
	text-transform: uppercase;
}
.editorarea strong,
.editor strong,
.editorarea b,
.editor b {
	font-weight: 700;
}
.editorarea p,
.editor p {
	font-family: 'Barlow', sans-serif;
	line-height: 1.4em;
	margin: 0 0 20px 0;
}
.editorarea p:last-child,
.editor p:last-child {
	margin: 0px;
}
.editor ul,
.editorarea ul{
	padding: 0 0 0 22px;
	margin: 0 0 20px 0;
	list-style:square;
}
.editor ul.nav-tabs,
.editorarea ul.nav-tabs{
	margin: 0 0 20px 0;
	padding: 0;
}
.editor ul.nav-tabs li,
.editorarea ul.nav-tabs li{
	margin: 0;
}
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus{
	font-size: 15px;
	color: #112643;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	line-height: 20px;
}
.nav-tabs > li > a:focus{outline:none;}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
	color: #e52551;
}
.editorarea img,
.editor img, #page img {max-width:100% !important;}

.editorarea ol,
.editor ol{
	padding: 0 0 0 22px;
	margin: 0 0 20px 0;
	list-style: decimal;
}

.editorarea ol li,
.editor ol li,
.editorarea ul li,
.editor ul li{
	margin: 0 0 10px 0;
}


.grantPDF{
	width:auto;
	float:left;
	clear:both;
	position: relative;
	padding: 5px 25px 5px 45px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing: 1px;
	border:1px solid #eee;
	color: #e52551;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
.grantPDF:hover{
	text-decoration:none;
	background:#eee;
	color:#112643;
}
.grantPDF:before{
	position:absolute;
	top:50%;
	left:15px;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	font-size:20px;
	color: #e52551;
	font-family:'Font Awesome\ 5 Free';
	text-rendering: optimizeLegibility;
	content:'\f1c1';
}




/* LEADERSHIP */

#leadership{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 50px 0;
}
.profile{
	width:32%;
	float:left;
	display:block;
	position:relative;
	margin: 0 2% 20px 0;
	height:280px;
	background:#f2f2f2;
}
.profile:nth-child(3n+3){
	margin: 0 0 20px 0;
}

.profile .image{
	z-index: 5;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.profile .profile-details{
	z-index: 8;
	opacity:0;
	position:absolute;
	color:#fff;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-ms-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
	background-image:url('../img/angiodynamics-logo-watermark.png');
	background-repeat:no-repeat;
	background-position: right 20px top 20px;
	background-color: rgba(17, 54, 102, 0.8);
}
.profile:hover .profile-details{
	opacity: 1;
}
.profile .profile-details .thetext{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
.headbar{
	display:block;
	width:100%;
	position:relative;
	line-height: 22px;
	float:left;
	padding: 30px 30px 12px 30px;
}
.headbar .name{
	font-weight:bold;
	font-size:20px;
}
.headbar .title{
	font-size:17px;
}
.desc{
	display:block;
	width:100%;
	position:relative;
	float:left;
	font-size:14px;
	line-height: 17px;
	padding: 0 30px 22px 30px;
}
.action{
	border-top:1px solid #fff;
	bottom: 0;
	left:0;
	display:block;
	width:100%;
	height:51px;
	position:absolute;
	float:left;
	font-size:14px;
	line-height: 17px;
}
.action .linkedin{
	float:left;
	font-size:20px;
	color:#fff;
	height:50px;
	padding: 14px 30px;
	display:block;
	-webkit-transition: background 300ms ease-in-out;
	-moz-transition: background 300ms ease-in-out;
	-ms-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
}
.action .detaillink{
	float:right;
	font-size:20px;
	color:#fff;
	height:50px;
	padding: 14px 30px;
	display:block;
	text-transform: uppercase;
	font-size:14px;
	line-height: 20px;
	-webkit-transition: background 300ms ease-in-out;
	-moz-transition: background 300ms ease-in-out;
	-ms-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
}
.action .detaillink .fas{
	line-height: 20px;
	font-size:10px;
	position: relative;
	bottom:1px;
	left:4px;
}
.action .linkedin:hover,
.action .detaillink:hover{
	text-decoration: none;
	background-color: rgba(0,0,0, 0.4);
}


/* LEADERSHIP DETAILS */
.leadershipheader{
	padding: 35px 75px 25px 11%;
	display:block;
	width:100%;
	position:relative;
	float:left;
	background:#fff;
	margin: 0 0 1px 0;
	font-family: 'Barlow', sans-serif;
}
.leadershipheader .thumb{
	float:left;
	width:140px;
	height:140px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0 20px 0 0;
	position: relative;
	bottom:7px;
}
.leadershipheader .name{
	float:left;
	font-size:25px;
	width:50%;
	display:block;
	font-weight:bold;
	margin: 35px 0 8px 0;
}
.leadershipheader .title{
	float:left;
	width:50%;
	display:block;
	font-style:italic;
	font-size:18px;
	color:#444444;
}
.leadershipheader .linkedin{
	position: absolute;
	top:32px;
	font-size:30px;
	right:67px;
	padding: 8px 10px;
	color:#000;
	border:1px solid #fff;
}
.leadershipheader .linkedin:hover{
	border:1px solid #d8d8d8;
}
.linkedinbody{display:none;}

.quotebox{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 50% 0 0;
	margin: 20px 0 0 0;
	background-repeat:no-repeat;
	background-position: right center;
	background-size: 50%;
	background-color:#ecf7fb;
}
.quotebox p{
	padding: 70px 70px 100px 50px;
	font-weight:bold;
	font-size:21px;
	font-style:italic;
	min-height:350px;
}

.leadershipfooter{
	padding: 35px 75px 25px 11%;
	display:block;
	width:100%;
	position:relative;
	float:left;
	background:#fff;
	margin:1px 0 0 0;
	font-family: 'Barlow', sans-serif;
}

.prev-leader{
	display:block;
	width:40%;
	position:relative;
	float:left;
}
.next-leader{
	display:block;
	width:40%;
	position:relative;
	float:right;
	text-align: right;
}

.prev-leader .name,
.next-leader .name{
	color:#000;
	font-weight:bold;
	position:relative;
	margin: 10px 0 5px 0;
	font-size:16px;
	display:block;
}
.prev-leader .title,
.next-leader .title{
	color:#555;
	display:block;
	font-size:14px;
	font-style:italic;
	position:relative;
}
.prev-leader .heading,
.next-leader .heading{
	color:#e71b4b;
	font-size:14px;
	font-weight:600;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 15px 0;
}
.prev-leader img{
	float:left;
	width:60px;
	margin: 0 15px 0 0;
}
.next-leader img{
	float:right;
	width:60px;
	margin: 0 0 0 15px;
}

a.back{
	display:block;
	width:auto;
	text-transform:uppercase;
	position:relative;
	float:left;
	font-size:14px;
	line-height: 15px;
	margin: 45px 0 15px 0;
	padding: 0 4px;
	color:#888;
}
a.back .fas{
	position:relative;
	bottom: 2px;
	left:-4px;
	line-height: 15px;font-size:9px;
}

.linebar{
	display:block;
	z-index: 10;
	width:90%;
	position:relative;
	float:left;
	height:20px;
	background: #e41b50;
	background: -moz-linear-gradient(left, #e41b50 0%, #172743 100%);
	background: -webkit-linear-gradient(left, #e41b50 0%,#172743 100%);
	background: linear-gradient(to right, #e41b50 0%,#172743 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e41b50', endColorstr='#172743',GradientType=1 );
}



/* PRODUCTS */

.categories{
	display:block;
	width:100%;
	text-align: center;
}
.categories ul{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.categories ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-family: 'Barlow', sans-serif;
	font-weight:600;
	margin: 0;
}
.categories ul li a{
	display:block;
	padding: 20px 35px;
	color:#333;
	text-decoration:none;
}
.categories ul li:hover{
	background:#f8f8f8;
}
.categories ul li.active{background: #e3edee;}
.categories ul li.active a{color: #e52551;}

ul.subcats{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 20px -15px;
}
ul.subcats.prod{
	margin: 0 0 20px 0;
	border-bottom: 1px solid #fff;
}
ul.subcats li{
	float:left;
	display:block;
	width:auto;
}
ul.subcats li span,
ul.subcats li a{
	float:left;
	display:block;
	width:auto;
	padding: 15px 18px;
	font-family: 'Barlow', sans-serif;
	text-transform: uppercase;
	font-size:13px;
	font-weight:600;
	/* letter-spacing: 1px; */
	color:#333;
}
ul.subcats li a:hover{
	text-decoration:none;
	color: #e52551;
}
ul.subcats li span.active,
ul.subcats li a.active{
	color: #e52551;
	padding-bottom: 10px;
	border-bottom: 5px solid #fff;
}
a.anchor{
	display:block;
	width:100%;
	position:relative;
	float:left;
}

#products{
	display:block;
	width:100%;
	position:relative;
	float:left;
}

.productfirst{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 35px 0;
	background:#999;
	padding: 0 0 0 51%;
}
.productfirst .textarea{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 35px 40px 160px 40px;
	background:#c4d5d7;
	min-height: 440px;
}

.actionarea-products{
	position: absolute;
	bottom: 0;
	left:0;
	width:100%;
	height:90px;
	background:#fff;
	background-repeat:no-repeat;
	background-position: left 20px center;
	background-size: auto 60px;
}
.productfirst .actionarea-products{
	height:110px;
}
.productfirst .actionarea-products a{
	height:110px;
}
.actionarea-products a{
    display: block;
    width: 40%;
    position: relative;
    height: 90px;
    float: right;
    background-color: #e52551;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
}
.actionarea-products a:hover{
	background: #d5214a;
}
.actionarea-products a span {
    position: absolute;
    width: 95%;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.productfirst .textarea h3{
	color: #e52551;
	font-size: 21px;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	line-height: 25px;
	margin: 0 0 20px 0;
}
.productfirst .textarea p{
	font-family: 'Barlow', sans-serif;
	font-weight:500;
	font-size:15px;
	line-height: 19px;
	margin: 0 0 20px 0;
}
.productfirst .textarea p.forusewith{
	font-size:13px;
	font-weight:600;
}


.productfirst .imagehalf{
	display:block;
	width:51%;
	position:absolute;
	top:0;
	left:0;
	height:100%;
}
.productfirst:after{
	content: '';
	width:2%;
	left:49%;
	height:100%;
	background:rgba(255, 255, 255, 0.2);
	position: absolute;
	z-index: 7;
}
.productfirst .image{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 2;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
}
.productfirst .namebox{
	display:block;
	width:100%;
	position:relative;
	float:left;
	z-index: 6;
	color:#fff;
	padding: 40px;
	font-family: 'Barlow', sans-serif;
}
/* .productfirst .namebox .icon{
	display:block;
	width:100%;
	position:relative;
	float:left;
	height:50px;
	margin: 0 0 20px 0;
	background-repeat:no-repeat;
	background-position: left;
	background-size:40px;
} */
.productfirst .namebox .icon{
	display:block;
	width:40px;
	position:absolute;
	float:left;
	height:40px;
	margin: 0 20px 20px 0;
	background-repeat:no-repeat;
	background-position: left;
	background-size:40px;
}


.productfirst .namebox h3{

	text-transform: uppercase;
	font-weight:300;
	font-size:13px;
	letter-spacing: 1px;
	line-height: 18px;
	display:block;
	position:relative;
	float:left;
	width:100%;
	padding: 0 0 0 50px;
	height:40px;
	margin: 0 0 10px 0;
}
.productfirst .namebox h3 > span{
	display:block;
	width:100%;
	position:relative;
	float:left;
	height:40px;
}
.productfirst .namebox h3 span span.titletext{
	position:absolute;
	top:50%;
	left:0;
	max-width:190px;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}


.productfirst .namebox h4{
	text-transform: uppercase;
	font-weight:500;
	font-size:13px;
	letter-spacing: 1px;
	display:block;
	width:auto;
	clear:both;
	position:relative;
	float:left;
	padding: 4px;
	margin: 12px 0 5px 0;
	background:#e52551;
}
.productfirst .namebox h2{
	font-size:30px;
	display:block;
	width:100%;
	position:relative;
	float:left;
}
.productfirst .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 4;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#491a6d+0,88dbfc+100&0.49+0,0.49+100 */
	background: -moz-linear-gradient(left, rgba(73,26,109,0.49) 0%, rgba(136,219,252,0.49) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(73,26,109,0.49) 0%,rgba(136,219,252,0.49) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(73,26,109,0.49) 0%,rgba(136,219,252,0.49) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d491a6d', endColorstr='#7d88dbfc',GradientType=1 ); /* IE6-9 */

}

.catalog-listing{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 10px 0;
	border-bottom: 1px dotted #999999;
}
.catalog-listing h2{
	font-size: 24px;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	line-height: 32px;
}
.catalog-listing a{
	color: #102643;
	text-decoration:none;
	-webkit-transition: color 200ms ease;
	-moz-transition: color 200ms ease;
	-ms-transition: color 200ms ease;
	-o-transition: color 200ms ease;
	transition: color 200ms ease;
}
.catalog-listing a:hover{
	color:#c81b43
}
.catalog-listing h3{
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	line-height: 22px;
	font-size: 14px;
	color:#444;
}
.catalog-listing a.product-brochure{
	font-family: 'Barlow', sans-serif;
	float:left;
	display:block;
	padding: 3px 0;
	font-weight:600;
	font-size:14px;
	line-height: 14px;
	letter-spacing: 1px;
	text-transform:uppercase;
	margin: 10px 0 5px 0;
}
.catalog-listing a.product-brochure i{
	color:#e52551;
	font-size:14px;
	line-height: 14px;
}

.letter-heading{
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	line-height: 64px;
	font-size: 64px;
	color:#adaec2;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 30px 0 0 0;
	padding: 10px 0;
	border-bottom: 1px dotted #999999;
}


.product{
	display:block;
	width:49%;
	position:relative;
	float:left;
	margin: 0 2% 30px 0;
	height:320px;
	background:#999;
	overflow:hidden;
}
.product:after{
	content: '';
	position: absolute;
	bottom: 0;
	left:0;
	height:18px;
	width:100%;
	z-index: 7;
	display:block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d33235+0,563868+76 */
	background: rgb(211,50,53); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(211,50,53,1) 0%, rgba(86,56,104,1) 76%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(211,50,53,1) 0%,rgba(86,56,104,1) 76%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(211,50,53,1) 0%,rgba(86,56,104,1) 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d33235', endColorstr='#563868',GradientType=1 ); /* IE6-9 */

}
.product:nth-child(2n+2){
	margin: 0 0 30px 0;
}
.productfirst .gradient{

}
.product .gradient{
	opacity:1;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 6;
	opacity:.7;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#491a6d+0,88dbfc+100&0.49+0,0.49+100 */
	background: -moz-linear-gradient(left, rgba(73,26,109,0.49) 0%, rgba(136,219,252,0.49) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(73,26,109,0.49) 0%,rgba(136,219,252,0.49) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(73,26,109,0.49) 0%,rgba(136,219,252,0.49) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d491a6d', endColorstr='#7d88dbfc',GradientType=1 ); /* IE6-9 */

	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}
.product:hover .gradient{
	opacity: 0;
}
.product .gradient2{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index: 7;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}
.productfirst .bluebg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:.4;
	z-index: 3;
	background:#73acd6;
}
.product .bluebg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:.8;
	z-index: 3;
	background:#73acd6;
}
.product:hover .gradient2{
	opacity:1;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d33235+0,62396b+100&0.49+0,0.49+100 */
	background: -moz-linear-gradient(left, rgba(211,50,53,0.49) 0%, rgba(98,57,107,0.49) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(211,50,53,0.49) 0%,rgba(98,57,107,0.49) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(211,50,53,0.49) 0%,rgba(98,57,107,0.49) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dd33235', endColorstr='#7d62396b',GradientType=1 ); /* IE6-9 */

}
.product .image{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 2;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
}
.product .namebox{
	display:block;
	width:100%;
	position:relative;
	float:left;
	z-index: 8;
	color:#fff;
	padding: 40px;
	font-family: 'Barlow', sans-serif;
}
.product .namebox .icon{
	display:block;
	width:40px;
	position:absolute;
	float:left;
	height:40px;
	margin: 0 20px 20px 0;
	background-repeat:no-repeat;
	background-position: left;
	background-size:40px;
}
.product .namebox h3{

	text-transform: uppercase;
	font-weight:300;
	font-size:13px;
	letter-spacing: 1px;
	line-height: 18px;
	display:block;
	position:relative;
	float:left;
	width:100%;
	padding: 0 0 0 50px;
	height:40px;
	margin: 0 0 10px 0;
}
.product .namebox h3 > span{
	display:block;
	width:100%;
	position:relative;
	float:left;
	height:40px;
}
.product .namebox h3 span span.titletext{
	position:absolute;
	top:50%;
	left:0;
	max-width:190px;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.product .namebox h2{
	font-size:30px;
	display:block;
	width:100%;
	position:relative;
	float:left;
}
.product .actionarea-products{
	position:absolute;
	bottom: -90px;
	width:100%;
	z-index: 10;
	height:90px;
	display:block;
	background:#fff;
	left:0;
	-webkit-transition: bottom 200ms ease;
	-moz-transition: bottom 200ms ease;
	-ms-transition: bottom 200ms ease;
	-o-transition: bottom 200ms ease;
	transition: bottom 200ms ease;
}
.product:hover .actionarea-products{
	bottom: 0;
}
.product .actionarea-products a{
	width:30%;
}
.product .actionarea-products p{
	display: block;
	width: 70%;
	position: absolute;
	float: left;
	padding: 0 30px;
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
	color: #666;
	font-weight: 600;
	line-height: 1.3em;
	top: 50%;
	left:0;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}


/* PRODUCT DETAIL */

.gradient2{
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	display:block;
	/* background-color: rgba(16, 38, 67,.8); */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#102643+0,7bd3e5+100&0.85+0,0.85+100 */
	background: -moz-linear-gradient(left, rgba(16,38,67,0.85) 0%, rgba(123,211,229,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(16,38,67,0.85) 0%,rgba(123,211,229,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(16,38,67,0.85) 0%,rgba(123,211,229,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9102643', endColorstr='#d97bd3e5',GradientType=1 ); /* IE6-9 */
}
.imgLeft.product-detail .alt:after{
	content: '';
	width:150px;
	height:5px;
	display:block;
	position:absolute;
	bottom: -20px;
	left:0;
	background: #e41b50;
	background: -moz-linear-gradient(left, #e41b50 0%, #172743 100%);
	background: -webkit-linear-gradient(left, #e41b50 0%,#172743 100%);
	background: linear-gradient(to right, #e41b50 0%,#172743 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e41b50', endColorstr='#172743',GradientType=1 );
	z-index: 25;
}
.productsite{
	position: absolute;
	z-index: 20;
	bottom: 0;
	right:0;
	display: block;
	width: 250px;
	padding: 0 40px;
	height: 90px;
	background-color: #e52551;
	color: #ffffff;
	font-weight: 600;
	letter-spacing: 1px;
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}
.productsite:hover{background: #d5214a;color:#fff;}
.productsite span{
    position: absolute;
    width: 95%;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


.productDetailWrapper{
	background-color: #e3edee;
	padding-top: 90px;
	padding-right: 10%;
	padding-bottom: 0;
	padding-left: 10%;
	position: relative;
	margin-top: -90px;
	overflow: hidden;
	float:left;
	width:100%;
	display:block;
}

.product-detail-block{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 60px 0;
	background:#fff;
	margin: 0 0 1px 0;
}
.product-detail-block.blue{
	background-color: #e3edee;
}
.product-detail-block.blue:after{display:none;}
.product-detail-block:after{
	display:block;
	width:20%;
	position: absolute;
	top:0;
	right:100%;
	content:'';
	height:100%;
	background:#fff;
}

.editorarea.blueh3 h3{
	color: #1a488e;
}
.padImage{
	padding: 60px 50% 60px 0;
}
.padImage .productimage{
	position: absolute;
	width:40%;
	height:400px;
	right:5%;
	top:60px;
	background-repeat:no-repeat;
	background-position: center;
	background-size: contain;
}

#story.int{
	padding: 0;
}
.substory.int{
	padding: 0;
	margin: 0 0 20px 0;
}

/* Product Resources */
.resources,
#resources{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0;
}
.resources li,
#resources li{
	display:block;
	width:100%;
	position:relative;
	float:left;
	border-bottom: 1px solid #ccc;
}

.resources li .resource,
#resources li .resource{
	display:block;
	width:50%;
	position:relative;
	float:left;
}
.resources li .resource p,
#resources li .resource p{
	display:block;
	width:100%;
	position:relative;
	float:left;
	font-size:13px;
	padding:5px 50px 18px 22px;
}
.resources li a,
#resources li a{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 8px 50px 8px 22px;
	font-family: 'Barlow', sans-serif;
	font-size:14px;
	line-height: 20px;
	font-weight:600;
	color:#333;
}
.resources li a:before,
#resources li a:before{
	position: absolute;
	left: 1px;
	top:8px;
	font-size:16px;
	color: #e52551;
	content: '\f15c';
	font-family:'Font Awesome\ 5 Free';
	text-rendering: optimizeLegibility;
}
.resources li a.pdf:before,
#resources li a.pdf:before{content:'\f1c1';}
.resources li a.doc:before,
#resources li a.doc:before{content:'\f1c2';}
.resources li a.xls:before,
#resources li a.xls:before{content:'\f1c3';}
.resources li a.ppt:before,
#resources li a.ppt:before{content:'\f1c4';}
.resources li a.zip:before,
#resources li a.zip:before{content:'\f1c6';}
.resources li a.wmv:before,
#resources li a.wmv:before{content:'\f1c8';}
.resources li a.mp3:before,
#resources li a.mp3:before{content:'\f1c7';}
.resources li a.link:before,
#resources li a.link:before{content:'\f0c1';}
.resources li a.youtube:before,
#resources li a.youtube:before{content:'\f167';font-family:'Font Awesome\ 5 Brands';}


/* RESOURCES */
.resourcesblock{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 40px 0;
}


/* SPECIAL PAGES */

.filterbar{
	display:block;
	width:100%;
	position:relative;
	float:left;
	background-color: #d6e8f0;
}
.filterbar h3{
	padding: 60px 0 60px 11%;
	display:block;
	width:40%;
	position:relative;
	float:left;
	font-family: 'Barlow', sans-serif;
	font-weight:600;
	font-size:22px;
}
.filterbar form{
	display:block;
	width:60%;
	position:absolute;
	top:0;
	left:40%;
	height:100%;
	display:block;
	margin: 0;
}
.filterbar form input{
	width:20%;
	background-color: #e52551;
	color:#fff;
	font-family: 'Barlow', sans-serif;
	font-weight:600;
	font-size:17px;
	text-transform:uppercase;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	border:none;
	position: absolute;
	right:0;
	top:0;
	height:100%;
	display:block;
}
.filterbar form input:hover{
	background: #d5214a;
}

.filterbar form select{
	position:absolute;
	top:50%;
	font-family: 'Barlow', sans-serif;
	width:60%;
	left:40px;
	font-weight:500;
	padding: 10px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #888;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	background-color:#fff;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	background-image:url('../img/select-down-arrow.png');
	background-repeat:no-repeat;
	background-position: right 15px center;
}
.filterbar form select:hover{cursor:pointer;}

.spec-detail-block{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding:  75px 75px 75px 11%;
}
.spec-detail-block.white{
	background:#fff;
}
.spec-detail-block.white{
	background:#fff;
}
.spec-detail-block.notoppad{
	padding-top:0;
}
.editorWrapper.nobottommar{
	margin-bottom:0;
}
.spec-detail-block.nobottompad{
	padding-bottom:0;
}
.spec-detail-block.norightpad{
	padding-right:0;
}
.spec-detail-block.salesrep{
	margin: 1px 0 0 0;
}
.contentwrap .title.bluefont{color: #1a488e;}

/* CAREERS */

.half{
	display:block;
	width:50%;
	position:relative;
	float:left;
	padding: 0 40px 0 0;
}
.megablock{
	display:block;
	width:100%;
	position:relative;
	float:left;
	background-repeat:no-repeat;
	background-position: left center;
	background-size: cover;
	padding: 0 0 0 76.5%;
	margin: 10px 0 25px 0;
	background-color: #5e7d95;
}
.megablock .event{
	display:block;
	width:100%;
	position:relative;
	padding: 80px 30px;
	color: #fff;
}
.megablock .image{
	position: absolute;
	top:0;
	left:0;
	width:76.5%;
	height:100%;
	background-size:cover;
}
.megablock p.eventdetails{
	font-size:14px;
	line-height: 22px;
	word-break: break-all;
	font-weight:normal;
	position:relative;
}


/* NEW EVENTS */
.newsWrapper {
	background-color: #e3edee;
	padding-top: 50px;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 0;
	position: relative;
	margin-top: -50px;
	float:left;
	display:block;
	width:100%;
}
.newsWrapper .editor{
	background-color: #e3edee;
	padding: 30px 0 50px 11%;
}
.blogTopper{
	position: relative;
	z-index: 200;
	height: auto;
	margin-right: 10%;
	float:left;
	display:block;
	width:90%;
	margin-bottom: 20px;
}
.blogTopper:after{
	content: '';
	width:100%;
	position: absolute;
	top:100%;
	left:0;
	height:20px;
	background: #e41b50;
	background: -moz-linear-gradient(left, #e41b50 0%, #172743 100%);
	background: -webkit-linear-gradient(left, #e41b50 0%,#172743 100%);
	background: linear-gradient(to right, #e41b50 0%,#172743 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e41b50', endColorstr='#172743',GradientType=1 );
	background: #172743;
	background: -moz-linear-gradient(left, #172743 0%, #e41b50 100%);
	background: -webkit-linear-gradient(left, #172743 0%,#e41b50 100%);
	background: linear-gradient(to right, #172743 0%,#e41b50 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#172743', endColorstr='#e41b50',GradientType=1 );
}
.blogtopperInner{
	display:block;
	width:100%;
	position:relative;
	float:left;
	background:#999;
	padding: 0 0 0 11%;
}
.blogTopper .featured-image{
	position: absolute;
	top:0;
	left:0;
	height:100%;
	display:block;
	width:72%;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
}

/* PAGINATION */
.editor ul.pagination,
.editorarea ul.pagination{
	margin: 20px 0;
	padding: 0;
}
.pagination > li.active a:hover,
.pagination > li.active a{
	background-color: #e41b50;
	border:none;
	height:38px;
	min-width:33px;
	text-align: center;
}
.pagination > li > a{
	background-color: #393939;
	text-align: center;
	color:#fff;
	border:none;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5em;
	height:38px;
	min-width:33px;
}
.pagination > li > a i{
	font-size: 16px;
	line-height: 1.5em;
}
.pagination > li > a:hover{
	background-color: #333;
	color:#fff;
}



.featured-text{
	font-family: 'Barlow', sans-serif;
	float:right;
	width:32%;
	display:block;
	padding: 25px;
	background:#5d7f95;
	color:#fff;
	position: relative;
	z-index: 2;
	min-height:330px;
}
.redbutton{
	margin: 0 20px 20px 0;
	float:left;
	background:#e41b50;
	color:#fff;
	font-size:13px;
	font-weight:500;
	letter-spacing: 1px;
	text-transform:uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 12px 20px;
}
.redbutton.small{
	padding: 6px 20px;
	margin: 0 0 20px 0;
}
.redbutton.white{
	background:#393939;
}
.redbutton.white:hover{
	background:#333;
}
.redbutton:hover{
	background: #cd1c4f;
	color:#fff;
	text-decoration:none;
}
.redbutton .fas{
	font-size:8px;
	line-height: 14px;
}


.feat-callout{
	text-transform:uppercase;
}
.featured-text h3{
	font-size:27px;
	line-height: 34px;
	font-weight:500;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 75px 0 15px 0;
}
.featured-text .eventdetails{
	font-size:13px;
	line-height: 15px;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 90px 0;
}
.featured-text .eventdetails strong{
	font-weight:bold;
	text-transform:uppercase;
}
.news-content a.blog{
	float:left;
	overflow: hidden;
	display:block;
	height:330px;
	background:#444;
	width:32%;
	position: relative;
	margin: 0 2% 20px 0;
}
.news-content a.blog.hasVideo:after{
	content:'\f04b';
	font-family: "Font Awesome\ 5 Free";
	color:#fff;
	position: absolute;
	bottom: 15px;
	right:15px;
	font-size:20px;
	line-height: 20px;
	z-index: 100;
	font-weight:900;
}
.news-content a.blog:nth-child(3n+3){
	margin: 0 0 20px 0;
}
.blogtext{
	position: absolute;
	bottom: 0;
	left:0;
	width:100%;
	z-index: 5;
	padding: 10px 30px 20px 20px;
	background: rgba(4, 15, 32, 0.8);
}
.blogtext:before{
	position: absolute;
	bottom: 100%;
	height:80px;
	width:100%;
	left:0;
	display:block;
	content: '';
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#040f1f+0,040f1f+100&0+0,0.8+81,0.8+100 */
	background: -moz-linear-gradient(top, rgba(4,15,31,0) 0%, rgba(4,15,31,0.8) 81%, rgba(4,15,31,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(4,15,31,0) 0%,rgba(4,15,31,0.8) 81%,rgba(4,15,31,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(4,15,31,0) 0%,rgba(4,15,31,0.8) 81%,rgba(4,15,31,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00040f1f', endColorstr='#cc040f1f',GradientType=0 ); /* IE6-9 */
}

.blogtext h2{
	font-size:22px;
	line-height:24px;
	color:#fff;
	font-weight: 400;
	margin: 0 0 18px 0;
}
.blogdate{
	font-size:13px;
	font-weight:400;
	color:#fff;
	line-height: 14px;
}
.blogcat{
	color:#e71b50;
	font-weight:600;
	font-size:13px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.newsimage{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 1;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	opacity: .6;
}

.news-pagination{
	display:block;
	width:100%;
	position:relative;
	float:left;
}

/* NEWS DETAIL */
.imgLeft.bottombar{margin-bottom: 20px;}
.imgLeft.bottombar:after{
	content: '';
	width:100%;
	position: absolute;
	top:100%;
	left:0;
	height:20px;
	background: #e41b50;
	background: -moz-linear-gradient(left, #e41b50 0%, #172743 100%);
	background: -webkit-linear-gradient(left, #e41b50 0%,#172743 100%);
	background: linear-gradient(to right, #e41b50 0%,#172743 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e41b50', endColorstr='#172743',GradientType=1 );
	background: #172743;
	background: -moz-linear-gradient(left, #172743 0%, #e41b50 100%);
	background: -webkit-linear-gradient(left, #172743 0%,#e41b50 100%);
	background: linear-gradient(to right, #172743 0%,#e41b50 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#172743', endColorstr='#e41b50',GradientType=1 );
}

article#full{
	display:block;
	width:100%;
	position:relative;
	float:left;
	background:transparent;
	height:auto;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
}
article#full h1{
	color: #112643;
	font-size: 41px;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	line-height: 49px;
	margin: 20px 0 20px 0;
}
article#full .news-header h4{
	color:#e52551;
}
.detaildate{
	color:#777;
	font-size:12px;
	text-transform: uppercase;
}
.detaildate.event{
	font-size:22px;
}
.news-content{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
article#full .news-header{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 0 5px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #ddd;
}
.blog-item-media{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 20px 0;
}
.share{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 75px 0 40px 0;
}
.share li{
	display:block;
	width:auto;
	position:relative;
	float:left;
	margin: 0 15px 0 0;
	line-height:15px;
	border:1px solid #ddd;
}
.share li a{
	display:block;
	width:auto;
	position:relative;
	float:left;
	padding: 15px;
	color:#999;
}
.share li a:hover{
	background:#f8f8f8;
	color:#e52551;
}
.newsfooter img{
	width:150px;
	display:block;
	max-width:100%;
}
.newsfooter .name{
	margin:5px 0;
	clear:both;
	color:#444;
	max-width:250px;
	line-height:20px;
	float:left;
}
.next-leader .name{float:right;}

.relatedarticles{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 0 0 11%;
}
h4#relatedarticles{
	font-family: 'Barlow', sans-serif;
	font-size:20px;
	font-weight:600;
	display:block;
	width:100%;
	position:relative;
	padding: 30px 0 0 11%;
	float:left;
	margin: 10px 0 30px 0;
}
article.related{
	font-family: 'Barlow', sans-serif;
	display:block;
	width:23.5%;
	position:relative;
	float:left;
	margin: 0 2% 0 0;
	height:260px;
	background:#e52551;
	overflow:hidden;
}
article.related .blogtext h2.xlong{
	font-size:14px;
	line-height: 1.2em;
}
article.related .blogtext h2.long{
	font-size:16px;
	line-height: 1.2em;
}
article.related .blogtext h2.short{
	font-size:18px;
	line-height: 1.2em;
}
article.related:last-child{margin: 0;}
article.related .blogdate{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 9px 0;
}

/* EVENT */
article#full.event{
	border-bottom: 0;
}


/* MEDICAL AFFAIRS */
.pagebutton{
    width: auto;
    float: left;
    clear: both;
    position: relative;
    padding: 5px 25px 5px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    background:#e52551;
    color: #fff;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.pagebutton:hover{
	text-decoration:none;
	background: #cf1a43;
	color:#fff;
}


/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}


/* BACK TO TOP */

#backtotop{
	display:none;
}


/* PARDOT */
#pardot{
	display:block;
	width:100%;
	position:relative;
	float:left;
	min-height:1300px;
	width: 1px;
    min-width: 100%;
    *width: 100%;
}
#pardot.medreq{
	min-height:1050px;
}
.pardot{
	padding: 75px 75px 75px 0;
}


.Exp-serach {
    position: absolute;
	right: 0px;
    width: 0%;
    min-width: 40px;
    height: 40px;
	margin: 10px 0px 11px 0px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}
.ExpInput {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #102643;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    height: 40px;
    margin: 0;
    outline: medium none;
    padding: 0 2%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10;
}

input[type="search"].ExpInput {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
.ExpInput::-webkit-input-placeholder {
    color: #efb480;
}

.ExpInput:-moz-placeholder {
    color: #102643;
}

.ExpInput::-moz-placeholder {
    color: #102643;
}

.ExpInput:-ms-input-placeholder {
    color: #102643;
}

.ExpIcon,
.Expbtn  {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.Expbtn {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    color:red;
    border: none;
    outline: none;
    z-index: -1;
}

.ExpIcon {
    color: #fff;
    background: #102643;
    z-index: 90;
    font-size: 22px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
.ExpIcon:hover {
    background-color: #061b36;
}

.ExpIcon:before {
    content: "";
}

.Exp-serach.Exp-serach-open,
.no-js .Exp-serach {
    /*width: 100%;*/
	width: 350px;
}

.Exp-serach.Exp-serach-open .ExpIcon,
.no-js .Exp-serach .ExpIcon {
    background: #102643;
    color: #fff;
    z-index: 11;
}

.Exp-serach.Exp-serach-open .Expbtn,
.no-js .Exp-serach .Expbtn {
   z-index: 90;
}

.editor h3.searchResultHeading {
	margin: 0px;
}
.editor h3.searchResultHeading a{
	color: #1a488e;
}

/* Find a Sales Rep accordian - Product detail */
.findRep .panel {
	border-radius: 0;
	box-shadow: none;
	border: none;
}
.findRep .panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background: none;
	border: none;
}
.findRep .panel-title {
	font-size: 14px;
}
.findRep .panel-title > a {
	display: block;
	width: 100%;
	position: relative;
	border: none;
	padding: 10px 20px 15px 20px;
	color: #000;
	font-size: 18px;
	line-height: 20px;
	text-transform: none;
	text-decoration: none;
	font-weight: 600;
	font-family: 'Barlow', sans-serif;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.findRep .panel-title > a:focus {
	outline: none;
}
.findRep .panel-title > a:hover {
	text-decoration: none;
	background: #f8f8f8;
}
.findRep .more-less {
	color: #e52551;
	margin-top: 10px;
}
.findRep .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: none;
}

/* Standard/Default Tabs */
.defaultTab {
	background-color: #edf9f9;
	padding-top: 15px;
}
.defaultTab .nav {
	border-bottom: 1px solid #e52551;
	padding-left: 60px;
	margin-bottom: 50px;
}
.defaultTab .nav li {
	margin: -1px !important;
	padding: 0px !important;
}
.defaultTab .nav > li > a {
	border-radius: 0px;
	color: #fff;
	margin-right: 15px;
	padding: 15px 25px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6184e+0,a21b4a+100 */
	background: #d6184e; /* Old browsers */
	background: -moz-linear-gradient(top, #d6184e 0%, #a21b4a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d6184e 0%,#a21b4a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d6184e 0%,#a21b4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6184e', endColorstr='#a21b4a',GradientType=0 ); /* IE6-9 */
}
.defaultTab .nav > li.active > a {
	background: #fff;
	border: 1px solid #e52551;
	border-bottom-color: transparent;
	color: #112542;
}

.modal-content {
	font-family: 'Barlow', sans-serif;
}
.modal-body p:last-child {
	margin: 0px !important;
}
h4.modal-title {
	font-size: 24px;
}

.landingHeader {
	position: relative;
	z-index: 100;
}

.buttonbar {
	background-color: #fff;
	float: left;
	width: 100%;
	padding-bottom: 50px;
}
.buttonbar-buttons {
	float: right;
	padding: 3px 3px 0px 0px;
}
.buttonbar a {
	background-color: #5e7e94;
	color: #fff;
	display: inline-block;
	font-family: 'Barlow', sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
	padding: 25px;
	text-decoration: none;
	text-transform: uppercase;
}
.buttonbar a:hover,
.buttonbar a:focus {
	background-color: #526d80;
}
.buttonbar a.dark {
	background-color: #112542;
}
.buttonbar a.dark:hover,
.buttonbar a.dark:focus {
	background-color: #183259;
}


.logobar {
	padding: 50px 10% 35px 10%;
	float: left;
	width: 100%;
}
.logobar .logo {
	float: left;
}
.logobar .logo img {
	padding: 15px 25px 15px 15px;
	width: 324px;
}
.logobar .title {
	color: #6d6d6c;
	font-family: 'Barlow', sans-serif;
	font-size: 32px;
	text-align: right;
	padding-top: 40px;
}
.imgLeft {
 	height: 498px;
	width: 90%;
}

#marquee.landingMarquee {
	padding: 0 10% 0 0;
}
.landingMarquee #banner {
	max-height: 498px;
}
.landingMarquee #banner .image {
	background-size:auto;
	position: relative;
}
.landingMarquee .overlay {
	padding: 25px 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.landingMarquee .mobile {
	display: none;
}

@media (min-width: 768px) {
	#banner.landingMarquee {
		width: 90%;
	}
}

@media (max-width: 767px) {

	.logobar .logo img {
		width: 250px;
	}

	.logobar .logo {
		float: none;
		text-align: center;
	}
	.logobar .title {
		text-align: center;
		font-size: 24px;
	}

	.buttonbar a {
		font-size: 13px;
		padding: 10px 15px;
	}

	#banner .image {
		background-position: left;
	}
}

@media (max-width: 550px) {
	.landingMarquee#banner	{
		height: 450px;
	}

	.landingMarquee .desktop {
		display: none;
	}
	.landingMarquee .mobile {
		display: block;
	}
	.landingMarquee .overlay {
		padding: 10px;
	}
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
	//   Default Modal Styles   //
////////////////////////////////////////////////////////////////////////////////////////////// */
/*   This is the background overlay   */
.backgroundOverlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #000000;
	opacity: .85;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	z-index: 101;
	display: none;
}
/*   This is the Popup Window   */
.delayedPopupWindow {
	display: none;
	position: fixed;
	width: auto;
	max-width: 640px;
	xheight: 310px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	xmargin-left: -200px;
	xmargin-top: -180px;
	/*background-color: #efefef;*/
	/*border: 2px solid #333;*/
	z-index: 102;
	padding: 0px;
}
/*   This is the closing button  */
#btnClose {
	padding: 10px;
	text-align: right;
	text-decoration: none;
	color: #fff;
	font-family: 'Barlow', sans-serif;
	position: absolute;
	top: 0px;
	right: 0px;
}
/*   This is the closing button hover state  */
#btnClose:hover {
	color: #68636f;
}
.delayedPopupLink {
	background-color: #fff;
	border: 1px solid #68636f;
	color: #000;
	font-family: 'Barlow', sans-serif;
	font-size: 16px;
	line-height: 30px;
	padding: 10px 15px;
	position: absolute;
	top: auto;
	left: 50%;
	bottom: -60px;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.delayedPopupLink:hover, .delayedPopupLink:focus {
	background-color: #68636f;
}

.resource-group-cat {
	margin: 0 0 15px 0 !important;
	padding: 0px !important;
}
.resource-group-cat > li {
	display: inline;
	list-style-type: none;
	margin: 0 0px 10px 0 !important;
	padding: 0px;
}
.resource-group-cat > li:after {
	content: "|";
	padding: 0px 5px 0px 8px;
}
.resource-group-cat > li:last-child:after {
	display: none;
}

.resource-group {
	margin-bottom: 35px;
	border: none;
	box-shadow: none;
}
.resource-group h3 {
	color: #1a488e;
	font-size: 28px;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	line-height: 32px;
	margin: 0;
}
.resource-group .item {
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.resource-group .panel-heading {
	padding: 15px 0px 15px 25px;
	position: relative;
}
.resource-group .panel-heading i {
	position: absolute;
	top: 21px;
	left: 0;
}
.resource-group-heading {
	font-size: 26px;
	margin: 0 0 5px 0;
	position: relative;
}
.resource-group-item {
	padding: 0px 0px 18px 10px;
	font-size: 16px;
}

.resource-group-docs-heading {
	background-color: #102643;
	padding: 20px;
}
.resource-group-docs ul {
	margin: 0px;
	padding: 0px;
}
.resource-group-docs ul > li {
	background-color: #d6e5ed;
	list-style-type: none;
	margin: 0 0 2px 0;
	padding: 15px 15px;
}
.resource-group-docs a {
	color: #343435;
	display: inline-block;
	text-decoration: underline;
	position: relative;
	padding-left: 20px;
}
.resource-group-docs a:before {
	content: ">";
	position: absolute;
	top: 0px;
	left: 0px;
}

.resource-group-primary {
	background-color: #e3edee;
}
.resource-group-primary tbody > tr > td {
	border: none;
	font-size: 20px;
	padding: 20px;
}
.resource-group-primary tbody > tr > td:first-child {
	padding-left: 25px;
	padding-right: 5px;
}
.resource-group-primary tbody > tr > td a {
	color: #000;
}
.resource-group-primary tbody > tr > td i {
	color: red;
	font-size: 26px;
}

.resource-group-secondary {
	background: none;
}
.resource-group-secondary {
	border-top: 1px solid #eee;
}
.resource-group-secondary tbody > tr > td {
	border: none;
	border-bottom: 1px solid #eee;
}
.resource-group-secondary tbody > tr > td:first-child {
	padding-left: 30px;
}
.resource-group-secondary tbody > tr > td a {
	color: #000;
}
.resource-group-secondary tbody > tr > td i {
	color: red;
	font-size: 20px;
}

.flowChart.padChart {
	padding: 60px 20% 60px 0;
}
.flowChart-table-wrapper {
	border-radius: 5px;
	margin-bottom: 25px;
}
.flowChart-table {
	border: 3px solid #112643;
	margin: 0px;
}
.flowChart-table thead > tr > th {
	background-color: #112643;
	border: none;
	color: #fff;
	padding: 15px
}
.flowChart-table tbody > tr > td {
	text-align: center;
	padding: 15px
}
.flowChart-table tbody > tr > td:first-child {
	text-align: left;
}
.flowChart-table-desc {
	font-size: 16px;
	line-height: 20px;
}


#video_grid{
	display:flex;
	flex-flow: row wrap;
	align-items: flex-start;
	margin: 0 -20px;
}
#video_grid .video_embed{
	flex: 0 1 calc(50% - 40px);
	margin: 0 20px 50px 20px;
}
#video_grid .video_embed h2{
	color: #1a488e;
	font-family: 'Barlow', sans-serif;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0 0 15px 0;
}
#video_grid .video_embed p{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 30px 0;
	font-family: 'Barlow', sans-serif;
	font-size:20px;
	line-height: 30px;
}
#video_grid .video_embed .wistia-video{
	display:block;
	position:relative;
	margin: 0 0 30px 0;
}
#video_grid .video_embed .videoplay{
	left:0;
	bottom:0;
}
#video_grid .video_embed img{
	max-width:100%;
	display:block;
}
@media(max-width: 1050px){
	#video_grid .video_embed h2{
		font-size:24px;
	}
	#video_grid .video_embed p{
		font-size: 17px;
		line-height: 24px;
	}
}@media(max-width: 600px){
	#video_grid .video_embed{
		flex: 0 1 100%;
	}
}
/*  */