@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
html {-webkit-box-sizing:border-box;box-sizing:border-box;}
*, *:before, *:after {-webkit-box-sizing:inherit;box-sizing:inherit;}
body{margin:0;padding:0;-webkit-text-size-adjust:none;}

img{border: 0}
ul{padding-left: 0}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit;font-weight:inherit}
table {border-collapse:collapse}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body {background:#333}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-1000px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}
/*page widths*/
body>header, main, body>footer, #alertApp{width:100%;float:left;clear:left;display:block;}
body>*>.wrap,body>main>*>.wrap, body>footer>.fatFooter,#alertApp>*{width:100%;max-width:74rem;margin-left:auto;margin-right:auto;position:relative;overflow:auto}

/* text */
h1, h2, h3, h4, h5, button, .button,  .homeHeroBox p, #mainnav a, #navContainer a, #navContainer .menu, #mobilenav a, #mobilenav span{font-family: "adrianna-condensed",sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;line-height:1;color:#4A4A4A}
body,input, textarea, #mainnav ul li ul li a, .highlight h1{font-family: "adrianna",sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:#4A4A4A}
a, a *{color:#5086B6;text-decoration:none;display: inline-block;}
a:hover, a:active, a:hover *, a:active *{color:#082344}
p,h1,h2,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol{margin-top:0;margin-bottom:1rem}
.content ul {margin-bottom: 2rem;}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:1.8rem;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#082344}
em, i, q, cite, .italic{font-style:italic}
em {font-size: .9rem;}
b, strong{font-weight:700}
u{text-decoration:none}
hr{border:0;border-top:1px solid rgba(0,0,0,.15);margin:1em 0;padding-top:1px}
p{font-size:1em;line-height: 1.7rem;}
h1{font-size:2.25em;font-weight: 700;}
h1+h2{margin-top:-1em}
h2, .content * h1{font-size:1.88em;font-weight: 700;display: inline-block;color: #121C28}
h3, .content * h2{font-size:1.5em;color: #4A4A4A;display: block;font-weight: 700;}
h4, th{font-size:1.25em;font-weight: 700}
h5 {font-size:1.1em;margin: 0 0 1rem 0;font-weight: 700;}
h6 {font-size:1.0em}
h7, h8, h9{font-size:1em}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
.intro {font-size: 1.25em;}
.mb-0 {margin-bottom: 0;}

/* list */
.content ol{margin-left:2em}
.content ol ol li {list-style: lower-alpha}
.content ul li{padding-left:2em;text-indent: -1.3em;line-height: 1.7em;}
.content ul li:before{content: "\f105";font-family: fontawesome; display: inline-block;width: 1.3em;text-align: center;text-indent:0;color: #5086B6}
.content ul li ul li:before{opacity: .5}

.content ul.addresses li {
  display: inline-block;
  padding: 0;
  text-indent: 0;
}

.content ul.addresses li:first-child { margin-right: 5rem; }

.content ul.addresses li::before {display: none; }

/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
-webkit-column-gap:2em;
        column-gap:2em;
}
.req{color:#c00}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}
.textIcon:hover{background:#666; background-color:rgba(0,0,0,.4);color:#fff}
.clearfix:after{content: "";display: table;clear: both;}

/* forms */
input, button, select{font-size:.9em;line-height: 1.2em}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select, input[type="button"], input[type="submit"]{border-radius:0;-webkit-appearance:none}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{border:1px solid rgba(0,0,0,.2);background-color:#fff;padding:3px 5px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus, select:focus{background-color:rgba(80,134,182,.1)}

input[type="text"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, textarea:hover, select:hover{border-color: #999;}
textarea{display:block;font-size: .9em}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/16x16/select.png);background-repeat:no-repeat;background-position:right center;}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option{padding:0 .2em}
button,.button,input[type="button"], input[type="submit"], input[type="reset"]{background:#5086B6;color:#fff;border:0;padding:.7em .85em .7em;line-height:1em;cursor:pointer;font-size: 1.13em;text-transform: uppercase;font-weight: 700;border: 1px solid #5086B6}
input::-moz-focus-inner {border:0;padding:0;}
button:hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-color:#fff;color:#5086B6}
button img{height:1em;width:auto;vertical-align:top}
.button.alt {background: #fff;color:#5086B6;}
.button.alt:hover {background: #5086B6;color:#fff;}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable input[type="search"], .formTable textarea{width:100%}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.subjClass{display:none !important;}
#Captcha label{padding-left:0}
td.right, th.right{text-align:right}
.wsNew{display:inline-block;font-size:.7em;line-height:1.5em;height:1.5em;padding:0 .3em;margin:.3em 0;background-color:#FFC700;overflow:visible;vertical-align:top;color:#fff;font-style:italic}


/* HEADER ------------------------------*/
body>header{background: #FFF;}
body>header>.wrap{height:60px}

#brand {
  display: block;
  line-height: 0;
}

#brand img {
  display: block;
  height: auto;
  width: 100%;
}


/* MAIN ------------------------------ */
.menu{cursor: pointer}
main, .mceContentBody{background:#fff}
main>.wrap{padding-top:3em}
.contentEditor{background:#fff;min-width:100%;}
/* side column */
main>div>aside{font-size:1em;line-height:1.3em;}
/* t1 */
#sidenav{width:100%;overflow:hidden;margin:0 0 40px}
#sidenav>ul>li>a {display: none}
#sidenav ul{padding: 0}
#sidenav li{height:1%;overflow:hidden;position: relative;}
#sidenav li a{padding:.5em 5px;line-height:1.5em;display:block;}
#sidenav li a:hover, #sidenav li a:active{background:#e5e5e5}
#sidenav li.on>a{color:#000}
/* t2 */
#sidenav li.on ul{}
#sidenav li.on ul li{}
#sidenav li.on ul li a{padding:.3em 25px .3em 10px;font-size:1em;color:#5086B6;font-weight: 600;}
#sidenav li ul li a:hover, #sidenav li ul li a:active{color:#fff;background:#082344}
#sidenav li ul li.on>a{color: #082344}
#sidenav>ul>li>ul>li.on:after {content: '';display: block;position: absolute;right: 11px;top: 10px;font-family: fontawesome;color: #5086B6;background-image: url(/images/down.svg);height: 14px;width: 14px;background-size: contain;background-position: center;background-repeat: no-repeat;}
#sidenav li ul li.on>a:hover{color:#fff;background:#082344}
/* t3 */
#sidenav li ul li.on ul{/*padding-bottom:.5em;*/border:0;background: #D6E1EA;}
#sidenav li ul li.on ul li{border:0}
#sidenav li ul li.on ul li a{padding-left:16px;font-size:0.88rem;color:#4A4A4A;font-weight: 400;}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active{color:#fff;background:#082344}
#sidenav li ul li ul li.on>a{color:#fff;background: #082344}
/* t4 */
#sidenav li ul li ul li.on ul li a{padding-left:30px;font-size:.7em;}
#sidenav li ul li ul li ul li a:hover, #sidenav li ul li ul li a:active{color:#fff;background:#082344}
#sidenav li ul li ul li ul li.on>a{color:#fff;}
/*section callouts*/
main>div>aside section{margin:0 0 20px;padding:10px}
main>div>aside section:hover{background:#f5f5f3}
main>div>aside section h1{margin:0;font-size:1.2em}
main>div>aside section p{margin:0}
/* breadcrumb */
.breadcrumb{margin-bottom: 1em}
.breadcrumb a:after{content: "\00A0\00A0\203A\00A0"}

/* content */
.interior #content {padding: 0 1em 2em;}
#content{word-wrap:break-word}
#content .photoright, #content .photoleft{max-width:50%;height:auto}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto;margin: 0;float: none}
#content img.phototreatment{max-width:50%;height:auto}
figcaption {text-align: right;font-style: italic;font-size: 0.81em;}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {}
.photoright{float:right;clear:right}
.photoleft{float:left;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight, .content .highlight{background:#F5F7FA;padding:2.25em 1.5em;margin:3em 0}
.highlight h1 {color: #082344;font-weight: 600;font-size: 1.56rem;}
small, .textSm{font-size:.8em}
#content table, .contentEditor table{width:100%}

.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:20px;width:20px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareIcons a:hover{background-color:#F03C5E}
	.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
	.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
	.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
	.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}
.management .fancybox-lock .fancybox-overlay {top: 151px;}
.interior main>.wrap p:last-child .button {margin-top: 2em;}

/* Interior Header */
.intHeader {width: 100%;float: left;padding-bottom: 9%;background-image: url(/images/intHeader.png);background-size: cover;}

.sideCall {background-color: #082344;text-align: center;border-radius: 3px;padding: 1em;color: #fff;}
.sideCall img {max-width: 50px; max-height: 50px; padding-bottom: .35em;}
.sideCall strong {font-size: 1.13em;margin-bottom: .25em;display: block;}
.sideCall p {font-size: 0.88em;}
.sideCall a {font-size: 0.88em;display: block;}

/* =========== HOMEPAGE =========== */

main {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    }

/* Welcome Message (default to third ribbon position) */

main>div:nth-child(1) {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

/* Top Rotator */

main>section:nth-child(2) {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

/* Three callout sections */

main>section:nth-child(3) {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

main>section:nth-child(4) {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }



/* First section */
.homeHero {position: relative;clear: both; width: 100%;float: left;background-color: #000;}
.homeHeroBG {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;}
.homeHeroBG>div, .homeHeroBG {background: no-repeat center;background-size: cover;}
.homeHeroBG>div {z-index: 0;opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.homeHeroBG .prev {z-index: 1;opacity: 1;}
.homeHeroBG .next {z-index: 0;opacity: 0;}
.homeHeroBG .on {z-index: 2;opacity: 1;-webkit-transition: opacity 2s linear;transition: opacity 2s linear;}
.homeHeroBox {z-index: 2;text-align: center;color: #fff;}
.homeHeroBox h1 {color: #fff;text-shadow: 0 2px 4px rgba(0,0,0,0.50);}
.homeHeroBox p {margin: 0 0 1.5rem;text-shadow: 0 2px 4px rgba(0,0,0,0.50);}

/* Second Section */
.callBox {float: left;text-align: center;}

/* Second Section A */
.homeCallouts-a {float: left;width: 100%;background: #000;position: relative;background-image: url(/images/home/Mask.png);text-align: center;border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
.homeCallouts-a h1 {color: #fff;}
.homeCallouts-a:before {content: ''; position: absolute;background-image: url(/images/home/homeCallouts.jpg);top: 0;bottom: 0;left: 0;right: 0;display: block;opacity: .07;background-size: cover;}
.homeCallouts-a .callBox {position: relative;border-radius: 3px;overflow: hidden}
.homeCallouts-a .callBox img {position: absolute;top: 40%;left: 50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.homeCallouts-a .callBox span {display: block;position: absolute;bottom: 2.3em;left: 50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);width: 100%;color: #90908F;font-size: 1.13em;font-weight: 600;}


/* Third Section */
.homeAbout {float: left;width: 100%;position: relative;overflow: hidden;background-color: #D6E1EA;}
.homeAbout .homeLeft {position: absolute;top: 0;left: 0; width: 50%;background-image:url(/images/home/welcome.jpg);background-size: cover;background-position: bottom;height: 100%}
.homeAbout .homeRight h1 {}
.homeAbout .homeRight a {}
.homeAbout .homeRight p {line-height: 1.88rem}
.homeAbout .homeRight p:nth-child(2) {color: #5086B6;font-weight: 600;font-style: italic;font-size: 1.25em;}
.homeAbout .homeRight p:nth-child(3) span {color: #5086B6;font-style: italic;}
.homeAbout .wrap {clear: both}

/* Fourth Section */
.homeRot {float: left; width: 100%;background-color: #fff;padding: 2em 1em}
.homeRot .wrap {padding: 0 2em;}
.homeRot .logos {height: 5em;position: relative}
.homeRot .logos img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}


.icon-links a {display: block; text-align: center; margin-bottom: 1em; background: #ececec; padding: 1em 1em 1.5em; border-radius: 3px}
.icon-links a:hover {background: #121C28}
.icon-links a img {display: block; margin: 0 auto 0.5em;}
.icon-links a span {font-weight: 700; line-height: 100%; display: block; font-size: 1.25em; -webkit-transition: ease all 200ms; transition: ease all 200ms; color: #121C28; font-family: "adrianna-condensed",sans-serif}
.icon-links a:hover span {color: #fff}


/* Interior Extras */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Gallery */
.gallery {float: left;width: 100%;margin-top: 3em}

/* Top Footer */
.topFooter {float: left;width: 100%;text-align: center;background-size: cover;}
.topFooter h2 {color: #5086B6}
.topFooter p {color: #fff}

/* FOOTER ------------------------------ */

body>footer{padding:3em 1rem;color:#fff;font-size:.88rem;background-color: #000;border-top: 2px solid #fff;}
body>footer>.wrap{overflow:visible}
body>footer a{color:#69C}
body>footer a:hover, footer a:active{color:#fff}
body>footer a.on, footer .on>a{text-decoration:none;color:#fff}
.fatFooter{text-align: center}
.fatFooter>nav>ul ul li{padding-left: 1rem}
body>footer nav{display:inline}
body>footer .wrap nav a:before{content:"\00A0\007C\00A0\00A0"}
body>footer>div{min-height:18px}
#web-solutions-exposure a, .btmFooter a{color: #fff;margin-top: .5em;}
#web-solutions-exposure a:hover, .btmFooter a:hover{opacity:.5}

#seoFooter {display: block; float: left; margin-top:10px; text-align: center; width: 100%;}

#footLogo:hover {opacity: .6}
.fatFooter p {}
//.fatFooter p a:last-child:after {content: '\203A';margin-left: .25em;}
.btmFooter {text-align: center;width: 100%;float: left;}

/* APPS ------------------------------ */

/* pagination */
.pagination{font-size:.95em;text-align:right}

/* page header */
.pageHeader{width:100%;height:auto;margin-bottom:2em}

/* ALERT */
#alertApp, #alertApp.alertStatic:hover{width:100%; background:#990000;padding-left: 1rem;padding-right: 1rem}
#alertApp h1{margin-bottom:0;font-size:1.1em;padding:5px;color:#fff;text-align:center}
#alertTitle span{float:right; opacity:.5}
#alertApp:hover #alertTitle span{opacity:1}
#alertTitle a{color:#fff;text-decoration:underline}
#alertDesc{overflow:hidden}
.alertClosed #alertDesc{height:auto;max-height:0}
.alertOpen #alertDesc{height:auto;min-height:0;max-height:250px;}
#alertDesc p{color: rgba(255,255,255,.8);}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}
#alertApp:hover { background:#660000;}


/* MANAGEMENT OVERRIDES ------------------------------ */
#wysiwygBody{background:#fff}

/* management table */
hr+.manage{margin-top:-1em}
.manage{border-bottom:1px solid rgba(0,0,0,.2);width:100%;line-height:1.3em}
.manage th{border-bottom:1px solid rgba(0,0,0,.2);text-align:left}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage th img {position:relative;bottom:-2px}
.manage td,.manage th{padding:5px 5px 5px 0}
.manage td:first-child{padding-left:.8em}
.manage img.preload{display:none;position:absolute;z-index:9900;top:0;border:solid 1px #fff}
.manage td.icons img{margin-left:5px;position:relative;bottom:-2px}
.manage td:first-child.icons img{margin-left:0}
.manage td:first-child.icons{padding-left:3px;padding-right:3px}
.manage td.icons a:first-child img{margin-left:0}
.manage td.icons input{position:relative;bottom:2px;margin-left:5px}
.manage .hidden{font-style:italic;color:#900}
.manageButton{text-align:right;padding:10px 0}
.alternate tbody tr:nth-child(even), .even{background:#fff}
.alternate tbody tr:nth-child(odd), .odd {background:rgba(0,0,0,.06)}
.manage+hr, .manage+.manageLinks+hr{margin-top:50px}
.manageLinks{margin-top:10px}
.manageLinks a{white-space:nowrap}
.manageLinks a img{position:relative;bottom:-2px}
.manageLinks button{margin-left:5px}
.manageButtons{text-align: right;padding:10px 0}
.wsReturnToButton {float:right;margin-top:-2.5em}
.manage.rightFirstChild td:first-child{text-align:right}
.sortRow th{cursor:pointer}
.manageEllipsis{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}

/* VIDEO SURVEILLANCE PAGE ------------------------------ */
main.video-surveillance { display: block; overflow: hidden; }

.flex-row { display: flex; flex-direction: row; justify-content: space-between; margin: 0 auto; max-width: 100%; width: 71.25rem; }
.row { margin:0 auto; max-width: 100%; width: 71.25rem; }
.button.short { padding: .6875rem .85rem .5625rem;  }

ul.blue { margin: 0 0 2rem;}
ul.blue li { font-size: 1rem; line-height: 1.6; margin: 0 0 .875rem; max-width: 100%; padding: 0 0 0 2rem; position: relative;}
ul.blue li::before {
  color: #5086B6;
  content: '\203A';
  font-size: 1.75rem;
  left: 0;
  position: absolute;
  top: -.75rem;
}

#video-solutions h2, #video-cloud h2 { font-family: "adrianna", sans-serif; font-size: 1.625rem; }

/* VIDEO SURVEILLANCE HERO ------------------------------ */
#video-hero { background-color: #000; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 10.5rem 1.5rem; }
#video-hero .textbox { margin: 0 auto; max-width: 100%; position: relative; text-align: center; width: 60rem; z-index: 1; }
#video-hero h1 {color: #FFF;font-size: 3.125rem; line-height: 1.1; text-transform: uppercase;}
#video-hero p {color: #FFF;font-size: 1.25rem;margin: 2rem auto 2.5rem;max-width: 100%;width: 51.25rem;}
#video-hero .button {margin: 1.5rem .75rem 0;}

/* VIDEO SOLUTIONS ------------------------------ */
#video-solutions {background-color: rgba(91, 152, 203, .25);background-repeat: no-repeat;background-position: center top;background-size: cover;padding: 4.6875rem 1.5rem;}
#video-solutions .row { margin: 0 auto 3rem; text-align: center; }
#video-solutions .column { flex: 1 0 auto; width: 50%; }
#video-solutions .column:nth-of-type(1) {align-self: center;padding: 0 6rem 0 0;}
#video-solutions img { display: block; margin: 0 0 0 auto; max-width: 100%; }
#video-solutions p { font-size: 1.25rem; max-width: 100%; margin: 0 auto; width: 51.25rem; }
#video-solutions li { width: 29rem; }

/* VIDEO CLOUD ------------------------------ */
#video-cloud { overflow: hidden; padding: 0; position: relative; z-index: 0;}
#video-cloud::after { background: rgba(214, 225, 234, .25); content: ''; height: 100%; left: 50%; position: absolute; top: 0; width: 100vw; z-index: -1;}
#video-cloud .flex-row { align-items: center; position: relative; width: 87.5rem; }
#video-cloud .column { padding: 4rem 4rem; width: 50%;}
#video-cloud img { display: block; height: auto; margin: 0 auto; max-width: 100%; }
#video-cloud p { font-size: 1.25rem; margin: 0 0 1.5rem; }
#video-cloud li { width: 32rem;}

/* VIDEO QUOTE ------------------------------ */
#video-quote { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 6.75rem 1.5rem; text-align: center; }
#video-quote .row { width: 38.75rem }
#video-quote form {display: flex;flex-flow: row wrap;justify-content: space-between;margin: 2.5rem 1px 0;}
#video-quote label {color: #FFF;font-size: 1rem;margin: 0 0 1.5rem;text-align: left;width: calc(50% - .625rem);}
#video-quote label>input {border: 0;color: #333;font-size: 1rem;margin: .375rem 0 0;padding: .5625rem .5rem .5rem;width: 100%;}
#video-quote label>input:active, #video-quote label>input:focus {background: #FAFAFA; outline: 2px solid #5086B6; }
#video-quote .button {margin: 2rem auto;}
#video-quote h2 { color: #5086B6; }
#video-quote p {color: #FFF;font-size: 1rem;}
#video-quote form + p { color: rgba(255,255,255,.7); font-size: .875rem; margin: 0; }


/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc,#navContainer li,.hamburger,#video-quote label>input{-webkit-transition: all 200ms ease;transition: all 200ms ease}
input:focus{-webkit-transition: background-color 200ms ease;transition: background-color 200ms ease}


/* FORM ERROR ------------------------------ */
.formError {background-color:Black; border:0; padding: 5px 10px; color:#fff; display:none; margin:0 0 2px; z-index:9999; border-radius: 10px; -moz-box-shadow:0 2px 2px #333; -webkit-box-shadow:0 2px 2px #333;}
.formError p {margin:0; font-size:.9em; }
.formError em { border:10px solid;  border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }

@import url(/includes/css/grid-flex.css);