@import url(https://fonts.googleapis.com/css?family=Homenaje|News+Cycle);
.colrExplorer { color: #d40000; }

.q1-bg { background-color: #a10000; }

.q2-bg { background-color: #6d0277; }

.q3-bg { background-color: #095600; }

.q4-bg { background-color: #a09b01; }

.q1-grad { background: #d40000; /* Old browsers */ background: -moz-linear-gradient(top, #d40000 0%, #FFFFFF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d40000), color-stop(100%, #FFFFFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d40000 0%, #FFFFFF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d40000 0%, #FFFFFF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d40000 0%, #FFFFFF 100%); /* IE10+ */ background: linear-gradient(to bottom, #d40000 0%, #FFFFFF 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }

.q2-grad { background: #9b03a9; /* Old browsers */ background: -moz-linear-gradient(top, #9b03a9 0%, #FFFFFF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9b03a9), color-stop(100%, #FFFFFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9b03a9 0%, #FFFFFF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9b03a9 0%, #FFFFFF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9b03a9 0%, #FFFFFF 100%); /* IE10+ */ background: linear-gradient(to bottom, #9b03a9 0%, #FFFFFF 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }

.q3-grad { background: #0f8900; /* Old browsers */ background: -moz-linear-gradient(top, #0f8900 0%, #FFFFFF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f8900), color-stop(100%, #FFFFFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0f8900 0%, #FFFFFF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0f8900 0%, #FFFFFF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0f8900 0%, #FFFFFF 100%); /* IE10+ */ background: linear-gradient(to bottom, #0f8900 0%, #FFFFFF 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }

.q4-grad { background: #ece402; /* Old browsers */ background: -moz-linear-gradient(top, #ece402 0%, #FFFFFF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ece402), color-stop(100%, #FFFFFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ece402 0%, #FFFFFF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ece402 0%, #FFFFFF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ece402 0%, #FFFFFF 100%); /* IE10+ */ background: linear-gradient(to bottom, #ece402 0%, #FFFFFF 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }

.m-grad { background: #1602ee; /* Old browsers */ background: -moz-linear-gradient(top, #1602ee 0%, #FFFFFF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1602ee), color-stop(100%, #FFFFFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1602ee 0%, #FFFFFF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1602ee 0%, #FFFFFF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1602ee 0%, #FFFFFF 100%); /* IE10+ */ background: linear-gradient(to bottom, #1602ee 0%, #FFFFFF 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }

* { padding: 0; margin: 0; box-sizing: border-box; }

body { font-family: "News Cycle", sans-serif !important; font-size: 1em; background-color: #a10000; }

textarea, input { font-family: "News Cycle", sans-serif !important; font-size: .8em; line-height: 1em; }

main { width: 97%; max-width: 1400px; display: block; margin: 0 auto; box-shadow: 1px 1px 15px 3px black; }

img { border-radius: 7px; }

h1, h2, h3, h4, h5, h6 { font-family: "Homenaje", sans-serif !important; margin-bottom: 0; display: inline-block; }

h1 { font-size: 2.8em; margin-top: 0; background-image: url(/img/blue-BG.jpg); padding: .2em; margin: 0px; display: block; color: #FFF; }

h1 a { text-decoration: none; }

h2 { font-size: 2.2em; margin-top: 0; }

h2 a { text-decoration: none; }

h3 { font-size: 2em; }

p { line-height: 1.2em; margin-bottom: .5em; }

hr { margin-bottom: 10px; }

.littleBigger, txtDesc p { font-size: 1.25em; }

#navBox { display: flex; justify-content: center; align-items: center; background-image: url(/img/red-nav-bg.jpg); background-size: cover; background-repeat: no-repeat; background-origin: border-box; background-position: center top; grid-area: navBox; }

#logoBox { grid-area: logoBox; position: relative; left: -2em; }

.navLogo { width: 200px; height: auto; border: 0; }

nav, #nav { grid-area: nav; align-items: center; justify-content: center; padding: .5em; z-index: 500; }

nav ul { margin: 0; padding: 0; list-style-type: none; position: relative; }

nav ul li { display: inline-block; border: 2px solid #DDD; border-radius: 8px; background: rgba(161, 29, 8, 0.9); }

nav ul li a { text-decoration: none; padding: 3px 15px; display: block; color: #DDD; }

nav ul li:hover { background: rgba(0, 0, 0, 0.75); }

nav ul ul li:hover { background: rgba(55, 0, 0, 0.9); }

nav ul ul { position: absolute; min-width: 200px; display: none; border-radius: 5px; background-color: rgba(214, 3, 3, 0.75); z-index: 300; border: 2px solid #DDD; }

nav ul ul li { display: block; background-image: -webkit-linear-gradient(#cb0000 0%, #a10303 50%, #cb0000 100%); background-image: -o-linear-gradient(#cb0000 0%, #a10303 50%, #cb0000 100%); background-image: linear-gradient(#cb0000 0%, #a10303 50%, #cb0000 100%); padding: 1em; border-radius: 7px; padding: 3px; border: none; margin: 5px; }

nav ul li:hover ul { display: block; color: #DDD; }

nav ul li i { color: #DDD; float: right; padding-left: 6px; position: relative; top: 3px; }

nav div { color: #DDD; font-size: 24px; padding: .6em; cursor: pointer; display: none; }

@media screen and (max-width: 800px) { nav div { display: block; }
  nav ul { display: none; position: static; }
  nav ul li { display: block; }
  nav ul ul { position: static; } }

#navBox { grid-template-columns: 220px 1fr; grid-gap: .2em; grid-template-areas: "logoBox nav"; justify-items: left; align-items: top; background: #691002; background: -moz-radial-gradient(center, ellipse cover, #691002 0%, #a11d08 52%, #b31b04 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #691002), color-stop(52%, #a11d08), color-stop(100%, #b31b04)); background: -webkit-radial-gradient(center, ellipse cover, #691002 0%, #a11d08 52%, #b31b04 100%); background: -o-radial-gradient(center, ellipse cover, #691002 0%, #a11d08 52%, #b31b04 100%); background: -ms-radial-gradient(center, ellipse cover, #691002 0%, #a11d08 52%, #b31b04 100%); background: radial-gradient(ellipse at center, #691002 0%, #a11d08 52%, #b31b04 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#691002',endColorstr='#b31b04',GradientType=1); }

.navButton { border: 2px solid #DDD; background-image: -webkit-linear-gradient(#cb0000 0%, #a10303 50%, #cb0000 100%); background-image: linear-gradient(#cb0000 0%, #a10303 50%, #cb0000 100%); padding: .4em; font-size: .9em; text-align: center; margin-left: 1em; text-transform: capitalize; border-radius: 5px; position: relative; top: -1px; }

.navButton a:link { text-decoration: none; color: #FFF; }

.navButton a:visited { text-decoration: none; color: #FFF; }

.navButton a:hover { text-decoration: underline; color: #FFF; }

.navButton:hover { background-image: -webkit-linear-gradient(#a10303 0%, #cb0000 50%, #a10303 100%); background-image: linear-gradient(#a10303 0%, #cb0000 50%, #a10303 100%); background-color: #bd0000; border: 2px solid #FFF; }

.vids { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 500px)); grid-gap: .5em; padding: 1em; background-color: #888; justify-items: center; align-items: center; }

.fids { display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-around; padding: 1em; background-color: #888; align-content: center; justify-items: stretch; }

.videoCard { padding: .7em; }

.vidClass { margin: 0 auto; text-align: center; }

.videoTitle { padding: .5em 0; color: #FFF; font-size: 1.25em; font-family: "Homenaje", sans-serif !important; margin-bottom: 0; display: inline-block; }

.videoPoster, .vidClass { margin: 0 auto; display: inline-block; text-align: center; color: #FFF; }

#vidCorporate { grid-area: vidCorporate; background-color: #a10000; }

#vidSmallBiz { grid-area: vidSmallBiz; background-color: #6d0277; }

#vidNonProf { grid-area: vidNonProf; background-color: #095600; }

#vidTraining { grid-area: vidTraining; background-color: #b9b302; }

.vidImgPlaceholder { width: 100%; margin: 13px auto; display: inline-block; text-align: center; }

.videoCaption { font-size: .65em; color: #FFF; font-style: oblique; padding: .5em 0; line-height: 1.15em; }

.videoPitch { grid-area: vExp; }

.quadLink a { text-decoration: none; color: black; }

.seeMore { background-color: #888; color: #FFF; padding-left: 2em; padding-top: -10px; margin-top: 0; position: relative; top: -.8em; font-size: 1em; }

.pageIntro { display: flex; display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "textDesc heroImage"; align-items: start; justify-items: center; grid-template-rows: auto; grid-gap: 1em; padding: 1em; }

.pageIntroExtra { display: flex; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-areas: "textDesc textDesc heroImage heroImage" 		"extraInfo extraInfo extraInfo extraInfo"; align-items: start; justify-items: center; grid-template-rows: auto; grid-gap: 1em; padding: 1em; }

.videoContainer { display: flex; flex-flow: row wrap; flex-wrap: wrap; justify-content: space-around; }

.videoPoster { padding: .23em; font-size: 1.24em; flex: 0 0 32.5%; margin: 3px; }

.littleBigger { font-size: 1.5em; font-weight: bold; }

.txtDesc { grid-area: textDesc; background-color: rgba(50, 50, 50, 0.7); color: #FFF; padding: 1em; border-radius: 15px; }

.txtDesc a, .extraInfo a { text-decoration: none; color: #fdff9d; }

.txtDesc h2 { font-size: 1.5em; line-height: 1.1em; font-weight: normal; margin-bottom: .3em; font-family: "News Cycle", sans-serif !important; }

.subHeadCallout { font-size: 1.25em; font-weight: 600; border-bottom: 1px solid #FFF; padding-bottom: .5em; }

.extraInfo { grid-area: extraInfo; padding: .7em; background-color: rgba(50, 50, 50, 0.7); color: #fff; border-radius: 1em; }

#whatWeDo { grid-area: whatWeDo; background-color: #cb0505; border-top: 3px solid #DDD; color: white; font-weight: 600; padding: 1.35em; font-size: 1.3em; }

#whatWeDo p { margin: 1em; }

/* THIS IS FOR MULTICOLUMN FLEX LAYOUT  */
.quoteBox { display: flex; flex-flow: row wrap; padding: 0.5em 1em; }

.quote { padding: 1em; flex: 1; background-color: rgba(255, 255, 255, 0.55); color: #333; border-radius: 7px; margin: 0px 5px; }

.intro-txtDesc { grid-area: intro-txtDesc; }

.heroImage { grid-area: heroImage; text-align: center; }

.heroPic { width: 95%; display: inline-block; margin: 0px auto; }

.showCaseImage { margin: 1px auto; width: 95%; height: auto; display: inline-block; }

#subMenuContainer { padding: .2em; padding-left: 1.25em; text-align: left; background-color: #333; border-bottom: 2px solid #DDD; color: #FFF; font-size: 14px; font-weight: 600; }

.subMenu { display: inline-block; padding: .1em; padding: 0.1em 0.5em; text-align: center; border-radius: 5px; border-left: 0 solid #DDD; border-bottom-left-radius: 0; border-top-left-radius: 0; margin-right: .25em; color: #DDD; font-size: 12px; border: 0; border-right: 1px solid #DDD; font-weight: 800; }

.subMenu a { text-decoration: none; color: #DDD; }

.subMenu a:visited { text-decoration: none; color: #BBB; }

.subMenu a:hover { color: #e73b3b; font-weight: 800; }

.h2-service { font-size: 1.25em; margin-top: .5em; margin-bottom: .5em; font-family: "News Cycle", sans-serif !important; line-height: 1em; }

.li-service { margin-left: 2em; }

.slashed-blackBG { background-image: url(/img/stripe-bg.png); padding: .3em; display: block; color: #FFF; }

.slashed-blueBG { background-image: url(/img/blue-BG.jpg); padding: .3em; display: block; color: #FFF; }

.slashed-redBG { background-image: url(/img/blue-BG.jpg); padding: .3em; display: block; color: #FFF; }

.slashed-redRedBG, .quad-1 { background-image: url(/img/red-BG.jpg); padding: .3em; display: block; color: #FFF; }

.slashed-greenBG, .quad-3 { background-image: url(/img/green-BG.jpg); padding: .3em; display: block; color: #FFF; }

.slashed-yellowBG, .quad-4 { background-image: url(/img/yellow-BG.jpg); padding: .3em; display: block; color: #FFF; }

.slashed-purpleBG, .quad-2 { background-image: url(/img/purple-BG.jpg); padding: .3em; display: block; color: #FFF; }

footer, #footer { font-family: 'Homenaje',sans-serif; grid-area: footer; display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "help footerForm" "address footerForm" "navContact footerForm"; padding: 1em; background-color: #2b007f; background-image: url(/img/stripe-bg.gif); color: #FFF; border-top: 3px solid #DDD; }

#socContact { grid-area: socContact; background-color: #a6a4a4; background-image: url(/img/stripe-bg.png); height: 60px; display: flex; flex-wrap: wrap; align-content: center; justify-content: space-around; }

#smallLogo, #socialLinks, #socialLinksTop, .navContactTop { flex: 0 1 auto; align-items: center; margin: auto; color: #fff; }

.navContactTop { flex: 0 1 auto; color: #fff; }

#socialLinks a, #socialLinksTop a, .navContact a, .navContactTop a { color: #fff; text-decoration: none; border: 0; outline: none; }

#socialLinks a:hover, #socialLinksTop a:hover, .navContact a:hover, .navContactTop a:hover { color: #BBB; text-decoration: none; }

#socialLinks, #socialLinksTop { font-size: 1.75em; margin-top: 3px; }

.navContact { margin-top: 0; grid-area: navContact; }

#footerForm { grid-area: footerForm; }

#help { grid-area: help; }

#address { grid-area: address; }

#address h3, .navContact h3 { font-size: 1em; margin-top: 1.3em; }

.navContactTop { grid-area: navContactTop; }

label, .labelStyle { width: 100px; margin-left: 1em; display: inline-block; font-size: 1em; text-align: right; padding: 3px; font-size: .9em; color: #FFF; }

.textAreaLabel { text-align: right; }

input[type=text], input[type=email], input[type=tel] { height: 2em; width: 20em; margin-bottom: .5em; padding: .1em; padding-left: .5em; font-size: .75em; }

textarea { margin-left: 120px; position: relative; top: -16px; }

:required { background-color: #DDF; }

#subButt { margin-left: 120px; padding: .5em; font-size: 1em; font-family: "americane",sans-serif; background-image: linear-gradient(#DDD 0%, #FFF 48%, #CCC 100%); border-radius: 3px; width: 6em; border: 0; outline: 0; }

#subButt:hover { background-image: linear-gradient(#FFF 0%, #DDD 48%, #FFF 100%); box-shadow: 1px 1px 1px 1px #000; color: #8f0e3c; }

.blurb h3 { font-size: 1.5em; }

@media only screen and (max-width: 720px) { #socContact { grid-area: socContact; background-color: #a6a4a4; background-image: url(/img/stripe-bg.png); height: 150px; display: grid; grid-template-columns: 1fr; grid-template-areas: "smallLogo"  			"socialLinksTop"  			"navContactTop"; }
  #smallLogo { grid-area: smallLogo; margin-bottom: 0; }
  #socialLinksTop { grid-area: socialLinksTop; margin-top: 0; padding: 0; margin: 0 auto; position: relative; top: -20px; }
  .navContactTop { grid-area: navContactTop; padding: 0; margin: 0 auto; position: relative; top: -20px; } }

@media only screen and (max-width: 800px) { #navBox { height: 40px; }
  .videoContainer { display: block; } }

@media only screen and (max-width: 850px) { .heroImage img { width: 100%; height: auto; display: block; margin: auto; }
  .pageIntro { display: grid; grid-template-columns: 1fr; grid-template-areas: "textDesc" 			"heroImage"; align-items: center; justify-items: center; grid-template-rows: auto; grid-gap: 1em; padding: 1em; }
  .pageIntroExtra { display: grid; grid-template-columns: 1fr; grid-template-areas: "textDesc" 			"heroImage" 			"extraInfo"; align-items: center; justify-items: center; grid-template-rows: auto; grid-gap: 1em; padding: 1em; }
  footer { display: grid; grid-gap: 2em; grid-template-columns: 1fr 1fr; grid-template-areas: "help help" "footerForm footerForm" "address navContact"; }
  textarea { width: 18em; position: relative; } }

.extraInfoBlock { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-template-areas: "photoEx h3sub" 							"photoEx blurb"; align-items: start; }

.h3sub { grid-area: h3sub; font-size: 1.5em; align-self: start; }

.photoEx { grid-area: photoEx; padding: .5em; align-self: start; }

.photoEx img { width: 95%; height: auto; }

.blurb { grid-area: blurb; align-self: start; }

.blurb p { margin-bottom: 1em; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 700px) { .extraInfoBlock { display: grid; grid-template-columns: 1fr; grid-template-areas: "h3sub" 								"photoEx" 								"blurb"; align-items: start; }
  .photoEx img { width: 100%; height: auto; } }

@media only screen and (max-width: 520px) { footer { display: grid; grid-gap: 2em; grid-template-columns: 1fr; grid-template-areas: "help " "footerForm " "address " "navContact "; }
  label, .labelStyle { width: 100px; margin-left: 1px; display: block; font-size: 1em; text-align: left; padding: 3px; font-size: .9em; color: #FFF; }
  .textAreaLabel { text-align: left; }
  textarea { position: relative; left: -116px; }
  #subButt { margin-left: 10px; margin-top: 0px; position: relative; top: -20px; } }

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 500px) { .menuItems { display: inline-block; } }