@charset "utf-8";
/* #Reset & Basics ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {min-width:320px;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}

/* #Basic Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body, html {font-size:16px; line-height:1.6em; font-family: 'Roboto', sans-serif; font-weight:400; color:#383838; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; height:100%;}
a, a:visited {text-decoration:none; outline:0; -webkit-transition:.3s all ease; -moz-transition:.3s all ease;  -o-transition:.3s all ease; transition:.3s all ease;}
p a, p a:visited {line-height: inherit;}
li {line-height:1.4em;}
h1, h2, h3, h4, h5, h6 {font-weight:500;}
strong {font-weight:700;}
em {font-style:italic;}
small {font-size:85%;}
sup {font-size:75%; vertical-align: super;}
img {vertical-align:top; max-width:100%; height:auto;}
*, *:before, *:after{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.no-touchevents a[href^="tel:"] { pointer-events: none; cursor: text; }
#skiptocontent a {padding:6px; position: absolute; top:-50px; left:0; color:#333; border: 1px solid #fff; z-index: 100;}
#skiptocontent a:focus, #skiptocontent a:hover{color:#206389;}

/* #Misc ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.clearfix:before, .clearfix:after{content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after { clear: both;}
.clearfix {zoom: 1;}
.ie7 .clearfix {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clear {clear: both;}
.container {position: relative; min-height:100%; overflow:hidden;}
.text-center {text-align:center;}
.wraper {margin: 0 auto; position:relative; padding: 0; width:94%; max-width:1300px; z-index:1;}
.smallwrap {margin:0 auto; max-width:900px;}
.bigfont {font-size:1.2em;}

.col12{width:48%;}
.col23{width:65.333%;}
.col13{width:30.666%;}
.col14{width:25%;}
.col40{width:40%;}
.col60{width:60%;}

.row {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap:wrap;}
.nowrap{-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap:nowrap;}
.row-reverse {-webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction:row-reverse;}
.vcenter{align-self:center;}
.itemcenter{align-items:center;}
.justify {-webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between;}
.contentcenter {-webkit-justify-content:center; -ms-justify-content:center; justify-content:center;}
.powered{font-size: .9em; font-weight: 600; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap;}
.powered > * {margin-left:8px;}

/* #header ~~~~~~~~~~~~~~~~~~~~~~~~ */
.header {position:relative; z-index:5; top:0; left:0; right:0; background-color:#fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.header:after { content: ""; position: absolute; background-color: #a4d5d8; top: 0; left: -100vw; right: -100vw; bottom:50px; z-index: -1;}
.logo {width: 345px; margin: auto; height: 136px; text-align: center;}
.mobilogo {display:none; margin: 10px auto; width: 100px; position: relative;}
.nav { position: relative;}
.cal_btn { position: absolute; right: 0; z-index: 1; top:20px;}
.cal_btn a {color: #383838; text-transform: uppercase; line-height:20px;}
.cal_btn svg {width:20px; height:20px; margin-right: 5px; fill:#383838; -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease;}
.cal_btn a:hover svg {fill: #1a3a3c;}
.cal_btn a:hover {color: #1a3a3c;}

.fixed .header {width:100%; position:fixed;}
.fixed .logo {width:60px;; height: 52px; left:3%; position:absolute;}
.fixed .banner { margin-top: 188px;}
.fixed .cal_btn { display:none; /*right: 3%; top: 16px;*/}
.fixed .nav, .shadow { -webkit-box-shadow: 0px 0px 3px 2px rgba(204, 204, 204, 0.3); -moz-box-shadow: 0px 0px 3px 2px rgba(204, 204, 204, 0.3); box-shadow: 0px 0px 3px 2px rgba(204, 204, 204, 0.3);}
/* .fixed .menu {margin-right: 50px;} */

.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.banner {position:relative; overflow:hidden;}
.banner img {width:100%;}
.header, .banner {max-width:inherit;}
.banneroverlay:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(173, 213, 216, .2);}

.topbanner {position: relative; padding: 20px 0; margin-top:5px; background-color: #383838/*var(--primary)*/;}
.topbanner.editor h1 { margin: 0; color: #fff;}
.banner img, .topbanner img{ width:100%;}

.space_wrap {position:relative; padding-bottom:80px; padding-top:80px;}

.about_wrap { position: relative; padding-top: 80px;}
.about_wrap .wraper span {color: #1a3a3c; display: inline-block;}
.about_wrap h1 { position: relative; padding-bottom: 20px; }
.about_wrap h1:after { position: absolute; content: ''; background: #add5d8; width:100px; height: 5px; bottom: 0; left: 0; right: 0; margin: 0 auto; }
.editor .more {position: relative; color: #1a3a3c; display: inline-block; text-transform: uppercase; padding: 7px 12px; font-weight: 500; border: 2px solid #1a3a3c; text-decoration: none; margin-top: 20px;}
.editor .more:after { content: ''; position: absolute; background: #1a3a3c; bottom: -2px; right: -2px; z-index: -1; width: 0; height: 0; -webkit-transition:0.3s all ease; -moz-transition:0.3s all ease; transition:0.3s all ease; }
.editor .more:hover:after { width: 100%; height: 100%; top: 0; left: 0;}
.editor .more:hover { color: #fff;}

.boxes_wrap > div {position: relative; width:33.333%; color:#fff; padding:10px;}
.boxes_wrap .box {display:block; overflow: hidden;  position: relative; width:100%; color:#fff; background-size: cover; background-position:center; height:250px; text-decoration: none;}
.editor.boxes_wrap a:hover {color:#fff;}
.boxes_wrap .width50 {width:66.666%;}
.boxes_wrap .width100 {width:100%;}
.overlay:after { content: ""; position: absolute; background-color:rgba(0, 0, 0, .5); top:0; left:0; right:0; bottom:0;  -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.boxes_wrap .box.bg_color1 {background-color:#1a3a3c;}
.boxes_wrap .box.bg_color2 {background-color:#a4d5d8;}
.boxes_wrap.editor h2 { margin-top: 0; margin-bottom: 0; line-height:1.3em; text-transform: uppercase; color:#fff;}
.boxes_wrap.editor .bg_color2 h2 {color:#383838;}
.text {position: absolute; z-index: 2; left: 0; bottom: 0; padding:20px; right:0; line-height: 1.3em;}
.boxes_wrap .overlay:hover:after { background-color:rgba(26, 58, 60, .7);}
.boxes_wrap.editor a:hover h2, .boxes_wrap.editor .bg_color2:hover h2 {color: #fff;}
.boxes_wrap .box.bg_color1:hover, .boxes_wrap .box.bg_color2:hover { background-color:rgba(76, 76, 76, 0.5);}

.boxes_wrap .testimonials_box .box {height:inherit; padding:30px;}
.boxes_wrap .testimonials_box .box > div {position: relative; z-index:1;}
.testimonials_box .overlay:after {background-color:rgba(22, 82, 160, .8);}
.testimonials {padding-top:10px;}
.testimonials .owl-dot {display:inline-block; margin:0 5px; outline:none;}
.testimonials .owl-dot span {width:12px; height:8px; background-color:#ddd; display: block;}
.testimonials .owl-dot.active span {width:22px; background-color:#e1c443;}
.testimonials .author { position: relative; text-transform: uppercase; font-size: .8em; font-weight:700;}

.logos_wrap {background-color:#4c4c4c;}
.logos_wrap a {width:130px; padding:0 20px; margin:30px 0; text-decoration:none;}
.logos_wrap a:hover { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15);}

.bottomspace, .footer {height:130px;}
.footer {position:absolute; background-color:#eee; font-size:.9em; width: 100%; bottom: 0; line-height: 1.6em;}
.footer a {color:#333;}
.footer a:hover {color:#206389;}
.copyright {text-align: right;}
.copyright span{display: block;}
.copyright a {opacity: .8;}

.editor h1{font-size:1.7em; line-height:1em; margin-bottom:20px;}
.editor h2 {font-size:1.4em; margin:15px 0; color: #1a3a3c;}
.editor h3 {font-size:1.4em; margin:15px 0;}
.editor h4 {font-size:1.2em; margin:15px 0;}
.editor h5 {font-size:1.2em; margin:15px 0 10px;}
.editor h6 {font-size:1em; margin:15px 0;}
.editor ul {margin:20px 0 20px 5px;}
.editor ul li {background:url(//dwscbcy9jc8hm.cloudfront.net/sites/134/comfy/cms/files/10566/files/original/circle.svg) 0 11px no-repeat; padding-left:17px; margin-bottom:8px; display:block; background-size: 6px;}
.editor ol {margin:20px 0 20px 10px;}
.editor ol li {padding:0px 0 6px 0px; list-style-type: decimal; margin-left:15px;}
.editor ol li ul li { padding-left: 17px; padding-bottom: 0;}
.editor table {margin:10px 0 10px 0; font-size:.9em; color:#333; background:#fff;}
.editor table th {padding:5px; font-size:1em; background-color: #1a3a3c; border: 1px solid #556d6f; color:#ffffff;}
.editor table td {padding:5px; border:1px solid #c8d2d4;}
.editor table tr:nth-child(2n+1) td {background-color:#f4fcfd;}
.editor table th a {color:#cbdbe6;}
.editor table th a:hover {color:#fff;}
.editor a {color:#1a3a3c; text-decoration:underline; cursor: pointer; font-weight:500;}
.editor a:hover {color:#48969c; text-decoration:none;}
.editor p {margin-bottom:15px;}
.editor p:last-child {margin-bottom:0;}
.editor hr {clear:both; font-size:1px; line-height:1px; height:1px; margin:30px 0; border:0px; border-top:2px solid #ecf7fe;}
.fulltable {width:100%;}
.editor .smalltitle { font-size: 1.2em; margin-bottom: 0;}
/*.editor .darkborder td {border-color:#173f59;}*/
.editor .darkborder tr:nth-child(2n+1) td {background-color:transparent;}
.editor table td.bnone {border:none;}

.editor .btn a, .spanbtn { display:inline-block; background-color: #add5d8; color: #383838; margin-top:20px; padding:7px 20px; cursor: pointer; text-decoration:none; -webkit-transition:0.3s all ease; -moz-transition:0.3s all ease; transition:0.3s all ease;}
.editor .btn a:hover, .spanbtn:hover {background-color:#1a3a3c; color:#fff;}

/* Inner page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.enrollsteps { margin-bottom: 40px;}
.enrollsteps .col14 { border: 1px solid #eee; padding: 10px 20px 20px; background-color: #f9f9f9;}
.enrollsteps .col14:first-of-type { background-color: #e7feff;}
.enrollsteps .col14:nth-child(2) { background-color: #fcf8e9;}
.current-status h2{ font-size: 20px; }
.current-status .btn a{ margin-top: 0px;}

.content {padding:40px 0px; position: relative;}
.top-banner img {width:100%;}
.twocolumn{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}

.photobox {position: relative; margin-left:50px; max-width:300px;}
.photobox:after { content: ""; border: 5px solid rgba(255, 255, 255, 0.7); left: 15px; right: 15px; top: 15px; bottom: 15px; position: absolute;}

.accountability > section { width: 25%; padding:5px; line-height: 1.2em; position: relative;}
.accountability > section a { width: 100%; height: 100%; padding: 20px; display: block; background-color: #fcf8e9; border-bottom: 4px solid #dbce93; color:#333; text-decoration:none;}
.editor .accountability h2 {margin-top:0; margin-bottom: 0; color:#333;}
.accountability a:hover {color: #fff; background-color: #0e2c8e; border-bottom-color: #0e2c8e;}
.editor .accountability a:hover h2 {color: #fff;}

.editor ul.parent-resources li { background: #fbfbfb; width: calc(33.33% - 20px); border: 1px solid #eee; padding: 0; margin: 10px; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
.editor .parent-resources a { font-size: 1.2em; text-decoration: none; display: block; padding: 40px 30px; text-align: center; width: 100%; }
.editor ul.parent-resources li:hover { background: white;}

.editor .faqs > h4 {border-top: 2px solid #d6ebec;cursor: pointer;padding: 10px 10px 10px 25px;margin: 0;position: relative;outline: none;color: #383838;}
.editor .faqs > h4:hover, .editor .faqs > h4.ui-accordion-header-active {color: #1a3a3c;}
.ui-accordion-header-icon {position: absolute; width: 10px; height: 14px; left: 0; top: 0; bottom: 0; margin: auto 0;}
.ui-accordion-header-icon:before {content:'';position:absolute;width: 0;height: 0;border-style: solid;border-width: 7px 0 7px 10px;border-color: transparent transparent transparent #1a3a3c;}
.editor .faqs > h4.ui-accordion-header-active .ui-accordion-header-icon:before {border-width:10px 7px 0 7px;border-color: #1a3a3c transparent transparent transparent;}
.faqs .ui-accordion-content {padding: 0 0 10px 25px; line-height: 1.3em; overflow:hidden;}

.filters {margin-bottom: 20px; padding: 30px; background-color:#e4f4f5;}
.filters label, .filters-select, .button-reset{margin-top: 5px;}
.filters label {line-height: 40px; margin-right: 5px;}
.grid {margin: 0 -10px 10px;}
.grid .element-item { width:25%; padding:10px; position: relative; line-height: 1.3em; text-decoration:none;}

.grid .element-item .itembg { background-color:#102324; width: 100%; height: 160px; padding: 20px; cursor: pointer; -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease;}
.grid .element-item .itembg h2,
.grid .element-item .itembg h3{color: #fff; }

.grid .element-item.k .itembg { background-color:#12292a; }
.grid .element-item.one .itembg { background-color:#152e30; }
.grid .element-item.two .itembg { background-color:#173436; }
.grid .element-item.three .itembg { background-color:#1a3a3c; }
.grid .element-item.four .itembg { background-color:#314e50; }
.grid .element-item.five .itembg { background-color:#486163; }
.grid .element-item.six .itembg { background-color:#5f7577; }
.grid .element-item.seven .itembg { background-color:#76898a; }
.grid .element-item.eight .itembg { background-color:#8d9d9e; }
.grid .element-item .itembg:hover {color: #666; background-color:#e4f4f5; }
.grid .element-item .itembg:hover h2,
.grid .element-item .itembg:hover h3 { color:#12292a; }
.editor .element-item h3{ font-size: 1.2em; margin: 0;}
.editor .element-item h3:after { content: ""; display: inline-block; height: 8px; width: 8px; border-style: solid; border-width: 2px 2px 0 0; transform: rotate(45deg); margin-left: 5px; margin-bottom: 4px;}
.editor .grid .element-item .small-text{font-size: 0.8em; line-height: 1.2em; padding-top:5px;}
.filters-select {height: 40px; margin-right:20px; font-size:15px; outline:0; font-family:'Roboto', sans-serif;}
.vendor-details{display: none; font-family:'Roboto', sans-serif; line-height:1.2em; padding:10px;}
.vendor-details img {width: 180px;}

.button-reset {background-color: #fff; border: 1px solid #1a3a3c; outline: none; color: #1a3a3c; font-size: 14px; line-height: 38px; padding: 0 7px; cursor: pointer; border-radius:5px; -webkit-transition:0.3s all;-moz-transition:0.3s all;transition:0.3s all ease;}
.button-reset:hover {background-color: #1a3a3c; color: #fff;}

.vistabluebg { position: relative; padding:15px 0 1px; margin: 15px 0;}
.vistabluebg:after { background-color: #e7feff; content: ""; position: absolute; z-index: -1; left: -100vw; right: -100vw; top: 0; bottom: 0;}
.lightbluebg:after { background-color: #ecf7fe;}

.grayboxbg { padding:10px 20px 20px; background-color: #f7f7f7;}
.yellowbg { padding:5px 20px 20px; background-color: #fcf8e9; }

.bgcolor_wrap {padding-top:20px;}
.bgcolor_wrap > section {padding: 40px 0; position: relative;}
.bgcolor_wrap > section > section:last-child {width: calc( 100% - 360px )}
.bgcolor_wrap > section:nth-child(odd):after { position: absolute; content: ""; background-color: #fcf8e9; left: -100vw; right: -100vw; top: 0; bottom: 0; z-index: -1;}
.bgcolor_wrap img {width:320px;}
.bgcolor_wrap.editor h2 {margin-top:0;}

.frame-wrap { width:100%; height:300px;  overflow:hidden; margin-top:15px; border: 1px solid #ddd; vertical-align: top;}
.cal-iframe {height:450px;}

.step { border-bottom:2px solid #1a3a3c; display: inline-block; color: #1a3a3c;}
.step strong{ background-color: #1a3a3c; padding: 5px 10px; color: #fff; margin-left: 20px; position: relative; font-weight: 700; line-height: 30px;}
.step strong:after { content: ""; position: absolute; top: 0; right:-10px; width: 0; height: 0; border-style: solid; border-width:16px 0 16px 10px; border-color: transparent transparent transparent #1a3a3c;}

.verticalline {padding:0 10px;}
.departments section { border:1px solid #c8d2d4; width: 50%; margin-top: -1px; margin-left: -1px; padding: 0 10px;}
.departments section:nth-child(4n+1), .departments section:nth-child(4n+2) { background-color: #f4fcfd;}

.newsletter-frame { width: 100%; height: 90vh; overflow: hidden; margin-top: 15px; border: 1px solid #ddd; vertical-align: top;}
.newsarchive a {width: 24%; position: relative; margin: .5%; border: 1px solid #ddd;}
.newsarchive a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color:#000; z-index:1; opacity:0; -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease;}
.newsarchive a:hover:after {opacity:0.5;}
.newsarchive a span { position: absolute; background-color: #b99900; padding: 4px 8px; left:-1px; top: 14px; text-transform: uppercase; font-weight: 600; color: #fff; z-index:2;}

.resources > article {margin:20px 0; padding: 20px; border: 1px solid #eee; position: relative; z-index: 2; background: #fff; box-shadow: 0 7px 20px -12px rgba(0, 0, 0, 0.2);}
.resources > article .image {width: 250px;}
.resources > article > div:last-child {width: calc(100% - 280px);}
.editor .resources > article a {display:inline-block;}

/* Navigation */
.menu, .menu > li {display: -ms-flexbox; display: -webkit-flex; display: flex;}
.menu > li { margin: 0 20px; position: relative;}
.menu li a {color:#383838; margin:0; font-weight:500;}
.menu > li > a {position: relative; line-height:50px; text-transform: uppercase;}
.menu > li > a:before, .menu > li > a:after { content: ""; position: absolute; left: 0; right: 0; height: 2px; background-color: #ccc; bottom:10px; opacity:0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.menu > li > a:before { top:10px;}
.menu > li:hover > a:before, .menu > li:hover > a:after, .menu > li.active > a:before, .menu > li.active > a:after {bottom:0; opacity:1; background-color:#1a3a3c;}
.menu > li:hover > a:before, .menu > li.active > a:before { top: -1px;}

@-webkit-keyframes pull-up { 0% { transform: translate(0, 30px); }
  100% { transform: translate(0, 0); } }
@keyframes pull-up { 0% { transform: translate(0, 30px); }
  100% { transform: translate(0, 0); } }
.menu ul {width:200px; padding:0; position:absolute; left:0px; top:100%; background-color:#1a3a3c; visibility: hidden; opacity: 0; z-index: -1; -webkit-transition: visibility 0s linear .25s; -moz-transition: visibility 0s linear .25s; -ms-transition: visibility 0s linear .25s; transition: visibility 0s linear .25s; -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 10px 20px rgba(0, 0, 0, 0.15); box-shadow:0px 10px 20px rgba(0, 0, 0, 0.15);}
.menu > li:hover > ul{visibility: visible; opacity: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; transition: opacity .5s; animation: pull-up .3s; z-index: 90;}
.menu > li li:hover > ul{left:100%; right:100%; top:0; width:180px; visibility: visible; opacity: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; transition: opacity .5s; animation: pull-up .3s; z-index:90; }
.menu > li:last-child > ul{left:inherit; right:0;}

.menu > li.active > a, .menu > li:hover > a {color:#1a3a3c;}

.menu li ul li {width:100%; padding:0px; border-bottom:1px solid rgba(255, 255, 255, .2); position:relative;}
.menu ul li:last-child {border-bottom:none;}
.menu li ul li a {display:block; padding:8px 15px; color:#fff; line-height:1.3em; font-size:.9em;}
.menu li:hover li > a:hover, .menu li:hover li:hover > a, .menu li.active li.active > a, 
.menu ul li:hover li:hover > a:hover, .menu li.active li.active li.active > a { color:#a4d5d8;}

/* Mobile */
#menu-trigger {display:none; position:absolute; z-index:11; width:30px; height:34px; margin:auto; cursor:pointer; right: 0; bottom:5px;}
#menu-trigger span, #menu-trigger span:before, #menu-trigger span:after {position:absolute; width:100%; left:0; right:0; height:3px; background-color:#1a3a3c; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
#menu-trigger span { top:50%; margin:-1px auto auto; display: block; font-size: 0px;}
#menu-trigger span:after {top:10px; content: '';}
#menu-trigger span:before {top:-10px; content: '';}

.mobimenu #menu-trigger span {background-color: transparent;}
.mobimenu #menu-trigger span:before{-webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); top:0; left:0;}
.mobimenu #menu-trigger span:after { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); top:0; left:0;}

.translated-ltr .menu > li { margin: 0 11px;}
.translated-ltr .menu > li > a { font-size: 0.88em; }
.translated-ltr .logotext span { display: block;}

.members > section{padding:10px; margin:10px; width:calc(20% - 20px); text-decoration: none; -webkit-box-shadow: 0 0 15px 0 rgba(41,61,88,.1); -moz-box-shadow: 0 0 15px 0 rgba(41,61,88,.1); box-shadow: 0 0 15px 0 rgba(41,61,88,.1);}
.members .imagebox{position:relative; overflow:hidden;}
.members.editor h4 { margin-bottom: 0;}
.members.editor .icons { font-size: 0.85em;}
.members.editor .icons a {text-decoration:none;}
.members.editor .icons strong {padding:0 10px;}


@media screen and (max-width: 1199px) {
  .fixed .logo {left: 1%;}
  .fixed .cal_btn {right: 1%;}
  .fixed .cal_btn, .fixed .menu > li {font-size: 0.9em;}
  .fixed .menu > li { margin: 0 11px;}
  .menu > li { margin: 0 15px;}
  .members > section {width:calc(25% - 20px);}
  
}
@media screen and (max-width: 1023px){
  body, html {font-size:17px;}
  .menu > li {margin: 0 8px; font-size: 0.85em;}
  .fixed .menu > li { margin: 0 5px;}
  .fixed .cal_btn, .fixed .menu > li { font-size: 0.8em;}
  /*.footer .row > div:first-child {width: 315px;}*/
  .space_wrap {padding-bottom:50px; padding-top:50px;}
  .grid .element-item { width:33.333%;}
  .editor .grid .element-item h3 {font-size: 1em;}
  .filters {padding: 20px;}
  .space {width: 100%; height: 0;}
  .parallax {min-height: 400px;}
  .welcome-text .bgtext {font-size: 140px;}
  .logos_wrap a { width: 100px; padding: 0 10px; margin:20px 0;}
  .translated-ltr .menu > li:first-of-type { margin-left:0;}
  .translated-ltr .menu > li { margin-right:0;}
  .members > section {width:calc(33.33% - 20px);}
}
@media screen and (max-width:820px) {
  .menu > li {margin-right: 0px;}
  .fixed .menu {margin-left:30px;}
  .translated-ltr .menu > li { margin: 0 0 0 4px;}
}
@media screen and (max-width:767px) {
  body, html {font-size:16px;}
  .editor h1 {font-size: 1.4em;}
  .header {padding-bottom: 40px;}
  .fixed .header {position:relative; width:94%;}
  .fixed .banner { margin-top: 0;}
  .fixed .menu { margin-right:0px;}
  .cal_btn, .fixed .cal_btn { top: initial; left: 0; bottom: 10px; right: 0;}

  .bannerbtn {color:#111; background-color: #e1c130; border: 1px solid #e1c130;margin-top:10px;}
  .bannerbtn:hover { background-color:transparent; color:#173f59; border-color:#173f59;}
  .parallax {min-height:300px;}

  .space_wrap {padding-bottom: 30px; padding-top: 30px;}
  .about_wrap {padding-top:30px;}
  .boxes_wrap {text-align: center;}
  .boxes_wrap > div, .boxes_wrap .width50 {width:100%;}
  .text {padding:15px;}
  .logos_wrap a { width: 80px; margin: 15px 0;}

  .footer {position: relative; height: inherit; padding-bottom: 10px; padding-top: 10px; text-align: center;}
  .footer .row > div:first-child, .footer .row > div {width: 100%; text-align: center;}
  .footer .row > div:nth-child(2){padding-top:5px; padding-bottom:5px;}

  .content {padding:20px 0;}
  .col12, .col23, .col13, .col14 {width: 100%;}
  .col12 + .col12 {margin-top:20px;}
  .twocolumn { -moz-column-count: inherit; -webkit-column-count: inherit; column-count: inherit;}
  .editor table td {word-break: break-word;}

  .photowrap {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
  .photobox {margin-left:0px;}

  .filters {padding: 10px;}
  .accountability > section, .grid .element-item { width:50%; }
  .grid .element-item .itembg { padding:10px; height:130px;}
  .grid {margin-bottom:0px;}

  .bgcolor_wrap {padding-top: 20px;}
  .bgcolor_wrap > section {padding:10px 0;}
  .bgcolor_wrap > section > section:last-child {width: 100%;}
  .departments section { width:100%;}
  .editor ul.parent-resources li {width:calc(50% - 20px);}
  .editor .parent-resources a { font-size: 1em; padding: 20px 10px;}

  .resources > article > div:last-child {width: 100%;}
  .resources > article .image {margin: 0 auto;}

  .fixed .logo, .logo, .header:after, .bgcolor_wrap img, .bottomspace, .banneroverlay:after, .welcome-text .bgtext, .nav, .mobimenu .nav, .menu > li:hover > ul, .menu > li > a:before, .menu > li > a:after { display:none; }
  #menu-trigger, .mobimenu .nav, .mobilogo {display:block;}

  .nav {position:absolute; top:100%; right: 0; z-index:5; background-color:#1a3a3c; width:290px;}
  .menu {display: block;}
  .menu ul, .menu > li li:hover > ul, .menu > li:hover > ul {display:none; width: inherit; padding-right:40px; position:relative; left:inherit; top:inherit; right: inherit;  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none; animation: none; visibility: visible; opacity: 1;}
  .menu > li, .fixed .menu > li {margin:0; display:block; border-bottom:1px solid rgba(255, 255, 255, 0.2); font-size: 0.9em;}
  .menu > li > a {line-height: 1.3em;}
  .menu li a {position:relative; display:block; margin-right:40px; padding:10px 10px 10px 15px; color: #fff;}
  .menu > li:hover > a, .menu > li.active > a, .menu li ul li:hover > a, 
  .menu li:hover li > a:hover, .menu li:hover li:hover > a, .menu ul li:hover li:hover > a:hover, .menu li.active li.active li.active > a, .menu li ul li:hover ul li:hover > a, .menu li.active li.active > a {color:#add5d8; background-color: transparent;}
  .menu li .arrow {position: absolute; top:0; right:-40px; width:40px; height:100%; background-color:#add5d8; cursor:pointer;}
  .menu li .arrow:after, .menu li .arrow:before {left:50%; top:50%; content: " "; height:2px; width:12px; position: absolute; background-color:#1a3a3c; pointer-events: none; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all;}
  .menu li .arrow:after {width:2px; height:12px; margin-top:-5px;}
  .menu li .arrow:before {margin-left:-5px;}
  .menu > li.open > a >.arrow:after, .menu > li.open li.open > a >.arrow:after { display:none;}
  
  .members > section {padding: 10px; margin: 5px; width: calc(50% - 10px);}
  .members.editor .icons strong {display:none;}
  .members.editor .icons {font-size: inherit;}
  .members.editor .icons span, .members.editor .icons a {display:block; width:100%;}
}
@media screen and (max-width:479px) {
  .wraper, .fixed .header {width: 90%;}
  .cal_btn, .fixed .cal_btn { top: initial; left: 0; bottom: 10px; right:initial;}
  .accountability > section, .grid .element-item { width:100%;}
  /*.fixed .logo, .logo { margin: auto;}
  .grid .element-item .itembg {height:80px;}*/
  .editor table.tablefont {font-size: .8em;}
  .editor table.tablefont th {font-size: .75em;}
  .faqs .ui-accordion-content {padding-left:0;}
  .parallax, .cal_btn > a:first-of-type span {display:none;}
  .vendor-details{padding:30px 15px 15px; width:96%;}
  .fancybox-button {height: 30px; padding: 0px !important; width: 30px;}
  .cal-iframe {height:300px;}
  .editor ul.parent-resources li {width:100%; margin-left: 0; margin-right: 0;}
}
.cal_filter { padding-bottom:20px;}
#loading { display:none; position: absolute; top:10px; right: 10px; }
.fullcal h2 {font-size:1.4em; line-height: 1.2em; color: #1a3a3c;}
.fullcal table th {font-weight:700; padding:5px; background-color:#1a3a3c; color:#ffffff;}
.fullcal .fc-list-table td {padding-top: 4px; padding-bottom: 4px;}
.fullcal a { cursor:pointer; color:#383838; padding:2px; text-decoration:none;}
.fullcal a:hover {text-decoration: underline; color:#383838;}
.fullcal .fc-event {border-color:transparent;}
.fullcal .fc-today .fc-day-number { background-color:#1a3a3c; border-radius:3px; font-weight:700; padding:5px; color:#fff;}
.fullcal .fc-unthemed .fc-today { background: #fffdf4;}
.fullcal .fc-list-heading td { background-color: #ebedfd; font-weight: normal;}
.fc-toolbar button {text-transform: capitalize;}
.fullcal .fc-list-heading td{background-color:#ecedfb;}
.fc-day-grid-event .fc-content{white-space: normal;}
.fullcal .sydescription{max-width:600px;}
.fullcal.fc-unthemed .fc-list-heading td { background-color: #1a3a3c; }
.fullcal .fc-day-header a, .fullcal.fc-unthemed .fc-list-heading td a {color: #fff;}
.fullcal .fc-state-default { background-color: transparent; background-image: none; border-color:#1a3a3c; color: #1a3a3c; text-shadow: none; box-shadow: none; outline: none; padding: 0 7px; font-size: 0.75em;}
.fullcal .fc-state-active, .fullcal .fc-state-down {background-color: #1a3a3c; color: #fff;}
.fullcal .fc-state-disabled { cursor: default; opacity: .5;}
.fullcal .fc-toolbar { margin-bottom:0px;}
.fullcal .fc-day-number { line-height: 1em; font-size: .9em; color: #1a3a3c;}
.fullcal .fc-left, .fullcal .fc-right { padding-bottom: 10px; }
.fullcal .fc-basic-view .fc-body .fc-row { min-height:3em;}

.gslide-media {width:92%; max-width:900px; margin:auto; -webkit-box-shadow: none !important; box-shadow: none !important;}
.glightbox-open { overflow: hidden; height: auto;}
.goverlay {background: rgba(0,0,0,.7) !important;}

.staff-details{display:none; /*width: 90%; max-width: 1000px; background-color: #f9f9f9;*/}
.staff-details img{display: block; width:250px; height:300px; margin: 0px 20px 20px 0; /*border-radius: 50%;*/ float: left;}
.staff-details.editor h3{margin-top:0; margin-bottom:7px;}
.staff-details strong {margin-bottom:15px; display:inline-block;}
.staff-details .email {display:block;}

/*~~~ translator ~~~~*/
.translate .en {padding-left:10px; padding-right:10px;}
.translate.notranslate {line-height:19px;}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-text-highlight {background-color:transparent !important;box-shadow:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}