@charset "utf-8";
 :root {
     --ws_fmn:'Open Sans', sans-serif;
     --ws_fhd:'Open Sans', sans-serif;
     --ws_fbt:'Open Sans', sans-serif;
}
 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, 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 {
     border:0;
     margin:0;
     padding:0;
     vertical-align:baseline;
     box-sizing:border-box;
}
 body {
     background:var(--ws_wht);
     color:var(--ws_blk);
     font-family: var(--ws_fmn);
     font-size: 18px;
     line-height:1.2;
     -webkit-font-smoothing:antialiased;
     text-rendering:geometricPrecision;
     font-smooth:always;
     overflow-x: hidden;
	 position: relative;
	 left: 0;
     transition: all 0.3s ease;
}
 img {
     border: 0;
     max-width:100%;
}
 ol, ul {
     list-style:none;
}
 blockquote, q {
     quotes:none;
}
 blockquote:before, blockquote:after, q:before, q:after {
     content:none;
}
 table {
     border-collapse:collapse;
     border-spacing:0;
}
 *:focus {
     outline:0;
}
.clear {
     display:block;
}
 .clear:before, .clear:after, .header:before, .header:after, .content:before, .content:after, .footer:before, .footer:after, .module_wrapper:before, .module_wrapper:after, .module:before, .module:after {
     clear:both;
     content:'';
     display:table;
}
 .row {
     max-width:1650px;
     margin:0 auto;
     display: flex;
     flex-wrap: wrap;
}
 .row.full {
     padding:0 20px;
     width:100%;
}
 .row:before, .row:after {
     clear:both;
     content:'';
     display:table;
}
 .col_1, .col_2, .col_2_5, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
     float:left;
     min-height:1px;
     padding-left:10px;
     padding-right:10px;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
}
 .col_12 {
     width:100%;
}
 .col_11 {
     width:91.66666667%;
}
 .col_10 {
     width:83.33333333%;
}
 .col_9 {
     width:75%;
}
 .col_8 {
     width:66.66666667%;
}
 .col_7 {
     width:58.33333333%;
}
 .col_6 {
     width:50%;
}
 .col_5 {
     width:41.66666667%;
}
 .col_4 {
     width:33.33333333%;
}
 .col_3 {
     width:25%;
}
 .col_2_5 {
     width:20%;
}
 .col_2 {
     width:16.66666667%;
}
 .col_1 {
     width:8.33333333%;
}
/* global */
 a {
     color:var(--ws_pri);
}
 a:hover {
     color:var(--ws_sec);
}
 a:after, a:before {
     color:var(--ws_drk);
}
 p {
     margin-bottom:30px;
     font-size:1.0em;
     line-height:1.5;
}
 i, cite, em, var, address, dfn {
     font-style:italic;
}
.bi {
     text-decoration:none;
	 margin:0 5px;
}
 strong {
     font-weight:600;
}
 .text {
     font-size:1.0em;
     line-height:1.5;
     padding:0;
     margin:0;
}
 .sm_txt {
     font-size:0.9em!important;
     line-height:1.5!important;
}
 .lg_txt {
     font-size:1.2em!important;
     font-weight: 600;
     line-height:1.5!important;
}
.red_txt {
     color:var(--ws_sec);
}
/* .mono_font, .mono_font .clear {
     font-family: 'Roboto Mono', monospace;
}*/
 img {
     vertical-align:bottom;
     max-width:100%;
     height:auto;
}
 .img_right {
     float:right;
     clear:right;
     margin:0 0 10px 20px;	 
} 
.img_left {
     float:left;
     clear:left;	
     margin:0 10px 10px 0;	
}
 .img_right, .img_left {
     background-color: var(--ws_drk);
     max-width:40%;
     border-radius: 12px;
}
 .img_right img, .img_left img{
     border-radius: 12px;
}
 .img_block {
     display:block;
     background-color: var(--ws_drk);
     width:100% !important;
     margin:0px 10px;
     clear:both;
     position: relative;
     border-radius: 12px;
}
 .img_block img {
     width: 100% !important;
     height:auto!important;
     border-radius: 12px;
}
 .img_block:hover img, .img_right:hover img, .img_left:hover img {
     opacity: 0.8;
}
 img.circle {
     border-radius:50%;
}
.featured {
    position: absolute;
    bottom: -0;
    right: 0;
    color: #fff;
	background: var(--ws_sec);
	opacity: 0.8;
    padding: 6px 24px;
    font-size: 0.8em;
    border-radius: 12px 0 12px 0;
}
 .embed-contain {
     margin:10px 0px 10px 0px;
     position: relative;
     padding-bottom: 56.25%;
    /* 16/9 ratio */
     padding-top: 30px;
    /* IE6 workaround*/
     height: 0;
     overflow: hidden;
}
 .embed-contain iframe, .embed-contain object, .embed-contain embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 95%;
     height: 100%;
}
 iframe, object, embed {
     max-width:100%;
}
 .hide {
     display:none;
}
 .aligncenter {
     margin:0 auto;
}
 .alignleft {
     float:left;
}
 .alignright {
     float:right;
}
.content .alignleft{
     margin:0 15px 3px 0 !important;	
}
.content .alignright{
     margin:0 0 3px 15px !important;	
}
 .aligncenter {
     margin-left:auto !important;
     margin-right:auto !important;
     display:block;
     text-align:center;
}
.alignmiddle {
  display: flex;
  justify-content: center; 
  align-items: center;  
  height: 100%;
}
 .margin_zero {
     margin-bottom:0 !important;
     margin-top:0 !important;
}
 .margin_add {
     margin-top:20px !important;
     margin-bottom:20px !important;
}
 .margin_extra {
     margin-top:35px !important;
     margin-bottom:35px !important;
}
 .padding_zero {
     padding-bottom:0 !important;
     padding-top:0 !important;
}
 .padding_add {
     padding-top:20px !important;
     padding-bottom:20px !important;
}
 .padding_extra {
     padding-top:35px !important;
     padding-bottom:35px !important;
}
 .text_left {
     text-align:left;
}
 .text_center {
     text-align:center;
}
 .post_card {
     background: var(--ws_wht);
     padding: 22px;
     box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
     border: 1px solid var(--ws_lt2);
     border-radius: 12px;
}
 @media only screen and (max-width: 450px) {
 .post_card {
     padding: 16px;
	 font-size:0.85em;
}
}
@media only screen and (max-width: 400px) {
 .post_card {
     padding: 8px;
	 font-size:0.8em;
}
}
.img_left_th {
	 float:left;
	width:60px;
     background: var(--ws_wht);
     padding: 0 4px 0 0;
     border-radius: 12px;
}
 .user-message {
	 font-size: 0.9em;
     background: var(--ws_msg);
     color: var(--ws_sec);
     margin: 0.2em 0;
     padding: 0.2em;
     text-align:center;
     word-wrap: break-word;
}
 .user-message-b {
	 font-size: 0.9em;
     background: var(--ws_msb);
     color: var(--ws_pri);
     margin: 0.2em 0;
     padding: 0.2em;
     text-align:center;
}
.user-message-c {
	 font-size: 0.9em;
     background: var(--ws_lt3);
     color: var(--ws_drk);
     margin: 20px auto;
     padding: 0.2em;
     max-width:1650px;
     text-align:center;
     border: 1px solid var(--ws_lte);
     border-radius: 12px;
}
 .data-comparison {
	 font-size: 0.9em;
     background: var(--ws_msg);
     color: var(--ws_blk);
     margin: 0.4em 0;
     padding: 0.2em;
     text-align:left;
}
.bg_pri {
     background: var(--ws_pri);
}
.bg_sec {
     background: var(--ws_sec);
}
 .no_br {
     white-space:nowrap;
}
 .full_width {
     width:100% !important;
     max-width:inherit !important;
}
 .overlay {
     position: fixed;
     display: none;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 10;
     cursor: pointer;
     background-color: rgba(0,0,0,0.5);
}
 .overlay-text{
     position: absolute;
     top: 50%;
     left: 50%;
	 font-size: 1.0em;
     transform: translate(-50%,-50%);
     width: 95%;
     max-width: 800px;
     max-height: 80%;
     padding:35px 15px;
     overflow-y:auto;
     border: 10px solid var(--ws_lte);
     border-radius: 12px;
	 justify-content: center;
     display: flex;

}
.overlay-data-box {
  max-width: 500px;
  text-align: left;
}
 .overlay-drk {
     color:var(--ws_wht);
     background-color: rgba(0,0,0,0.8);
}
 .overlay-drk a, .overlay-drk a:link, .overlay-drk a:visited{
     color: var(--ws_wht)!important;
}
 .overlay-drk a:hover{
     color: var(--ws_lte)!important;
}
 .overlay-wht {
     color: var(--drk);
     background-color: rgba(255,255,255,0.95);
}
 .overlay-wht a, .overlay-wht a:link, .overlay-wht a:visited{
     color: var(--ws_drk);
}
 .overlay-wht a:hover{
     color: var(--ws_sec);
}
 .close_button {
     position:absolute;
     font-size: 1.5em;
     top: 5px;
     right: 0;
     cursor: pointer;
     z-index: 10;
	 margin:0px;
}
.close_button .bi {
     font-size: 1.5em;
}
 #calendar .close_button {
     color: var(--ws_wht);
}
 #calendar {
     position: fixed;
     display: none;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0,0,0,0.5);
     z-index: 10;
}
 #calendar-overlay {
     position: absolute;
     background-color: rgba(255,255,255,0.95);
     top: 50%;
     left: 50%;
	 font-size: 1.0em;
     color: var(--ws_drk);
     transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     width: 95%;
     max-width: 440px;
     max-height: 80%;
     text-align: center;
     padding:35px 15px;
     overflow-y:auto;
     margin:auto;
     border: 10px solid var(--ws_lte);
     border-radius: 12px;
}
 #calendar .close_button {
     color: var(--ws_drk);
}
 .close_button :hover {
     color: var(--ws_sec);
}
 #search-events {
     position: fixed;
     display: none;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0,0,0,0.5);
     z-index: 10;
}
 #search-events-overlay {
     position: absolute;
     background-color: rgba(255,255,255,0.95);
     top: 50%;
     left: 50%;
	 font-size: 1.0em;
     color: var(--ws_drk);
     transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     width: 75%;
     height: 75%;
     padding:35px 15px;
     overflow-y:auto;
     margin:auto;
     border: 10px solid var(--ws_lte);
     border-radius: 12px;
}
 #search-events-overlay input[type="text"] {
     font-size: 24px!important;
}
 #results ul li a {
     font-size: 19px!important;
}
 #search-events .close_button {
     color: var(--ws_drk);
}
/* tabs - buttons */
 .tab {
     display: inline!important;
     width:inherit;
}
 .tab.active {
     border-color:var(--ws_pri);
     background:var(--ws_pri);
     color:var(--ws_wht);
}
/* flex grid */
.flex-container {
  display: flex;
  flex-wrap: wrap; /* Allow columns to wrap */
  width: 100%;
}

.flex-column {
  flex: 1 0 50%; /* Take up 50% width, but allow shrinking */
  padding: 6px;
}
.flex-column a {
     text-decoration:none!important;
}

/* Responsiveness: Stack columns for smaller screens */
@media (max-width: 1200px) {
  .flex-column {
    flex: 1 0 100%; /* Take up full width on smaller screens */
  }
}
/* tabs - hide tab content panes except the first one */
 .tab-pane {
     display: none;
}
/* Show the content pane with the active class */
 .tab-pane.active {
     display: block;
}
 .ad_block {
     clear:both;
     border-top:3px dashed var(--ws_lte);
     border-bottom:3px dashed var(--ws_lte);
     padding:1.0em 0;
     margin:1.0em 0;
}
@media only screen and (max-width: 728px) {
#div-gpt-ad-1525434877433-5 {
display:none;
}
}
 .background_cover {
     background-repeat:no-repeat;
     background-position:center;
     background-attachment:scroll;
     -webkit-background-size:cover;
     -moz-background-size:cover;
     -o-background-size:cover;
     background-size:cover;
}
 .site_wrapper {
     background:var(--ws_wht);
}
/* header */
 .header_wrapper {
     position:relative;
     background:var(--ws_wht);
     width:100%;
     z-index:5;
     border-bottom: 1px solid var(--ws_lte);
     box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
 .header {
     padding:10px;
}
 .logo_wrapper {
     position:relative;
}
 .logo {
     display:block;
}
 .logo_dark{
     display:none;
}
.logo img, .logo_dark img {
     max-height: 125px;
}
 body.dark_mode .header_wrapper {
     background:var(--ws_drk);
     position:relative;
     width:100%;
     z-index:5;
}
 body.dark_mode .logo{
     display:none;
}
 body.dark_mode .logo_dark{
     display:block;
}
 .widget_top {
     font-size: 0.9em;
     color:var(--ws_wht);
     background:var(--ws_sec);
     text-align:center;
     padding:10px;
     margin:0;
     border-bottom: 1px solid var(--ws_lte);
}
 .widget_top a, .widget_top a:link, .widget_top a:visited {
     color:var(--ws_wht);
     text-decoration: underline;
}
 .widget_top a:hover, .widget_top a:active {
     color:var(--ws_lte);
     text-decoration: none;
}
 .status-bar {
     font-size: 1.1em;
     line-height: 1.0em;
     font-weight: 400;
     color:var(--ws_wht);
     background-color:var(--ws_sec);
     padding: 10px;
     margin: 10px 0;
     border-bottom: 10px solid var(--ws_lte);
}

/* ------- STICKY ------- */
#fixed-top {
	z-index:10;	
}
 .sticky {
     position: fixed;
     top: 0;
     width: 100%;
}
 .sticky + .content {
     padding-top: 35px;
}
.sticky .logo img, .sticky .logo_dark img {
	min-width: auto;
    min-height: auto;
    max-height: 75px;
}
.sticky  #nav{
     padding:0;
}
/* ------- TOP NAV ------- */
#nav-top {
     color: var(--ws_wht);
     background:var(--ws_blk);
     padding:8px;
     margin:0;
     min-height:45px;
     z-index:10;
     border-bottom: 1px solid var(--ws_dr3);
}
 #nav-top a, #nav-top a:link, #nav-top a:visited {
     color:var(--ws_lte);
     text-decoration: none;
     margin-right: 8px;
}
 #nav-top a:hover, #nav-top a:active {
     color:var(--ws_sec);
     text-decoration: none;
} 
 #nav-top a span {
 font-size:1.1em;  
 }
/* ------- FLYOUT NAV ------- */
  .animate-menu {
	 position: fixed;
     top: 0;
     width:225px;
     height: 100%;
     transition: all 0.3s ease;
     z-index:10;
     color:var(--ws_wht);
     background:var(--ws_drk);
     padding:0;
     margin: 0;
     overflow-y:auto;
}
  .animate-menu-push {
  left: 0;
  position: relative;
  transition: all 0.3s ease; 
}
  .animate-menu-push.animate-menu-push-right {
    left: 225px; 
}
  .animate-menu-left {
  left: -225px; 
}
  .animate-menu-left.animate-menu-open {
    left: 0; 
}
  .animate-menu-right.animate-menu-open {
    right: 0; 
}
 .sidebar-menu {
     color:var(--ws_wht);
     list-style: none;
     margin: 0;
     padding: 0;
     background: var(--ws_drk);
}
 .sidebar-menu > li {
     position: relative;
     margin: 0;
     padding: 0;
}
 .sidebar-menu > li > a {
     padding: 12px 6px 12px 12px;
     display: block;
     border-left: 6px solid transparent;
     color: var(--ws_lt3);
     font-size: 0.9em;
}
 .sidebar-menu > li > a > .fa,  .sidebar-menu > li > a > .bi {
     width: 20px;
	 margin-right:5px;
}
 .sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
     color: var(--ws_lte);
     background: var(--ws_dr3);
     border-left: 6px solid var(--ws_sec);
}
 .sidebar-menu > li .label, .sidebar-menu > li .badge {
     margin-right: 5px;
}
 .sidebar-menu li.sidebar-header {
	 height:45px;
     padding: 12px 24px 12px 12px;
     font-size: 0.9em;
     color: var(--ws_lte);
     background: var(--ws_blk);
     border-left: 6px solid var(--ws_pri);
     border-bottom: 1px solid var(--ws_dr3);
}
.sidebar-parent {
     color: var(--ws_lte);
     background: var(--ws_dr3);
     border-left: 6px solid var(--ws_pri);
 
}
 .sidebar-menu li > a > .bi-chevron-left,  .sidebar-menu li > a > .bi-chevron-left {
     width: auto;
     height: auto;
     padding: 0;
     margin-right: 10px;
}
 .sidebar-menu li.active > a > .bi-chevron-left {
     transform: rotate(-90deg);
}
 .sidebar-menu li.active > .sidebar-submenu {
     display: block;
}
 .sidebar-menu a {
     color: var(--ws_lt3);
     text-decoration: none;
}
 .sidebar-menu .sidebar-submenu {
     display: none;
     list-style: none;
     padding: 0;
     margin: 0;
     background: var(--ws_drk);
}
 .sidebar-menu .sidebar-submenu .sidebar-submenu {
     padding-left: 20px;
}
 .sidebar-menu .sidebar-submenu > li > a {
     padding: 6px 6px 6px 12px;
     display: block;
     font-size: 0.9em;
     color: var(--ws_lt3);
     border-left: 6px solid transparent;
}
 .sidebar-menu .sidebar-submenu > li > a > .bi {
     width: 20px;
}
 .sidebar-menu .sidebar-submenu > li > a > .bi-chevron-left, .sidebar-menu .sidebar-submenu > li > a > .bi-chevron-left {
     width: auto;
}
 .sidebar-menu .sidebar-submenu > li.active > a, .sidebar-menu .sidebar-submenu > li > a:hover {
     color: var(--ws_wht);
     border-left: 6px solid var(--ws_sec);
     background: var(--ws_dr3);
}

/* ------- MAIN NAV - DESKTOP ------- */
 #nav_wrapper {
     margin:auto;
}
 #nav{
     position:relative;
     top:0px;
     clear: both;
     width: 100%;
     height:75px;
     font-size: 1.0em;
     line-height:75px;
     text-align: center;
     vertical-align: middle;
     display:flex!important;
     padding:35px 0 0 0;
     margin:auto;
     text-align:center;
     display:flex;
     justify-content: center;
     align-items: center;
     z-index:7;
}
 #nav li{
     position:relative;
     float:left;
     border:none;
     height:65px;
     line-height:65px;
}
 #nav li a{
     display:block;
     text-align:left;
     color:var(--ws_drk);
     padding:0 12px;
     text-decoration:none;
}
 body.dark_mode #nav li a{
     color:var(--ws_wht);
}
 #nav li a:hover{
     color:var(--ws_sec);
     border:none;
}
 #nav .sub-menu{
     position:absolute;
     font-size: 1.0em;
     top:65px;
     left:0;
     display:none;
     width:250px;
     z-index:7;
}
 #nav .sub-menu li{
     float:none;
     border:none;
     height:auto;
     line-height:normal;
     left:auto;
}
 #nav .sub-menu li a{
     color:var(--ws_wht);
     background: var(--ws_drk);
     font-size: 0.9em;
     text-transform:none;
     padding:6px 8px;
     border-left: 6px solid transparent;
}
 #nav .sub-menu li a:hover{
     color: var(--ws_wht);
     background: var(--ws_dr3);
     border-left: 6px solid var(--ws_sec);
}
 #nav-mobile {
     display:none!important;
}
/* nav - mobile */
 @media only screen and (max-width: 1400px) {
     #nav {
         display:none!important;
    }
     #nav-mobile {
         display:inline!important;
    }	 
	.logo, .logo_dark {
    text-align: center;
	 }
}
 @media only screen and (max-width: 900px) {
     #nav-top a span {
         display:none!important;
    }
}
/* infinite scroll */
 #content-scroll {
     width: 90%;
     margin: 20px auto;
     background-color: #fff;
     padding: 20px;
     box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
     border-radius: 12px;
}
 .ad-block {
     background-color: #e0e0e0;
     padding: 20px;
     text-align: center;
     border-radius: 12px;
     margin-bottom: 20px;
     color: #555;
     font-style: italic;
}
 #load-more {
     text-align: center;
     margin-top: 20px;
}
 .no-record{
     background-color: #2980b9;
     padding: 12px 24px;
     font-size: 16px;
     background-color: #3498db;
     color: #fff;
     border: none;
     border-radius: 12px;
     cursor: pointer;
     transition: background-color 0.3s ease;
     text-align: center;
    ;
     width: 70%;
     margin: 20px auto;
}
/* content */
.heading_wrapper {
     background-color:var(--ws_hdg);
}
.heading {
     padding:10px 0;
     margin:0px;
     border-bottom: 10px var(--ws_lte) solid;
}
h1, h2, h3, h4, h5, h6 {
     font-family: var(--ws_fhd);
     color: var(--ws_drk);
     font-weight:600;
     line-height:1.5;
     margin:0px 0px 10px 0px;
}
h1, h2 {
     font-size:1.8em;
}
h3, h3 {
     font-size:1.4em;
}
h4, h5, h6 {
     font-size:1.2em;
}
.heading h1, .heading h2 {
     color:var(--ws_wht);
     font-size:1.8em;
     font-weight: 400;
     letter-spacing:1px;
     text-align:center!important;
     padding:0!important;
     margin:0!important;
}
.content h1 {
     font-size:2.0em;
     margin:0px 0px 20px 0px;
}
.content h2 {
     display:block;
     width:100%;
     font-size: 1.6em;
     font-weight: 600;
     text-align: left;
     color: var(--ws_dr3);
     padding: 0.6em 0 0.3em 0;
     margin: 0 0 1.2em 0;
     position: relative;
}
.text h2:after {
     content: "";
     position: absolute;
     bottom: -1px;
     left: 0;
     width: 100%;
     border-bottom: 1px solid var(--ws_dr3);
}
h2.sub_heading, h3.sub_heading, h4.sub_heading, div.sub_heading {
     font-size: 1.2em;
     font-weight: 400;
     text-align: left;
     color: var(--ws_drk);
     background-color: var(--ws_lt3);
     padding: 10px;
     margin: 10px 0px 10px 0px;
     border-left: 10px solid var(--ws_pri);
}
.content h1 .bi, .content h2 .bi, .content h3 .bi, .content h4 .bi  {
    font-size: 1.2em;
}
@media (max-width:768px) {
h1 {
         font-size:1.4em!important;
         line-height:1.5;
    }
h2 {
         font-size:1.2em!important;
         line-height:1.5;
    }
h3 {
         font-size:1.2em!important;
         line-height:1.5;
    }
}
.content {
     background:var(--ws_wht);
}
.content p, .content blockquote, .content ul, .content ol, .content dl, .content form, .content table, .content iframe, .content embed, .content object {
     margin-bottom:30px;
     font-size:1.0em;
     line-height:1.5;
}
 .content p iframe, .content p embed, .content p object {
     margin-bottom:0;
}
 .content a {
     outline:none;
     text-decoration:underline;
}
 .content a:hover {
     text-decoration:underline;
}
 .content a:after, a:before {
     text-decoration:underline;
}
 .light a {
     color:var(--ws_wht)!important;
     outline:none;
     text-decoration:underline;
}
 .light a:hover {
     color:var(--ws_bto)!important;
     text-decoration:underline;
}
 .light a:after, a:before {
     text-decoration:underline;
}
 .content ul, .content ol, .content dl {
     margin-left:30px;
     line-height:1.0em;
}
 .content li {
     list-style-position:outside;
     position:relative;
	 line-height:1.5em;
     margin-bottom:10px;
}
 .content ol li {
     list-style-type:decimal;
}
 .content ul {
     margin-left:30px;
}
 .content ul li {
     list-style-type:disc;
}
 .content blockquote {
     background:var(--ws_lte);
     padding:30px;
     color:var(--ws_drk);
}
 .content blockquote:before {
     content:"\f10d";
     font-family:FontAwesome;
     display:block;
     text-align:center;
     float:left;
     margin-right:5px;
}
 .content p:empty {
     display:none;
}
 .text .col_6 {
     padding:15px!important;
}
 .dark-bg {
     background-color:var(--ws_pri)!important;
}
 .light-bg {
     background-color:var(--ws_lte)!important;
}
 .dark {
     color:var(--ws_blk)!important;
}
 .light {
     color:var(--ws_wht)!important;
}
 .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 {
     color:var(--ws_wht)!important;
}
 .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
     color:var(--ws_drk)!important;
}
 .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 {
     color:var(--ws_wht)!important;
}
 .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
     color:var(--ws_drk)!important;
}
 .zero_side .highlight .row, .zero_side .highlight .row .col_12, .zero_side .txt-img-block .row, .zero_side .shortcode .row, .zero_side .shortcode .row .col_12 {
     width:100%;
     padding:0;
}

/* footer */
 .footer_wrapper {
     background:var(--ws_drk);
     border-top: 12px solid var(--ws_pri);
}
 .footer {
     color:var(--ws_wht);
     padding-top:90px;
     padding-bottom:90px;
}
.footer .bi  {
    font-size: 2.2em;
}
 .footer a {
     color:var(--ws_wht);
     text-decoration:none;
}
 .footer a:hover {
     color:var(--ws_bto);
     text-decoration:none;
}
 .footer h5 {
     font-family: var(--ws_fhd);
     color:var(--ws_lte);
     font-size:1.2em;
     line-height:1.5;
     margin:15px 0px 5px 0px;
}
 .footer h5:after {
     content:'';
     display:table;
     height: 1px;
     width: 100%;
     background-color: #fff;
     opacity: 0.6;
     margin-top: 8px;
     margin-bottom: 20px;
}
 .footer p, .footer blockquote, .footer ul, .footer ol, .footer dl, .footer form, .footer table, .footer iframe, .footer embed, .footer object {
     margin-bottom:30px;
}
 .footer_row_group {
     margin-bottom:30px;
}
 .footer_social {
     position:relative;
     float:left;
}
 a.social_link:link {
     font-size:0.8em;
     line-height:1;
     padding:10px 10px 5px 0px;
     color:var(--ws_wht);
     text-decoration:none;
}
 a.social_link:hover {
     font-size:0.8em;
     line-height:1;
     padding:5px 10px 5px 0px;
     color:var(--ws_bto);
}
 .copyright {
     padding:15px 0;
     text-align:center;
}
/* forms */
 input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="button"], input[type="search"], textarea, select, input[type="submit"], input[type="file"], input[type="date"], input[type="time"], button {
     clear:both;
     width: 100%;
     font-size:1.0em;
     display:inline-block;
     color:var(--ws_drk);
     background:var(--ws_lt2);
     outline:none;
     border:1px solid var(--ws_drk);
     vertical-align:bottom !important;
     padding:0.5em;
     margin:0.5em 0;
     box-sizing: border-box;
}
 input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
     color:var(--ws_drk);
}
 input[type="submit"], button {
     background:transparent;
     border:1px solid var(--ws_drk);
     color:var(--ws_drk);
     cursor:pointer;
     padding:0.5em;
     margin:0.5em 0;
}
 input[type="submit"]:hover, button:hover {
     border-color:var(--ws_bto);
     background:var(--ws_bto);
     color:var(--ws_wht);
}
 textarea {
     min-height: 100px;
}
 input[type="checkbox"], input[type="radio"] {
     position:relative;
     top: 3px;
     width:20px;
     height:20px;
}
 label {
     display:inline-block;
     margin: 5px;
     padding: 5px;
}
 label.sub_heading {
     display:block;
     width:100%;
     font-size: 1.1em!important;
     font-weight: 400;
     text-align: left;
     color: var(--ws_drk);
     background-color: var(--ws_lt3);
     padding: 5px;
     margin: 25px 0px 10px 0px;
     border-left: 10px solid var(--ws_pri);
}
 .heading_hr {
     font-size: 110%;
     font-weight: bold;
     position: relative;
     margin: 25px 0;
}
 .heading_hr:after {
     content: "";
     position: absolute;
     bottom: -1px;
     left: 0;
     width: 100%;
     border-bottom: 1px solid var(--ws_drk);
}
.heading_hr_sub {
     display:block;
     width:100%;
     font-size: 1.0em!important;
     font-weight: 400;
     text-align: left;
     color: var(--ws_drk);
     background-color: var(--ws_lt3);
     padding: 0.2em 0.2em 0.2em 0.5em;
     margin: 0.2em 0;
}
.inline {
     width: auto!important;
     display:inline-block!important;
}
 .review-date {
     color: var(--ws_drk);
     margin-right:2px;
}
 .updated {
     color: var(--ws_pri);
     margin-right:2px;
}
 .snooze-button, .snooze-button:hover {
     color: var(--ws_pri);
     margin-right:2px;
     cursor:pointer;
}
 #post-dates {
     width: 100%;
     height: 300px;
     overflow-y: auto;
     display:flex;
     flex-direction:column-reverse;
     overflow-anchor: auto;
}
 .event_date_input {
     text-align: right !important;
     width: auto !important;
     max-width: 125px !important;
     padding: 0.2em 0.6em !important;
     margin: 0.2em 0 !important;
}
 .event_date_input_readonly {
     color:var(--ws_dr3) !important;
     background-color:var(--ws_lt3) !important;
     border:0 !important;
     text-align: right !important;
     width: auto !important;
     max-width: 125px !important;
     padding: 0.2em 0.6em !important;
     margin: 0.2em 0 !important;
}
.event_date_input, .event_date_input_readonly {
font-size: 0.8em!important;
     max-width: 110px !important;
}
input[type="button"].event_dates_button {
font-size: 0.8em!important;	
}
}
 #recurring_event_info {
     display: none;
}
 .recurring_event_info {
     width: 300px !important;
     min-height: 300px !important;
     border: 1px solid #999999 !important;
     margin: 10px 0 !important;
}
 .recurring_event_info td {
     padding: 0.5em 0;
     !important;
     margin: 0.5em 0 !important;
     text-align: left !important;
}
 .recurring_event_info label {
     line-height: 1.5em !important;
}
 .weekly_input {
     vertical-align: middle !important;
     margin-left: 15px !important;
}
 .ui-timepicker-select {
     padding: 0.5em!important;
     margin: 0.5em 0 !important;
     width: 100px !important;
}
 input[type="button"].event_dates_button {
     width: auto !important;
     padding: 0.2em 0.6em !important;
     margin: 0.2em 0 !important;
}
/* modules */
 .module_wrapper {
     margin:0;
}
 .module_wrapper:before, .module_wrapper:after {
     clear:both;
     content:'';
     display:table;
}
 .slider_wrapper_marg {
     margin-bottom:-10px!Important;
}
 .module_wrapper.full {
     padding:30px 30px;
}
 .module_wrapper.full:last-child {
     margin-bottom:0;
}
 .module_wrapper.force_margin {
     margin-bottom:60px;
}
 .module_wrapper.dark {
     background-color:var(--ws_blk);
     color:var(--ws_wht);
}
 .module_wrapper.dark a {
     color:var(--ws_wht);
}
 .module {
     margin:0 auto;
     clear:both;
     content:'';
}
 .module *:last-child {
    /* margin-bottom:0;
     */
}
 .module .button_wrapper {
     margin-top:30px;
}

/* buttons */
 .module .button {
     display:inline-block;
     padding: 5px 10px;
     border-radius: 12px;
     color:var(--ws_wht);
     background:var(--ws_btn);
     font-family: var(--ws_fbt);
     font-weight:300;
     font-size: 1.1em;
	 min-width:50px;
     margin:10px;
     text-decoration:none;
     text-align:center;
     cursor: pointer;
}
 .module .button:hover {
     border-color:var(--ws_bto);
     background:var(--ws_bto);
     color:var(--ws_wht);
     text-decoration:none;
     transition: all .2s ease-in-out;
}
 .module .button:first-child, .module .button:first-of-type {
     /*margin-left:0;*/
}
 .module .button:last-child, .module .button:last-of-type {
     /*margin-right:0;*/
}
 .module .button.full {
     width:100%;
     display:block;
     text-align: center;
     border-radius: 12px;
}
 .module .button.white {
     border:1px solid var(--ws_wht)!important;
     color:var(--ws_wht)!important;
}
 .module .button.white:hover {
     border-color:var(--ws_btn)!important;
     color:var(--ws_btn)!important;
}
 .module .button.outline {
     border:1px solid var(--ws_btn)!important;
     background:var(--ws_lt3)!important;
     color:var(--ws_btn)!important;
}
 .module .button.outline:hover {
     border-color:var(--ws_btn)!important;
     background:var(--ws_btn)!important;
     color:var(--ws_wht)!important;
}
 .full_width,  .full_width .button {
     width:100%;
     display:block;
     text-align:center;
}
 .module .tag {
     display:inline-block;
     padding: 7px 14px;
     border:2px solid var(--ws_btn);
     border-radius: 12px;
     color:var(--ws_wht);
     background:var(--ws_btn);
     font-family: var(--ws_fbt);
     font-weight:300;
     font-size: 1.0em;
     margin:0 15px 10px 0;
     text-decoration:none;
}
 .module .tag:hover {
     border-color:var(--ws_bto);
     background:var(--ws_bto);
     color:var(--ws_wht);
     text-decoration:none;
     transition: all .2s ease-in-out;
}
 .module .tag:first-child, .module .tag:first-of-type {
     margin-left:0;
}
 .module .tag:last-child, .module .tag:last-of-type {
     margin-right:0;	 
}
.tag-local {
     display:inline-block;
     border-radius: 12px;
     color:var(--ws_pri);
     font-family: var(--ws_fbt);
     font-weight:400;
     font-size: 0.9em;
     padding: 0;
     margin:0 15px 0 0;
     text-decoration:none;
}
.button .bi {
    font-size: 1.2em;
}
/* pagination */

.pagination {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
/* highlight */
 .highlight {
     font-weight:bold;
     background-color: yellow;
}
/* blocks */
 .img-block-row > .col_6 {
     margin-bottom: 0px;
}
 .img-block-row {
     display: flex;
     min-height: 354px;
}
 .img-block {
     display: none;
}
 .txt-img-block {
     padding:0;
     margin:0px;
}
 .txt-img-block-p{
     font-size:1.4em;
     line-height:1.6em;
     padding:60px 30px;
     margin:0px;
}
 .txt-img-block_wrapper .light .button {
     border-color:var(--ws_wht);
     color:var(--ws_wht);
}
 .txt-img-block_wrapper .light .button:hover {
     border-color:var(--ws_bto);
     background:var(--ws_bto);
     color:var(--ws_wht)!important;
}
/* profiles */
 .profiles_grid_item_wrapper{
     display:table;
     position:relative;
     width:100%;
     padding:15px 5px;
}
 .profiles_grid_item{
     padding:0;
     display:table-cell;
     *display:block;
     vertical-align:middle;
     overflow:hidden;
     background-color:var(--ws_drk)!important;
}
 .profiles_grid_item img {
     transition: all .2s ease-in-out;
     width:100%;
}
 .profiles_grid_item img:hover{
     opacity: 0.9;
}
 .profiles_logo{
     background:var(--ws_wht);
     padding:40px;
     border:1px solid var(--ws_blk);
     text-decoration:none;
     max-width:400px;
}
 .profiles-block {
     display:block;
     width:100%;
     max-width:100%;
     padding:10px 0;
     margin:10px 0;
}
 @media (max-width:1279px) {
     .profiles_grid .col_3 {
         width:25%;
    }
}
 @media (max-width:892px) {
     .profiles_grid .col_3 {
         width:50%;
    }
}
 @media (max-width:400px) {
     .profiles_grid .col_3 {
         float:none;
         width:100%;
    }
     .profiles_logo{
         padding:20px;
    }
}
/* events */
 .block_grid_item_wrapper{
     display:table;
     width:100%;
     margin-top:20px !important;
}
 .events_logo{
     background:var(--ws_wht);
     padding:40px;
     border:1px solid var(--ws_blk);
     text-decoration:none;
}
 @media (max-width:1120px) {
     .col_3, .col_9 {
         width:50%;
    }    
}
 @media (max-width:780px) {
     .col_3, .col_9 {
         float:none;
         width:100%;
    }
     .events_logo{
         padding:20px;
    }
}
 .block_grid_item{
     display:table-cell;
     display:block;
     vertical-align:middle;
     padding:0;
     font-size:1.0em;
     color:var(--ws_pri)!important;
     background-color:var(--ws_wht)!important;
     text-decoration:none!important;
     max-width: 750px;
     margin: auto;
}
 .events_grid_img{
	 position: relative;
     overflow:hidden;
     background-color:var(--ws_drk)!important;
     border-radius: 0 0 12px 12px;
}
 .events_grid_img img {
     transition: all .3s ease-in-out;
     width:100%;
}
 .events_grid_img img:hover{
     transform: scale(1.1);
     opacity: 0.7;
}
 .block_grid_item:link{
     color:#fff;
     background:var(--ws_lte)!important;
     text-decoration:none;
}
 .block_grid_item:hover{
     color:var(--ws_sec)!important;
     text-decoration:none;
}
 .block_grid_item_wrapper.last{
     margin-bottom:0 !important;
}
 .block_grid_item .icon{
     margin-bottom:10px;
}
 .events_grid .col_4:nth-child(3n+1):nth-last-child(-n+3) .block_grid_item_wrapper, .events_grid .col_4:nth-child(3n+1):nth-last-child(-n+3) ~ .col_4 .block_grid_item_wrapper{
     margin-bottom:0 !important;
}
 .block_grid_title {
     font-family: var(--ws_fmn);
     font-size:1.0em;
     text-transform:uppercase;
     color:var(--ws_wht);
     background:var(--ws_blk);
     padding:15px 20px;
     position: relative;
     border-left: 15px solid var(--ws_sec);
     border-radius: 12px 12px 0 0;
}
 @media (max-width:768px) {
	  .block_grid_title {
     font-size:0.9em;	 
}
}
 .block_grid_item a {
     text-decoration:none!important;
}
 a:link .block_grid_title {
     background:var(--ws_blk);
     text-decoration:none!important;
     border-left: 15px solid var(--ws_sec);
     transition: all .2s ease-in-out;
}
 a:hover .block_grid_title {
     background:var(--ws_bto);
     text-decoration:none!important;
     border-left: 15px solid var(--ws_sec);
     transition: all .2s ease-in-out;
}
 .event-date {
     font-family: var(--ws_fmn);
     font-size:1.1em;
     color:var(--ws_wht);
     background:var(--ws_pri);
     padding:15px 20px;
     position: relative;
     border:2px solid var(--ws_pri);
}
 a:link .event-date {
     background:var(--ws_pri);
     text-decoration:none!important;
     border:2px solid var(--ws_pri);
     transition: all .2s ease-in-out;
}
 a:hover .event-date {
     background:var(--ws_bto);
     text-decoration:none!important;
     border:2px solid var(--ws_bto);
     transition: all .2s ease-in-out;
}
 .event-img {
     float:right;
     padding: 10px 0 20px 20px;
     max-width:400px;
}
 .events_info {
     display:inline-block;
     font-family: var(--ws_fmn);
     font-size:1.1em;
     color:var(--ws_drk);
     background:var(--ws_lte);
     padding:20px 40px;
     max-width:50%;
}
 @media (max-width:1024px) {
     .event-img {
         float: none;
         display:block;
         padding: 0 0 20px 0;
         margin: 0 0 25px 0;
         max-width:400px;
    }
     .events_info {
         display:block;
         width:100%;
         max-width:100%;
    }
}
/* ------- datepicker ------- */
.ui-datepicker {
	width: 325px!important;
	max-width: 100%!important;
	font-size:0.9em;
    z-index:11!important;
}
.ui-datepicker-inline {
	margin:auto;
}

/* general media */
 @media (max-width:1279px) {
     .row {
         width:100%;
         padding:0 15px;
    }
     .header {
         padding:10px;
    }
     .module_wrapper {
         margin-bottom:60px;
    }
     .module_wrapper.full {
         padding:30px 0;
    }
     .module_wrapper.full:last-child {
         margin-bottom:0;
    }
     .module .button_wrapper {
         margin-top:30px;
    }
     .footer {
         padding-top:30px;
         padding-bottom:30px;
    }
     .cta {
         font-size:24px;
         line-height:1.5;
    }
     .cta_columns_wrapper .cta_columns .cta_column_content {
         padding:30px;
    }
     .slick-prev, .slick-next {
         margin-top:-58px;
         left:-15px;
    }
     .slick-next {
         left:auto;
         right:-15px;
    } 
}
 @media (max-width:768px) {
     .header {
         padding:0px!important;
    } 	 
     .col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
         float:none;
         width:100%;
    }
     .header .col_4 {
         width:75%;
         float:left;
    }
     .header .col_8 {
         width:25%;
         float:left;
    }
     .header .col {
         margin:0;
         padding:0;
    }
     .module_wrapper {
         margin-left:0px;
         margin-right:0px;
    }
     .module {
         width:100%;
         margin:0 auto;
    }
     .module .button {
         display:block;
         margin:0 0 15px 0;
    }
     .module .button:last-child {
         margin:0;
    }
     .gallery_grid > ul > li {
         float:left;
         width:33.33333333%;
    }
     .img-block, .img-block-row {
         display: block;
    }
}
 @media (max-width:480px) {
     .gallery_grid > ul > li {
         float:left;
         width:50%;
    }
}

/*HAMBURGER*/

.nav-triggers {
  display: flex;
  justify-content: center; 
  align-items: center;  
  height: 100%;
}
.nav-triggers a .bi {
font-size: 1.8em;
	margin:0 10px;
}

.nav-triggers button {
  background: none;
	&:hover {
  background: none;
  }
	
}

#pushRight .bi-list {
font-size: 2.4em;
	margin:0 10px;
}

#pushRight,
#pushRight:link,
#pushRight:visited,
#pushRight:active {
  color: var(--ws_pri);
	border:none;
}

body.dark_mode #pushRight,
body.dark_mode #pushRight:link,
body.dark_mode #pushRight:visited,
body.dark_mode #pushRight:active {
  color: var(--ws_wht);
}

#pushRight:focus .icon i {
  color: var(--ws_pri);
}

.nav-triggers a:link, .nav-triggers a:visited, .nav-triggers a:active{
     color:var(--ws_pri);
}

body.dark_mode .nav-triggers a, body.dark_mode .nav-triggers a:link, body.dark_mode .nav-triggers a:visited, body.dark_mode .nav-triggers a:active{
     color:var(--ws_wht);
}
.nav-triggers a:hover, body.dark_mode .nav-triggers a:hover{
     color:var(--ws_sec);
}
@media (max-width:1399px) { 
	
#pushRight .bi {
font-size: 1.6em;
	margin:15px 0;
}
#pushRight .bi-list {
font-size: 2.0em;
	margin:0 10px;
}
.header {
 padding:0!important;
    }
.header .col_1 .nav-triggers {
     position:absolute!important;
     height:100%!important;
     width:10%!important;
  	z-index:10;
}	

.header .col_1 {
     width:10%!important;
} 
.header .col_3 {
     width:80%!important;
} 
.header .col_7 {
         display:none!important;
} 
}
@media (max-width:450px) {
	
.nav-triggers a .bi {
font-size: 1.4em;
	margin:0 10px;
}
	.nav-triggers a .bi-list {
font-size: 2.0em;
	margin:0 10px;
}	
.logo img, .logo_dark img {
	min-width: auto;
    min-height: auto;
    max-height: 75px;
}
}
/*BACK TO TOP*/
.button-top .bi {
    font-size: 1.5em;
}
 .button-top {
     position: fixed;
     bottom: 20px;
     right: 20px;
     width: 60px;
     height: 60px;
     border: 0;
     border-radius: 50%;
     box-shadow: none;
     background: var(--ws_pri);
     color: var(--ws_wht);
     font-size: 26px;
     line-height: 20px;
     text-align: center;
     cursor: pointer;
     pointer-events: none;
     opacity: 0;
     transition: opacity .18s ease;
     padding:0;
     margin:0;
     z-index: 10;
}
 .button-top-visible {
     opacity: 0.7;
     pointer-events: auto;
}
 button.button-top:hover {
     background:var(--ws_sec);
}
 .button-top {
}
 .button-midfield {
     margin-top:35px !important;
}
 @media screen and (max-width:768px){
     .button-midfield {
         margin-top:0px !important;
    }
}
 .mc-modal {
     z-index: 10;
}
/* ------- MASONRY PHOTO GRID ------- */
 .imgal-container {
     line-height: 0;
     -webkit-column-count: 5;
     -webkit-column-gap: 0;
     -moz-column-count: 5;
     -moz-column-gap: 0;
     column-count: 5;
     column-gap: 0;
}
 .imgal-img {
     width: 100%;
     height: auto;
     transition: filter 0.2s;
}
 .imgal-img:hover {
     -webkit-filter: opacity(80%);
     filter: opacity(80%);
     cursor: pointer;
}
 .imgal-modal {
     margin: auto;
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background-color: #000;
     color: #fff;
     vertical-align: middle;
     height: 100vh;
     width: 100vw;
}
 #imgal-modal-close {
     display: inline;
     font-size: 1.5em;
     position: fixed;
     top: 175px;
     right: 25px;
     cursor: pointer;
}
 .imgal-modal-img {
     width: 100%;
     height: 100%;
     object-fit: contain;
}
 @media only screen and (max-width: 768px) {
     .imgal-container {
         line-height: 0;
         -webkit-column-count: 2;
         -webkit-column-gap: 0;
         -moz-column-count: 2;
         -moz-column-gap: 0;
         column-count: 2;
         column-gap: 0;
    }
}
 @media only screen and (min-width: 768px) {
     .imgal-container {
         line-height: 0;
         -webkit-column-count: 3;
         -webkit-column-gap: 0;
         -moz-column-count: 3;
         -moz-column-gap: 0;
         column-count: 3;
         column-gap: 0;
    }
}
 @media only screen and (min-width: 992px) {
     .imgal-container {
         line-height: 0;
         -webkit-column-count: 4;
         -webkit-column-gap: 0;
         -moz-column-count: 4;
         -moz-column-gap: 0;
         column-count: 4;
         column-gap: 0;
    }
}
 @media only screen and (min-width: 1200px) {
     .imgal-container {
         line-height: 0;
         -webkit-column-count: 5;
         -webkit-column-gap: 0;
         -moz-column-count: 5;
         -moz-column-gap: 0;
         column-count: 5;
         column-gap: 0;
    }
}
 
/* countdown */

#countdown_wrapper {
     background-color:var(--ws_drk);
}
#countdown {
  display: inline-block;
  color: var(--ws_wht);
  /*background-color: rgba(0,0,0, 0.3);*/
  line-height: 1;
  padding: 20px;
  font-family: var(--ws_fmn)!important;
  font-weight:600;	
  clear:both;
  font-size:3.0rem;  
}
#countdown span {
  display: block;
  padding: 0 60px;
  color: var(--ws_wht);
  font-size:1.0rem;  
}
#days {
  float:left;
  color: var(--ws_acn);
  font-size:5.0rem;  
}
#hours {
  float:left;
  color: var(--ws_acn);
  font-size:5.0rem;  
}
#minutes {
  float:left;
  color: var(--ws_acn);
  font-size:5.0rem;  
}
#seconds {
  float:left;
  color: var(--ws_sec);
  font-size:5.0rem;  
}

@media (max-width:1024px) {

	#countdown {
  font-size:2.0rem;  
}
	
#countdown span {
  padding: 0 10px;
  font-size:0.8rem;  
}
	
#days, #hours, #minutes, #seconds {
  font-size:2.0rem;  
}
	
	}
@media (max-height:600px) {
	#days, #hours, #minutes, #seconds {
  font-size:1.8rem;  
}
}