html,body { height:100%; margin:0; padding:0; }
body { background:#fff; font-family:arial,helvetica,sans-serif; color:#000; }

h1,h2,h3,h4,h5,h6,p,ul,ol,li { margin:0; padding:0; }
ul,ol,li { list-style:none; }
img { border:none; }

a,a:hover { color:#000; text-decoration:underline; }
a:hover { text-decoration:none; }

.sans-serif { font-family:'Merriweather Sans',sans-serif; }
.default { font-family:arial,helvetica,sans-serif; font-weight:normal; }

.hide-mobile { display:none; }

.container { float:left; width:100%; }

.outer { float:left; width:100%; }
.outer.blue { background:#03518b; }
.inner { width:90%; margin:0 auto; }

.header { float:left; width:100%; padding:10px 0; }
.col { float:left; width:100%; }

.menu { position:absolute; z-index:2; top:0; right:0; }
.menu a { display:block; padding:10px 15px; }

.logo { margin-bottom:10px; }
.logo h1,.logo h2{ display:none; }

.col .ref { float:left; width:50%; }
.col .ref a { text-decoration:none; font-weight:bold; }

.col .contact { float:left; width:50%; text-align:right; }
.col .contact p,.col .contact a { color:#777; }

.drawer,.hotspot { position:fixed; z-index:888; top:0; right:0; bottom:0; left:0; }
.hotspot { z-index:888; }

.drawer ul { position:fixed; width:270px; padding-top:20px; top:0; right:0; bottom:0; background:#e5e5e5; }
.drawer li span { display:block; padding:20px 15px 10px 15px; }
.drawer li a { display:block; font-weight:bold; text-decoration:none; padding:10px 15px; }
.drawer li a:hover { background:#fff; }
.drawer li.to-right a { text-align:right; padding-right:15px; }
.drawer li.to-right a:hover { background:none; }

.nav li { float:left; width:25%; text-align:center; }
.nav li a { display:block; padding:15px 0; text-decoration:none; font-weight:bold; }
.nav li a:hover { opacity:0.9; }

.nav li.nav-1 a { background-color:#ffeb08; }
.nav li.nav-2 a { background-color:#004500; color:#fff; }
.nav li.nav-3 a { background-color:#03518b; color:#fff; }
.nav li.nav-4 a { background-color:#ffeb08; }

.nav li.set a { background-color:#fff; color:#000; }

.spread { float:left; width:100%; height:450px; background:#111; }
.spread ul { width:100%; height:100%; }
.bg-image { width:100%; height:100%; background-position:center center; background-attachment:scroll; background-size:cover; }

.overlay { position:absolute; z-index:1; margin-top:100px; width:100%; }
.overlay h3 { font-size:40px; font-weight:bold; color:#ffeb08; }
.overlay a { color:#fff; font-size:40px; margin-left:5px; text-decoration:none; font-weight:bold; border-bottom:4px solid #ffeb08; }
.overlay a:hover { border-color:#fff; }

.overlay.list h3 { color:#03518b; }
.overlay.list a { border-color:#03518b; }

.content { float:left; width:100%; }

.content .image { float:left; width:100%; height:260px; border-top:8px solid #ffeb08; background-position:center center; background-attachment:scroll; background-size:cover; }
.content .image a { display:block; font-weight:bold; text-decoration:none; text-align:center; font-size:34px; margin-top:65px; color:#ffeb08; }
.content .image a span { color:#fff; border-bottom:1px solid #ffeb08; }

.content .text { float:left; width:100%; margin:20px 0; }
.content .text p { margin-bottom:20px; line-height:1.5em; color:#666; }
.content .text p a { color:#666; font-weight:bold; text-decoration:none; border-bottom:1px solid #ffeb08; }
.content .text p a:hover { border-color:#03518b; }

.outer.blue .image.spacer { margin-top:30px; }
.outer.blue .text p { color:#fff; }
.outer.blue .text p a { color:#fff; }
.outer.blue .text p a:hover { border-color:#ccc; }

.list-items { float:left; width:100%; }

.action  { float:left; width:100%; margin-bottom:20px; }
.action li { margin-bottom:4px; }
.action li a { display:block; text-decoration:none; font-weight:bold; background:#e5e5e5; padding:15px 0; text-align:center; }
.action li a:hover { opacity:0.9; }

.action li.question a { background-color:#03518b; color:#fff; }
.action li.rfp { margin-bottom:15px; }
.action li.rfp a { background-color:#ffeb08; color:#000; }
.action li.facebook a { background-color:#e5e5e5; }
.action li.facebook a span { padding:7px 0 7px 37px; font-size:11px; color:#666; background:url(../img/facebook.png) left center no-repeat; }
.action li.facebook.footer a { background-color:#fff; }

.outer.blue .action li.question a { background-color:#fff; color:#000; }

.image-gallery { float:left; width:100%; margin-bottom:40px; }
.image-gallery h3 { float:left; width:100%; font-size:13px; color:#999; margin-bottom:20px; }

.gallery-image a  { float:left; text-align:center; display:block; width:46%; height:130px; margin-bottom:35px; background-position:center center; background-attachment:scroll; background-size:cover; }
.gallery-image:nth-child(odd) a { margin-right:4%; }
.gallery-image:nth-child(even) a { margin-left:4%; }
.gallery-image img { margin-top:50px; }

.cats { float:left; width:100%; padding:40px 0; }
.list .cats { padding:40px 0; }

.cat { float:left; width:46%; margin-bottom:35px; }
.cat:nth-child(odd) { margin-right:4%; }
.cat:nth-child(even) { margin-left:4%; }
.cat h4 { float:left; color:#fff; font-size:15px; font-weight:bold; margin-bottom:10px; }

.list .cat h4 { color:#000; }
.list .cat { width:100%; }
.list .cat:nth-child(odd) { margin-right:0; }
.list .cat:nth-child(even) { margin-left:0; }

.cat .cols { float:left; width:100%; background:#fff; }
.cat .col { float:left; }

.list .cat .cols { background:#f5f5f5; border-top:8px solid #03518b; }

.cat .col.image { width:100%; height:130px; background-position:center center; background-attachment:scroll; background-size:cover; }
.cat .col.image a { display:block; width:100%; height:130px; }

.cat .col.text { display:none; margin-left:20px; }
.cat .col.text a { display:block; margin:10px 0; text-decoration:none; line-height:1.5em; }
.cat .col.text a:hover { opacity:0.5; }
.cat .col.text a span { background:url(../img/arrow.png) center right no-repeat; padding-right:20px; }

.list .cat .col.text { display:inline; }

.cat .read-more { float:left; width:100%; padding:15px 0; }
.cat .read-more a { display:block; text-align:center; font-weight:bold; text-decoration:none; font-size:12px; color:#fff; }
.cat .read-more a span { background:url(../img/arrow_yellow.png) left center no-repeat; padding-left:15px; }

.list .cat .read-more a { color:#000; }

.pager { float:left; width:100%; text-align:center; }
.pager li { display:inline; padding:0 5px; }

.footer { float:left; width:100%; padding:40px 0; }

.lightbox { display:!none; position:fixed; z-index:998; top:0; right:0; bottom:0; left:0; }
.lightbox .spread { height:100%; }
.lightbox .desc { position:absolute; background:#fff; bottom:0; left:0; right:0; text-align:center; padding:20px 0; z-index:999; }
.lightbox .desc a { float:right; margin-right:20px; display:block; width:24px; height:24px; background:url(../img/close.png) center center no-repeat; }

.rn-carousel-control { font-size:35px; font-weight:bold; color:#ffeb08; }

#recaptcha_area { width:100%; overflow:auto; }

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) 
{
.action li.facebook a span { background-image:url(../img/facebook@2x.png); background-size:27px 27px; }

.cat .col.text a span { background-image:url(../img/arrow@2x.png); background-size:10px 10px; }
.cat .read-more a span { background-image:url(../img/arrow_yellow@2x.png); background-size:10px 10px; }

.lightbox .desc a { background-image:url(../img/close@2x.png); background-size:24px 24px; }
}

/* tablet - vert */
@media only screen and (min-width: 720px) and (max-width: 991px)
{
.hide-mobile { display:inline; }
.hide-tablet { display:none; }

.inner { width:720px; }

.header { width:100%; padding:20px 0 10px 0; }
.col { float:left; width:50%; }
.col .contact { width:100%; }

.overlay h3 { font-size:70px; }
.overlay a { font-size:70px; margin-left:5px; }

.content { margin:60px 0; }
.content .image { width:175px; height:200px; margin-right:30px; border:none; }
.content .image a { display:none; }
.content .text { width:270px; margin:0; }

.content .action  { float:right; width:220px; font-size:12px; }

.outer.blue .image.spacer { margin-top:0; }

.gallery-image a  { width:23%; }
.gallery-image:nth-child(odd) a { margin-right:2%; }
.gallery-image:nth-child(even) a { margin:0 2% 0 0; }

.cat { float:left; width:48%; margin-bottom:50px; }
.cat:nth-child(odd) { margin-right:2%; }
.cat:nth-child(even) { margin-left:2%; }

.cat .cols { border-top:8px solid #ffeb08; }

.list .cat h4 { color:#000; }
.list .cat { width:46%; }
.list .cat:nth-child(odd) { margin-right:4%; }
.list .cat:nth-child(even) { margin-left:4%; }

.cat .col.image { width:100%; height:130px; }
.cat .col.image a { width:160px; height:130px; }

.cat .col.text { display:inline; width:100%; }
.cat .read-more { display:none; }

#recaptcha_area { width:auto; overflow:visible; }

}

/* desktop */
@media only screen and (min-width: 991px)
{
.hide-mobile { display:inline; }
.hide-tablet { display:none; }

.inner { width:960px; }

.header { width:100%; padding:20px 0 10px 0; }
.col { float:left; width:50%; }
.col .contact { width:100%; }

.overlay h3 { font-size:70px; }
.overlay a { font-size:70px; margin-left:5px; }

.content { margin:60px 0; }
.content .image { width:175px; height:200px; margin-right:30px; border:none; }
.content .image a { display:none; }
.content .text { width:420px; margin:0; }

.content .action  { float:right; width:300px; }

.outer.blue .image.spacer { margin-top:0; }

.gallery-image a  { width:18%; }
.gallery-image:nth-child(odd) a { margin-right:2%; }
.gallery-image:nth-child(even) a { margin:0 2% 0 0; }

.cat { float:left; width:48%; margin-bottom:50px; }
.cat:nth-child(odd) { margin-right:2%; }
.cat:nth-child(even) { margin-left:2%; }

.cat .cols { border-top:8px solid #ffeb08; }

.list .cat h4 { color:#000; }
.list .cat { width:46%; }
.list .cat:nth-child(odd) { margin-right:4%; }
.list .cat:nth-child(even) { margin-left:4%; }

.cat .col.image { width:160px; height:140px; }
.cat .col.image a { width:160px; height:140px; }

.cat .col.text { display:inline; }
.cat .read-more { display:none; }

#recaptcha_area { width:auto; overflow:visible; }

}