/************************
* Resets *
************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,hr,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,footer,header,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,main{display:block} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} audio:not([controls]){display:none} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} a:hover,a:active{outline:0} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em} img{height:auto;border:0;-ms-interpolation-mode:bicubic;vertical-align:middle} button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle} button,input{*overflow:visible;line-height:normal} button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0} button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button} input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-decoration,inpuct[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}

html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both}

/*------typography,etc.------*/
body{margin:0;font-family:'Lato',Helvetica,Arial,sans-serif;font-size:18px;line-height:1.5em;color:#333333;}
p{margin:0 0 1.5em;}
a{color:#00A9D1;text-decoration:underline;trancsition:color .2s ease-in;}
a:hover,a:focus{color:#000000;text-decoration:none;}
a:link img,a:visited img{border-style:none}

strong { font-weight: 900;}

img{max-width:100%;}

h1,h1 a,.h1 h1 {font-family: 'Barlow Condensed', sans-serif;font-size: 3.889em;margin-bottom: 1.25em; font-weight: 700; color: #fff; line-height: 1em; background: url("/images/blue-bar-home.png"); background-repeat: no-repeat; background-position: bottom left;padding: 0 0 .5em 0;}
h2,h2 a,.h2{font-family: 'Barlow Condensed', sans-serif; margin-bottom: 1em;font-weight:700;line-height:1.1em; font-size: 2.333em;}
h3,h3 a,.h3{font-family: 'Barlow Condensed', sans-serif; margin-bottom:.75rem;font-weight:700;line-height:1.2; font-size: 2em; color: #00A9D1;}
h4,h4 a,.h4{font-family: 'Barlow Condensed', sans-serif; margin-bottom: 1.25rem;font-weight:700;line-height:1.2; font-size: 1.5em;}
h5,h5 a,.h5{font-family: 'Lato', sans-serif; margin-bottom:.75rem;font-weight:900;line-height:1.2; font-size: 1.1em;}
h6,h6 a,.h6{margin-bottom:0;font-weight:500;line-height:1.2;}

h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a,h6 a,.h6 a{text-decoration:none;font-size:1em;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:underline;}

p+div,p+fieldset{margin-top:1.5em;}
p+ul,p+ol{margin-top:-.125em;margin-bottom:1.5em;}
p+h2,ul+h2,ol+h2,aside+h2,p+h3,ul+h3,ol+h3,aside+h3,p+h4,ul+h4,ol+h4,aside+h4,p+h5,ul+h5,ol+h5,aside+h5,p+h6,ul+h6,ol+h6,aside+h6{margin-top:1.25em;}

.lead{font-size:1.3em;font-weight:300;margin-bottom:1em;}
.intro-text { font-size: 1.222em; margin-bottom:2em !important;}

hr{color:#dddddd ;background-color:#dddddd;height:1px;border:0;width:100%;margin:2em 0;clear:both;}

blockquote{margin-bottom:1rem;font-size:1.25rem;}
blockquote p{margin-bottom:.5em}
cite{display:block;font-size:.9em;}

sup,sub{line-height:1em;}

iframe{margin:0 auto 1.5em auto;display:block;width:100%;}

code{font-size:1em;background:rgba(0,0,0,.085);padding:0 3px;}
pre code{display:block;background:#f4f6f9;font-family:Monaco,monospace;border:1px solid #DDD;margin-bottom:2.5em;overflow:auto;width:100%;padding:1em 1em;font-size:1.25em;}
pre{white-space:pre;padding:0;font-size:12px;line-height:1.4em;}

aside, figure {padding:.75em;font-size:.75em;line-height:1.333em;margin:0 0 1em 0;}
aside img, figure img{margin:0 0 1em;}


figure.poster {padding:.0em;font-size:.75em;line-height:1.333em;margin:0 0 0em 0;}

dl{margin-bottom:1em;}
dt{font-weight:bold;}

.hideme
{
	display:none;
	visibility:hidden;
}

.showme
{
	display:inline;
	visibility:visible;
}

.mobile{display:none;}
.visuallyhidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}
.center{text-align:center;}

.skip{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}
.skip:focus{position:static;width:auto;height:auto;margin:.5em .5em;} 

.wrapper{margin:0 auto;max-width:1200px;padding:0 3.5%;}
.wrapper-news {margin:0 auto;max-width:1200px;padding:3.5%;}
/*------ wrapper-cta {margin:0 auto;max-width:1200px;padding: 1.5%; position: relative;z-index: 99;}------*/
.wrapper-full {margin:0 auto;max-width:100%;padding:0 3.5%; margin-top: 200px;}
.wrapper-height-1 {margin:0 auto;max-width:1200px;padding: 0 0; position: relative;z-index: 99; height: 1px;}

.max-width-750 {max-width: 750px; margin: 0 auto;}
.max-width-970 {max-width: 970px; margin: 0 auto;padding:0 3.5%;}
.max-width-unlimited {margin: 0 auto;padding:0 3.5%;}

.section_hero {position: relative; overflow: hidden;z-index: -50;height: 750px;}
	.section_hero .wrapper{}




/************************
* Structure *
************************/

.first{float:left;margin-right:3.5%;}
.middle{float:left;margin-right:3.5%;}
.last{float:right;}

.first-list {float:left;margin-right:0%;padding-right: 2rem;}
.last-list {float:right;padding-left: 2rem;}

/*------widths------*/
.group{margin-bottom:1.5em;}
.group:last-child{margin-bottom:0;}

.group_1of2,table.table_structure_2x td {width:48.25%;}
.group_1of2_list{width:50%;}

.group_1of3,table.table_structure_3x td{width:31%;}
.group_2of3{width:65.5%;}

.group_1of4,table.table_structure_4x td{width:22.375%;}
.group_3of4{width:74.125%;}

.group_1of5{width:17.2%;}
.group_2of5{width:37.9%;}
.group_3of5{width:58.6%;}
.group_4of5{width:79.3%;}

.group_1of6{width:13.75%;}
.group_5of6{width:82.75%;}

.group_1of7{width:11.28571428571429%;}
.group_2of7{width:26.07142857142858%;}
.group_3of7{width:40.85714285714287%;}
.group_4of7{width:55.64285714285716%;}
.group_5of7{width:70.42857142857145%;}
.group_6of7{width:85.21428571428574%;}

.group_1of8{width:9.4375%;}
.group_3of8{width:35.3125%;}
.group_5of8{width:61.1875%;}
.group_7of8{width:87.0625%;}

/*------site header------*/

.site_header {padding:0 0 0 0; height: 96px; overflow: visible; width: 100%; z-index: 6; position: absolute;}
.site_header .wrapper {padding: 0 1em; max-width: 100%; position: relative;}
.site_header .wrapper a.logo{margin:37px 40px 20px 0;background:url(/images/virtualpaint.png);background-image:url(/images/virtualpaint.svg),none;background-repeat:no-repeat;background-position:middle middle;background-size:271px 38px;width:271px;height:38px;float:left;display:block;}
	

.int-wrapper {background: url("images/int-header-bg.jpg"); background-repeat: no-repeat; background-position: top left; background-size: cover; min-height: 200px;position: relative; z-index: -20;}

/*------site footer------*/


a.btn_footer_nav {display:none;text-decoration:none !important;*zoom:1;
width: 100%;
background: rgba(0,0,0,.5);
color: #fff;
margin: .5em 0 2em 0;
border-radius: 4px;
padding: 1em;
font-size: .75em;cursor: pointer;font-weight:600; border: 0; text-align:center;}

a.btn_footer_nav:hover {color:#fff;text-decoration:none; background: rgba(0,0,0,.3);}







.site_footer {clear:both;color:#fff;padding:5em 0 3em 0;position: relative;
background: url("images/footer-bg.jpg"); background-repeat: no-repeat; background-position: bottom left; background-size: cover; background-color: #003250;}




.site_footer .wrapper { text-align: center;}

nav.footer-menu ul.parent {display:block;list-style: none; padding: 0;margin: 0em 0 1em 0; font-size:.889em; font-weight: 700; color: #FFFFFF;}
	nav.footer-menu ul.parent > li {position:relative; display: inline-block; margin: .75em .75em 1.5em .75em;}
	nav.footer-menu ul.parent > li a {color: #FFFFFF; text-decoration: none !important;}
		nav.footer-menu ul.parent > li a:hover {color: #ccc;}

/* Level 2 Dropdown (All)*/
nav.footer-menu ul.parent > li > ul{ background:#fff;display:none; position: absolute; right: -1px; -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);box-shadow: 0 5px 10px rgba(0,0,0,0.2);z-index:300;}
	nav.footer-menu ul.parent > li:focus-within > ul {display:block;}  /*no js fallback */

	/* Level 2 Dropdown (Nav)*/
	nav.footer-menu ul.parent > li.drop_nav > ul { width: 200px; top: 100%;font-family:'Lato',Helvetica,Arial,sans-serif;font-size: 16px;list-style: none; padding: 0;margin: 0em 0 1em 0;}
	nav.footer-menu ul.parent > li.drop_nav > ul > li a {padding:.5em;background:#fff ;display:block;border-bottom:1px solid #ddd; color: #00A9D1; text-align: left; }
	nav.footer-menu ul.parent > li.drop_nav > ul > li a:hover {background:#f4f6f9; color: #333; }


.site_footer .wrapper a.logo{margin: 2em auto 0 auto; background:url(/images/logo-footer.png);background-image:url(/images/logo-footer.svg),none;background-repeat:no-repeat;background-position:middle middle;background-size:83px 59px;width:83px;height:59px;display:block; text-align: center;}

.footer-text {font-size: .778em; }
.footer-text a {color: #FFF; }


ul.footer-social {list-style: none; padding: .75em 0;margin: 0 0; font-size: 1.125em; font-weight: 700; color: #FFFFFF; text-transform: uppercase; display: none;}
	ul.footer-social > li {display: inline-block; margin: .75em 1.25em;}
	ul.footer-social > li a {text-decoration: none; color: #FFFFFF;}
	ul.footer-social > li a:hover {text-decoration: none; color: #FFFFFF; opacity: .7;}

/*------hero------*/
.hero{position:relative;}
.hero img{width:100%;object-fit:cover;}
.hero .hero_overlay{background-color:rgba(255,255,255,.5);position:absolute;top:0;left:0;z-index:1;height:100%;width:100%;}
.hero .hero_content{background-color:rgba(255,255,255,.5);position:absolute;top:0;left:0;z-index:2;height:100%;width:100%;}

/************************
* Navigation *
************************/

/* Primary Navigation Resets and Defaults*/
nav.nav_primary { font-family: 'Barlow Condensed', sans-serif; position: absolute; top: 46px; left: 326px; font-size: 1.167em;}
	nav.nav_primary .wrapper {padding:0;}
	nav.nav_primary .nav_full {display:table;width:100%;}
	nav.nav_primary ul {list-style: none;margin:0;padding:0;}
	nav.nav_primary li > a {text-decoration:none; font-weight: 700; }
	nav.nav_primary .caret {margin-left: 10px;display: inline-block;width: 0;height: 0;vertical-align: middle;border-top: 5px solid #FFF;border-right: 5px solid transparent;border-left: 5px solid transparent;content: "";opacity: .5;filter: alpha(opacity=30);}
	
/* Mobile Button*/
.nav_primary_btn {display:none;margin:.5em; color:#fff;text-decoration:none;font-size:1.3em;}
	.nav_primary_btn:hover {color:#fff;text-decoration:none;}

/* Level 1 (All) */
nav.nav_primary ul.parent {display:table-row;width:100%;}
	nav.nav_primary .nav_full ul.parent {display:table-row;}
nav.nav_primary ul.parent > li {position:relative;display:block;float:left;}
nav.nav_primary ul.parent > li.nav_mobile {display:none;}
	nav.nav_primary .nav_full ul.parent > li{display:table-cell;float:none;}
nav.nav_primary ul.parent > li > a {padding:0 2em 0 0; color: #fff;text-align:center;display:block;}
nav.nav_primary ul.parent > li > a:hover, nav.nav_primary ul.parent > li.drop_nav.hover > a, nav.nav_primary ul.parent > li.drop_mega.hover > a { color: #FFF; opacity: .7; }
nav.nav_primary ul.parent > li > a.selected {}
nav.nav_primary ul.parent > li.selected > a {background:red;}

/* Level 1 Dropdown (Mega)*/
nav.nav_primary ul.parent li.drop_mega{ position: static;}
	
/* Level 2 Dropdown (All)*/
nav.nav_primary ul.parent > li > ul{ background:#fff;display:none; position: absolute; left: -1px; -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);box-shadow: 0 5px 10px rgba(0,0,0,0.2);z-index:3;}
	.no-js nav.nav_primary ul.parent > li:hover > ul, .no-js nav.nav_primary ul.parent > li:focus-within > ul {display:block;}  /*no js fallback */
	/* Level 2 Dropdown (Nav)*/
	nav.nav_primary ul.parent li.drop_nav > ul{ width: 300px; top: 100%;font-family:'Lato',Helvetica,Arial,sans-serif;font-size: 16px;}
	nav.nav_primary ul.parent li.drop_nav > ul > li > a{padding:.5em;background:#fff ;display:block;border-bottom:1px solid #ddd; font-weight: 400; }
	nav.nav_primary ul.parent li.drop_nav > ul > li > a:hover{background:#f4f6f9 ; }

	/* Level 2 Dropdown (Mega)*/
	nav.nav_primary ul.parent li.drop_mega > ul{width: 100%;top: auto;}
	nav.nav_primary ul.parent li.drop_mega > ul > li{width: 33.333%;padding:1em;float:left;}
	nav.nav_primary ul.parent li.drop_mega > ul > li ul li a{display:block;padding:.5em 0;border-bottom:1px solid #ddd;}
				
	

nav.nav_secondary { position: absolute; top: 36px; right: 26px; font-size: .778em;}
	nav.nav_secondary .wrapper {padding:0;}
	nav.nav_secondary .nav_full {display:table;width:100%;}
	nav.nav_secondary ul {list-style: none;margin:0;padding:0;}
	nav.nav_secondary li > a {text-decoration:none; font-weight: 400; }
	nav.nav_secondary .caret {margin-left: 10px;display: inline-block;width: 0;height: 0;vertical-align: middle;border-top: 5px solid #FFF;border-right: 5px solid transparent;border-left: 5px solid transparent;content: "";opacity: .5;filter: alpha(opacity=30);}

/* Level 1 (All) */
nav.nav_secondary ul.parent {display:table-row;width:100%;}
	nav.nav_secondary .nav_full ul.parent {display:table-row;}
nav.nav_secondary ul.parent > li {position:relative;display:block;float:left;}
nav.nav_secondary ul.parent > li a {color: #fff;}
nav.nav_secondary ul.parent > li.nav_mobile {display:none;}
	nav.nav_secondary .nav_full ul.parent > li{display:table-cell;float:none;}
nav.nav_secondary ul.parent > li a {padding: .75em 2em .75em 0; text-align:center;display:block;}
nav.nav_secondary ul.parent > li > a:hover, nav.nav_secondary ul.parent > li.drop_nav.hover > a, nav.nav_secondary ul.parent > li.drop_mega.hover > a { color: #FFF; opacity: .7; }
nav.nav_secondary ul.parent > li > a.selected {}
nav.nav_secondary ul.parent > li.selected > a {background:red;}	

/* Level 2 Dropdown (All)*/
nav.nav_secondary ul.parent > li > ul{ background:#fff;display:none; position: absolute; left: -1px; -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);box-shadow: 0 5px 10px rgba(0,0,0,0.2);z-index:3;}
	.no-js nav.nav_secondary ul.parent > li:hover > ul, .no-js nav.nav_secondary ul.parent > li:focus-within > ul {display:block;}  /*no js fallback */
	/* Level 2 Dropdown (Nav)*/
	nav.nav_secondary ul.parent > li.drop_nav > ul { width: 300px; top: 100%;font-family:'Lato',Helvetica,Arial,sans-serif;font-size: 16px;}
	nav.nav_secondary ul.parent > li.drop_nav > ul > li a {padding:.5em;background:#fff ;display:block;border-bottom:1px solid #ddd; color: #00A9D1; text-align: left; }
	nav.nav_secondary ul.parent > li.drop_nav > ul > li a:hover {background:#f4f6f9; color: #333; }

	/* Level 2 Dropdown (Mega)*/
	nav.nav_secondary ul.parent > li.drop_mega > ul{width: 100%;top: auto;}
	nav.nav_secondary ul.parent > li.drop_mega > ul > li{width: 33.333%;padding:1em;float:left;}
	nav.nav_secondary ul.parent > li.drop_mega > ul > li ul li a{display:block;padding:.5em 0;border-bottom:1px solid #ddd;}


	nav.nav_secondary .caret {margin-left: 10px;display: inline-block;width: 0;height: 0;vertical-align: middle;border-top: 5px solid #FFF;border-right: 5px solid transparent;border-left: 5px solid transparent;content: "";opacity: .5;filter: alpha(opacity=30);}



/*----------nav overlay-------*/
.nav_overlay_btn {padding:16px 28px 16px 28px; color:#fff; font-size:30px; text-decoration:none;  text-transform:uppercase; letter-spacing:1px; display:none;}
.nav_overlay_btn:hover {text-decoration:none; color:#fff; opacity: .7;}
.nav_overlay_btn.show {display:block;}	

.nav_overlay {height: 100%; width: 100%;padding:0 4%; background:#003250; position:fixed; top:0;left:0;overflow:auto;display: none; z-index: 9999; -webkit-overflow-scrolling: touch;}
.nav_overlay::-webkit-scrollbar {display:none;}
.nav_overlay .heading {font-size:1em; color:#fff; padding:27px 0 22px 14px; margin-bottom:0; text-transform:uppercase; letter-spacing:12px}
.nav_overlay ul {margin: 0 0 4em 0; padding: 0;}
.nav_overlay > ul li {list-style: none; border-top: 1px solid rgba(0,0,0,.25);}

.nav_overlay ul li a {color: #fff; text-decoration: none; display: block; font-size: 23px; padding: 15px; }
.nav_overlay ul li a.action-btn {color: #fff; text-decoration: none; display: block; font-size: 23px; padding: 15px;background-color:
#00A9D1;border-color:#00A9D1; }
.nav_overlay_close {display: block; color: #fff; text-decoration: none; position: absolute; right: 17px; top: 8px; font-size: 30px; text-align: right; padding:16px 4% 16px 4%; }
.nav_overlay_close:hover {color:#fff;}
.nav_overlay ul li a.btn {margin:0; color:#fff;}

.nav_overlay ul li > ul {margin:0;padding:0;display:none;}
.nav_overlay ul li ul li {border-top:none;border-bottom:0}
.nav_overlay ul li > ul li a {font-size:1.2em;line-height: 1.8em; padding:10px 14px;margin-bottom:.5em;border-radius:5px;background:rgba(0,0,0,.2)}
.nav_overlay ul li ul li:last-child {margin-bottom:1.5em}

.nav_overlay .caret {margin-left:5px;display:block; margin-top:8px;border-top: 7px solid rgba(255,255,255,.2);border-right: 7px solid transparent;border-left: 7px solid transparent;content: ""; float:right;}







/*------section navigation (vertical)------*/ 
.nav_section{}
.nav_section > ul{margin:0;list-style:none;padding:0;border:none;margin-bottom:1.5em;font-size:14px;line-height:1.3em;}
.nav_section > ul li a {display:block;padding:.5em .75em;}
.nav_section > ul li a:hover{}
.nav_section > ul .selected{font-weight:bold;}
/*------nested------*/ 
.nav_section > ul ul{list-style:none;padding:0 0 0 .5em;font-size:.9em;margin-bottom:.5em;}
.nav_section > ul ul li a{padding:.25em .5em;}
.nav_section ul .selected_parent{font-weight:bold;}


.homepage-header-container {background: 0 0; height: 880px; max-width: 100%; overflow-x: hidden;}
.homepage-header-inner { background: #003250; bottom: -4px; height: 1010px; margin-left: 0%; margin-top: -230px; overflow: hidden; position: relative; -webkit-transform: skewY(-3deg) translateZ(0); transform: skewY(-3deg) translateZ(0); width: 110%; z-index: -1;}

.homepage-header-inner .poster {height: 830px; left: 49%;-o-object-fit: cover; object-fit: cover; position: absolute; top: 60%; -webkit-transform: skewY(3deg) translate(-50%,-50%); transform: skewY(3deg) translate(-50%,-50%); width: 100%;}

/*------paging, crumbs, tags (articles)------*/ 
nav.page ul {text-align: center;padding:0;}
	nav.page ul li {display: inline;margin: 0 4px 0 0;}
	nav.page ul li a {padding: 4px 8px;font-size: 14px;font-weight: bold;border: 1px solid #CCC;border-radius: 4px;text-decoration:none;background:#f4f6f9;}
	nav.page ul li a:hover,nav.page ul li a:focus {background: #f0f0f0;border-color: #ccc;}
	nav.page ul li a:active, nav.page ul li a.current {background: #fff;border-color: #ccc;}
	
nav.breadcrumb {color: #666;font-size:0.750em;margin-bottom:2em;padding:2em 0;border-bottom:1px solid #ddd;}
	nav.breadcrumb a {margin: 0 5px;text-decoration: none;color: #999;}
	nav.breadcrumb a:first-child {margin-left: 0;}
	nav.breadcrumb a:hover,nav.breadcrumb a:focus {color: #000;}
	nav.breadcrumb a:active {color: #000;}
	nav.breadcrumb strong {font-weight: bold;color: #000;}
	
ol.tags {list-style:none;padding:0;margin:0 0 1.5em;font-size:.75em;}
	ol.tags li {float: left;margin: 0 5px 5px 0;}
	ol.tags li a {text-decoration:none;background:#CCC;background:rgba(0,0,0,.2);float: left;padding: 0px 7px;font-weight: normal;color: #fff;border-radius: 4px;}
	ol.tags li a:hover, ol.tags li a:focus {background-color: #999;}
	ol.tags li a:active {background-color: #ccc;}

/************************
* Content *
************************/

.content {padding:3em 0;}

ul.checkmark {
	list-style: none;
	list-style-image: url("/images/blue-checkmark.png");
  padding: 0 2rem; text-align: left;
margin: 0 0;}

ul.checkmark li {
  padding: 3px 0px;}

ul.arrows {
	list-style: none;
	list-style-image: url("/images/blue-arrow.png");
  padding: 0 0 1.5em 15px; text-align: left;
margin: 0 0;}

ul.arrows li {
  padding: 3px 0px;}


ul.clients {
    list-style: outside none none;
    padding: 0px;
    margin: 0px;text-align: center;}

ul.clients li {
    padding: 0px;
    display: inline-block;
    margin: 0px 1.75em 1em;
    text-align: center;}

.in-the-news {
    font-size: .778em;
    margin-bottom: 1em;
    font-weight: 900;
    line-height: 1.1em;
    padding: 0 0;
    text-transform: uppercase; }

.news-title-home {font-size: 2em;line-height: 1.1em; margin-bottom: .75em;}
.learn-more, .learn-more a {font-size: 1em;line-height: 1.1em; text-decoration: none;}


article footer {border-top:1px solid #CCC;font-size:.875em;padding:1em 0;color:#888;margin-top:3em;}
article footer footer img {float:left; margin: 0 10px 0 0;}

.well{display:block;padding:1.5em 1.5em;background:#FFF;border:1px solid #ddd;margin-bottom:2em;}
.platform{display:block;padding:1.5em 1.5em;background:#FFF;box-shadow:0 0 1rem rgba(0,0,0,.1);margin-bottom:2em;}

.comments {margin-top:5em;}

.item_image {margin-bottom:.5em;}
.item_title {font-family: 'Barlow Condensed', sans-serif; font-size:1.222em;margin-bottom:.5em; font-weight: 700; color: #333;}
.item_description {margin-bottom:.5em; font-size: 1em; color: #333;}

/*------Insets & Outsets ------*/
.inset {padding:2rem;}

.inset_right_large {padding-right:4rem;}
.inset_right {padding-right:2rem !important;}
.inset_right_small {padding-right:.5rem;}

.inset_left_large {padding-left:4rem;}
.inset_left {padding-left:2rem !important;}
.inset_left_small {padding-left:.5rem;}

.inset_top_large {padding-top:4rem;}
.inset_top {padding-top:2rem;}
.inset_top_small {padding-top:.5rem;}

.inset_bottom_large {padding-bottom:4rem;}
.inset_bottom {padding-bottom:2rem;}
.inset_bottom_small {padding-bottom:.5rem;}

.outset {margin:2rem;}

.outset_right_large {margin-right:4rem;}
.outset_right {margin-right:2rem;}
.outset_right_small {margin-right:.5rem;}

.outset_left_large {margin-left:4rem;}
.outset_left {margin-left:2rem;}
.outset_left_small {margin-left:.5rem;}

.outset_top_large {margin-top:4rem;}
.outset_top {margin-top:2rem;}
.outset_top_small {margin-top:.5rem;}

.outset_bottom_large {margin-bottom:4rem;}
.outset_bottom {margin-bottom:2rem;}
.outset_bottom_small {margin-bottom:.5rem;}

/*------Spinternet Defaults ------*/
.page_banner {margin-bottom:1.5em;}
.page_video {font-size:.875em;line-height:1.666em;padding:1.5em;margin-bottom:1.5em;}
	.page_video .fluid_video{margin-bottom:0;}
	.page_video .last{margin-left:1em;}

.img_left {float:left;margin:0 1em 1em 0;max-width:30%;}
	.img_captioned.img_left {float:left;margin:0 1em 1em 0;}
.img_right {float:right;margin:0 0 1em 1em;max-width:30%;}
	.img_captioned.img_right {float:right;margin:0 0 1em 1em;}
.img_center {text-align:center;}
	.img_center .img_captioned {text-align:center;}

.fluid_video{margin-bottom:1.5em;}

.fluid_map {width: 100%;height: 0;padding-top: 60%;position: relative; margin-bottom:1.5em;}
	.fluid_map iframe {width: 100%;height: 100%; position: absolute;top: 0; right: 0;left: 0; bottom: 0; }
	.fluid_map img {max-width: none;}/*-- fixes max-width conflict in Google API maps --*/
	
.login_links {position: fixed; top: 0; right: 0; margin: 0; padding: 4px; list-style: none; font-size: 12px;}
	.login_links li {float: right; margin-left: .5em;}
	.login_links li > a {line-height: 1; padding: .333em .5em; text-decoration: none; background-color: #888; background: rgba(0,0,0,.5); border: 1px solid #666; color: #FFF;}
	
	.test_site {color: #f2dede; background-color: #b94a48; width: 100%; height: 30px; text-align: center; font-weight: bold; line-height: 30px; font-size: 13px; text-transform:uppercase;}

/*------Locations------*/
.location_results {padding:1em;border:1px solid #CCC;font-size:.875em;}
	.location_results ol{list-style:none;margin:0;padding:0;line-height:1.5em;width:100%;}
	.location_results ol li{list-style:none;margin:0;display:inline-block;width:100%;}
	.location_results ol li div{float:left;width:80%;}
	.location_results img{float:left;margin-right:5%;max-width:15%;}

/*------video container ------*/

.video_overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0px; background-color:rgba(0, 50, 82, 0.75)}

video#bgvid { 
    position: relative;
    top: 0%;
    left: 0%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(0%) translateY(0%);
    -moz-transform: translateX(0%) translateY(0%);
    -webkit-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
    background: url(/webres/video/backgroundVideo.jpg) no-repeat;
    background-size: cover; }

video { display: block; }

.homepage-title {
    position: absolute;
    top: 400px;
    left: 3.5%;
    transform: translate(0%, -50%);
    text-align: left;
    color: #fff;
	padding: 0 auto 4em; 
	max-width: 580px;
	z-index: 0;}



.homepage-title h1 {font-family: 'Barlow Condensed', sans-serif;font-size: 3.75em;margin-bottom: .5em; font-weight: 700; color: #fff; line-height: 1em; background: url("/images/blue-bar-home.png"); background-repeat: no-repeat; background-position: bottom left;padding: 0 0 .5em 0;}

.homepage-title .intro-text {font-size: 1.222em;margin-bottom: 1.25em; font-weight: 400; color: #fff;line-height: 1.3em;padding: 0 0 .5em 0;}

.homepage-title .home-play-btn {font-size: .667em;margin-bottom: 0em; font-weight: 700; color: #fff;line-height: 1.1em;padding: 0 0; text-transform: uppercase;}
.homepage-title .home-play-btn a { color: #fff; opacity: .56; margin: 0 1em 0 0;}

.homepage-title .home-play-btn span {
    margin: 0 0 .75em .75em;
    display: inline-block;
    vertical-align: bottom;
opacity: 1 !important;}



/*------icons (added with selectors.js) ------*/

a[href$="pdf"]:after {content:' (.pdf)';}
a[href$="xls"]:after {content:' (.xls)';}
a[href$="csv"]:after {content:' (.csv)';}
a[href$="doc"]:after {content:' (.doc)';}
a[href$="docx"]:after {content:' (.docx)';}
a[href$="ppt"]:after {content:' (.ppt)';}

.pdf {background: url(/images/icon-pdf.gif) no-repeat 98% 50%;padding: 2px 2em 2px 0;}
.excel {background: url(/images/icon-excel.gif) no-repeat 98% 50%;padding: 2px 2em 2px 0;}
.word {background: url(/images/icon-word.gif) no-repeat 98% 50%;padding: 2px 2em 2px 0;}

/*------text options------*/

.text_cooler {color:#0066CC;}
.text_success {color:#009933;}
.text_warmer {color:#f78d1d;}
.text_danger, .ecom-error {color:#b94a48;}

.text_smaller {font-size:.75em;}
.text_small {font-size:.875em;}
.text_large {font-size:1.25em;line-height:1.5em;}
.text_larger {font-size:1.5em;}
.text_largest {font-size:1.75em;}

.text_primary {color:royalblue}
.text_secondary {color:saddlebrown}

/*------highlighting / alerts------*/

.alert_banner {background:#D90000; color:#fff;padding:1.25em 1em;margin-bottom:0; font-size:.9em;line-height:1.4em;}
.alert_banner a {color:#fff;}
.alert_banner .btn {padding:0; border:none; background:none; margin:0 0 0 3em; float:right;}
.alert_banner .btn:hover {border:none; background:none; color:#ccc;}
.hidden {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}

.alert {padding:.5em 1em;color:#c09853;border:1px solid #fbeed5;background:#fcf8e3;font-size:.875em;margin:.25em 0 2em;}
	.alert p:last-child{margin:0;}
.alert.alert_success{color:#468847;border:1px solid #d6e9c6;background:#dff0d8;}
.alert.alert_danger{color:#b94a48;border:1px solid #eed3d7;background:#f2dede;}
/*.site_alert{z-index:4000; position:relative; top:0; left:0; padding:25px; background:#C00; color:#FFF; font-size:18px; font-weight:bold;}
.site_alert a{color:#F1C411;}*/

/*------Flags------*/

.flag {z-index:1;min-width:40px;max-width:100%;background:grey;color:#fff;line-height:1.2em;padding:.5em;position:absolute;top:15px;left:-7px;font-size:.875em;}
  .flag:after {width: 0;height: 0;display:block;content:' ';border-top: 10px solid grey;opacity:.3;border-left: 7px solid transparent;position:absolute;bottom:-10px;left:0;}

.flag.flag_success {background:#288232;}
  .flag.flag_success:after{border-top-color: #288232;}

.flag.flag_danger {background:#b94a48;}
  .flag.flag_danger:after  {border-top-color: #b94a48;}

.flag.flag_cool {background:#06C;}
  .flag.flag_cool:after  {border-top-color: #06C;}

.flag.flag_warm {background:#f78d1d;}
  .flag.flag_warm:after  {border-top-color: #f78d1d;}


/*------rows and grid views (e-commerce, typically generated dynamically)------*/ 

.list {clear:both; margin:0 0 2em;}

.list_row {padding:0; padding-top:1em;}
.list_row > li {margin:0;display: table;border-collapse: collapse;width: 100%;float: left;}
.list_row .inner {display: table-row;text-decoration:none;}
.list_row .li-img {display: table-cell;vertical-align: middle;width: 20%;padding-right: 1.5em;padding-top:1em;padding-bottom:1em;}
.list_row .li-img img {display: block;width: 100%;height: auto;}
.list_row .li-text {display: table-cell;vertical-align: middle;width: 70%;padding:1.5em 1em 1.5em 0;}
.list_row .li-summary {display: block;color:#333;margin-bottom:.25em;font-size:1em;}
.list_row .li-action {margin: 0;text-decoration:none;}
span.posted_info {display:block; font-style:italic;color:#999; font-size:.9em; margin-bottom:1em;}
.list_row .author {display:block; font-style:italic;color:#999;}
.list_row > li.clear_even,.list_row > li.clear_third,.list_row > li.clear_fourth, .list_row > li.clear_fifth {width:100%;display:none;margin:0;}
	
/*------processing, please wait buttons-------*/
.spnWaitMessage {color:#CC0000;font-weight:bold;font-size:16px;}
	
/*------related content (often used in side column, or below main content)------*/ 

.related {list-style:none;padding:0;margin:0;font-size:.875em;}
.related .related_item{padding:0;margin-bottom:2em;}
.related .related_item *:last-child{margin-bottom:0;}

.related .related_item.related_html {}
.related .related_item.related_banner figure{float:none;width:auto;}
.related .related_item.related_banner img{margin-bottom:.5em;}
.related .related_item.related_testimonial img{width:75px;float:left;margin:0 1em 1em 0;border-radius:50%;}
.related .related_item.related_video img {cursor:pointer;}
.related .related_item.related_links {}
	
/*------panels (often used to create different secions of content on the same page)------*/ 

.panel {padding:4em 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; background-position: center center;}

.panel.panel_html {}	
.panel.panel_image {min-height: 640px;position: relative;overflow: hidden;z-index: -50;}
	.panel.panel_image .panel_image_img {position:relative;}
	.panel.panel_image .panel_image_img > img {width:100%;}
.panel.panel_testimonial {}
	.panel.panel_testimonial img {width:75px;float:left;margin:0 1em 1em 0;border-radius:50%;}
.panel.panel_shared {}
.panel.panel_video {}
.panel.panel_related {}

.panel .img_blend {position:absolute; top:0; height:100%; width:100%;}

.panel.left .img_blend {opacity: 0.7;background-image: linear-gradient(-90deg, rgba(255,255,255,0.00) 0%, #ffffff 80%);left:0;width:60%;}
.panel.right .img_blend {opacity: 0.7;background-image: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, #ffffff 80%);right:0;width:60%;}
.panel.cover .img_blend {background:rgba(255,255,255,0.7);left:0;right:0;top:0;bottom:0; color:#000;}

.panel.dark.left .img_blend {background-image: linear-gradient(-90deg, rgba(0,0,0,0.00) 0%, #000000 80%);}
.panel.dark.right .img_blend {background-image: linear-gradient(90deg, rgba(0,0,0,0.00) 0%, #000000 80%);}
.panel.dark.cover .img_blend {background:rgba(0,0,0,0.7); color:#fff;}

.panel.dark, .panel.dark h4 {color:#fff;}

.panel .img_text {position:absolute; top:50%; transform:translateY(-50%); width:100%;}
.panel.left .img_text {left:7%; width:45%;}
.panel.right .img_text {right:7%; width:45%;}





/*------table structure (in editor template)------*/ 

table.table_structure_4x {width:100%;margin-bottom:1em;border-collapse:collapse;line-height:1.3em;display:block;}
	table.table_structure_4x tbody, table.table_structure_4x tr{display:block;width:100%;}
	table.table_structure_4x tr td{display:block;float:left;padding-bottom:.5em;margin-right:2.5%;}/*margin matches column structure*/
	table.table_structure_4x td td {display:table-cell;float:none;width:auto;}/*fix embeded tables*/
	table.table_structure_4x td.clear {display:none;clear:both;width:100%;}

table.table_structure_3x {width:100%;margin-bottom:1em;border-collapse:collapse;display:block;}
	table.table_structure_3x tbody, table.table_structure_3x tr{display:block;width:100%;}
	table.table_structure_3x tr td{display:block;float:left;padding-bottom:.5em;line-height:1.4em;margin-right:2.5%;}/*margin matches column structure*/
	table.table_structure_3x td td {display:table-cell;float:none;width:auto;}/*fix embeded tables*/
	
table.table_structure_2x {width:100%;margin-bottom:1em;border-collapse:collapse;display:block;}
	table.table_structure_2x tbody, table.table_structure_2x tr{display:block;width:100%;}
	table.table_structure_2x tr td{display:block;float:left;padding-bottom:.5em;margin-right:2.5%;}/*margin matches column structure*/
	table.table_structure_2x td td {display:table-cell;float:none;width:auto;}/*fix embeded tables*/
	
	table.table_structure_2x tr td:last-child, table.table_structure_3x tr td:last-child, table.table_structure_4x tr td:last-child{margin-right:0;}/*margin matches column structure*/
	
	
/*------data tables (min-width for overflow on small devices, can be adjusted)------*/ 

table.table_data thead th, table.table_list thead th{background:#eee; white-space:nowrap;font-weight:normal;color:#333;padding:10px 10px;font-size:15px;}
table.table_data thead tr:first-child th:first-child, table.table_list  thead tr:first-child th:first-child { border-top-left-radius: 4px; }
table.table_data thead tr:first-child th:last-child, table.table_list  thead tr:first-child th:last-child { border-top-right-radius: 4px; border:0;}

.table_data {border-collapse:collapse;min-width:480px;width:99.9%;font-size:.9rem;}
	.table_data td{padding:.5em .75em;border:1px solid #ddd;min-width:5em;}
	.table_data td strong{white-space:nowrap;}

.table_list {border-collapse:collapse;min-width:480px;width:99.9%;font-size:.9rem;}
	.table_list td{padding:.5em .75em;border-bottom:1px solid #DDD;border-right:1px solid #DDD;min-width:5em;}
	.table_list td:last-child{border-right:0;}
	.table_list.table_stripe {border-top:0;}
		
	table.table_stripe tbody tr:nth-child(even) {background:#f4f6f9;background:rgba(193  195  198,.1);}
	table.table_condensed th{padding:.25em .5em;font-size:1rem;}
	table.table_condensed td{padding:.25em .5em;font-size:.875rem;}

/* Flex Grid */

.flex_grid { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; margin-bottom: 0em; }
.flex_grid .flex_item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; /* for IE */
padding: 0em; margin-bottom: 2em; position: relative; }
/* Flex Grid border/no border widths */
.flex_grid.flex_6x .flex_item { width: 16.666666666666667%; text-align: center; margin: 1em 0; }
.flex_grid.flex_4x .flex_item { width: 25%; }
.flex_grid.flex_3x .flex_item { width: 33.333%; }
.flex_grid.flex_2x .flex_item { width: 50%;}
/* Flex Grid Borders */
.flex_grid.flex_borders { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.flex_grid.flex_borders .flex_item { margin: 0; border-bottom: 0; border-right: 0; }
/* Flex Grid Margins */
.flex_grid.flex_borders.flex_margin { border: 0; }
.flex_grid.flex_borders.flex_margin .flex_item { margin-right: 3%; margin-bottom: 1.5em; padding: 0;}
	.flex_grid.flex_borders.flex_margin .flex_item { margin-right: 9.2783505154639%; margin-bottom: 1.5em; padding: 0;}


.flex_grid.flex_borders.flex_margin .flex_item .item_details { padding: .75em; padding-top: 0; }
.flex_grid.flex_6x.flex_margin .flex_item { width: 14.416666666666667%; }
.flex_grid.flex_4x.flex_margin .flex_item { width: 22.75%; }
.flex_grid.flex_3x.flex_margin .flex_item { width: 31.333%; }
.flex_grid.flex_2x.flex_margin .flex_item { width: 48.5%; }
.flex_grid.flex_2x.flex_margin .flex_item a { text-decoration: none;}
	.flex_grid.flex_2x.flex_margin.solutions .flex_item  { width: 45.360824742268%; }

.flex_grid.flex_2x.flex_borders.flex_margin.solutions {margin: 0 0 0 0;}	

.icon {margin-bottom: 1em;}

.flex_grid.flex_6x.flex_margin .flex_item:nth-child(6n+6), .flex_grid.flex_4x.flex_margin .flex_item:nth-child(4n+4), .flex_grid.flex_3x.flex_margin .flex_item:nth-child(3n+3), .flex_grid.flex_2x.flex_margin .flex_item:nth-child(2n+2) { margin-right: 0; }
/* IE8 and IE9 */
.no-flexbox .flex_grid:after { content: ' '; display: block; clear: both; }
.no-flexbox .flex_grid.flex_6x .flex_item:nth-child(6n+7), .no-flexbox .flex_grid.flex_4x .flex_item:nth-child(4n+5), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_2x .flex_item:nth-child(2n+3) { clear: both; }


/*---Scale Proportionally for varied images sizes---*/ 
.grid_img {position: relative;border:1px solid #ddd;width: 100%;margin-bottom:.75em}
.aspect_ratio_1to1 {padding-top: 100%; /* forces 1:1 aspect ratio, 100% is a square */}
.aspect_ratio_3to2 {padding-top: 66.666%; /* forces 3:2 aspect ratio*/}
.aspect_ratio_16to9 {padding-top: 56.25%; /* forces 16:9 aspect ratio*/}
.img-container {position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align:center; /* Align center inline elements */font: 0/0 a;}
.img-container:before {content: ' ';display: inline-block;vertical-align: middle;height: 100%;}
.img-container img {vertical-align: middle;display: inline-block;max-height:100%/* Makes taller img fit the box */;}

.flex_grid.flex_borders.flex_margin .flex_item .grid_img {border:0;border-bottom:1px solid #ddd}


/************************
* Forms *
************************/

.form {margin-bottom:1rem;clear:both;font-size:.875rem; background-color: #F9F9F9; padding: 1.5em;}
.form h4 { color: #333;}

.form > fieldset {margin-bottom:1em;}
	.form > fieldset > legend{display:block;background:#fff; padding:0 .25em; color:#000;font-size:1.3em; margin-bottom:.5em;font-weight:600;}
	
.form fieldset > div, .form fieldset > fieldset {padding:7px 0;clear:both;}
	.form fieldset > div:last-child {border-bottom:0;}
.form fieldset > div{*zoom:1}.form fieldset div:before,.form fieldset div:after{display:table;content:""}.form fieldset div:after{clear:both}
.form fieldset > div > label, .form fieldset > fieldset > legend{display:block;padding:3px 0;width:100%; font-weight: bold;}
.form fieldset > div > ul {margin: 0; padding: 0; list-style: none;}

.form fieldset ul.field_list{padding:3px 0;list-style:none;margin:0;float:left;display:block;width:66%;}
	.form fieldset ul.field_list li{margin:0 0 3px 0;}
	.form fieldset ul.field_list li{*zoom:1}
	.form fieldset ul.field_list li:before,.form fieldset ul.field_list li:after {display:table;content:""}
	.form fieldset ul.field_list li:after{clear:both}
	.form fieldset ul.field_list li span{width:90%;float:left;}
	
	.form fieldset ul.field_list li small{font-size:.85em;margin:-.5em 0 0 0;}

.form input[type="checkbox"], .form input[type="radio"] {margin-right:.5em; vertical-align:text-top; margin-top:6px; float:left;}

.form fieldset input, .form fieldset select{margin:0;}
.form fieldset select{ background: #f5f5f5;
   border: 1px solid #CCC;
   font-size: 14px;
   height: 40px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
   background-color: #fff;}



select, textarea, input[type="number"], input[type="tel"], input[type="password"], input[type="email"], input[type="text"] { width: 100% !important;}

input[type="text"], textarea, input[type="email"], input[type="password"], input[type="number"], input[type="tel"], select{padding: .5em .5em;font-size: .875rem;border: 1px solid #E0E0E0;background: #ffffff;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);box-shadow: inset 0 1px 2px rgba(0,0,0,.05);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}/*------remove number spinners------*/
input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {border-color: rgba(0,102,204,.8);
outline: 0;outline: thin dotted 9;box-shadow: 0 0 8px rgba(0,102,204,.6);background: #fff;}
.form .required {color:#b94a48;font-weight:bold;font-size:0.8em;}
.form .optional {color:#333;font-weight: normal; font-style: italic; font-size:0.8em;}
.form [disabled="disabled"]{opacity:.60;}

.form .btn {margin:.5em .5em 0 0;}

.app_hours label {display:block}
.app_hours div {float:left;}

/*------Login------*/
.form.login {clear:none;}
.form.login fieldset input, .form.login fieldset select {width:100%;max-width:none;}
.form.login fieldset > div {border-bottom:none;}
.form.login fieldset > div > label {width:inherit;padding:0;text-align:left;}
.form.login fieldset input[type="submit"] {width:inherit;}

/*------search------*/
.site_header fieldset.site_search {position:absolute;top:10px;right:0;width:35%;text-align:right;}
fieldset.site_search input[type="search"], fieldset.site_search input[type="text"] {width: 50%;padding: .25em .5em;font-size: 16px;border: 1px solid #ddd;background: #f5f5f5;-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);box-shadow: inset 0 1px 2px rgba(0,0,0,.05);-moz-border-radius: 4px;border-radius: 4px;margin-right:.5em;}

/*------buttons------*/

.btn{text-decoration:none;display:inline-block;*display:inline;*zoom:1;background: #999;color: #FFFFFF;line-height: 1em;font-weight: 600;margin: 0 .25em 0 0;padding: .5em .875em;cursor: pointer;-moz-border-radius:4px;border-radius:4px;border:1px solid #888;text-align:center;}
	.btn:hover {border-color:#808080;background:#999;color:#FFF;text-decoration:none;}
	.btn:active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn-danger {background:#b94a48;border-color: #ac2925;}
	.btn-danger:hover {background-color: #d2322d;border-color: #ac2925;}
.btn-success {background-color:#5cb85c;border-color: #4cae4c;}
	.btn-success:hover {background-color: #47a447;border-color: #398439;}

.blue-btn-header {background-color:#00A9D1;border-color: #00A9D1;margin: 0 0 !important; padding: 15px 20px !important; font-weight: 700; font-size: .778em;-moz-border-radius:0px;border-radius:0px;}
	.blue-btn-header:hover {background-color: #fff;border-color: #fff; color: #003250 !important; opacity: 1 !important }

.btn-submit {background-color:#fff;border-color: #333; color: #333; -moz-border-radius:0px !important;border-radius:0px !important;}
	.btn-submit:hover {background-color: #333;border-color: #333; color: #fff;}



.btn-full {display:block;margin:0;}

.btn-xlarge{font-size: 1.25rem;border-radius: 5px;}
.btn-large{font-size: 1.15rem;border-radius: 5px;}
.btn-small{font-size: .875rem;}
.btn-mini{font-size: .75rem;}

/* accordions */
.accordion {list-style:none;padding:0;margin-bottom:1.5em;}
.accordion .category > div{display:none;margin:1.25em 1em;}
.accordion .category > a {display:block;margin:0;border:none;background:#eee;font-size:inherit;color:#333;padding:0.5em 1em;cursor:pointer;border-bottom:2px solid #fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-decoration:none;}
.accordion .category > a svg {margin-right:.5em;}
.accordion li.category .status {position:absolute;top:14px;right:14px;font-size:22px;}
.accordion .fa-plus-square, .accordion .fa-minus-square {display:none;}
.accordion .closed .fa-plus-square {display:inline-block;}
.accordion .open .fa-minus-square {display:inline-block;}
.accordion .category ul {margin:0;padding:0;list-style:none;}
.accordion .category ul li {margin:0;padding:.75em .75em;list-style:none;border-bottom:1px solid #ddd;}
.accordion .category ul li:first-child {padding-top:0;}
.accordion .category ul li:last-child {padding-bottom:0;border-bottom:none;}





.white-bg {background-color: #FFF;}
	.white-bg::before {background-color: #FFF;}
	.white-bg::after {background-color: #FFF;}

.gray-bg {background-color: #EEEEEE;}
	.gray-bg::before {background-color: #EEEEEE;}
	.gray-bg::after {background-color: #EEEEEE;}

.red-bg {background-color:  red;}
	.red-bg::before {background-color: red;}
	.red-bg::after {background-color: red;}


.asymmetric {
	position: relative;z-index: 20;}

.asymmetric::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform-origin: top left;
	transform: skewY(-3deg);
	z-index: -2;}

.asymmetric::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform-origin: bottom left;
	transform: skewY(3deg);
	z-index: -2;}

.asymmetric-reversed {
	position: relative;z-index: 10;}


.asymmetric-reversed::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform-origin: bottom right;
transform: skewY(-3deg);
	z-index: -2;}




.wrapper-cta {
	position: relative;z-index: 200; padding: 0 0;text-align: center;}


.wrapper-cta .blue-btn-footer {background-color:#00A9D1;border-color: #00A9D1;margin: 0 auto !important; padding: 15px 0px !important; font-weight: 700; font-size: .778em;-moz-border-radius:0px;border-radius:0px; width: 200px;}
.wrapper-cta .blue-btn-footer:hover {background-color: #fff;border-color: #fff; color: #003250 !important; }


/************************
* See It In Action *
************************/

.events_feed {list-style:none;padding:0;margin:0 0 1em 0;line-height:1.25em;}
	.events_feed li{padding:20px 5px;margin-top:0px;font-size:15px; overflow:hidden; border-bottom: 1px solid #DDDDDD}
	/*.events_feed li a{padding:8px;margin-bottom:0;display:block;text-decoration:none;height:1%;overflow:hidden;float:left;clear:both;width:100%; border-top: 1px solid #ccc;}*/
    .events_feed li a{margin-bottom:0;text-decoration:none;height:1%;clear:both;width:100%;overflow:hidden; color:#333333 }
	.events_feed li:hover{background:#eeeeee;}
    
.latest_date { font-family: 'Barlow Condensed', sans-serif; color: #333; display: block; text-align: center; float: left; line-height: .8em; margin-right: 12px; padding: 8px 12px 12px 12px; -moz-border-radius: 3px; border-radius: 0px; font-size: 18px; background: #FFFFFF;box-shadow: 0 0 7px 0 rgba(0,0,0,0.20);}
.events_feed .latest_date span { display: block; text-transform: uppercase;font-weight: 700;margin-bottom: .2em; font-size: 20px;}

.events_feed li a .event{margin-bottom:0;text-decoration:none; } 
.events_feed li a .event strong { display: block; color:#04B9D0;} 


/************************
* Testimonials *
************************/

.testimonials blockquote {color:#333;padding: 2.75em 0em .25em 0em; margin-top:1em;position:relative; font-size: 1.667em; line-height: 1.2em; font-weight: 400; margin: 1.25em 0 1em 0; text-align: center;}
.testimonials blockquote:before {content:"";position:absolute;top:0;left:46.5%;background: url(/images/quotation.png) no-repeat;width:71px;height:58px;background-size: 71px 58px; }

.testimonials cite {font-family: 'Barlow Condensed', sans-serif; margin-bottom:1.5em; font-weight: 700;font-size: 1.111em; color: #333; display: block; text-align: center;font-style: normal;}
	.testimonials cite span { font-family: 'Barlow Condensed', sans-serif; display:block; font-weight: 400 !important;font-size: 1.111em}	






/* just for presentation (bottom left corner) */
.breakpoint{position:fixed;bottom:0;left:0;background:#333;width:70px;color:#FFF;font-size:.8em;display:none;padding:0 10px;z-index: 9999999999;display: none !important;}
.break_1024to992{display:block;}





@media only screen and (min-width: 992px) and (max-width: 1199px) {

.site_header .wrapper a.logo{margin:37px 40px 20px 0;background:url(/images/virtualpaint.png);background-image:url(/images/virtualpaint.svg),none;background-repeat:no-repeat;background-position:middle middle;background-size:210px 29px;width:210px;height:29px;float:left;display:block;}
	
nav.nav_primary {left: 246px;font-size: 1.12em;}
nav.nav_primary ul.parent > li > a {padding: 0 1.5em 0 0;}
	nav.nav_secondary ul.parent > li a {padding: .75em 1.5em .75em 0;}
	
}

@media only screen and (max-width: 991px) {

/* Flex Grid max 3 column */
.flex_grid.flex_6x .flex_item, .flex_grid.flex_4x .flex_item {width: 33.333%;}
.flex_grid.flex_4x.flex_margin .flex_item {width:31.333%;}
.flex_grid.flex_4x.flex_margin .flex_item:nth-child(4n+4) {margin-right:3%;}
.flex_grid.flex_4x.flex_margin .flex_item:nth-child(3n+3) {margin-right:0;}

/* Flex Grid IE9 */
.no-flexbox .flex_grid.flex_4x .flex_item:nth-child(4n+5) {clear: none;}
.no-flexbox .flex_grid.flex_4x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(3n+4) {clear:both;}

	
.site_header .wrapper a.logo{margin:37px 40px 20px 0;background:url(/images/virtualpaint.png);background-image:url(/images/virtualpaint.svg),none;background-repeat:no-repeat;background-position:middle middle;background-size:210px 29px;width:210px;height:29px;float:left;display:block;}
.site_header .wrapper a.logo {width: 50px;margin-top: 42px}
nav.nav_primary {left: 76px;}
.site_header .wrapper a.logo {margin: 37px 20px 20px 0;}	

nav.nav_primary {font-size: 1.06em;}	
nav.nav_primary ul.parent > li > a {padding: 0 1.5em 0 0;}
.blue-btn-header {padding: 15px 10px !important;}
	
nav.nav_secondary ul.parent > li a {padding: .75em 1.25em .75em 0;}
	
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
.break_991to768{display:block;}
	
}

@media only screen and (max-width: 768px) {
body {font-size: 16px;line-height: 1.3em;}
a.btn_footer_nav {display:block;}	
	
	

.intro-text {font-size: 1.1em;}	
.item_description {font-size: .95em;}
	
ul.checkmark {padding: 0 0rem;}	
ul.checkmark li {padding: 3px 0px .75em 0;}
	
	
.wrapper-full { margin-top: 125px;}	
	
.wrapper {padding:0 4.5%;}
/* default breakpoints for structure */
.structure > .first, .structure > .middle, .structure > .last {float:none;width:100%;margin-right:0;margin-bottom:3em;}
	.structure > .first:last-child, .structure > .last:last-child {margin-bottom:0;}
	
.structure > .first-list, .structure > .last-list {float:none;width:100%;margin-right:0;margin-bottom:0em;}
	.structure > .first-list:last-child, .structure > .last-list:last-child {margin-bottom:0;}	

.first-list , .last-list {padding: 0 2rem;}	

	
ul.footer-menu {display:none; list-style: none; padding: 0 0 2em 0;margin: 0em 0 1em 0; font-size: 1.125em; font-weight: 700; color: #FFFFFF; text-transform: uppercase;}
	ul.footer-menu > li { display:block; margin: .75em 0em;}
	ul.footer-menu > li a { width: 100%; color: #fff; display:block; margin: .5em 0;  border-radius: 4px;	padding: 1em;font-size: .85em; background: rgba(0,0,0,.5);}
		ul.footer-menu > li a:hover { color: #FFF !important; background: rgba(0,0,0,.3);}	
	
	
	
/* default breakpoints for table structure */
table.table_structure_4x tr {clear:both;}
table.table_structure_4x tr td {width:47%;}
table.table_structure_4x td.clear {display:block;}

/* Flex Grid max 2 column */
.flex_grid.flex_6x .flex_item, .flex_grid.flex_4x .flex_item, .flex_grid.flex_3x .flex_item {width: 50%;}
.flex_grid.flex_6x.flex_margin .flex_item, .flex_grid.flex_4x.flex_margin .flex_item, .flex_grid.flex_3x.flex_margin .flex_item {width:48.5%;}
.flex_grid.flex_6x.flex_margin .flex_item:nth-child(3n+3),.flex_grid.flex_4x.flex_margin .flex_item:nth-child(3n+3), .flex_grid.flex_3x.flex_margin .flex_item:nth-child(3n+3) {margin-right:3%;}
.flex_grid.flex_6x.flex_margin .flex_item:nth-child(2n+2),.flex_grid.flex_4x.flex_margin .flex_item:nth-child(2n+2), .flex_grid.flex_3x.flex_margin .flex_item:nth-child(2n+2) {margin-right:0}

/* Flex Grid IE9 */
.no-flexbox .flex_grid.flex_6x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_4x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(3n+4) {clear: none;}
.no-flexbox .flex_grid.flex_6x .flex_item:nth-child(2n+3), .no-flexbox .flex_grid.flex_4x .flex_item:nth-child(2n+3), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(2n+3) {clear:both;}
				
/* Level 1 Dropdown (All)*/
nav.nav_primary ul.parent, nav.nav_primary .nav_full ul.parent { display:none;}
	nav.nav_primary ul.parent.show, nav.nav_primary .nav_full ul.parent.show { display:block;}
nav.nav_primary ul.parent > li, nav.nav_primary .nav_full ul.parent > li{display:block;width:100%;}
nav.nav_primary ul.parent > li.nav_mobile {display:block;}
nav.nav_primary ul.parent > li > a {text-align:center;border-top:1px solid #ddd;}
nav.nav_primary ul.parent > li > ul{display:none;}
nav.nav_primary .caret {display:none;}
nav.nav_primary .nav_primary_btn {display:block;}

/* Level 2 Dropdown (All)*/
nav.nav_primary ul.parent li.drop_nav > ul, nav.nav_primary ul.parent li.drop_mega > ul {position:relative;width:100%;left:0;}
nav.nav_primary ul.parent li.drop_mega > ul > li {float:none;width:100%;}

nav.nav_secondary { display: none;}	

.nav_overlay_btn {display:block;z-index: 204;position:absolute;right:0;top:24px; color:#FFF;} 	
	
	
.hero .hero_overlay{display:none;}
.hero .hero_content{background-color:#eee;position:relative;top:auto;left:auto;height:auto;width:auto;display:block;padding:1.5em 4.5%;}

/*------panels (often used to create different secions of content on the same page)------*/ 
.panel.panel_image .panel_image_img > img { margin-bottom:.75em;}
.panel .img_blend {opacity:1; position:inherit; top:inherit; height:inherit; right:inherit!important; left:inherit!important; background:none!important; width:100%!important;}
.panel .img_text {position:inherit; top:inherit; right:inherit!important; left:inherit!important; transform:inherit; width:100%!important;}

.panel.panel_image {min-height: 440px;}
	
#bgvid { display: none; }
.mobile_bg { background: url(/webres/video/backgroundVideo.jpg) no-repeat center top; background-size: cover; position: relative; height: 600px!important; width: 100%!important; }	
.video_overlay {bottom: 0px;}

	
.flex_grid.flex_2x.flex_margin.solutions .flex_item, .flex_grid.flex_2x.flex_margin.solutions .flex_item:nth-child(2n+2) {width: 82%;}
.flex_grid.flex_borders.flex_margin .flex_item {margin: 0 9% 1.5em 9%; padding: 0;}	
.flex_grid.flex_borders.flex_margin .flex_item	

.homepage-title {top: 340px}	
.homepage-title {top: 325px;max-width: 360px;}
.homepage-title .intro-text {font-size: 1.1em !important;}	
	
	
.testimonials blockquote::before {left: 44.5% !important;}	

.site_footer1.clearfix {display: none;}		

.mobile {display:block;}

}

@media only screen and (min-width: 480px) and (max-width: 768px) {
.break_767x480{display:block;}
.form textarea{width:60%;}

}

/* Interim breakpoint for some phones (landscape) and tablets (portrait) */
@media only screen and (max-width: 640px) {

	
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
.break_479x0{display:block;}
	
/*------Insets & Outsets ------*/
[class*="outset_r"], [class*="outset_l"] {margin:0}	
	
/* default breakpoints for table structure */
table.table_structure_4x tr td, table.table_structure_3x tr td, table.table_structure_2x tr td {width:100%;margin:0;}
	table.table_structure_4x tr td td, table.table_structure_3x tr td td, table.table_structure_2x tr td td{width: auto;}

.form fieldset {padding-left:0;padding-right:0;border-radius:0;border-right:0;border-left:0;}
.form input[type="text"], .form input[type="number"], .form input[type="email"], .form input[type="password"], .form textarea, .form fieldset select {max-width: none;width:100%;}
.form fieldset > div > label, .form fieldset > fieldset > legend {width:100%;padding:0;text-align:left;}
.form fieldset .icon_form{clear:both;display:block;margin-top:.5em;}
.form fieldset ul{width:100%;}

aside, figure {width:auto;float:none;margin-left:0;}

.img_left, .img_right {max-width:33%;}

nav.page ul li {display:none;}
nav.page ul li.page-prev, nav.page ul li.page-next {display:inline;}

/* Flex Grid */
.flex_grid.flex_4x .flex_item, .flex_grid.flex_3x .flex_item, .flex_grid.flex_2x .flex_item, .flex_grid.flex_4x.flex_margin .flex_item, .flex_grid.flex_3x.flex_margin .flex_item, .flex_grid.flex_2x.flex_margin .flex_item { width: 100%;margin-right:0; }

.list .li-summary {display: none;}

/*---form builder captcha---*/
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
#rc-imageselect > div, .g-recaptcha > div {margin:0;width:291px!important;}

}

/*Print styles */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;-ms-filter: none !important; } /* Black prints faster */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }

}

@media not all and (min-resolution:.001dpcm) { @media {

    .safari_only { 
z-index: 0 !important;
 
    }
}}