/* GLOBAL */

body, html { background-color:#fff;  }

h1 { font-size:30px; color:#0e76bc; font-style:italic; font-family: 'Merriweather', serif; }
h2 { font-size:20px; color:#51c3c2; font-family: 'Asap', sans-serif; }
h3 { font-size:18px; color:#000; }
h3 em { font-family: 'Lato', sans-serif; color:#51c3c2; }

a:focus, a:hover { text-decoration:none; }

.photo { width:100%; max-width:100%; padding:5px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.3);
box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.3); }

.uk-button-primary { padding:5px 30px 6px 30px; background-color:#005f65; font-size:20px; font-weight:300; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.uk-button-primary:hover, .uk-button-primary:focus { background-color:#009EA8; }

.uk-button-secondary { padding:0px 20px 0 20px; background-color:#005f65; font-size:14px; font-weight:300; height:36px; line-height:32px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.uk-button-secondary:hover, .uk-button-secondary:focus { background-color:#009EA8; }

.uk-lightbox { background:rgba(0,0,0,.9); }
.uk-lightbox-toolbar { color:#fff; }

.map{
    overflow:hidden;
    padding-bottom:40%;
    position:relative;
    height:0;
}
.map iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

img.align_left {
  float:left;
  margin:3px 30px 30px 0;
}

#editpage { position: fixed; top: 4px; left: 4px;  z-index:9999; }
#editpage a { float:left; padding: 3px 6px 5px 6px; background: #db1174; color: #FFB8DB; display: block; font-weight: normal; font-size:14px; z-index:9999; margin:0 1px; text-decoration:none; line-height:1em; stroke-width:2px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
#editpage a:hover { background: #ffffcc; color: #000; text-decoration:none; }


/* HEADER & NAV */

.header, .header-right, .header-right p a, .header-right p .uk-icon, .header .logo img, .header .icon img, .uk-active .header, .uk-active .logo img, .uk-active .icon img, .uk-navbar-toggle {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.header { position:relative; padding:14px 0px 14px 15px; top:0; height:80px; background-color:#e2cf97; background-color:#fff;
-webkit-box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.5);
box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.5); }

.header .logo img { position:relative; top:0; width:100%; max-width:360px; }
.header .icon img { position:absolute; max-width:0; top:0; left:-100px; }

.header .header-right { position:relative; top:0; height:80px; padding-top:8px; text-align:right; }
.header .header-right svg { position:relative; }
.header .header-right a { color:#343434; }
.header .header-right a:focus, .header .header-right a:hover { color:#005f65; text-decoration:none; }
.header .header-right p { margin:0; padding:2px 33px 0 0; font-size:20px; line-height:1.1em; }
.header .header-right .uk-icon { position:relative; top:-1px; padding-right:3px; color:#005f65; }
.header .header-right a.uk-button.uk-button-secondary {
  background:none;
  border:1px solid #005f65;
  height:32px;
  line-height:30px;
  padding:0 12px;
  margin:-3px 15px 0 0;
  color:#005f65;
}

.header .header-right a.uk-button.uk-button-secondary .uk-icon {
  position:relative;
  top:-2px;
}
.header .header-right a.uk-button.uk-button-secondary:hover {
  background:#005f65;
  color:#fff;
}

.header .header-right a.uk-button.uk-button-secondary:hover span {
  color:#fff;
}

.uk-active .header { top:-40px; }
.uk-active .header .logo img { top:-100px; max-width:0; }
.uk-active .header .icon img { top:52px; left:60px; max-width:50px; }
.uk-active .header-right p.phone a, .uk-active .header-right p.phone .uk-icon { color:transparent; background-color:transparent; border-color:transparent; }

.uk-navbar-container { background:none !important; }

.uk-navbar-toggle { height:40px; font-size:16px; color:#000 !important; text-transform:uppercase; float:right; }
.uk-navbar-toggle:hover { color:#005f65 !important; }
.uk-navbar-toggle-icon { padding:0 7px !important; }
.uk-active .uk-navbar-toggle { margin-top:32px; }

.uk-navbar-nav li a { margin-top:6px; height:40px; padding:0 14px; color:#1B75BC !important; font-size:16px !important; font-weight:300; font-family: helvetia,arial,sans-serif; text-transform:uppercase; }
.uk-navbar-nav li a:focus, .uk-navbar-nav li a:hover { color:#005f65 !important; }
.uk-open { color:#ffb542 !important; }

.uk-navbar-dropdown { width:270px; margin:0; padding:5px 0; line-height:0; background-color:#222; text-align:left; }
.uk-navbar-dropdown-nav li { padding:0; line-height:0; }
.uk-navbar-dropdown-nav li a { margin:0; padding:10px 15px !important; line-height:12px; height:12px; font-size:15px !important; color:#fff !important; font-family:helvetia,arial,sans-serif; text-transform:capitalize; }
.uk-navbar-dropdown-nav li a:hover { background-color:#454545; color:#51c3c2 !important; }

.uk-offcanvas-overlay { background-color:rgba(0,0,0,.5); }
.uk-offcanvas a { color:#fff !important; font-size:18px; line-height:1.1em; };
.uk-offcanvas ul ul { margin-left:15px; margin-bottom:10px; }
.uk-offcanvas ul ul { margin:0; padding:0 0 5px 10px; }
.uk-offcanvas ul ul a { color:#adadad !important; font-size:14px; line-height:1.4em; }


/* BREADCRUMBS */

.breadcrumbs { margin:-10px 0 50px 0; padding:0 0 12px 0px; font-size:14px; color:#9E9E9E; border-bottom:1px dotted #ccc; }
.breadcrumbs span { padding:0 4px; color:#ccc; }
.breadcrumbs .uk-icon { position:relative; top:-1px; }


/* HERO */

.hero { background-color:#000; }
.hero img { width:100%; max-width:100%; }


/* BAR */

#bar {
  background:#3FB7B6;
  text-align:center;
  font-size:16px;
  color:#fff;
  padding:12px 20px 12px 20px;
  font-style:italic; font-family: 'Merriweather', serif;
  letter-spacing:1px;
}

#bar span {
  padding:0 8px;
  font-size:24px;
  position:relative;
  top:3px;
  line-height:1;
}


/* SLIDER */

.slider { width:100%; max-width:100%; background-color:#000; text-align:center; }
.slider .uk-dotnav { position:absolute; bottom:30px; left:47%; }
.uk-dotnav li a { width:26px; height:26px; background-color:#e2cf97; border:2px solid #fff; }
.uk-dotnav li.uk-active a { background-color:#005f65; border-color:#fff; }

/* .slider .uk-slidenav { padding:25px; color:#fff; background-color:rgba(0,0,0,.3); 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; }
.slider .uk-slidenav:focus, .slider .uk-slidenav:hover { color:#fff; background-color:rgba(0,0,0,.6); } */

.uk-slidenav { margin-top:-2%; padding:15px; text-align:center; background-color:rgba(0,0,0,.8); color:#fff !important; }
.uk-slidenav:hover { color:#fff !important; background-color:#5cbfff; }
.uk-slidenav-next, .uk-slidenav-previous { -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; } 


/* SECTIONS */

.section { width:90%; padding:60px 5%; border-top:2px solid #fff; border-bottom:2px solid #fff; text-align:center; font-size:16px; line-height:1.5em; }
.section .layout { width:100%; max-width:1000px; margin:0 auto; }
.section p { margin:20px 0 0 0; }

.section.blue h2, .section.tan h2 { font-size:22px; }
.section.blue h1 { font-size:26px; }
.section.blue { background-color:#1B75BC; color:#fff; }
.section.blue h2, .section.blue h1 { color:#fff; }

.section.tan { background-color:#51c3c2; color:#fff; }
.section.tan h2 { color:#241f20; }
.section.tan .uk-button { margin-top:30px; }

.text2 { position:relative; top:-3px; margin-bottom:-3px; }
.text2 h3 { font-size:22px; margin:25px 0 5px 0; }


/* INSETS */

.insets { padding:60px; }
.insets .uk-card { border:5px solid #51c3c2;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.insets .uk-card-media-top { overflow:hidden; }
.insets img { width:100%; }


/* TESTIMONIALS */

.testimonials { width:90%; padding:60px 5%; text-align:center; font-size:16px; line-height:1.5em; background-color:#005f65; color:#fff; }
.testimonials .layout { width:100%; max-width:1000px; margin:0 auto; }
.testimonials p { margin:10px auto 5px auto; width:60%; color:#fff; line-height:1.4em; }
.testimonials p.stars span { color:#e2cf97; padding:0 3px; }
.testimonials p.author { font-size:16px; color:#ccc; }
.testimonials div.spacer { margin-top:30px; }


/* CONTENT */

.content { background-color:#fff; }
.content .layout { width:100%; max-width:1200px; margin:0 auto; padding:50px 0 60px 0; }
.content .uk-grid { padding:0 30px; }


/* BLOG */

.blog .item { margin-left:-70px;}
.blog h2 a { color:#005f65; }
.blog h2 a:focus, .blog h2 a:hover { color:#0f6ecd; }

.meta { margin:-10px 0 0 0; font-size:14px; color:#9E9E9E; }
.meta span { padding-right:3px; }
.meta svg { position:relative; top:-1px; }

.blogHome { background-color:#fff; padding:0 30px; }
.blogHome .layout { width:100%; max-width:1200px; margin:0 auto; padding:50px 0; }
.blogHome h3 { margin:0 0 5px 0; font-size:20px; }
.blogHome .meta { margin:0; }
.blogHome p { margin:5px 0; font-size:14px; text-align:justify; }
.blogHome .uk-button { margin-top:5px; height:32px; line-height:28px; }


/* SUPPORT */

.support hr { margin:40px 0 0 0; }
.support h2 { margin:25px 0 30px 0; text-align:center; }
.support p { margin:12px 0 0 0; text-align:center; line-height:1.2em; }


/* REVIEWS */

.reviews { border:none; }
.reviews p { font-size:24px; line-height:1.4em; }
.reviews p.author { margin:8px 0 0 0; padding-right:15%; font-size:18px; font-style:italic; color:#accbdf; text-align:right; }


/* FOOTER */

.footer { background-color:#fff; border-top:2px solid #fff; }
.footer .uk-inline { width:100%; text-align:center; }
.footer .uk-inline img { width:100%; }
.footer .logo { margin:20px 0; width:100%; max-width:500px; }
.footer p { margin:10px 0; font-weight:300; color:#000; font-size:18px; }
.footer p a { color:#1B75BC; }
.footer p.links { font-size:22px; }
.footer p span { padding-right:5px; }
.footer p span.email { padding-left:30px; }
.footer p a:hover { color:#000; text-decoration:none; }
.footer .uk-icon-button { width:32px; height:32px; margin-left:30px; color:#fff; }


/* SOCIAL */

.uk-icon-button { color:#fff; }
.uk-icon-button.share { margin:30px 0 0 0; }
.uk-icon-button.facebook { background-color:#3c5b9b; }
.uk-icon-button.twitter { background-color:#00aced; }
.uk-icon-button.google { background-color:#de4f41; }
.uk-icon-button.linkedin { background-color:#007bb6; }
.uk-icon-button.pinterest { background-color:#cb2027; }
.uk-icon-button:hover { background-color:#51c3c2 !important; color:#fff !important; }


/* MEDIA QUERIES */


/* min-width 640px, small screens */
@media only screen and (min-width: 640px) { 

  h1 { font-size:32px; }
  h2 { font-size:20px; }
  h3 { font-size:20px; }
  .text2 h3 { font-size:24px; }

  .header { padding:14px 10px 14px 30px; }
 
  .uk-navbar-container { padding:0 10px; }
  
.section.blue h2, .section.tan h2 { font-size:22px; }
.section.blue h1 { font-size:28px; }
    
    .testimonials { font-size:18px; }
 
}

/* min-width 960px, medium screens */
@media only screen and (min-width: 960px) { 

  h1 { font-size:34px; }
  h2 { font-size:22px; }
  h3 { font-size:22px; }
  .text2 h3 { font-size:26px; }
    
  .footer .uk-overlay { padding:10px 30px; }
 
    .section.blue h2, .section.tan h2 { font-size:24px; }
.section.blue h1 { font-size:30px; }
  
  #bar {
    font-size:18px;
  }
    
}


/* min-width 1024px, ipad */
@media only screen and (min-width: 1024px) { 
 
  .uk-navbar-nav li a { padding:0 14px; font-size:17px !important; }
  .uk-navbar-dropdown-nav li a { font-size:15px !important; }

}


/* min-width 1200px, large screens */
@media only screen and (min-width: 1200px) { 

  h1 { font-size:36px; }
  h2 { font-size:24px; }
  h3 { font-size:24px; }
  .text2 h3 { font-size:28px; }

  .uk-navbar-nav li a { padding:0 18px; font-size:18px !important; }
  .uk-navbar-dropdown-nav li a { font-size:15px !important; }

  .section { font-size:20px; }
  
  .testimonials { font-size:20px; }
    
  .footer .uk-overlay { padding:20px 30px; }
  
  .section.blue h2, .section.tan h2 { font-size:26px; }
.section.blue h1 { font-size:32px; }
    
}

/* min-width 1400px */
@media only screen and (min-width: 1400px) { 

  h1 { font-size:38px; }
  h2 { font-size:24px; }
  h3 { font-size:24px; }
  .text2 h3 { font-size:30px; }
 
  .uk-navbar-nav li a { padding:0 22px; font-size:20px !important; }
  .uk-navbar-dropdown-nav li a { font-size:15px !important; }
     
  .footer .uk-overlay { padding:30px; }
  
      .section.blue h2, .section.tan h2 { font-size:28px; }
.section.blue h1 { font-size:34px; }
    
}

/* min-width 1600px, x-large screens */
@media only screen and (min-width: 1600px) { 

      .section.blue h2, .section.tan h2 { font-size:30px; }
.section.blue h1 { font-size:36px; }
  
}