@charset "UTF-8";
/*
Theme Name: OCN 2017
Description: OCN 2.0 Child Theme
Author: OCN
Template: ocn
Version: 3.0.0
*/

@font-face { font-family: 'liberation_sansbold_italic'; src: url("_fonts/liberationsans-bolditalic-webfont.woff2") format("woff2"), url("_fonts/liberationsans-bolditalic-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'liberation_sansitalic'; src: url("_fonts/liberationsans-italic-webfont.woff2") format("woff2"), url("_fonts/liberationsans-italic-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ralewaymedium'; src: url("_fonts/raleway-medium-webfont.woff2") format("woff2"), url("_fonts/raleway-medium-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ralewaybold'; src: url("_fonts/raleway-bold-webfont.woff2") format("woff2"), url("_fonts/raleway-bold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ralewaysemibold'; src: url("_fonts/raleway-semibold-webfont.woff2") format("woff2"), url("_fonts/raleway-semibold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'open_sansbold'; src: url("_fonts/opensans-bold-webfont.woff2") format("woff2"), url("_fonts/opensans-bold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'open_sansregular'; src: url("_fonts/opensans-regular-webfont.woff2") format("woff2"), url("_fonts/opensans-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'open_sanssemibold'; src: url("_fonts/opensans-semibold-webfont.woff2") format("woff2"), url("_fonts/opensans-semibold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'droid_serifbold'; src: url("_fonts/droidserif-bold-webfont.woff2") format("woff2"), url("_fonts/droidserif-bold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'droid_serifbold_italic'; src: url("_fonts/droidserif-bolditalic-webfont.woff2") format("woff2"), url("_fonts/droidserif-bolditalic-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'droid_serifitalic'; src: url("_fonts/droidserif-italic-webfont.woff2") format("woff2"), url("_fonts/droidserif-italic-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'droid_serifregular'; src: url("_fonts/droidserif-regular-webfont.woff2") format("woff2"), url("_fonts/droidserif-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

img.img-fluid { max-width: 100%; height: auto; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

main { font: 18px 'open_sansregular', sans-serif; overflow: hidden; }

.bg-img { margin: 0 auto; text-align: center; z-index: -1; }

.centered-and-cropped { object-fit: cover; overflow: hidden; }



header#global-nav.pannel2 { background: #FFFFFF; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.07), 0 4px 5px 0 rgba(0, 0, 0, 0.07), 0 1px 10px 0 rgba(0, 0, 0, 0.08); display: block; height: 95px; min-height: 75px; position: fixed; left: 0; right: 0; top: 0; text-align: center; width: 100%; z-index: 9999; -webkit-transition: height 0.5s ease; transition: height 0.5s ease; }

header#global-nav.pannel2 .hgroup { display: inline-block; float: left; min-height: auto; padding-top: 12px; text-align: left; width: 18%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

header#global-nav.pannel2 .hgroup img { box-sizing: border-box; height: auto; width: 280px; padding: 0 20px; }

header#global-nav.pannel2 p { font: 16px 'open_sansregular', sans-serif; color: #A5A5AF; padding: 5px 45px 0; }

header#global-nav.pannel2 nav { background: transparent; display: inline-block; float: right; margin: 20px 0 0 0; height: auto; width: 80%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

header#global-nav.pannel2 nav li { height: auto; padding: 0; }

header#global-nav.pannel2 nav li a { height: auto; display: inline-block; text-decoration: none; font: 16px/24px "open_sanssemibold", sans-serif; color: #6B7A8F; padding: 10px 20px; }

header#global-nav.pannel2 nav li a:hover { background: transparent; color: #FF3B3F; transition: all 0.3s ease; }

header#global-nav.pannel2 nav #menu-item-5837 { background: transparent; }

header#global-nav.pannel2 nav #menu-item-5837 a { background: #FF3B3F; color: #FFFFFF; padding: 10px 20px; }

header#global-nav.pannel2 nav #menu-item-5837 a:hover { background-color: #328CC1; }

header#global-nav.pannel2 .phoneGreen { background: #FF3B3F; display: block; padding: 10px 0; border-radius: 0; float: right; margin: 0; position: absolute; color: #FFFFFF !important; font: 25px/30px "open_sansbold", sans-serif; letter-spacing: 1px; text-shadow: none; border: none; right: 0; top: 0; width: 20%; text-align: center; text-decoration: none !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

header#global-nav.pannel2 .phoneGreen a { color: #FFFFFF; text-decoration: none; }

header#global-nav.pannel2 .phoneGreen span { display: block; font: 14px/22px "open_sanssemibold", sans-serif; }

header#global-nav.pannel2.scrolled-nav { height: 75px !important; }

header#global-nav.pannel2.scrolled-nav .hgroup { padding-top: 20px; }

header#global-nav.pannel2.scrolled-nav p { display: none; }

header#global-nav.pannel2.scrolled-nav nav { margin: 15px 0 0 0; }

header#global-nav.pannel2.scrolled-nav .phoneGreen { background: #328CC1; padding: 10px 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.pannel1 { box-sizing: border-box; width: 18%; float: left; padding: 5px 40px 25px 25px; margin: 95px 0 0; background: #1D2731; }

.pannel1 h2 { color: #6B7A8F; text-align: left; padding: 30px 0 0; font: 16px/24px "ralewaybold", sans-serif; letter-spacing: 1px; background: transparent; text-transform: uppercase; }

.pannel1 ul { list-style: none; }

.pannel1 ul li { border-bottom: none; padding: 0; }

.pannel1 ul li a { font: 16px/24px "open_sansregular", sans-serif; padding: 10px 0 0; display: block; color: #FFFFFF; text-decoration: none; }

.pannel1 ul li a:hover { background: transparent; color: #FFFFFF; transition: all 0.3s ease; }

header#global-nav.pannel2 nav #menu-item-8233 a{ color:#ffffff; background-color: #00ab14;}
header#global-nav.pannel2 nav #menu-item-8233 a:hover{ color:#ffffff; background-color: #008CC0;}

section.pannel2 { display: block; padding-top: 0; position: relative; margin: 95px 20% 0 18%; z-index: 1; }

section.pannel2 article { margin: 35px; z-index: 999; position: relative; background: #FFFFFF; padding: 15px; border-radius: 0; }

section.pannel2 article .videoPlayer { position: relative; padding-bottom: 53.25%; padding-top: 24px; height: 0; margin-bottom: 14%; display: block; }

section.pannel2 article .videoPlayer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

section.pannel2 article .hpDrop { background-color: #f5f5f5; padding: 15px; border: 1px solid #C5C1C0; margin: 15px 0; position: relative; }

section.pannel2 article .hpDrop .hpCopy { display: none; }

section.pannel2 article .hpDrop .hpToggle { padding: 0px; margin: 0px 60px 0px 0px; font-size: 24px; color: #192231; font-weight: 400; cursor: pointer; }

section.pannel2 article .hpDrop .hpToggle small { display: block; font-size: 12px; margin: 0px; padding: 0px; }

section.pannel2 article .hpDrop .hpToggle:after { content: "+"; color: #FFFFFF; height: 35px; width: 35px; line-height: 35px; border-radius: 100%; font-size: 34px; display: block; position: absolute; top: 15px; right: 15px; text-align: center; background-color: #328CC1; cursor: pointer; }

section.pannel2 article .hpDrop.view .hpToggle { margin: 0px 50px 18px 0px; }

section.pannel2 article .hpDrop.view .hpToggle:after { content: "-"; color: #FFFFFF; background-color: #FF3B3F; line-height: 28px; }

section.pannel2 article .hpDrop.view .hpCopy { display: block; }

section.pannel2 article.has-hero { margin: 700px 35px 0; }

section.pannel2.content.full { margin: 95px 0 0 20%; }

.hero { display: block; width: 100%; height: auto; position: absolute; top: 95px; z-index: 0; left: 18%; right: 0; }

.hero .centered-and-cropped { height: 550px; width: 100%; }

.hero .hero_overlay { position: absolute; top: -5px; left: 0; width: 135%; height: 100%; opacity: 0.75; background: linear-gradient(-45deg, #192231 35%, #1D2731 100%); }

.hero .cta { color: white; display: block; position: absolute; z-index: 9999; bottom: 25%; left: 0; margin: 0 50px; }

.hero .cta h2 { font: 30px/35px "open_sanssemibold", sans-serif; letter-spacing: 1px; margin: 0 0 15px; }

.hero .cta p { color: #EFEFEF; font: 16px/24px "droid_serifregular", sans-serif; letter-spacing: 1px; }

.hero .cta .btn-set { display: inline-flex; }

.hero .cta .btn-set .btn { background-color: #FF3B3F; border: 2px solid #FF3B3F; border-radius: 0; color: #FFFFFF; cursor: pointer; display: inline-block; font: 18px/24px "open_sansregular", sans-serif; margin: 25px 0 0; padding: 15px 30px; text-decoration: none; z-index: 1; }

.hero .cta .btn-set .btn:hover { background-color: #328CC1; border: 2px solid #328CC1; transition: all 0.3s ease; }

.hero .cta .btn-set .btn.secondary { background-color: rgba(0, 0, 0, 0.15); border: 2px solid #FFFFFF; color: #FFFFFF; margin-left: 20px; }

.hero .cta .btn-set .btn.secondary:hover { background-color: #328CC1; border: 2px solid #328CC1; }

.pannel3 { display: block; float: right; width: 20%; margin: 175px 0 0; padding: 0; position: relative; z-index: 2; }

article header h1, article h1 { color: #192231; font: 35px/45px "open_sansbold", sans-serif; margin: 5px 0 15px; }

article h2 { color: #0B3C5D; font: 28px/38px "open_sansbold", sans-serif; margin: 5px 0 25px; text-align: left; }

article h3 { color: #328CC1; font: 24px/34px "ralewaybold", sans-serif; margin: 5px 0 30px; }

article h4 { color: #FF3B3F; font: 20px/30px "open_sansbold", sans-serif; margin: 5px 0 25px; }

article h5 { border-top: 3px solid #EFEFEF; color: #A5A5AF; font: 16px/30px "droid_serifsemibold", serif; margin: 40px 0 25px; padding: 15px 0 0; text-transform: uppercase; }

article p { color: #1D2731; font: 18px/30px "droid_serifregular", serif; }

article b, article strong { color: inherit; font: 18px/30px "droid_serifbold", serif; }

article a { color: #328CC1; }

article a:hover { color: #D9B310; text-decoration: none; transition: all 0.3s ease; }

article img { vertical-align: middle; outline: none; border-style: none; }

article iframe { margin: 50px 0 !important; }

article ol { margin: 0; padding: 0 20px 20px; list-style-type: none; }

article ol li { counter-increment: step-counter; margin: 0 0 25px 25px; padding: 0 15px; vertical-align: top; }

article ol li::before { border: 2px solid #328CC1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; content: counter(step-counter); color: #328CC1; font: 16px/26px "droid_serifbold", serif; float: left; margin: 0 15px 10px -50px; height: 30px; width: 30px; text-align: center; }

article ol li strong { color: #328CC1; }

article table { box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.05), 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 5px 15px 0 rgba(0, 0, 0, 0.05); width: 100%; height: auto; table-layout: fixed; margin: 50px 0; }

article table tr:first-of-type, article table tr:first-of-type td { background: #328CC1; color: #FFFFFF; font: 18px/24px "open_sanssemibold", sans-serif; }

article table td { color: #0B3C5D; width: auto; display: table-cell; height: auto; vertical-align: middle; text-align: center; border: 1px solid #EFEFEF; padding: 15px 20px; font: 16px/24px "open_sansregular", sans-serif; }

article table td:nth-child(odd) { background: #e7f6f9; border: 1px solid #FFFFFF; }

article table td:nth-child(even) { background: #FFFFFF; }

article .text-base-table { display: none; }

article .text-base-table table td { padding: 1.5%; }

article .view-table { cursor: pointer; margin: 0; text-decoration: underline; font-size: smaller; }

article .hnd_dub { color: #FF3B3F !important; padding: 0 !important; text-decoration: none !important; position: relative !important; border-bottom: 1px solid #FF3B3F !important; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; }

article .hnd_term { border-bottom: 1px solid #FF3B3F !important; padding: 0 0 2px !important; cursor: help !important; text-decoration: none !important; color: #FF3B3F !important; display: inline !important; }

.extended article ul, .content article ul, .content article ol { display: block; margin: 40px 35px; }

.content article ul li, .extended article ul li { color: #0B3C5D; font: 16px/28px "droid_serifregular", serif; margin: 15px; padding: 0; }

.content article ul li strong, .extended article ul li strong { font: 16px/28px "droid_serifbold", serif; }

.pl1 { background: #1D2731; width: 18%; left: 0; }

.pl2 { background: #FFFFFF; left: 0; right: 0; -webkit-box-shadow: none; box-shadow: none; z-index: -1; }

.pl3 { background: #FFFFFF; width: 20%; right: 0; }

@-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotation { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); } }

@-ms-keyframes rotation { from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); } }

@-o-keyframes rotation { from { -o-transform: rotate(0deg); }
  to { -o-transform: rotate(360deg); } }

@keyframes rotation { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

.state-rate { color: #EFEFEF; margin: 215px 0 155px -20px; }

.state-rate .state-icon { display: inline-block; }

.state-rate .state-icon .circle { border: 2px dotted #FF3B3F; border-radius: 50%; display: inline-block; height: 75px; width: 75px; opacity: .75; padding: 10px; -webkit-animation: rotation 75s linear 0s infinite normal none; -moz-animation: rotation 75s linear 0s infinite normal none; -ms-animation: rotation 75s linear 0s infinite normal none; -o-animation: rotation 75s linear 0s infinite normal none; animation: rotation 75s linear 0s infinite normal none; }

.state-rate .state-icon span { color: #FF3B3F; font: 40px/40px "open_sansbold", sans-serif; letter-spacing: 1px; text-align: center; margin: -55px 0 0 -5px; display: block; opacity: .25; }

.state-rate .state-icon img { vertical-align: middle; border-style: none; display: block; margin: -75px 5px 0; }

.state-rate h4 { font: 28px/38px "droid_serifitalic", serif; letter-spacing: 1px; margin: -50px 0 0 90px; }

.state-rate h4 span { display: block; font: 14px/18px "open_sansregular", sans-serif; text-transform: uppercase; }

.state-rate a { color: #FF3B3F; font: 14px/18px "open_sanssemibold", sans-serif; margin-left: 5px; text-decoration: none; }

.state-rate a:hover { color: #D9B310; text-decoration: none; }

.pod { display: block; padding: 25px; color: #6B7A8F; font: 16px/30px "open_sansregular", sans-serif; background: #FFFFFF; margin: 0; }

.pod h3 { border-bottom: 1px solid #FF3B3F; color: #FF3B3F !important; font: 16px/30px "open_sanssemibold", sans-serif; margin: 0 0 25px; padding: 0 0 20px; text-align: left; text-transform: uppercase; }

.pod h3 a { color: #FF3B3F; text-decoration: none; }

.acanews.list li { border-radius: 0; min-height: 40px; margin: 0 0 25px; overflow: hidden; padding: 0; width: 100%; -webkit-box-shadow: none; box-shadow: none; background: #FFFFFF; }

.acanews.list li a { background: #FFFFFF; color: #0B3C5D; display: block; font: 18px/24px "ralewaybold", sans-serif; margin: 0 0 5px; border-bottom: none; padding: 0; }

.acanews.list li a:hover { color: #328CC1; text-decoration: none; }

.acanews.list li p { color: #6B7A8F; font: 16px/28px "open_sansregular", sans-serif; margin: 10px 0 25px; padding: 0; }

footer { background: transparent !important; }

footer .pannel1 { color: #6B7A8F; font: 15px/20px "open_sansregular", sans-serif; margin: 0; width: 18%; left: 0; }

footer .pannel1 nav { padding: 15px 0 0; }

footer .pannel1 nav ul { display: inline-block; }

footer .pannel1 nav ul li { display: inline-block; padding-right: 10px; }

footer .pannel1 nav ul li a { font: 14px/8px "open_sansregular", sans-serif; text-decoration: underline; }

footer .pannel2 { background: #FFFFFF; color: #A5A5AF; left: 0; right: 0; margin: 95px 0 0 18%; padding: 0 50px; -webkit-box-shadow: none; box-shadow: none; z-index: -1; }

footer .pannel2 p { border-top: 3px solid #EFEFEF; font: 15px/25px "open_sansregular", sans-serif; margin: 0; padding: 25px 0 0; }

footer .pannel3 { background: #FFFFFF; width: 0; right: 0; }

footer p { margin: 0; line-height: inherit; }

.float { background-color: #FFFFFF; padding: 25px; width: 100%; float: left; height: auto; }

.float .rates h5 { color: #328CC1; font: 15px/25px "open_sanssemibold", serif; letter-spacing: 0.5px; text-align: center; text-transform: uppercase; }

.float .rates h6 { color: #FF3B3F; font: 24px/30px "droid_serifbold_italic", serif; text-align: center; }

.float .rates ul { list-style: none; margin: 0 10px; padding: 15px 0 5px; text-align: left; }

.float .rates ul li { color: #0B3C5D; font: 15px/25px "open_sanssemibold", sans-serif; margin: 0 0 5px; }

.float .rates ul li:before { color: #328CC1; content: '✓'; padding-right: 5px; }

.float .rates .btn { background-color: #FF3B3F; border-radius: 0; color: #FFFFFF; cursor: pointer; display: block; float: none; font: 18px/24px "open_sansregular", sans-serif; margin: 25px 0 0; padding: 15px 30px; text-align: center; text-decoration: none; }

.float .rates .btn:hover { background-color: #328CC1; transition: all 0.3s ease; }

.float, .content { margin-top: 25px; }

.fixed { position: fixed; top: 75px; width: 20%; }

#viewpages section.pannel2.content { margin: 95px 20% 0 18%; padding-top: 35px; }

#viewpages section.pannel2 article { margin: 0 40px 100px; }

#viewpages section.pannel2 article.post { margin: 0 40px 25px; }

#viewpages section.pannel2 article.post a { text-decoration: none; }

#viewpages section.pannel3 { display: block; margin: 160px 0 0; }

#viewpages section.pannel3 .state-rate { display: none; }

header.news { margin: 25px 55px 0; }

header.news h1 { color: #192231; font: 35px/45px "droid_serifbold", serif; margin: 5px 0; }

ul.categories { list-style: none; }

ul.categories li { padding: 0 0 10px; }

ul.categories li a { color: #0B3C5D; font: 18px/24px "ralewaybold", sans-serif; text-decoration: none; }

ul.categories li a span { background-color: #EFEFEF; border-radius: 10px; color: #FF3B3F; display: inline-block; margin: 0 0 0 10px; text-align: center; font: 12px/20px "open_sanssemibold", sans-serif; height: 20px; width: 35px; vertical-align: middle; }

ul.categories li a:hover { color: #328CC1; transition: all 0.3s ease; }

ul.categories li a:hover span { background-color: #FF3B3F; color: #FFFFFF; transition: all 0.3s ease; }

#viewpages section.pannel2.content.full { margin: 95px 0 0 18%; }

.callus { margin: 25px 0 50px; display: inline-block; padding: 25px 100px; text-align: center; background: #FF3B3F; color: #FFFFFF; font: 100 18px/24px "droid_serifitalic", serif; text-shadow: none; border-radius: 0; }

.callus a { color: #FFFFFF; display: block; font: 100 32px/34px "open_sansbold", sans-serif; letter-spacing: 1px; margin-top: 5px; }

.callus a:hover { color: #FFFFFF; }

.toggle { height: 45px; display: none; width: 65px; float: left; position: relative; background: #FF3B3F url(_media/ocnsprite.png) no-repeat top left; cursor: pointer; transition: all 0.3s ease; }

.hide { display: none; }

@media (max-width: 1715px) { header#global-nav.pannel2 .hgroup { width: 20%; }
  header#global-nav.pannel2 nav { width: 78%; }
  header#global-nav.pannel2 .phoneGreen { width: 25%; }
  header#global-nav.pannel2 p { padding: 0 40px; }
  .pannel1 { width: 20%; }
  .pannel3 { width: 25%; }
  .fixed { width: 25%; }
  .float .rates ul { margin: 0; }
  section.pannel2 { margin: 95px 25% 0 20%; }
  .hero { left: 20%; }
  #viewpages section.pannel2.content { margin: 95px 25% 0 20%; }
  #viewpages section.pannel2.content.full { margin: 95px 0 0 20%; }
  .pl1 { width: 20%; }
  .pl3 { width: 25%; }
  footer .pannel1 { font: 12px/18px "open_sansregular", sans-serif; width: 20%; }
  footer .pannel1 nav ul li a { font: 12px/14px "open_sansregular", sans-serif; }
  footer .pannel2 { margin: 95px 0 0 20%; }
  footer .pannel3 { width: 0; } }

@media (max-width: 1480px) { .state-rate { margin: 215px 0 150px -40px; } }

@media (max-width: 1360px) { header#global-nav.pannel2 .hgroup { text-align: center; width: 25%; }
  header#global-nav.pannel2 nav { width: 72%; }
  header#global-nav.pannel2 .phoneGreen { width: 20%; }
  .hero { left: 25%; }
  .state-rate { display: none; }
  .pannel1 { width: 25%; }
  .pannel3 { width: 0%; }
  .fixed { width: 0%; }
  .float, .content { display: none; }
  #viewpages section.pannel2.content, section.pannel2.content, #viewpages section.pannel2.content.full { margin: 95px 0% 0 25%; }
  .pl1 { width: 25%; }
  .pl3 { width: 0%; }
  footer .pannel1 { width: 25%; }
  footer .pannel2 { margin: 95px 0% 0 25%; } }

@media (max-width: 1090px) { header#global-nav.pannel2 p { padding: 0; }
  header#global-nav.pannel2 .hgroup img { width: 225px; padding: 0 10px; transition: all 0.3s ease; }
  header#global-nav.pannel2 .phoneGreen { width: 25%; transition: all 0.3s ease; }
  header#global-nav.pannel2 nav { margin: 30px 0 0 0; }
  header#global-nav.pannel2.scrolled-nav nav { margin: 20px 0 0 0; }
  header#global-nav.pannel2 nav li a { font: 15px/20px "open_sanssemibold", sans-serif; padding: 5px 10px; }
  header#global-nav.pannel2 nav #menu-item-5837 a { padding: 10px 20px 5px; margin: -5px 0 0; }
  .pl1 { width: 25%; transition: all 0.3s ease; } }

@media (max-width: 990px) { .asidehide .pannel2 { margin-left: 0; }
  .pannel2 nav li.toggle { display: block; height: 35px !important; position: fixed; left: 0; top: 135px; transition: all 0.3s ease; }
  .asidehide .pannel2 nav li.toggle, #viewpages.asidehide .pannel2 nav li.toggle { left: 22%; transition: all 0.3s ease; }
  .asidehide section.pannel2.content, #viewpages.asidehide section.pannel2.content, #viewpages.asidehide section.pannel2.content.full { background-color: #FFFFFF; margin: 80px 0% 0 25%; transition: all 0.3s ease; }
  section.pannel2.content, #viewpages section.pannel2.content, #viewpages section.pannel2.content.full { background-color: #FFFFFF; margin: 80px 0% 0 30px; transition: all 0.3s ease; }
  .asidehide .pl1, #viewpages.asidehide .pl1 { width: 25%; transition: all 0.3s ease; }
  .asidehide footer, #viewpages.asidehide footer { width: 75%; float: right; }
  section.pannel2 .herosize .hero-video { margin: -150px 0 0 -50px; }
  section.pannel2 .herosize .hero-video .hero_overlay { left: -50px; }
  .asidehide section.pannel2 .herosize .hero-video { margin: -150px 0 0 0; }
  .asidehide section.pannel2 .herosize .hero-video .hero_overlay { left: 0; }
  footer { width: 100%; float: none; }
  footer .pannel1 { display: block; font: 14px/20px "open_sansregular", sans-serif; width: 100%; margin: 0 25px 10px; text-align: center; }
  footer .pannel1 .address br { display: none; }
  .hero { left: 0; top: 80px; }
  .hero .hero_overlay { width: 100%; }
  .hero .centered-and-cropped { height: 475px; }
  .asidehide .hero { left: 25%; }
  section.pannel2 article.has-hero { margin: 600px 15px 0; }
  footer .pannel2 { margin: 0; text-align: center; }
  footer .pannel2 p { border-top: none; font: 14px/24px "open_sansregular", sans-serif; } }

@media (max-width: 950px) { header#global-nav.pannel2 { height: 80px; }
  header#global-nav.pannel2 .hgroup { padding: 10px 25px 5px; width: auto; }
  header#global-nav.pannel2 .phoneGreen { width: auto; height: 80px; padding: 10px 40px; }
  header#global-nav.pannel2 nav { margin: 70px -80px 0 0; width: 100%; }
  header#global-nav.pannel2 nav li a { color: #A5A5AF; text-decoration: underline; }
  header#global-nav.pannel2 nav #menu-item-5837 a { background: transparent; color: #FF3B3F; }
  header#global-nav.pannel2 nav #menu-item-5837 a:hover { background: transparent; color: #328CC1; }
  section.pannel2.content, #viewpages section.pannel2.content, #viewpages section.pannel2.content.full { margin: 150px 0% 0 30px; }
  .asidehide section.pannel2.content, #viewpages.asidehide section.pannel2.content, #viewpages.asidehide section.pannel2.content.full { margin: 150px 0% 0 25%; }
  .asidehide header#global-nav.pannel2 nav { margin: 135px -30% 0 0; }
  #viewpages.asidehide header#global-nav.pannel2.content.full nav { margin: 70px -30% 0 0; }
  header#global-nav.pannel2.scrolled-nav nav li a { display: none; }
  header#global-nav.pannel2.scrolled-nav .phoneGreen { background: #FF3B3F; padding: 10px 40px; height: 75px; }
  header#global-nav.pannel2 { position: absolute; }
  header#global-nav.pannel2.scrolled-nav { height: auto !important; position: absolute; }
  .hero { left: 0; top: 80px; }
  .hero .hero_overlay { width: 100%; }
  .hero .centered-and-cropped { height: 475px; }
  .asidehide .hero { left: 25%; }
  section.pannel2 article.has-hero { margin: 600px 15px 0; } }

@media (max-width: 728px) { .asidehide aside { width: 100%; background: #1D2731; display: block; z-index: 99999; margin: 0; border-left: 65px solid #FF3B3F; padding: 0 30px 100px; transition: all 0.3s ease; }
  .asidehide aside h2 { color: #A5A5AF; padding: 40px 0 0; font: 16px/24px "ralewaybold", sans-serif; letter-spacing: 1px; }
  .asidehide aside a { font: 16px/24px "open_sansregular", sans-serif; padding: 10px 0 0; display: block; color: #6B7A8F; text-decoration: none; }
  .asidehide .pannel1 .toggle { display: block; position: absolute; left: -65px; top: 30px; border-bottom: 0; border-radius: 0; transition: all 0.3s ease; } }

@media (max-width: 555px) { section.pannel2.content, #viewpages section.pannel2.content, #viewpages section.pannel2.content.full { margin: 140px 0 0; }
  section.pannel2 article, #viewpages section.pannel2 article { margin: 0 10px 50px; }
  header#global-nav.pannel2 .hgroup { padding: 10px 25px 5px; width: 100%; }
  header#global-nav.pannel2 .phoneGreen { width: 100%; height: 75px; padding: 10px 40px; margin: 80px 0 0; }
  header#global-nav.pannel2 .phoneGreen span.snd { display: none; }
  header#global-nav.pannel2 nav li a { display: none; }
  .pannel2 nav li.toggle { top: 100px; }
  article header h1, #viewpages article header h1 { font-size: 30px; line-height: 34px; }
  section.pannel2 article.has-hero { margin: 575px 15px 0; }
  .hero .cta { bottom: 0; top: 125px; margin: 0 25px; }
  .hero .cta h2 { font: 28px/34px "open_sanssemibold", sans-serif; }
  .hero .cta .btn-set { display: block; padding: 15px 0 0; }
  .hero .cta .btn-set .btn { padding: 15px 20px; width: 100%; display: block; text-align: center; margin: 10px auto; } }