﻿@charset "utf-8";
/* CSS Document */

/* CSS Style Explanations */
/* -row is used to specify site width
   -wrap is used to specify full browser width
   
*/   

body, html { font-family: Roboto, Tahoma, sans-serif; font-size: 15px; line-height: 1.5; color: #333333; margin: 0 !important; }
.row { max-width: 1200px; }
a, a:visited { color: #ae2116 }
a:hover { color: #e9c305 }
.absolute { position: absolute; }
.bottom { bottom: 0 }
.slick-slider { margin-bottom: 0; }
p { font-size: initial; line-height: none; line-height: normal }
.color-orange { color: #ae2116; }
.color-yellow { color: #ae2116; }
.color-red { color: #ae2116; }
.shader {background-color:rgba(0,0,0,.05)}
/* ====================
   Headings 
==================== */
h1, h2, h3, h4, h5, h6 {font-family: Roboto, Tahoma; font-weight: normal; line-height: 1.1 }
#default h1 { color: #ae2116; font-size: 2rem; font-weight: 900; letter-spacing: 5px; margin-bottom: .3em; text-transform: uppercase; font-family:Roboto, Tahoma; width:60%; border-bottom:4px double #cccccc; margin:0 auto; text-align:center; padding-bottom:12px; }

h2 { color: #333333; font-size: 1.8rem; font-weight: 300; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; text-transform: uppercase; }
h3 { color: #ae2116; font-size: 1.3rem; font-weight: 600; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; text-transform: uppercase; }
h4 { color: #333333; font-size: 1.1rem; font-weight: 700; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; text-transform: uppercase; }
h5 { color: #333333; font-size: 1rem; font-weight: 700; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; text-transform: uppercase; }
h6 { color: #333333; font-size: 1rem; font-weight: 600; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; font-family: Georgia; font-style: Italic; }
#default .quiz-left h1 {width:100%}
.color-white, .color-white:visited { color: #ffffff; }
a.color-white:hover, a .color-white {color:#e9c305}
.color-red { color: #ae2116; }
.bg-red { background-color: #ae2116; }
.color-yellow { color: yellow }
hr { border-color: #333333; border-top-width: 1px }
.line-gray-short { border: 1px solid #333333; height: 1px; margin: 10px auto; width: 500px; }
.superscript { font-size: .3em; font-family: 'Times New Roman'; padding-left: .3em; vertical-align: text-top; padding-top: .3em }
.div-table { display: table }
.div-table-cell { display: table-cell; vertical-align: middle; }
.fa-sm { font-size: 4px; vertical-align: middle }
.fa-lg { font-size: 2em; vertical-align: middle }
.first-word { color: #ae2116; }
.font-italics { font-style: italic }
.shade {background-color:#e8e8e8}
.width-1000 {max-width:1000px; margin-left:auto; margin-right:auto}
.width-800 {max-width:800px; margin-left:auto; margin-right:auto}
.details, .details p {margin-top:12px; font-size:12px}
.system_table {margin-left:auto; margin-right:auto}
/* ====================
   Buttons 
==================== */
.cat_button, button, .button { font-size: 14px; background: #ae2116; color: #ffffff; font-family: Barcz-TGLE, "Roboto", Tahoma; text-transform: uppercase; border-radius: 5px; border: none ;letter-spacing:2px; font-weight:normal }
.cat_button:hover, button a:hover, .button a:hover, a.button:hover, button:focus, .button:focus { color: #ffffff; transition: opacity 0.3s ease; background: #920e04; }
.button.alt { background-color: #2c2c2c; color: #ffffff; border: none; font-family: Barcz-TGLE }
.button.alt2 { background-color: transparent; color: #ffffff; border: 1px solid #d4af37; font-family: Barcz-TGLE }
.button.alt.tiny { font-size: 10px }
button.tiny, .button.tiny {font-size: 10px;  padding: 0.25em 0.66em .27em;}
.button-mobile { color: #ffffff !important; font-size: 2rem; padding: 10px; display: inline-block; margin-bottom: 20px; font-weight: bold; margin: 0; }
.button-mobile:visited, .button-mobile:focus { color: #ffffff !important; }
.button-mobile a { color: #ffffff; }
.button-wrap { background-color: #ae2116; }
.border-left, .border-right, .border-top, .border-bottom { border-width: 2px; border-color: #333333; }
.border-light { border:2px solid #f2f2f2; }
.button-over { display: none; }
.mini { font-size: 11px; padding: 2px 4px; letter-spacing: 0; margin: 0; }
.abs-bottom-right { position: absolute; bottom: 8px; right: 8px; }
.go-back::before, .goback::before { color: #cccccc; }
.go-back a, .goback a { color: #cccccc; text-transform: uppercase; font-weight: bold }
.goback, .go-back { }
.no-hover:hover { background: #333333; color: #ffffff }
.hide-me-1 { display: none; }
.show-me-1 { display: block; }
.hide-me-0 { display: block; }
.show-me-0 { display: none; }
.row .row { margin-left: 0; margin-right: 0; }
.subtext { font-size: .8rem; font-family: Georgia; font-style: italic }
.no-borders { border: none !important; border-style: none !important; border-width: 0 !important; border-color: transparent !important; }
.no-borders td { border: none !important; border-style: none !important; border-width: 0 !important; border-color: transparent !important; }
.fa.gray-box { background-color: #333333; color: #ffffff; padding: 8px; width: 48px; height: 48px; font-size: 2rem; border-radius: 5px; text-align: center; }
.fa-platform { background: url(/_assets/img/platform.png) no-repeat; background-size: 32px 32px; background-position: center }
.fa-handshake { background: url(/_assets/img/handshake.png) no-repeat; background-size: 32px 32px; background-position: center }

.progress {
  background-color: #f6f6f6;
  border: none;
  height: 0.6rem;
  padding:0;
}
.progress.success .meter {
  background: #908e8e none repeat scroll 0 0;
  display: block;
  height: 100%;
}
/* ====================
     Header
======================= */
header { z-index: 2000; width: auto; -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.4); box-shadow: 0 0 7px rgba(0,0,0,0.4); }
header .nav-wrap { position: absolute; top: 0; width: 100%; text-align: center; z-index: 2000;  }
.home-slider { z-index: 0; }
.nav-wrap { }
.home-slider-row { position: relative; }
#logo { display: block; margin: 10px 0 20px 0 }
#default .home-slider .title { margin-top: -140px; z-index: 2000; color: #ffffff; position: relative; font-size: 70px; font-family: BebasNeue; z-index:800 }
#default .home-slider a {color:#ffffff}
/* ====================
     Home
==================== */
#home h1 {font-weight: 900; letter-spacing: 5px; margin-bottom: .3em; text-transform: uppercase; font-family:Roboto, Tahoma;}
.home-register-wrap {z-index:0}

.home-register {  top: 0; height:500px; z-index: 0; position: absolute; width:100%; background:url(/_assets/img/dot-pattern.png) rgba(0,0,0,.3);}
.home-register-row { color: #ffffff; text-align: center; padding-top:100px !important }
.home-register-row h1 {font-size:70px; color:#ffffff; font-family:Roboto, Tahoma; font-weight:bold; font-stretch:condensed}
.home-register-row h2 {color:yellow; font-size:30px; font-family: Barcz-TGLE, Roboto, Tahoma}
.home-register-row h3 {color:#ffffff; font-family: Roboto, Tahoma; font-weight:bold; font-size:24px; font-stretch:condensed}

.home-announce { background-color:#ae2116; color: #ffffff; font-weight:bold;}


.home-speakers-row h2 {font-size: 24px; font-stretch:condensed; margin-bottom:0}
.home-speakers-row h3 {font-size:50px; font-weight:bold; font-stretch:condensed; margin-top:5px}

.home-videos {background-color:#ae2116; color:#ffffff; font-family:Barcz-TGLE, Roboto, Tahoma;}

.home-about h2 {font-family:Barcz-TGLE, Roboto, Tahoma; font-size:42px; font-weight:normal}

.home /* Default */
#default .home-tag { display: none }
#default #logo { max-width: 150px }

.home-conference-wrap {  width:100%; background:url(/_assets/img/conference.jpg) 0 -40px; background-size:cover}
.home-conference-row { color: #ffffff; text-align: center; padding-top:100px !important }

.home-conference-row h2 {color:yellow; font-size:20px; font-family: Barcz-TGLE, Roboto, Tahoma}
.home-conference-row h3 {color:#ffffff; font-family: Roboto, Tahoma; font-weight:bold; font-size:12px; font-stretch:condensed}
h2.conference {font-size:40px; color:#ffffff; font-family:Roboto, Tahoma; font-weight:bold; font-stretch:condensed}
p.intro { font-weight:bold; width:80%; margin:1.5rem auto}

.home-law {background:url(/_assets/img/law-enf.jpg) no-repeat top left; background-size:cover;  color:#ffffff; text-align:center}
.home-law h2 {color:#FF0}
/* ====================
     Content
======================= */
.pagetitle {text-align:center}
.pagetitle .line {width:30%; height:1px; border-top:2px solid #cccccc; margin:0 auto}
.pagetitle .desc {}
.content-row {text-align:center}
.content-row ul { margin-left: 1rem }
.content-row .right-col { padding: 30px }
#default .main-section { background-color: #ffffff; padding: 30px; min-height: 300px; margin-top:4px;  background: -webkit-linear-gradient(#efefef, #ffffff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#efefef, #ffffff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#efefef, #ffffff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#efefef, #ffffff); /* Standard syntax */}
/* ====================
Right Column
===================== */
.right-col, .right-col .accordion .content { }
/* ====================
     Webapps
======================= */
/* WEBAPP - Slider */
#home .home-slider {background-color:#333333; min-height:500px }
#home .home-slider .slider-pic { background-size: cover; width: 100%; background-position: center center; }
#default .home-slider .slider-pic { height: 220px; background-size: cover; width: 100%; background-position: center top; }
.home-slider { }
.slider-pic img { width: 100%; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 3s ease-in-out; -o-transition: opacity 3s ease-in-out; transition: opacity 3s ease-in-out; }
.slick-slider { padding: 0; }
button.slick-prev, button.slick-next {background-color:transparent !important;}

/* WEBAPP - Speakers */
.wa-speakers-list .image img {width:210px;}
.wa-speakers-list.alt .image {margin:0 auto}
.wa-speakers-list li .image {height:100%; max-width: 216px; overflow:hidden;-webkit-box-shadow: 0 3 3px rgba(0,0,0,0.3);
 -moz-box-shadow: 0 3 3px rgba(0,0,0,0.3);
 box-shadow: 0 0 3px rgba(0,0,0,0.3); border:6px solid #ffffff; }
 .wa-speakers-list .intro {font-size:12px; padding-right:12px}
.wa-speakers-detail .image img {-webkit-box-shadow: 0 3 3px rgba(0,0,0,0.3);
 -moz-box-shadow: 0 3 3px rgba(0,0,0,0.3);
 box-shadow: 0 0 3px rgba(0,0,0,0.3); border:6px solid #ffffff;} 
/* WEBAPP - Videos */
#default .jp-video {margin:0 auto}
.video-desc h2 {color:#ffffff; font-weight:bold}
.video-desc ul {margin-left:25px;}

/* WEBAPP - Right Col Interior Photos */
.wa-intphotos h1 {color:#ffffff; font-family:roboto; font-weight:bold; font-stretch:condensed; font-size:24px; line-height:1; letter-spacing:0 }
.wa-intphotos h2 {color:yellow; font-family:Barcz-TGLE, Roboto, Tahoma; font-size:18px; font-weight:normal  }
.wa-intphotos h3 {color:#ffffff; font-weight:bold; font-stretch:condensed; font-size:16px;  }
.wa-intphotos .absolute {top:0; left:0}

/* WEBAPP - Services */
.wa-services .icon {font-size:2.3rem}



/* WEBAPP - Portfolio */
.home-portfolio-wrap { background-color: #ae2116 }
.wa-portfolio li > div { background: #ffffff; border-radius: 6px; margin: 8px; box-shadow: 0 0 3px rgba(0,0,0,.5); padding: 18px }
.wa-portfolio li > div .columns { padding: 0 !important }
.wa-portfolio .name { font-family: Roboto; font-weight: bold; text-transform: uppercase; padding-bottom: 5px }
.wa-portfolio .application { font-family: Roboto; font-weight: regular; text-transform: uppercase; }
.wa-portfolio .title { padding-bottom: 11px }
.slick-prev::before, .slick-next::before { color: #ae2116; font-size: 30px; opacity: 0.9; }
.wa-portfolio.alt li > div {box-shadow:none; border-bottom:1px solid #333333; border-radius:0; padding:20px 0 40px 0;}
.wa-portfolio.alt li:last-of-type > div {border-bottom:none}

/* WEBAPP - Products */
.home-products-wrap { background: url(/_assets/img/buoys.jpg); text-align: center }
.home-products-row .heading h2 { color: #ffffff; margin: 8px 0 40px 0 }
.home-products-row .heading h2::before { content: "----------------------------------"; letter-spacing: -5px; color: #ae2116; padding-right: 20px; }
.home-products-row .heading h2::after { content: "----------------------------------"; letter-spacing: -5px; color: #ae2116; padding-left: 20px; }
.wa-products { color: #333333 }
.wa-products div { text-align: center }
.wa-products .name h3 { font-weight: bold }
.wa-products .icon em { font-size: 2.2rem; color: #ae2116; border-radius: 40px; border: 15px solid #202020; height: 80px; width: 80px; text-align: center; background-color: #202020; padding-top: 8px; }
.wa-products .icon { border-radius: 44px; border: 4px solid #ffffff; height: 88px; width: 88px; text-align: center; margin: 0 auto }
.wa-products .name { background-color: #ffffff; padding: 32px 12px 4px 12px; margin-top: -40px }
.wa-products .intro { background-color: #ffffff; padding: 0 22px 4px 22px }

.wa-products.alt .name {padding: 0; margin-top: 0 }
.wa-products.alt .intro {padding: 0; margin-top: 0 }
.wa-products.alt > li { border-bottom:1px solid #333333; padding-top:10px; }
.wa-products.alt  div { text-align:left;  }

 
/* WEBAPP - Home Hightlights */
.home-highlights-row h2::after { content: "----------------------------------"; letter-spacing: -5px; color: #ae2116; padding-left: 20px; }
.home-highlights-row h2 { margin: 0 0 40px 0 }
.wa-homehighlights-list .photo { position: relative; height: 355px; }
.wa-homehighlights-list .box { text-align: left; position: absolute; bottom: 0; left: 0; height: 150px; background-color: rgba(0,0,0,.6); color: #ffffff; padding: 25px }
.wa-homehighlights-list h3 { color: #ae2116; font-weight: bold; font-style: italic; margin-top: 0 }
/* WEBAPP - Industries - Home Hightlights */
.wa-ind-list li .box { background-color: #ae2116; margin: 4px; }
.wa-ind-list li .box:hover { background-color: #c01423; background: -webkit-linear-gradient(#a61723, #ae2116); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#a61723, #ae2116); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#a61723, #ae2116); /* For Firefox 3.6 to 15 */ background: linear-gradient(#a61723, #ae2116); /* Standard syntax */ }
.wa-ind-list li img { margin: 0 auto; width: 100%; display: block }
.wa-ind-list li h3 { text-align: center; font-size: 1.5rem; font-weight: bold; letter-spacing: 1px; line-height: 1; padding: 22px 0 0 0; color: #ffffff }
.wa-ind-list li h3 a { color: #ffffff }
.wa-ind-list .intro { line-height: 1.1; margin: 17px; color: #ffffff; text-align: center }
.wa-ind-list .intro a { color: #ffffff; }
.wa-ind-list a.link { display: block; padding: 12px 0 5px 0; text-transform: uppercase; color: #ffffff }
/* WEBAPP - Testimonials */
.home-testimonials-wrap { background-color: #139f5c; color: #ffffff }
.wa-testimonials .quote { text-align: center }
.wa-testimonials .quoter { text-align: right }
.wa-testimonials .quoter .name { font-family: Kinescope; text-shadow: 0 0 3px rgba(0, 0, 0, 0.3); font-size: 24px; }
.wa-testimonials .quoter .title { letter-spacing: 1px; text-transform: uppercase; display: block; line-height: 1; }

.wa-testimonials.alt li {border-bottom:1px solid #333333}
.wa-testimonials.alt .quoter{ text-align:center}
/* =========================================================================
================================================================================ */
/* WEBAPP - Branding */
.wa-branding-list h3 a { font-weight: 700; text-transform: capitalize; font-family: BreeSerif }
.wa-branding-list h4 { text-transform: capitalize; font-stretch: condensed; font-weight: 600; letter-spacing: 1px; margin-bottom: .7rem; font-size: 1rem }
.wa-branding-list .intro { font-size: 1rem; font-weight: normal; line-height: 1.4 }
/* WEBAPP - Brand Images */
.home-brandimages-wrap { background: url(/_assets/img/trees.jpg); background-size: cover; background-position: center center; color: #ffffff; text-align: center }
.home-brandimages-wrap h2 { color: #ffffff; }
.wa-brandingimages-list img { display: inline-block; border-radius: 125px; height: 250px; width: 250px; border: 5px solid rgba(255,255,255,.2); margin: 4px auto; box-shadow: 0 0 2px rgba(0,0,0,.8); }
.wa-brandingimages-list li { text-align: center }

/* WEBAPP - Team List */
.wa-team-list li a { position: relative; z-index: 10; }
.wa-team-list li a img { width: 80%; position: relative; }
.wa-team-list .name { position: relative; z-index: 200; color: #ffffff; background-color: #ae2116; padding: 4px 8px; margin-top: -65px; text-transform: uppercase; font-weight: bold; margin-bottom: 45px; display: block; width: 75%; line-height: 1.1 }
.wa-team-list .name span { font-weight: 200; text-transform: capitalize; line-height: 1 }
/* WEBAPP -Associations */
.wa-associations-list li img { width: 100% }
.wa-associations-list li .box { border: 1px solid #efefef; padding: 16px; margin: 8px }
/* WEBAPP - Resources */
.wa-resources-list li { border-bottom: 1px solid #efefef }
.wa-resources-list a { color: #333333 }
.wa-resources-list a:hover { color: #ae2116 }
/* News */
.wa-news-list .intro { line-height: 1.1rem; }
.date-date { font-family: Georgia; font-size: 4rem; font-weight: 900; line-height: 4rem; color: #3a6f8f; }
.date-mo-year { color: #3a6f8f }
.wa-photo.right { margin-left: 30px; }
.wa-photo { border: 1px solid #406387; margin-bottom: 30px; max-width: 40%; padding: 6px; }
/* Social */

.social > div { display: inline-block; height: 26px; vertical-align: middle; }
.social > div.tweet-button { padding-top: 1px; }
/* FAQs */
.content-wrap .accordion { margin-left: 0; }
.accordion .accordion-navigation > a, .accordion dd > a { border-bottom: 1px solid #406387; }
.accordion .content { border-bottom: 1px solid #406387; }
/* Photo Gallery */
.wa-photogal-list li { }
.crop-square { background-size: cover; height: 100%; width: 100%; padding-top: 100%; background-repeat: no-repeat; background-color: #efefef }
.clearing-container .carousel { display: none }


/* ====================
     Footer
======================= */
footer { background-color: #181818; text-align: left; color: #ffffff }
footer h2 { color: #ffffff; font-family: Roboto; font-weight: bold; font-size: 1.1rem }
footer p { margin-bottom: .5rem; }
footer .uc-line-wrap { background-color: #252525 }
footer .uc-line { padding-top: 6px; font-size: 12px; text-transform: uppercase; letter-spacing: 2px }
footer .uc-line p { font-size: 10px; padding: 0 0 30px 0; margin: 0 }
.schema-line.line-comments { font-size: 10px }
footer .footer-logo img { max-width: 200px; }
footer #search-button { display: none; }
footer .line1 { font-size: 70px; font-family: BebasNeue }
/* ====================
	Navigation
======================= */
/* Set primary li and dropdown ul background color & background color of primary li items */
.top-bar-section > ul.primary-nav > li:not(.has-form):not(:last-of-type) > a {line-height: 1.1rem; padding: 7px }
.top-bar-section > ul.primary-nav > li:not(.has-form):last-of-type > a {line-height: 1.1rem; padding: 7px 0 7px }
.top-bar-section > ul.primary-nav { padding-bottom: 0px; }
.top-bar-section li:not(.has-form) { padding: .6rem 0.6rem 0 .6rem ;}
/* Hover */
.top-bar-section > ul > li:not(.has-form) > a:hover:not(.button), .top-bar-section > ul > li:hover:not(.has-form) > a { background: transparent; color: #ae2116 }
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) { background-color: rgba(0,0,0,.2); }
/* Set selected */
.top-bar-section > ul.primary-nav > li.selected:not(.has-form) > a:not(.button) { background: rgba(0,0,0,.1); }
.top-bar-section .dropdown li.selected:not(.has-form):not(.active) > a:not(.button) { color: #cccccc }
/* Menu font & color */
.top-bar-section ul.primary-nav li > a { color: #2c2c2b; font-size: 16px; font-weight: bold; font-stretch:condensed; font-family: Roboto, Tahoma; letter-spacing: .5px; padding: 4px 4px }
.top-bar-section > ul.primary-nav li.social-menu-item > a { font-size: 22px }
/* Menu positioning, spacing */

section.top-bar-section { display: inline-block }
.top-bar { line-height: 1rem !important; max-height: 67px; margin-top: 0 }
/* Dropdown  */
.top-bar-section .dropdown {text-align:left; background: #ae2116; z-index:9999 }
.top-bar-section .dropdown li:not(:last-of-type) { border-bottom: 1px solid rgba(255,255,255,.4) }
.top-bar-section ul.primary-nav .dropdown li a { text-transform: uppercase; font-weight: bold; font-size: 13px; }
.top-bar-section .dropdown { border-radius: 8px; }
.top-bar-section .dropdown li:last-of-type a { border-bottom: none; }
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { color: #ffffff; }
.top-bar-section .dropdown:after { bottom: 100%; left: 35px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255,255,255,0); border-bottom-color: #ae2116; border-width: 8px; margin-left: -8px; }
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) { color: #efefef; }
/* Turn off third level nav and icon icon from top */
.top-bar-section > .primary-nav > li.has-dropdown > ul.dropdown > li > ul { visibility: hidden !important }
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a::after { content: ""; }
/* Utility Row */
.utility-nav { float: right; margin-top: 8px; }
.top-bar-section ul.utility-nav li:not(.has-form) { background-color: #e9c305; padding: 0 7px !important; border-radius: 4px; width: 25px; margin: 4px 0 0 3px; text-align: center }
.top-bar-section ul.utility-nav li:not(.has-form):hover { background-color: #ae2116; }
.top-bar-section ul.utility-nav li:not(.has-form):hover a { color: #ffffff }
.top-bar-section ul.utility-nav li:not(.has-form) a { font-size: 1rem }
.utility-phone { margin-top: 6px; font-weight: 400; font-family: BreeSerif; font-size: 1.3rem; margin-right: 20px; color: #151515 }
/* Mobile */
.off-canvas-list ul, .off-canvas-list li { list-style: none }
.off-canvas-list { font-weight: 600 }
.left-col .top-bar { max-height: none }
.top-bar-section ul.intranet-nav li.selected a { color: #333333 }
.top-bar-section ul.intranet-nav li.selected a:after { color: #333333; content: ""; font-family: fontawesome; font-size: .8rem; padding-left: 5px }
.top-bar-section ul.intranet-nav li.button { background: rgba(64,99,135,1); border: none; color: #ffffff; font-family: "Roboto", Tahoma; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; border-radius: 0; margin-bottom: 4px; height: auto }
/* Secondary */
#secondary-menu { margin-top: 255px; height: 195px; width: 195px; display: table; font-weight: bold; text-transform: uppercase }
#secondary-menu a, #secondary-menu a:visited { color: #ffffff; }
#secondary-menu #secondary-menu-list { display: table-cell; vertical-align: middle; }
#secondary-menu ul { list-style: none; }
#secondary-menu > #secondary-menu-list > li > ul { margin-left: 30px }
#secondary-menu > #secondary-menu-list > li.selected > ul > li { line-height: 1rem; margin: 10px 0 }
#secondary-menu > #secondary-menu-list > li.selected > ul > li.selected > a { color: #213900; }
#secondary-menu > #secondary-menu-list > li.selected > ul > li > a:hover { color: #213900; }
#secondary-menu > #secondary-menu-list > li.selected > a { display: none; }
#secondary-menu > #secondary-menu-list > li:not(.selected) { display: none; }
#secondary-menu > #secondary-menu-list > li > ul > li > ul > li > a { text-transform: capitalize; font-size: 15px; }
#secondary-menu > #secondary-menu-list > li > ul > li > ul > li > a:hover { text-transform: capitalize; font-size: 15px; color: #213900 }
#secondary-menu > #secondary-menu-list > li > ul > li > ul > li.selected > a { color: #213900 }

/* Social */
.social-nav a{color:#ae2116; font-size:26px;}
.social-nav {line-height:1rem;}
.social-nav li {float:left; list-style:none; margin-left:6px;}

/* Footer Social */
.footer-social-nav li { font-size:24px; float:left; list-style:none; margin-left:6px; margin-top:0; line-height:24px;}
.footer-social-nav {margin:0}
/* Flipper */	
	
/* entire container, keeps perspective */
.flip-container { perspective: 1000; }
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper { transform: rotateY(180deg); }
.flip-container, .front, .back { width: 320px; height: 280px; }
/* flip speed goes here */
.flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; }
/* hide back of pane during swap */
.fipper.front, flipper.back { backface-visibility: hidden; position: absolute; top: 0; left: 0; }
/* front pane, placed above back */
.flipper.front { z-index: 2;	/* for firefox 31 */ transform: rotateY(0deg); }
/* back, initially hidden pane */
.flipper.back { transform: rotateY(180deg); }
/* HOVER front to back */
.hover.front { }
.hover.back { display: none }
.hover:hover .hover.front { display: none }
.hover:hover .hover.back { display: block }

/* triangle Callout */
/* ===================== */
#triangle-topright {
  position: relative;
  z-index:2000;
}
#triangle-topright:before {
  content:'';
  border-top: 200px solid #AE2116;
  border-left: 200px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
}
.triangle-text {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg) translateZ(0px); // Put onto GPU as text is rendered better this way. 
  transform: rotate(45deg) translateZ(0px);
  position: absolute;
  top: 35px;
  right: 0;
  width: 115px;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
}
.triangle-text a {color:#FF0;}
.triangle-text a:hover {color:#ffffff;}

/* QUIZ */
.quiz-left {text-align:left}
.quiz-left .cat_dropdown_smaller {float:none;}
.quiz-right {border:1px solid #cccccc; padding:30px; text-align:left}
.quiz-right select {width:80%;}
.quiz-right label {font-weight:bold; font-size:18px; text-align:left; display:block; padding-top:15px}
.quiz-right table.webform td {padding:20px}
.quiz-container form > table {display:none;}
.quiz-container form {text-align:right}


/* =========================
	Conference Itinerary
============================= */
.bg-white {background-color:#ffffff}
.bg-gray {background-color:#cccccc}
.upper {text-transform:uppercase}
.bold {font-weight:700}
.cond {font-family:"Roboto"; font-stretch:condensed; letter-spacing: .5}
.fontsize-12 {font-size:12px}
.fontsize-13 {font-size:13px}
.fontsize-14 {font-size:14px}
.fontsize-18 {font-size:18px}
.fontsize-20 {font-size:20px}
.fontsize-30 {font-size:30px}
/* =========================
	Foundation Overrides 
============================= */
button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #3a6f8f; border-color: #3a6f8f; box-shadow: none; color: #fff; cursor: default; opacity: 0.7; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #3a6f8f; }

/* ================
Mobile Overrides 
Small < 640
Medium < 1025
Large < 1440
XLarge < 1920
XXLarge > 1920 
================= */
/* Small screens*/

@media only screen and (max-width: 320px) {
#jquery_jplayer_1 {width:260px !important; height:160px !important}
#jp_container_1 {wdith:260px !important; height:160px !important;}
div.jp-video-270p {width: 260px; height:160px !important}
div.jp-controls-holder {width: 260px; height:160px !important}
.jp-interface {display:none;}
img#jp_poster_0 {width:260px !important; height:160px !important}
div.jp-video-270p div.jp-video-play {height: 170px; margin-top: -170px;}
x#jp_video_0 {width:260px !important; height:160px !important}
}

@media only screen and (min-width: 321px) and (max-width: 360px) {
#jquery_jplayer_1 {width:300px !important; height:175px !important}
#jp_container_1 {wdith:300px !important; height:175px !important; margin-bottom:30px}
div.jp-video-270p {width: 300px; height:175px !important}
div.jp-controls-holder {width: 300px; height:175px !important}
.jp-interface {display:none;}
img#jp_poster_0 {width:300px !important; height:175px !important}
div.jp-video-270p div.jp-video-play {height: 170px; margin-top: -170px;}
}

@media only screen and (max-width: 640px) {
#home h1 {font-size:24px; letter-spacing:0}
#home h2 {font-size:18px}

.padding-large {padding:30px !important}
.small-12 {padding:0}

footer .columns div {display:inline-block; text-align:center; width:100%}

#default h1 {
  width: 100%;
}
.logo-row {padding:15px 0}
}

/* Medium screens*/
@media only screen and (min-width: 641px) and (max-width: 980px) {
.top-bar-section ul.primary-nav li > a {
  font-size: 14px;
  letter-spacing: 0px;
  padding: 2px;
}
.top-bar-section li:not(.has-form) {
  padding: 0.6rem 0 0;
}
#home h1 {font-size:44px; letter-spacing:0}
#home h2 {font-size:28px}
}

@media only screen and (min-width: 1024px) and (max-width: 1500px) {
#triangle-topright {display:none !important}
}

@media only screen and (min-width: 641px) and (max-width: 1200px) {
	}

@media only screen and (min-width: 1025px) {
}

/* Chrome & Safari Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}


/* Forms read left-to-right. .content-row centers page copy and forms
   inherited it, which centered every label, note and button. */
.content-row form { text-align: left; }
