body, html {  background-color: #eee;margin: 0px; min-height: 100%; overflow-x: hidden; padding: 0px; font-family: 'Poppins', sans-serif; }
 a.bghover { transition: background-color .25s; }
 
 p {font-family: 'Poppins', sans-serif; font-size: 1em; color: #333;}
 h2 {color: #014c64; font-family: 'Poppins', sans-serif; padding-bottom: 15px;}
 h3 {color: #014c64; font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: bolder;}
 /* h4 {color: #008EAA; font-family: 'Roboto', sans-serif; font-size: 26px;} */
 h4 {background-color: #e7f2fa; color: #1eb0b2; font-size: 16px; font-weight: bold; margin-bottom: 10px; padding: 6px;}
 ul {padding-left: 15px;}
 li { font-size: 1em; color: #333;}
 a {color:#1eb0b2; }
 :hover {transition: 0.6s all;}


 
 /* MAIN SCREEN */
 div#screen { height: 100%; left: 0%; position: absolute; width: 100%; }
 img.logo { display: block; margin: 16px auto 8px; width: 200px; }
 img.footer { display: block; margin:  0 auto 8px; width: 100px; }
 .video-container { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;}
 .video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%;}
 
 /* LEFT MENU */
 div#menu { background-color: #fdb913; display: inline-block; height: 100%; overflow: hidden;padding-bottom: 8px; vertical-align: top; width: 15%; }
 div#menu div { border: 1px solid #ddd; border-left: 0; border-right: 0; height: 54%; overflow-y: scroll; margin-right: -18px; position: relative; }
 div#menu ul { list-style-type: none; margin: 0; margin-right:0px; position: absolute; width: 95%; }
 div#menu ul > li { margin-bottom: 5px; width: 100%; }
 div#menu ul > li > a { color: #333; display: block; height: 45px; line-height: 45px; padding: 0 7%; position: relative; width: 100%; }
 div#menu ul > li > a > i { background-color: #1eb0b2; font-size: 1.3em; height: 42px; line-height: 42px; margin-top: 4px; margin-right: 4%; position: absolute; text-indent: 6px; transition: background-color .2s, width .15s; width: 32px; color: white; }
 div#menu ul > li > a > i.showing { background-color: #014c64; color: white;}
 div#menu ul > li > a > span { display: inline-block; font-size: 13px; font-weight: 700; left: 40px; line-height: 13px; position: relative; vertical-align: middle; width: 70%; }
 div#menu ul > li > a:hover > span { color: #FFF; }
 div#menu ul > li > a:hover > i { width: 78%; }
 div#menu ul > li > a:hover > i:after { border: 21px solid transparent; border-left-width: 6px; border-right-width: 6px; border-top-color: #1eb0b2; border-left-color: #1eb0b2; content: ""; height: 0; position: absolute; left: 100%; transition: border-color .2s; width: 0; }
 div#menu ul > li > a:hover > i.showing:after { border-top-color: #1eb0b2;border-left-color: #1eb0b2; color: #FFF; }
 a.menuArrow { border: 40px solid transparent; border-top-width: 18px; border-bottom: 18px solid #111; display: block; height: 0; margin: 0 auto; margin-bottom: 15px; transition: border-color .3s; width: 0; }
 a.menuArrow:hover { border-bottom-color: #1eb0b2; }
 a.menuArrow.bottom-arrow { border-top-color: #014c64;  border-bottom-color: transparent; margin: 0 auto; margin-top: 15px;}
 a.menuArrow.bottom-arrow:hover { border-top-color: #1eb0b2; }
 a.menuArrow.disabled { border-bottom-color: #fff; }
 a.menuArrow.bottom-arrow.disabled { border-bottom-color: transparent; border-top-color: #fff; }
 
 /* MAIN AREA - RIGHT SIDE */
 div#mainArea { display: inline-block; height: 100%; overflow: hidden; position: relative; vertical-align: top; width: 85%; }
 div#mainArea > img { left: -2%; margin-left: -12%; width:100%; position: absolute; transition: left .6s, margin-left 1.1s ease-out .5s; opacity: 0.2;}
 div#mainArea div#topArea { position: relative; text-align: center; top: 14px; }
 div#mainArea div#topArea h1 { color: #014c64; font-weight: bolder; font-size: 1.6em; font-family: 'Poppins', sans-serif; line-height: 1.1em;}
 div#mainArea div#topArea ul { line-height: 14px; margin: 0 auto; width: 80%; }
 div#mainArea div#topArea li { display: inline-block; }
 div#mainArea div#topArea li { background-color: #014c64; border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 0 3px; transition: background-color .2s, height .45s; vertical-align: middle; width: 16px; }
 div#mainArea div#topArea li:hover { background-color: #1eb0b2; -webkit-transform: scale(1.3); transform: scale(1.3); }
 div#mainArea div#topArea li.showing { background-color: #1eb0b2; height: 22px; }
 
 /* MAIN AREA - NAV AAROWS */
 div#mainArea > a.arrow { background-color: rgba(0,0,0,.2); color: #fff; font-size: 4em; height: 100%; left: -12px; position: absolute; text-align: center; top: 0; transition: left .275s, right .275s, box-shadow .275s, background-color .275s; width: 7%; z-index: 1; }
 div#mainArea > a.arrow span { position: relative; top: 41%; }
 div#mainArea > a.arrow:hover { background-color: #222; background-color: rgba(25,25,25,.7); left: 0; }
 div#mainArea > a.right-arrow { left: auto; right: -12px; }
 div#mainArea > a.right-arrow:hover { left: auto; right: 0; }
 div#mainArea > a.arrow:hover ~ img { left: 0; transition: left 1.1s, margin-left 1.1s; }
 div#mainArea > a.right-arrow:hover ~ img { left: -4%; }

 /* FLAG */
 #gtranslateqwidget {width: 100%; padding: 20px; height: auto!important; overflow: hidden!important;}
 a.gflag {display:none;vertical-align:middle;font-size:16px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/16.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(//gtranslate.net/flags/16a.png);}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}

.flag { width: 33%; height: 46px; background-color: #1eb0b2; position: relative; float: right; color: #fff; font-size: 24px; text-align: right; padding: 10px 15px 10px 0; }
.flag:after { transform: rotate(1.25turn); position: absolute; left: -35px; bottom: 9.5px; content: ""; width: 46px; height: 26px; border-style: solid; border-width: 0 23px 23px 23px; border-color: transparent #1eb0b2 transparent #1eb0b2;}

.flag-long { width: 44%; height: 46px; background-color: #1eb0b2; position: relative; float: right; color: #fff; font-size: 24px; text-align: right; padding: 10px 15px 10px 0; }
.flag-long:after { transform: rotate(1.25turn); position: absolute; left: -35px; bottom: 9.5px; content: ""; width: 46px; height: 26px; border-style: solid; border-width: 0 23px 23px 23px; border-color: transparent #1eb0b2 transparent #1eb0b2;}

.flag-longer { width: 44%; height: 46px; background-color: #1eb0b2; position: relative; float: right; color: #fff; font-size: 20px; text-align: right; padding: 10px 15px 10px 0; }
.flag-longer:after { transform: rotate(1.25turn); position: absolute; left: -35px; bottom: 9.5px; content: ""; width: 46px; height: 26px; border-style: solid; border-width: 0 23px 23px 23px; border-color: transparent #1eb0b2 transparent #1eb0b2;}


.flag-full { width: 95%; height: 46px; background-color: #1eb0b2; position: relative; float: right; color: #fff; font-size: 20px; text-align: right; padding: 10px 15px 10px 0; }
.flag-full:after { transform: rotate(1.25turn); position: absolute; left: -35px; bottom: 9.5px; content: ""; width: 46px; height: 26px; border-style: solid; border-width: 0 23px 23px 23px; border-color: transparent #1eb0b2 transparent #1eb0b2;}


 /* SLIDE AREA */
 div#slides { height: 90%; position: relative; top: 60px; transition: transform .65s; width: 100%; }
 div#slides > div { height: 90%; left: 0; position: absolute; transition: left 0.8s, transform 0.5s; width: 600%; }
 div.slide { color: #aaa; display: inline-block; height: 100%; vertical-align: top; width: 16.6666666%; }
 div.slide > div { background-color: rgba(255,255,255,.94); color: #333; height: 100%; margin: 0 auto; overflow-y: auto; padding: 18px 18px 40px 18px; width: 80%;}
 div.slide img { margin: 0 auto; display:block; width: 100%; padding: 0;}

 
 /* COLUMNS */
 div.slide > div div.column { display: block; width: 100%; margin: 0 auto;}
 div.slide > div div.columnX { vertical-align: top; width: 50%; float: left; margin-top: 30px; padding-left: 15px; padding-right: 15px;}
 div.slide > div div.column3 { display: block; width: 25%; float:left;}
 div.slide > div div.column4 { display: block; width: 33%; float:left;}

/* CUSTOM SLIDES */
 
.slide-text {padding: 30px;}
.slide-text h2 {margin-top: 20px; margin-bottom: 10px;}
.slide-text ul li {font-size: 16px; line-height:25pt; margin-left: 25px; list-style-type: none;}
.slide-text ul li i {font-size: 26px; line-height:25pt;color: #014c64;}
.title-bar h4 {background-color: #fdb913; color: #fff; font-size: 16px; letter-spacing: 1px; font-weight: bold; margin-bottom: 10px; padding: 6px; }
.red-base {background-color: #ec3e44; padding: 50px;}
.red-base p {color: white; padding-top: 10px; font-size: 16px;}

#by-numbers { text-align: center; }
.row > div {padding: 0 1% 30px 1%;}
#by-numbers > div > div,
#by-numbers > div p { background-color: #1eb0b2; box-shadow: 0 8px 9px -4px #888; cursor: pointer; height: 180px; line-height: 180px; margin: 0 auto; width: 180px; }
#by-numbers > div > div { line-height: 5px; margin-bottom: -180px; transform: rotateX(0deg) rotateY(0deg); transition: transform .2s ease-in-out .245s; }
#by-numbers > div > div img { padding-top: 44px;  margin-top: 44px; width: 80px; }
#by-numbers > div > div h3 { color: #fff; font-size: 1.3em; margin: 12px auto 0; width: 80%; }
#by-numbers > div p { background-color: #1a9b9c; color: #fff; line-height: 1.3em; padding: 0 14px; position: relative; transform: rotateY(90deg); transition: transform .2s ease-in-out .1s; font-size: 16px; }
#by-numbers > div p:after { content: ""; display: inline-block; vertical-align: middle; padding-top: 25px; height: 100%; }
#by-numbers > div:hover div { transform: rotateX(25deg) rotateY(90deg); transition: transform .25s;}
#by-numbers > div:hover p { transform: rotateX(0deg) rotateY(0deg); transition: transform .25s ease-in-out .175s; }
#by-numbers > div p > span { display: inline-block; font-size: 1em; vertical-align: middle;  }
#by-numbers > div p > span > span { display: block;  font-size: 2em; font-weight: 900; margin-bottom: 8px; }

#slide-numbers { text-align: center; margin-left: -84px;}
.row > div {padding: 0 1% 30px 0%;}
#slide-numbers > div > div { z-index: 10; background-color: #a6ce39b2;height: 180px; line-height: 180px; margin: 0 auto; width: 180px; }
#slide-numbers > div p { background-color: #a6ce39; height: 180px; line-height: 180px; margin: 0 auto; width: 180px; transform: translate(180px); }
#slide-numbers > div > div { line-height: 5px; margin-bottom: -180px;}
#slide-numbers > div > div img { padding-top: 40px; width: 100px; }
#slide-numbers > div > div h3 { color: #fff; font-size: 1.3em; margin: 12px auto 0; width: 80%; }
#slide-numbers > div p { background-color: #79b93e; color: #fff; line-height: 1.3em; padding: 0 14px; position: relative; font-size: 16px; }
#slide-numbers > div p:after { content: ""; display: inline-block; vertical-align: middle; padding-top: 25px; height: 100%; }
#slide-numbers > div p > span { display: inline-block; font-size: 1em; vertical-align: middle;}
#slide-numbers .station-p p {margin-left: 84px;}

.orange {background-color: #fdb913; padding: 20px;}
.teal {background-color: #1eb0b2;}
.blue {background-color: #014c64; margin-top: 0; padding: 20px;}
.blue p {color: #fff;}
.green {background-color: #79b93e;}
.green img {padding: 25px;}
.green h3 {color: white; padding-top: 15px;}
.green p {color: white; padding-bottom: 15px;}
.teal2 {background-color: #1eb0b2; padding: 0!important;}
.teal2:hover {background-color: #1a9b9c; transition: 0.5s all;}
.teal2 img {width: 25%!important; margin: 50px auto!important; display: block;}
.teal2 p {font-weight: bold; color: white; font-size: 20px; text-align: center;}
.teal2 a {font-weight: bold; color: white; font-size: 20px; text-align: center; text-decoration: none;}
.red {background-color: #ec3e44;}
.red ol {color: white; padding-top: 15px; padding-bottom: 15px;}
.red ol li {color: white;}
.blue2 {background-color: #014c64; padding: 0!important;}
.blue2:hover {background-color: #00394d; transition: 0.5s all;}
.blue2 img {width: 25%!important; margin: 50px auto!important; display: block;}
.blue2 a {font-weight: bold; color: white; font-size: 20px; text-align: center;text-decoration: none;}
.blue2 p {font-weight: bold; color: white; font-size: 20px; text-align: center;}

#factor-numbers { text-align: center; }
.row > div {padding: 0 1% 30px 1%;}
#factor-numbers > div > div,
#factor-numbers > div p { background-color: #ec3e44; box-shadow: 0 8px 9px -4px #231f20; cursor: pointer; height: 180px; line-height: 180px; margin: 0 auto; width: 180px; }
#factor-numbers > div > div { line-height: 5px; margin-bottom: -180px; transform: rotateX(0deg) rotateY(0deg); transition: transform .2s ease-in-out .245s; }
#factor-numbers > div > div img { padding-top: 44px; margin-top: 44px; width: 80px; }
#factor-numbers > div > div h3 { color: #fff; font-size: 1.3em; margin: 12px auto 0; width: 80%; }
#factor-numbers > div p { background-color: #d6383d; color: #fff; line-height: 1.3em; padding: 0 14px; position: relative; transform: rotateY(90deg); transition: transform .2s ease-in-out .1s; font-size: 16px; }
#factor-numbers > div p:after { content: ""; display: inline-block; vertical-align: middle; padding-top: 25px; height: 100%; }
#factor-numbers > div:hover div { transform: rotateX(25deg) rotateY(90deg); transition: transform .25s;}
#factor-numbers > div:hover p { transform: rotateX(0deg) rotateY(0deg); transition: transform .25s ease-in-out .175s; }
#factor-numbers > div p > span { display: inline-block; font-size: 1em; vertical-align: middle;  }
#factor-numbers > div p > span > span { display: block;  font-size: 2em; font-weight: 900; margin-bottom: 8px; }

.next-steps { text-align: center; }
.row > div {padding: 0 1% 30px 1%;}
.next-steps > div > div {cursor: pointer; height: 180px; line-height: 180px; margin: 0 auto; width: 180px; }
.next-steps > div p {cursor: pointer; margin: 25px auto 15px; }
.next-steps > div > div { line-height: 5px;}
.next-steps > div > div img { margin-top: 44px; width: 100%; }
.next-steps > div > div h3 { color: #fff; font-size: 1.3em; margin: 12px auto 15px; width: 80%; }
.next-steps > div p {color: #fff; line-height: 1.3em; padding: 25px 14px 15px; font-size: 16px; }
.next-steps > div p:after { content: ""; display: inline-block; vertical-align: middle; padding-top: 25px; height: 100%; }
.next-steps > div p > span { display: inline-block; font-size: 1em; vertical-align: middle;  }
.next-steps > div p > span > span { display: block;  font-size: 2em; font-weight: 900; margin-bottom: 8px; }


.social-media { padding: 0; }
.social-media li { display: inline-block; }
.social-media span { display: none; }
.social-media a { color: #ec3e44; font-size: 2.4em; margin: 0 15px; }
.social-media a:hover { color: #cc2429; }
.social-media { margin: 0;}
.social-media span {display: none;}
.social-media p { color: #1eb0b2; display: inline-block; margin: 0 14px; vertical-align: middle; }

.social-media li { margin: 0; vertical-align: middle; }
.social-media li a { color: #fdb913; }
.social-media li a:hover { color: #c78f05; }

 
 /* BUTTON */
 .button { width: 100%; background-color: #014c64; height: 60px; margin-top: 30px; display: block;}
 .button:hover { background-color: #1eb0b2; }
 .button a { font-family: 'Calibri', sans-serif; color: #FFF; font-size: 18px; }
 .button .far { color: #666!important; font-size: 22px; margin-right: 10px; padding-bottom: 10px;}
 .button .far:hover { color: #FFF!important; }
 
 /* MOBILE MENU */
 div#mainArea > a.menu-toggle { background-color: #014c64; color: #fff; display: none; font-size: .75em; height: 60px; left: 28px; overflow: hidden; position: absolute; text-align: center; top: 22px; width: 60px; }
 div#mainArea > a.menu-toggle:hover { background-color: #1eb0b2;  }
 div#mainArea > a.menu-toggle span { background-color: #fff; display: block; height: 4px; margin: 7px auto; transition: margin .2s, transform .2s; width: 70%; }
 div#mainArea > a.menu-toggle.opened span:nth-of-type(1) { margin-top: 28px; transform: rotate(-45deg); }
 div#mainArea > a.menu-toggle.opened span:nth-of-type(2) { margin-left: 100px; }
 div#mainArea > a.menu-toggle.opened span:nth-of-type(3) { margin-top: -22px; margin-bottom: 40px; transform: rotate(45deg); }
 a#menuOffScreen { background-color: rgba(35,35,35,.3); cursor: pointer; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }
 
 /* COMMENT BUTTON AND AREA*/
 div#contact { background-color: white; height: 100%; left: 100%; overflow-y: auto; padding: 12px; position: absolute; top: 0; width: 390px; }
 a#menuOffScreen { background-color: rgba(35, 35, 35, 0.3); cursor: pointer; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }
 .closebtn { position: absolute; top: 0; right: 10px; font-size: 40px; margin-left: 50px; color: #014c64;}
 
 /* TABLE */
 table {background: transparent; border: none; margin: 0 auto; font-family: 'Calibri', sans-serif;}
 table th {width: 33%;}
 table th p {font-size: 14px; background-color: #014c64; color: white; padding: 15px;}
 table td {padding: 10px;}
 tr .green {background-color: #1eb0b2; color: white;}
 table p {font-size: 12px;}
 
 
 /* ----------GOOGLE FORM-------------- */
 
 /* SECTION WRAPPER */
 .wrapper { width: 85%; margin: 0 auto;}
 .wrapper h1 {color: #1eb0b2; font-family: 'Poppins', sans-serif; font-size: 30px;}
 
 
 /* FORM STYLES */
 #crmWebToEntityForm {width: 95%!important; margin-top: -60px!important;}
 #crmWebToEntityForm table {width:100%!important;}
 table tr.alt, table tr.even, table tr:nth-of-type(even) { background: transparent!important; }
 #crmWebToEntityForm td {width:100%;}
 #crmWebToEntityForm tr td span {font-family: 'Poppins', sans-serif!important;}
 #crmWebToEntityForm td:nth-of-type(2) {display:none!important;}
 #crmWebToEntityForm select {height:auto;max-height:170px;}
 #crmWebToEntityForm tr:nth-of-type(1) td {display: none;}
 input[type='reset'] {display:none;}
 input[type='submit'] {background:#629b33;width:100%;margin:0 auto; color: white!important;}
 input[type="submit"]:hover {background-color:#3c6e14; cursor:pointer; font-family: 'Poppins', sans-serif;}
  
 
 /* COMMENT BUTTON */
 button { background: white; border: 0; box-sizing: border-box; top: 15px; right: 150px; overflow: hidden; box-shadow: inset 0 0 0 2px #014c64; color: #014c64; font-size: .8em; text-align: center; position: absolute; vertical-align: middle; padding: 5px; font-family: 'Poppins', sans-serif;}
 button::before, button::after { box-sizing: inherit; content: ''; position: absolute; width: 60px; height: 60px;}
 button .far {font-size: 3em; padding: 5px 0 2px; }
 .draw { -webkit-transition: color 0.25s; transition: color 0.25s;  }
 .draw::before, .draw::after { border: 2px solid transparent; width: 0; height: 0;}
 .draw::before { top: 0; left: 0;  }
 .draw::after { bottom: 0; right: 0;  }
 .draw:hover::before, .draw:hover::after { width: 100%; height: 100%;}
 .draw:hover::before { -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
 .meet:hover { color: #1eb0b2; background-color: #FFF;}
 .meet::after { top: 0; left: 0;}
 .meet:hover::before { border-top-color: #1eb0b2; border-right-color: #1eb0b2;}
 .meet:hover::after { border-bottom-color: #1eb0b2; border-left-color: #1eb0b2;-webkit-transition: height 0.25s ease-out, width 0.25s ease-out 0.25s; transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;}
 
 
 
 .social {text-align: center;}
 .social .fas {font-size: 50px; color: #78BE21; margin-right: 20px; margin-top: 25px;}
 .social a {font-size: 25px; color: #78BE21;}
 .social a:hover {color: #0D5257; transition: 0.5s all;}
 
 .popout {width:33%; display: inline-block; margin: 0 auto;}
 .popout img { display: inline-block; padding: 20px; width: 100%!important;}

 
 /* LIGHTBOX */
 div#lightbox { background-color: rgba(35,35,35,.5); height: 100%; position: fixed; top: -100%; transition: top .5s; width: 100%; z-index: 3; }
 div#lightbox > a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
 div#lightbox > a span { color: #fff; font-size: 2.6em; opacity: .5; padding: 10px; position: absolute; right: 15px; top: -5px; z-index: 5; }
 div#lightbox > img { box-shadow: 0 23px 21px 38px #333; display: block; height: 90%; margin: 2.5% auto; margin-top: -120px; position: relative; transform: rotateX(90deg) translateY(-160px); transition: .24s; }
 div#lightbox.on { top: 0; }
 div#lightbox.on > img {box-shadow: none; margin-top: 2.5%; transition: .8s ease-out .32s; transform: rotateX(0deg) translateY(0px); }
 
 img.launchbox { cursor: pointer; }
 img.launchbox:hover { box-shadow: 0 0 11px rgba(33,33,33,.2); }
 
 /* LIGHTBOXX */
 div#lightboxX { background-color: rgba(35,35,35,.5); height: 100%; position: fixed; top: -100%; transition: top .5s; width: 100%; z-index: 3; }
 div#lightboxX > a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
 div#lightboxX > a span { color: #fff; font-size: 2.6em; opacity: .5; padding: 10px; position: absolute; right: 15px; top: -5px; z-index: 5; }
 div#lightboxX > img { box-shadow: 0 23px 21px 38px #333; display: block; height: 90%; margin: 2.5% auto; margin-top: -120px; position: relative; transform: rotateX(90deg) translateY(-160px); transition: .24s; }
 div#lightboxX.on { top: 0; }
 div#lightboxX.on > img { height: auto; box-shadow: none; margin-top: 2.5%; transition: .8s ease-out .32s; transform: rotateX(0deg) translateY(0px); }
 
 img.launchboxX { cursor: pointer; }




 
 /* MEDIA QUERIES */
 @media screen and (max-width: 1310px) {
     div#menu { width: 20%; }
     div#mainArea { width: 80%; }

 
     div.slide div { margin: 0 auto;}
     div#mainArea > a.arrow { left: -12px; }
     div#mainArea > a.right-arrow { left: auto; right: -12px; }
 }
 
 
 @media screen and (max-width: 1030px) {
     p, li { font-size: 1em;}
     div#menu { margin-left: -240px; width: 240px; }
     div#menu div { height: 64%; }
     div#mainArea { width: 100%; }
     img.logo { display:none; }
     /* div#topArea { margin-left: 80px; } */
     div#mainArea > a.menu-toggle { display: block; }
     div#mainArea > a.contact-toggle { right: 20px; }
     div#mainArea > a.survey { right: 80%; }
     div#slides { height: 68%; top: 36px; }
     div.slide > div { width: 96%; }
     div.slide p { line-height: 22px; }
     div#lightbox > img { height: auto; width: 96%; }
 
     div#mainArea > a.arrow { background-color: rgba(0,0,0,.5); bottom: 0; height: 10%; top: auto; width: 46%; }
     div#mainArea > a.arrow span { top: -18px; }
 }
 
 @media screen and (max-width: 900px) {
     button {right: 50px;}
 }
 
 @media screen and (max-height: 715px) {
     div#slides { height: 85%; }
 }
 
 @media screen and (max-width: 745px) {
    #topArea ul {display: none;}
    div#mainArea div#topArea h1 {font-size: 1.2em;}
    #slides {margin-top: 50px;}
 }
 
 @media screen and (max-width: 640px) {
     div#contact {width: 414px;}
     #alison {padding-left: 0!important;}
     div#mainArea > a.survey { right: 80%; }
     div#mainArea div#topArea { top: 60px; }
     div#slides { height: 75%; }
     div.slide img {display:block; margin: 0 auto;}
     div#topArea { margin-left: 0; }
     div#mainArea div#topArea h1 { font-size: 1.4em; line-height: 1em; margin-top: -20px;}
     div#mainArea div#topArea ul { margin-top: 10px; }
     div#mainArea div#topArea ul li { height: 14px; width: 14px;}
     div#mainArea div#topArea ul li.showing { height: 18px; }
     div#menu div {height: 55%;}

     img.logo { display: block; width: 50%; margin: 0 auto; padding-top: 15px;}
     div#mainArea > a.menu-toggle { height: 32px; left: 16px; top: 16px; width: 32px; }
     div#mainArea > a.menu-toggle span { margin: 5px auto; }
     div#mainArea > a.menu-toggle.opened span:nth-of-type(1) { margin-top: 14px; }
     div#mainArea > a.menu-toggle.opened span:nth-of-type(3) { margin-top: -18px; }
     div#mainArea > a.contact-toggle { font-size: .55em; height: 45px; right: 10px; top: 10px; width: 46px; }
     div.slide p { line-height: 18px; }
     div.slide .icon-list img { height: 42px; }
 
     div#mainArea > a.contact-toggle i { font-size: 2.5em; }
     li {font-size: 14px;}
     div.slide > div { padding: 12px; }
     div.slide > div div.columnX { width: 100%; }
     div.slide > div div.column3 { width: 100%; }
     div.slide > div div.column4 { width: 100%; }

     div.slide > div h2 { font-size: 1.1em; font-weight: 700; line-height: 17px; padding: 0; }
     div.slide > div p { font-size: 15px;}
     .flag {width: 65%; padding-right: 15px!important;}
    .flag-long {width: 80%;  font-size: 20px!important; padding-right: 15px!important;}
     .flag-longer {width: 95%; font-size: 16px!important; padding-right: 15px!important;}
     .flag-full {width: 95%; font-size: 16px!important; padding-right: 15px!important;}
  
     .mobile-space  {margin-top: 60px;}
     .mobile-text {margin-top: 15px;}
     .mobile-padding {padding-top: 30px;}
     .social-media p{width: 100%;}
     #by-numbers > div > div img {padding-top: 25px;}
     #slide-numbers {margin-left: 0;}
     #slide-numbers p {margin-left: -0px;}
     #slide-numbers > div {float: left;}
     #slide-numbers > div p {float: left;}
     #slide-numbers > div > div img {padding-top: 45px; }
     #slide-numbers > div p {margin: 0; transform: translate(150px); font-size: 12px; width: 150px;}
     #slide-numbers > div > div {width: 150px; margin-left: 10px; margin-top: 44px;}
     #slide-numbers > div > p {width: 150px; margin-left: 10px;}

     #factor-numbers > div > div img {padding-top: 25px;}
     #crmWebToEntityForm form {margin-top: -50px;}
     ul li ul li {text-indent: 25px;}
     .longest h2 { font-size: 1.1em;}

 }
 
 @media screen and (max-width: 587px) {
 .button {width: 100%!important;}
 button {right: 40px;}
 }
 
 @media screen and (max-width: 587px) {
     .button {width: 100%!important;}
 }
 
 @media screen and (max-width: 530px) {
 div#mainArea > a.arrow { background-color: rgba(0, 0, 0, 0.5); bottom: 15px; height: 5%; top: auto; width: 46%;}
 div#mainArea > a.arrow span { top: auto; font-size: 20px; bottom: 45px;}
 div#mainArea div#topArea h1 { padding-top: 50px;}
 div.slide img {width: 100%;}
 div.slide > div div.columnX {margin-top: 0;}
 .social a {text-align: center; font-size: 18px;}
 .popout {width: 100%;}
 .popout img {margin: 0!important; padding: 10px;}
 div.slide > div h2 {padding-bottom: 30px;}
 }


 @media screen and (max-width: 417px) {
    div#mainArea div#topArea h1 { padding-top: 70px;}
    div.slide > div h2 {font-size: 2em; padding-bottom: 15px; }
    div.slide > div h3 {font-size: 16px;}
    div.slide > div h4 {font-size: 16px; }
    div.slide > div p {font-size: 14px;  line-height: 20px; margin-left: -16px!important;}
    div.slide > div div.columnX img.mobilehide {display: none;}
    div.slide > div div.columnX .mobilehide {display: none;}
    div.slide > div.columnX .mobilehide {display: none;}
    div.slide > div div.column img {padding-top: 35px; width: 100%;}
    button { font-size: .65em; }
    div.slide > div h2 {line-height: 35px; }
    .flag {width: 65%; padding-right: 15px!important;font-size: 20px!important;}
    .flag-long {width: 80%;  font-size: 18px!important; padding-right: 15px!important;}
     .flag-longer {width: 95%; font-size: 16px!important; padding-right: 15px!important;}
     .flag-full {width: 95%; font-size: 16px!important; padding-right: 15px!important;}
     #gtranslateqwidget {width: 100%; padding: 10px; height: auto!important; overflow: hidden!important;}

    
 }

 @media screen and (max-width: 320px) {
    .flag-long {width: 80%;  font-size: 16px!important; padding-right: 15px!important;}
    #slide-numbers p.station-p {margin-left: 73px!important; margin-bottom: -30px;}
    #slide-numbers {margin-left: -41px;}
 }
 
 @media screen and (max-height: 595px) {
     div#topArea h1, div#topArea ul { display: inline-block; margin: 0 14px; vertical-align: middle; }
     div#topArea h1 { margin-bottom: 4px; }
     /* div.slide > div div.columnX {width: 100%;} */
     div#mainArea > a.menu-toggle { height: 32px; left: 16px; top: 16px; width: 32px; }
     div#mainArea > a.menu-toggle span { margin: 5px auto; }
     div#mainArea > a.menu-toggle.opened span:nth-of-type(1) { margin-top: 14px; }
     div#mainArea > a.menu-toggle.opened span:nth-of-type(3) { margin-top: -18px; }
     div#mainArea > a.contact-toggle { font-size: .55em; height: 45px; top: 10px; width: 46px; }
     div#mainArea > a.contact-toggle i { font-size: 2.5em; }
     div#mainArea > a.arrow { font-size: 2.5em; padding-top: 22px; }
     div#menu div {height: 40%;}


 }
 
 @media screen and (max-height: 595px) and (max-width: 650px) {
     div#topArea h1, div#topArea ul { display: block; }
 }
 
 @media screen and (max-height: 578px) {
    div#topArea h1 { font-size: 1.1em !important; font-weight: 700; margin-bottom: 6px; }
    div#slides { height: 65%; }
    div#mainArea > a.arrow { font-size: 2.5em; padding-top: 22px; }

}
 
 @media screen and (max-height: 568px) {
     div#topArea h1 { font-size: 1.1em !important; font-weight: 700; margin-bottom: 6px; }
     div#slides { height: 65%; }
     div#mainArea > a.arrow { font-size: 2.5em; padding-top: 22px; }

 }