
    
    
    
    
    .dc1004 h3 {
    margin-top: 5px;
}

.large-4 {
    margin-bottom: 30px;
}

    
      /*------------------------------------------------------------------
[Table of contents]

1.	HTML RESET
2.	BASE STYLING
3.	FORMS
4.	YOPP BUTTONS
5.	FOUNDATION MODS
6.	HEADER
7.	NAVIGATION
8.	FEATURE SLIDES
9.	BODY CONTENT
10.	FOOTER
11.	YOPP MODS
12.	MOBILE STYLES

-------------------------------------------------------------------*/
/* 1. HTML RESET
-------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  margin: 0;
  padding: 0; }

article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
  display: block; }

a img {
  border: 0; }

figure {
  position: relative; }

figure img {
  width: 100%; }

/* 2. BASE STYLING
-------------------------------------------------------------------*/
body {
  background: #333;
  font-family: "Lato", sans-serif;
  line-height: 1.5;
  color: #555;
  font-size: 15px;
 -webkit-font-smoothing: antialiased;
    
}

.wrap {
  background: #eee; }

a {
  color: #a5d3ee;
  text-decoration: none;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

a:hover {
  color: #000; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.35;
  margin: 20px 0 12px 0;
  font-weight: 400;
    color: #333;
}

h1 {
  font-size: 32px;
  margin-top: 0;margin-bottom:5px; }

h2 {
  font-size: 26px; }

h3 {
  font-size: 20px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 12px; }

p {
  margin: 0 0 12px 0; }

p.leadin {font-size: 22px;color: #82a7bc;}

ul, ol {
  margin: 1.2em 0 1.2em 2em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li {
  margin: 0 0 .5em 0; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1.2em 0; }

hr {
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1.2em 0;
  /*margin: 0.2em 0 1.2em;*/    
}

blockquote:before,
blockquote:after {
  content: '';
  content: none; }

blockquote {
  margin: 0 0 1em 2em;
  padding: 0 1em;
  font-style: italic;
  border-left: 3px double #d6d6d6; }

img, object, embed {
  max-width: 100%; }

img {
  height: auto; }

/* ClearFix */
.group:after {
  content: "";
  display: table;
  clear: both; }

/* Selection */
::-moz-selection {
  color: #fff;
  text-shadow: none;
  background: #28aae1; }

::-webkit-selection {
  color: #fff;
  text-shadow: none;
  background: #28aae1; }

::selection {
  color: #fff;
  text-shadow: none;
  background: #28aae1; }

/* 3. FORMS
-------------------------------------------------------------------*/
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
  display: inline-block;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  height: 30px;
  line-height: 30px;
  width: 100%;
  max-width: 220px;
  padding: 0 6px;
  margin: 0 0 1em 0;
  font-size: 13px;
  color: #555;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 5px #ddd inset; }

textarea {
  height: 100px;
  width: 100%;
  max-width: none;
  line-height: 1.5;
  padding: 6px; }

select {
  height: 30px;
  line-height: 30px;
  padding: 0;
  box-shadow: none; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted 9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

input[type="submit"],
button {
  font-size: 14px; }

/* 4. YOPP BUTTONS
-------------------------------------------------------------------*/
.cms-button {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  color: #333;
  background: whiteSmoke;
  border: 1px solid #ddd; }

.cms-button:hover {
  background: #ddd; }

.cms-button-primary,
.cms-button-secondary,
.cms-button-alert,
.cms-button-success {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.cms-button-primary {
  background: #a5d3ee; }

.cms-button-primary:hover {
  background: #90b9d1; }

.cms-button-secondary {
  background: #555555; }

.cms-button-secondary:hover {
  background: #3b3b3b; }

.cms-button-alert {
  background: #ee5f5b; }

.cms-button-alert:hover {
  background: #e9322d; }

.cms-button-success {
  background: #8dc63f; }

.cms-button-success:hover {
  background: #72a230; }

/* 5. FOUNDATION OVERRIDES
-------------------------------------------------------------------*/
.row {
  max-width: 1140px; }

.row .row {
  margin: 0 -15px; }

/* 6. HEADER
-------------------------------------------------------------------*/
header {
  padding: 10px 0 30px 0;
  background: #fff;
    border-bottom: 1px solid #eee;
    box-shadow: 0 0 5px #ddd;
}

header .logo {
  font-size: 26px; }

header p {
  text-align: right; }

header form {
  float: right; }

/* 7. DESKTOP NAVIGATION
-------------------------------------------------------------------*/
nav {
  max-width: 1115px;
  margin: 0 auto 20px auto; }

nav ul {
  list-style: none;
  padding: 0;
  z-index: 400;
  margin: 0;
  background: whiteSmoke; }

nav > ul:after {
  content: "";
  display: table;
  clear: both; }

nav ul li {
  margin: 0;
  padding: 0; }

nav > ul, nav ul > li > ul {
  list-style: none;
  position: relative; }

nav > ul > li {
  float: left;
  margin: 0; }

nav > ul > li > a {
  display: block;
  text-decoration: none;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #999;
  font-size: 18px; }

nav > ul > li:hover > a,
nav > ul > li.active > a {
  color: #fff;
  background: #999;
  margin: 0; }

nav > ul > li > ul {
  position: absolute;
  display: none;
  margin: 0;
  padding: 0;
  min-width: 230px;
  background: #888; }

nav > ul > li:hover > ul {
  display: block; }

nav > ul > li ul li {
  background: none; }

nav > ul > li ul li a {
  display: block;
  text-decoration: none;
  border-top: 1px solid #aaa;
  padding: 5px 0 5px 20px;
  font-size: 13px;
  line-height: 24px;
  color: #fff; }

nav > ul > li ul li:first-child a {
  border-top: 0; }

nav > ul > li ul li a:hover {
  background: #aaa;
  color: #fff; }

/* MOBILE NAVIGATION */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }

.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left; }

.slicknav_menu .slicknav_icon {
  float: left;
  margin: 0.188em 0 0 0.438em; }

.slicknav_menu .slicknav_no-text {
  margin: 0; }

.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 1.125em;
  height: 0.125em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0.188em; }

.slicknav_nav {
  clear: both; }

.slicknav_nav ul,
.slicknav_nav li {
  display: block; }

.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0 0 0 0.4em;
  font-family: arial; }

.slicknav_nav .slicknav_item {
  cursor: pointer; }

.slicknav_nav .slicknav_row {
  display: block; }

.slicknav_nav a {
  display: block; }

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
  display: inline; }

.slicknav_menu:before,
.slicknav_menu:after {
  content: " ";
  display: table; }

.slicknav_menu:after {
  clear: both; }

/* IE6/7 support */
.slicknav_menu {
  *zoom: 1; }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu {
  font-size: 16px;
  display: none; }

/* Button */
.slicknav_btn {
  margin: 0;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #28aae1;
  position: fixed;
  top: 5px;
  right: 5px;
  z-index: 999; }

/* Button Text */
.slicknav_menu .slicknav_menutxt {
  color: #FFF;
  font-weight: bold;
  text-shadow: 0 1px 3px #000; }

/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5; }

.slicknav_menu {
  background: #333; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0; }

.slicknav_nav, .slicknav_nav ul {
  list-style: none;
  overflow: hidden; }

.slicknav_nav ul {
  padding: 0;
  margin: 0 0 0 20px; }

.slicknav_nav .slicknav_row {
  padding: 5px 10px;
  margin: 2px 5px; }

.slicknav_nav a {
  padding: 5px 10px;
  margin: 2px 5px;
  text-decoration: none;
  color: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
  padding: 0;
  margin: 0; }

.slicknav_nav .slicknav_row:hover {
  background: #8dc63f;
  color: #fff; }

.slicknav_nav a:hover {
  background: #8dc63f;
  color: #fff; }

.slicknav_nav .slicknav_txtnode {
  margin-left: 15px; }

/* 8. FEATURE SLIDES
-------------------------------------------------------------------*/
.feature {
  position: relative;
  max-width: 1115px;
  margin: 0 auto; }

.feature li {
  margin-bottom: 0; }

.flexslider {
  margin-bottom: 20px; }

.feature section {
  position: absolute;
  bottom: 43%;
  width: 100%;
  z-index: 99;
  color: #fff;
  text-align: center; }

.feature section h1,
.feature section h2 {
  color: #fff;
  font-weight: 300;
  font-size: 48px;
  margin: 0 0 10px 0; }

/* 9. BODY CONTENT
-------------------------------------------------------------------*/
.content {
  padding: 2em 0; }

.content .row {
  overflow: visible; }

.top {
  margin-top: 0; }

.highlights {
  background: whiteSmoke;
  padding: 2em 0 1em 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin: 0 0 40px 0; }

/* Image Styling */
img.border,
.cmsi-post-thumb img {
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ccc; }

img.alignright {
  float: right;
  margin: 0 0 1em 1em; }

img.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

img.aligncenter {
  display: block;
  margin: 0 auto; }

img.alignnone {
  margin: 0 0 1em 0; }

/* Internal Sidebar */
.secondary {
  font-size: 13px; }

.secondary h2,
.secondary h3,
.secondary h4,
.secondary h5,
.secondary h6 {
  margin-top: 0; }

/* Internal Side Navigation */
.side-navigation h5 {
  font-size: 20px; }

ul.sidenav {
  margin: 0 0 40px 0;
  list-style: none; }

ul.sidenav li {
  margin: 0; }

ul.sidenav li a {
  display: block;
  line-height: 32px;
  font-size: 15px; }

ul.sidenav li.active a {
  color: #333; }

  .centered {
  text-align: center; }

.content img {
    border-radius:3px;
}
.content a img:hover {opacity:.5;}

.row h3 a {
    background: #a5d3ee;
    padding: 7px 12px;
    border-radius: 3px;
    display:inline-block;
    color: #fff;
    text-shadow: 0 1px 1px rgba(#333, .35);
    margin-bottom: 5px;
}
.row h3 a:hover {
    background: #90b9d1;
}

/* 10. FOOTER
-------------------------------------------------------------------*/
footer {
  padding: 2em 0;
  color: #999; }

footer a:hover {
  color: #fff; }

footer h5 {
  color: #fff; }

footer hr {
  max-width: 1112px;
  margin: 1.2em auto;
  border-top: 2px solid #555; }

footer .copyright p {
  font-size: 12px; }

footer .copyright ul {
  list-style: none;
  margin: 0 0 1em 0;
  height: 12px;
  font-size: 12px; }

footer .copyright li {
  float: left;
  margin: 0 0 0 5px;
  padding: 0 0 0 5px;
  border-left: 1px solid #fff;
  line-height: 12px; }

footer .copyright li:first-child {
  margin: 0;
  padding: 0;
  border: 0; }

/* 11. YOPP MODS
-------------------------------------------------------------------*/
#fancybox-wrap,
#fancybox-outer,
#fancybox-inner {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

/* Calendar */
.DRX_CalendarTable {
  width: 100%;
  border-top: 4px solid #28aae1;
  background: #fff; }

.DRX_CalendarTable th {
  color: #fff;
  background: #231f20;
  width: 14.28%; }

.DRX_CalendarTable td {
  height: 60px; }

#overDiv table {
  margin: 0; }

#overDiv hr {
  display: none; }

#overDiv td td {
  padding: .5em; }

#overDiv > table {
  box-shadow: 0 0 5px #555; }

#overDiv table {
  background: whiteSmoke !important; }

#overDiv table table:first-child {
  background: #231f20 !important; }

td.DRX_CalendarEvent {
  background: #ddd; }

table.CMSI_Module_Calendar_MonthSelector {
  width: 100%; }

/* SimpleCart */
.cmsi-product h2 {
  font-size: 15px; }

.browse {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0; }

.cmsi-product-feed h2.title {
  font-size: 22px;
  margin-bottom: 0; }

.cmsi-price {
  font-size: 18px; }

.cmsi-product-list {
  border-bottom: 1px solid #ddd; }
  
 
/* 12. MOBILE STYLES
-------------------------------------------------------------------*/
@media handheld, only screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: none; }

  header .large-4 {
    margin-bottom: 10px; }

  header p {
    text-align: left; }

  header form {
    float: none; }
/*
  .slicknav_menu {
    display: block; }
*/
  nav {
    display: none; }

  .feature section {
    position: relative;
    bottom: auto;
    color: #fff;
    background: #333;
    padding: 20px 0; }

  .feature section h1,
  .feature section h2 {
    color: #fff;
    font-weight: 300;
    font-size: 32px;
    margin: 0; }

  .highlights .large-3:nth-child {
    clear: both; }

  footer .copyright ul {
    display: none; } }

  
  
  
  
  
  
  
  