article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,time,root {display:block}
body, html {margin:0;padding: 0;width: 100%;height: 100%;}
body {font-size: 100%;-webkit-backface-visibility: hidden;-webkit-font-smoothing: antialiased;color:#fff;font-family: 'Lato', Tahoma, sans-serif;line-height: 1.5em;}
img {max-width: 100%;display:block;height: auto;border: 0;outline: 0;}
.clear {clear:both;overflow: hidden;}
a {color: #efe3b8;}
h1 {cursor:default;}
h2 {cursor: default;line-height: 1.25em;font-size: 1.25em;margin: 20px;}
h3, h4 {margin:20px;color: #333;}
.text ul li {color: #333;}

#header {position: absolute;top:0;left:0;z-index: 10;width:100%;text-align: center;}
.logo {margin:20px;display: inline-block;}
.nic-assoc-logo {width: 120px;

display: block;
margin: 0 auto 10px auto;}

.mobile-menu {width:34px;height: 22px;position: fixed;top:0;right:0;bottom: 0;left: 0;margin: auto 20px;cursor: pointer;z-index: 11;}

#nav {position: fixed;top:0;left:-230px;width:230px;height: 100%;background: #292929;display: table;z-index: 1;}
.nav-holder {display: table-cell;vertical-align: middle;}
#nav .logo {float: right;margin-right: 22px;position: absolute;top: 0;right: 0;}
#nav ul {margin:20px 7px;padding: 0;list-style: none;clear: both;overflow: hidden;line-height: 1.75em;}
#nav ul li {margin:0;padding: 0;position: relative;}
#nav ul li .touch-button {position: absolute;right: 0;top:0;font-size: 0.75em;cursor: pointer;}
#nav ul li a {text-decoration: none;color: white;text-transform: uppercase;display: block;text-align: right;padding-right: 20px}
#nav ul li ul {display: none;margin:10px 0;}
.menued {position: absolute;top:0;right: 0;bottom: 0;left:0;width:100%;height:100%;z-index: 9999999;display: none;}

#holder {background-color: #292929;position: relative;top:0;left:0;width:100%;height: 100%;z-index: 1;display: table;}
#holder.light {background-color: #f6f6f6;}
#holder.light h1 {color: #e62117;font-weight: 400;}

#gallery {position: absolute;top:0;left:0;width:100%;height:100%;border:0;}
#slider {z-index: 1;width:100%;}
#slider .slide {width:100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;bottom:0;right:0;margin:auto;color: white;text-decoration: none;text-align: center;white-space: nowrap;}
#slider .slide:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}
#slider .slide h1 {text-transform: uppercase;font-size: 1.75em;line-height: 1.125em;vertical-align: middle;display: inline-block;white-space: normal;margin:0 60px;}

#article {overflow: hidden;text-align: center;padding-top:90px;display: table-cell;vertical-align: middle;font-family: 'Open Sans', Verdana, sans-serif;}
#article h1 {text-transform: uppercase;font-size: 1.75em;font-weight: 300;margin: 25px 0 25px 0;color: #e62117;line-height: 1.125em;}
#article a.category {display: inline-block;width:60%;clear:both;color: white;text-transform: uppercase;font-weight: 300;text-decoration: none;margin-bottom: 2em;font-size: 1.25em;cursor: pointer;vertical-align: text-top;line-height: 1em}
#article a.category:hover,#article a.entry:hover {opacity: 0.7;}

#article a.category.team {font-weight: 400;font-size: 1.5em;text-align: center;}
#article a.category.team span.image {border-radius: 50%;-webkit-border-radius: 50%;height:150px;width:150px;margin:0 auto;}
.img.team {display: inline-block;}
.img.team img {border-radius: 50%;-webkit-border-radius: 50%;}

#article a.category .summary {color: #868686;font-size: 0.625em;text-transform: uppercase;}
#article a.category .summary p {margin:0;}

.share {margin: 20px 0;text-align: center;}
.addthis_native_toolbox {display: inline-block; }

#article span.image {
    height:200px;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    margin-bottom: 10px;
}
#article a.entry span.image {background-position: right center;}
#article a.entry.right span.image {background-position: left center;}
#article a.entry {text-align: right;display: inline-block;text-transform: uppercase;font-weight: 400;text-decoration: none;margin-bottom: 2em;font-size: 1.5em;}
#article a.entry.right {text-align: left;}
#article a.entry {color: #2d6388;cursor: pointer;}
#article a.entry .date {color: #9f9f9f;font-style: italic;font-size: 0.625em;display: block;text-transform: initial;}
#article .entry-date {color: #9f9f9f;font-style: italic;display: block;margin-bottom: 10px;}
#article .entry-date a {color:  #2d6388;}
#article .entry-title {margin-bottom: 10px;font-size: 1.5em;}

#article .text {display: inline-block;margin:20px 0px;width:100%;}
#article .text .text-holder {position: relative;text-align: justify;}
#article .text .border {border-left: solid 1px #c5c5c5;border-right: solid 1px #c5c5c5;width:100%;height: 100%;position: absolute;top:0;left:0;z-index: -1;}
#article .text p {color: #333;margin: 20px;font-size: 0.875em;}
#article .text h2 {color: #2d6388}
#article .text a {color:  #2d6388}
#article .text img {display: inline-block;width:100%;}
hr {color: #747474;height: 1px;border:none;border-top: solid 1px #565656;width:230px;}
a.icon {font-size: 2.5em;display: inline-block;color: #747474;text-decoration: none;}
a.icon:hover {color: #868686}

/* Forms */
form {margin: 15px;display: inline-block;}
form input {clear:left;display: block;}
form input, form select {font-family: 'Open Sans', Tahoma, sans-serif;margin:0;color: #4d4d4d;border-radius: 6px;-webkit-border-radius: 6px;border:solid 1px #d6d6d6;font-size: 1em;padding: 5px;margin-bottom: 5px;width:200px;color:#4d4d4d;background: #d6d6d6;width:90%;}
form textarea {font-family: 'Open Sans', Tahoma, sans-serif;margin:0;color: #4d4d4d;border-radius: 6px;-webkit-border-radius: 6px;border:solid 1px #d6d6d6;font-size: 1em;padding: 5px;margin-bottom: 5px;width:90%;height:200px;clear:left;display: block;background: #d6d6d6;}
form input[type='checkbox'] {float: left;width:auto;margin: 4px 4px 0 0;}
form input[type='submit'] {background-color: #747474;color: #fff;padding: 7px 12px 5px 12px;text-transform: uppercase;font-size: 1em;font-weight:400;text-decoration: none;border:none;width:auto;cursor:pointer;margin-top: 20px;display: inline-block;}
form label {font-weight: 700;font-size: 1.125em;color: #efe3b8;display: none;margin-top: 20px;}
form fieldset {font-size: 1em;color: #fff;background-color: #333536 ;border: solid 1px #565656;margin:20px 0;text-align: left}
form fieldset label {font-size: 1em;}
form fieldset legend {font-weight: 700;text-align: center}
form fieldset input {width: 90%;}

/* Video */

.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;margin:0 auto;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.holder {position: relative;margin: 0px 80px 0px;}

table {color:#333;margin:0 20px;border-collapse: separate;border-spacing: 5px 10px;width:100%;font-family: 'Open Sans', Tahoma, sans-serif;}
.text-holder table {margin:0;}
table>tbody>tr>td:first-child {text-align: right;width:50%;vertical-align: text-top}
table>tbody>tr>td:first-child + td {text-align: left;width:50%;vertical-align: text-top}

div#contact_form_errorloc.err ul {color: red;display: inline-block; margin:0;} 

@media screen and (min-width:730px){
.holder {margin-top:90px;}
    #article {padding-top: 0;}
    #article h1 {font-size: 1.875em;font-weight: 400;margin: 20px 150px 60px 150px;}
    #article a.category {width:35%;}
    #article a.category.right {margin-left:20px;}
    #article a.entry {width:45%;margin-bottom: 90px;}
    #article a.entry.right {position: relative;top:80px;margin-left:20px;}
    .holder.title {position: absolute;top:0;width:100%;margin: 0px;}
    #slider .slide h1 {font-size: 2em;}
    #article .entry-title {font-size: 1.875em;}
    #article .entry-title .title-width {width:60%;display: inline-block;}
    #article .text p {font-size: 1.125em;line-height: 1.5em;}
    #article a.category.team {font-size: 1.5em;}
    #article a.category.team span.image {height:190px;width:190px;margin-bottom: 10px;}
    #holder.light h1 {width: 100%;margin: 20px auto;display: inline-block;}
    #header .logo {display: block;}
    #header {width: auto;text-align: initial}
}