@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;}
*, *: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; }

/* #Basic Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body, html {font-size:16px; line-height:1.6em; font-family: 'Poppins', sans-serif; font-weight:400; color:#333; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%;}
a, a:visited {text-decoration:none; outline:0; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all;}
p a, p a:visited {line-height: inherit;}
li {line-height:1.4em;}
h1, h2, h3, h4, h5, h6 {font-weight:700; font-family: 'Domine', serif;}
strong {font-weight:600;}
em {font-style:italic;}
small {font-size:90%; line-height: 1.45em; display: inline-block;}
sup{font-size:75%; vertical-align: super;}
img{vertical-align:top; max-width:100%; height:auto;}

/* #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;}
.sr-only {border:0;clip:rect(0 0 0 0); height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}

.container{position:relative; min-height:100%;}
.text-center {text-align:center;}
.wraper {margin: 0 auto; position:relative; padding: 0; width:94%; max-width:1200px; z-index:3;}
.smallwrap {max-width:900px;}
.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;}

.col12, .col13, .col23, .col14 {width:48%; position: relative;}
.col13 {width:30.6666%;}
.col23 {width:65.3333%;}
.col14 {width:22%;}

/* #header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.header {position:relative; width:100%; z-index:7; background-color:#848484;}
.home .wraper {max-width:1400px;}
.home .header {position:absolute; background-color:transparent;}

.banner {width:100%; position:relative; z-index:5; }
.banner img {width:100%; height:auto; display:block;}
.banner:after { position: absolute; z-index: 1; background-color: rgba(0, 0, 0, 0.1); left: 0; right: 0; top: 0; bottom: 0; content: ""; }
.bannertext{position: absolute; z-index: 3; left: 5px; margin: auto; bottom: 40px; color: #fff; max-width: 350px; border-left: 7px solid #fff; padding-left: 30px;}
.bannertext span {font-size: 1.4em; display:block; padding-bottom:30px; font-weight:600;}
.bannertext a { text-transform: uppercase; font-weight: bold;}

.logo { width:100px; padding:2px; background-color:#fff; border-radius:50%; position:relative;}
.home .header .logo {display:none;}
.home .watermark-logo {background-color: #fff; border-radius:50%; width:300px; opacity: .6; padding:5px; position: relative; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.home .banner .sjs {left: 0; right: 0; top:10px; margin: auto; position: absolute;}

.hill-white{opacity: 1; background-image: url(//dwscbcy9jc8hm.cloudfront.net/sites/125/comfy/cms/files/8494/files/original/hill-white.png); background-size: auto; background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; top: 0; position: absolute; z-index: 2; left: 0; right: 0; margin: auto; bottom: 0;}

.space-wrap-small { position:relative; padding-top:30px; padding-bottom:30px;}
.space-wrap { position:relative; padding-top:60px; padding-bottom:60px;}
.space-top {position:relative; padding-top:60px;}
.space-bottom {position:relative; padding-bottom:60px;}

.grey-bg {background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );}
.welcome span{display: block; font-size: .7em; font-weight: 400;}
.welcome span svg {display: block; margin: 0 auto; fill: #b2c6ff; width: 60px; height: 60px; margin-bottom: 10px;}

.mission.editor p {font-size: 1.2em; line-height: 1.7em; letter-spacing:1px;}

.boxes {background-color: #343a51; color: #fff; font-size: 1.4em; padding-bottom: 80px; line-height: 1.6em;}
.box-wrap{position:relative; width:100%;}
.box-wrap a{width:calc(25% - 20px);}
.box-wrap a{display:block; cursor:pointer; position:relative; overflow:hidden; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.box-wrap a:after{content:''; position:absolute; bottom:0; right:0; left:0; top:0; background-color: rgba(52, 58, 80, 0.6); z-index:1; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.box-wrap a:hover:after{background-color: rgba(0, 0, 0, .3);}

.box-wrap .text {position: absolute; bottom: -40px; right: 0; left: 0; z-index: 3; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.box-wrap.editor h4{font-size: 1.7em; line-height: .9em; z-index: 2;}
.box-wrap a:nth-child(2n) .text { bottom: 0;}
.box-wrap a:hover .text { bottom:0px; transform: translateY(-50%);}
.box-wrap a:nth-child(2n) a:hover .text { bottom: 30px; transform: translateY(-100%);}

.box-wrap a img{-webkit-transform: scaleX(1) scaleY(1) translateZ(0); transform: scaleX(1) scaleY(1) translateZ(0); -webkit-transition: all .4s ease; transition: all .4s ease;}
.box-wrap a:hover img{-webkit-transform: scaleX(1.1) scaleY(1.1) translateZ(0); transform: scaleX(1.1) scaleY(1.1) translateZ(0);}

.acc-logos a { display: inline-block; }
.acc-logos a img { height:100px; padding:8px;}
.frame-wrap { width:100%; height:300px; overflow:hidden; margin-top:15px; border: 1px solid #ddd; vertical-align: top;}
.box-iframe {height:500px;}

.videobox { text-align: center; padding: 20px 100px 0 100px; background-image: url(//dwscbcy9jc8hm.cloudfront.net/sites/125/comfy/cms/files/27958/files/original/church.jpg); background-repeat: no-repeat; background-size: 100%;}
.editor .videobtn { margin-bottom: 0;}
.videobtn a { display: inline-block; background-color:rgba(255, 255, 255, 0.8); cursor: pointer; position: relative; width: 60px; height: 60px; border-radius: 50%; }
.videobtn a:before, .videobtn a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.videobtn a:before { width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #343a4f; }
.videobtn a:after { border: 2px solid #fff; border-radius: 50%; -webkit-animation: stm_zoom 2s linear .5s infinite; animation: stm_zoom 2s linear .5s infinite; }
.videobtn a:hover { background-color: #343a4f; }
.videobtn a:hover:after { border-color: #343a4f; }
.videobtn a:hover:before { border-left-color: #fff; }
@-webkit-keyframes stm_zoom {
	0% { -webkit-transform: scale(1); transform: scale(1); opacity: .6 }
	100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0 }
}
@keyframes stm_zoom {
	0% { -webkit-transform: scale(1); transform: scale(1); opacity: .6 }
	100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0 }
}

#map {height:300px; width:100%;}
.footer { background-color:#343a51; color: #fff; }
.footer.editor a {color:#fff;}
.footer.editor a:hover {color:#fdffe3;} 
.footer address { background:#525571; padding:15px; position: relative;}
.footer address span strong {display:block;}
.footer address svg {width:40px; height:40px; padding:10px; fill: #fff; border:1px solid #fff; vertical-align: middle;}
.footer address span:last-child {width: calc(100% - 60px); padding-left: 20px; font-size: .9em; line-height: 1.4em;}
.footer .copyright { font-size: .9em; padding: 20px 0;}
.footer .copyright span { display: inline-block; padding: 0 10px; color: rgba(255, 255, 255, 0.6); }

/* Inner page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.pagetitle { background-color: #343a50; color: #fff; padding: 40px 0; position: relative; z-index: 2;}
.pagetitle.editor h1 {margin-bottom:30px;; font-size:2.4em;}
.content {padding:50px 0px; position: relative;}
.content > div:first-child { width: calc(100% - 360px);}
.sidebar {width:330px; margin-left:30px; position: relative;}
.editor .sidebar h2{font-weight: 400; color: #343a50; position: relative; margin-bottom: 30px;}
.editor .sidebar h2:after { content: ""; position: absolute; width: 50px; height: 2px; background: #343a50; bottom: -10px; left: 0; }
.sidebar > div { margin-bottom: 20px; padding-bottom: 10px; padding: 20px; border:2px solid #F2F2F2;}
.sidebar > div:last-child { margin-bottom:0px;}
.editor .sidebar .eventsbar h2{margin-top:0;}
.top-banner {padding-bottom:30px;}
.top-banner img {width:100%;}
.editor .sidemenu {margin:0;}
.editor .sidemenu li ul { margin-left:20px;}
.editor .sidemenu li { position: relative; border-bottom: 1px solid #eee; background-position: 5px 14px; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease;}
.editor .sidemenu a {color: #343a51; font-size: 17px; line-height: 22px; padding: 7px 5px 10px 5px; display: block; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease;}
.editor .sidemenu li a:hover, .editor .sidemenu li.active > a {color: #4b88d8;}
.editor .sidemenu > li > ul { display:none;}
#eventlist > div { margin-top: 20px; background-repeat: no-repeat; padding-left:30px; background-position: left 5px; background-image: url(//dwscbcy9jc8hm.cloudfront.net/sites/125/comfy/cms/files/8495/files/original/date.png);}
#eventlist .eventdate { color: #555; text-transform: uppercase;}
#eventlist .eventtitle { font-weight: 600;}
.forms > div:first-child { width: 100%;}

.editor h1 {font-size:2em; line-height:1.1em; margin-bottom:15px;}
.editor h2 {font-size:1.4em; margin:15px 0;}
.editor h3 {font-size:1.4em; font-weight: 400; margin:15px 0;}
.editor h4 {font-size:1.2em; margin:15px 0;}
.editor h5 {font-size:1.2em; margin:15px 0;}
.editor h6 {font-size:1em; margin:15px 0;}
.editor ul {margin:20px 0 20px 5px;}
.editor ul li {background:url(//dwscbcy9jc8hm.cloudfront.net/sites/125/comfy/cms/files/8496/files/original/arrow.png) 0 7px no-repeat; padding:0 0 0 17px; margin:0 0 8px 0; display:block;}
.editor ol {margin:20px 0 20px 10px;}
.editor ol li {padding:0px 0 6px 0px; list-style-type: decimal; margin-left:15px;}
.editor table {margin:10px 0 10px 0; font-size:16px; color:#333; background:#fff;}
.editor table th {padding:5px; text-align:left; font-size:17px; background: #343950; border:1px solid #b4beea; color:#ffffff; font-weight: 600;}
.editor table td {padding:5px; text-align:left; border:1px solid #b1b5cc; word-break: break-word; }
.editor table tr:nth-child(2n+1) td {background-color:#f8f9ff;}
.editor a {color:#343a50; text-decoration:none;}
.editor a:hover {color:#4b8bd8;}
.editor p {margin:0px 0 15px 0;}
.editor hr{clear:both; font-size:1px; line-height:1px; height:1px; margin:10px 0; border:0px; border-top:1px solid #999;}
.fulltable {width:100%;}
.editor .btn a, a.btn {position:relative; color:#fff; display:inline-block; padding:6px 20px; background-color:#4b8bd8; border-radius:3px;}
.editor .btn a:hover, a.btn:hover{background-color:#f4f4f4; color:#4b8bd8;}
.twocolumn{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}


/*** ~~~~~~~~~ Navigation ~~~~~~~~~~~~ ***/
.home .nav {position:relative;}
.home .nav:before { background: #343a50; position: absolute; content: ""; width: 100%; height: 40px; bottom: 6px; z-index: -1; right: 0;}
.home .nav:after { content: ''; display: block; width: 100%; height: 10px; bottom: 2px; position: absolute; z-index: -2; background-color: rgba(160, 169, 202, .7); -moz-transform: skewX(0deg) skewY(0.7deg); -webkit-transform: skewX(0deg) skewY(0.7deg); -o-transform: skewX(0deg) skewY(0.7deg); -ms-transform: skewX(0deg) skewY(0.7deg); transform: skewX(0deg) skewY(0.7deg); }

.menu.topmenu {position: absolute; top:12px; right:254px; padding-bottom:0; padding-top: 0;}
.menu.topmenu > li > a { width: auto; border-radius: 3px; color: #ffffff; font-size: 15px; padding: 0px 10px; font-weight: 600; background: #4b8ad8; line-height: 32px;}
.menu.topmenu > li > a:hover {color: #fff; background: #343a50;}

.iconlinks { position: absolute; top:10px; right: 0;}
.iconlinks a { margin-right: 5px; padding: 3px 9px; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; position: relative; overflow: hidden; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.iconlinks svg {width: 16px; height: 28px; fill:#fff; vertical-align: middle;}
.iconlinks a:hover {background:#343a50;}
.iconlinks a:hover.login {color:#fff; background: #343a50;}
.home .iconlinks svg, .iconlinks a:hover svg {fill:#fff}

.nav {margin: 0 0 0 auto;}
.menu, .menu > li {display: -ms-flexbox; display: -webkit-flex; display: flex;}
.menu { padding-top: 60px; padding-bottom: 5px;}
.menu > li{ position:relative; padding-left:12px; padding-right:12px;}
.menu li a{color:#fff; margin:0; display:block;}
.menu > li > a {line-height:44px; padding:0; position: relative; text-transform:uppercase; font-weight:600; font-size:17px;}
.menu > li > a:after {content: ""; position: absolute; width: 0; height: 4px; left: 50%; background-color:#fff; bottom:0; -moz-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out;}
.menu > li > a:hover:after, .menu > li.active > a:after{opacity:1; width: 100%;}

@-webkit-keyframes pull-up { 0% { transform: translate(0, 20px); }
  100% { transform: translate(0, 0); } }
@keyframes pull-up { 0% { transform: translate(0, 20px); }
  100% { transform: translate(0, 0); } }

.menu ul {width:200px; padding:0; position:absolute; left:0px; top:100%; background-color:#f9f9f9; visibility: hidden; opacity: 0; border:1px solid #eee; 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:inherit; 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:#fff;}
.menu > li.active > li a, .menu > li:hover > li a{ color:#fff; }

.menu li ul li {width:100%; padding:0 0 2px 0; position:relative;}
.menu ul li:last-child{border-bottom:none;}
.menu li ul li a{ padding:7px 7px 7px 15px; font-size:15px; color:#343a50; text-align:left; line-height: 1.4em; border-left: 3px solid transparent;}
.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{background-color: #fbfbfb; color: #4b89d8; border-color: #4b89d8;}

/* Mobile */
#menu-trigger {display:none; position:absolute; z-index:11; width:30px; height:34px; margin:auto; cursor:pointer; right: 0;}
#menu-trigger span, #menu-trigger span:before, #menu-trigger span:after {position:absolute; width:100%; left:0; right:0; height:3px; background-color:#fff; -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;}

/* Google translator */
.g_translate { position: relative; right: 0; width: 138px; overflow: hidden;}
.g_translate .goog-te-gadget-simple span>a {color: #fff; border-radius: 0; line-height: 2; padding: 10px 5px;}
.g_translate .goog-te-gadget-simple {border:0 !important; padding:0 !important; background-color:transparent !important;}
.g_translate .goog-te-gadget-simple span>a>span:last-child {color: #fff !important;}
.g_translate .goog-te-gadget-icon{display:none;}

#loading { display:none; position: absolute; top:10px; right: 10px; }
.fullcal h2 {font-size:1.4em; line-height: 1.2em; color: #051b53;}
.fullcal table th {font-weight:700; padding:5px; background-color:#051b53; color:#ffffff;}
.fullcal .fc-list-table td {padding-top: 4px; padding-bottom: 4px;}
.fullcal a { cursor:pointer; /*color: #ad191f;*/ padding:2px; text-decoration:none;}
.fullcal a:hover {text-decoration: underline;}
.fullcal .fc-event {background-color:#181756; border-color: transparent;}
.fullcal .fc-today .fc-day-number { background-color: #051b53; 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: #051b53; }
.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: #051b53; color: #051b53; 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: #051b53; 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: #051b53;}
.fullcal .fc-left, .fullcal .fc-right { padding-bottom: 10px; }
.fullcal .fc-basic-view .fc-body .fc-row { min-height:3em;}

@media screen and (max-width: 1199px) {
  .home .watermark-logo {width:200px;}
  .menu > li {padding-left:7px; padding-right:7px;}
  .box-wrap a:hover .text {bottom:-10px;}
  .box-wrap a:nth-child(2n) a:hover .text { bottom: 0;}
  .box-wrap.editor h4 {font-size: 1.4em;}

@media screen and (max-width: 1023px){
  .home .watermark-logo {width:120px;}
  .box-wrap.editor h4 {margin:10px;}
  .footer .col14{ width: 48%; margin-bottom:10px;}
  .box-wrap a{width: calc(50% - 10px); margin-top: 10px; margin-bottom: 10px;}

  .iconlinks {top: 4px;}
  .g_translate {top:36px; right:40px; position: absolute;}
  .nav, .mobimenu .nav, .menu > li > a:after, .menu ul, .menu > li li > ul, .menu > li li:hover > ul, .header:before  { display:none; }

  #menu-trigger, .mobimenu .nav {display:block;}
  #menu-trigger {top:38px;}
  .home .nav { position: absolute; top:76px;}
  .nav {position:absolute; top:100%; right:0px; z-index:5; background-color:#fff; -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.topmenu {position: relative; right: 0; top:0; font-size: inherit;}

  .menu { width: 280px; display: block; background-color:#fff; padding:0;}
  .menu ul, .menu > li li:hover > ul, .menu > li:hover > ul {display:none; visibility: visible; z-index: 2; opacity: 1; width: inherit; padding-right:0px; position:relative; left:inherit; top:inherit; right: inherit;  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none; border:none; padding-left: 15px; margin-top:0px; animation:inherit;}

  .menu > li, .topmenu.menu > li{display:block; border-bottom:1px solid #e9e9e9; margin:0; padding-left: 0; padding-right: 0;}
  .menu > li:hover > a, .menu.topmenu > li:hover > a {color:#4b8ad8; background: transparent;}
  .menu > li.active > a,.topmenu.menu > li.active > a {background-color:#343a50; color:#fff}
  .menu li ul li {padding:0; border-bottom: 0;}
  .menu li ul li a { color: #555; border-bottom:none;}
  .menu > li:nth-last-child(-n+2) > ul li:hover > ul {left:inherit; right:inherit;}
  .menu ul > li.open > a{background-color:#f4f4f4;}
  .menu li a, .topmenu.menu li a {position:relative;display:block;line-height:20px; margin-right:40px; padding:10px 10px 10px 20px; color:#444; font-size:inherit; background: transparent;}
  .menu li .arrow {position: absolute; top:0; right:-40px; width:40px; height:100%; background-color:#eee; cursor:pointer;}
  .menu li .arrow:after, .menu li .arrow:before {left:50%; top:50%; content: " "; height:2px; width:12px; position: absolute; background-color:#666; 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;}
}

@media screen and (max-width:767px) {
  body, html {font-size:15px;}
  .editor h1 {font-size: 1.75em;}

  .hill-white {display:none;}
  .bannertext { position: relative; color: #363952; max-width: 100%; border: 0; padding: 10px 0; bottom:0; left:0; text-align: center;}
  .bannertext span {padding-bottom:10px;}
  .header {padding:5px 0;}
  .home .header .logo {display:block;}
  .home .watermark-logo, .sidebar {display:none;}
  .home .header {position:relative; background-color: #848484;}

  .pagetitle {padding:24px 0;}
  .pagetitle.editor h1 { margin-bottom: 0; font-size:1.5em;}
  .content {padding:20px 0;}
  .content > div:first-child {width: 100%;}
  .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;}
  .space-wrap {padding-top: 30px; padding-bottom: 30px;}
  .box-wrap a{width:100%;}

}

@media screen and (max-width:479px) {
  .wraper {width: 90%;}
  .footer .col14 {width: 100%;}
}