/* ==========================================================================
   Global Styles
   ========================================================================== */

   h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-family: 'Krona One', sans-serif;
    color: #0024e0;
    font-weight: 700;
   }	

   p{
    font:400 14.5px/22px 'Roboto', Helvetica, Arial, sans-serif;
    color: #333;
   }

   UL LI{
    font:400 14.5px/22px 'Roboto', Helvetica, Arial, sans-serif;
    color: #333;
   }

   .uk-link, a, a:visited{
    color: #0024e0;
	text-decoration: none !important;
   }

   a:hover{
    color: #0024e0;
   }
 
/* ==========================================================================
   Header
   ========================================================================== */

   header {
    background: #ffffff;
   }
   
   .headerLogo {
	   max-width: 240px;
	   display: block;
       margin-left: auto;
       margin-right: auto
   }
   

   .nav_bg {
    display: table;
    margin: 0 auto;
   }

   .uk-navbar {
    background: #021fb7;
    border-top: 2px solid #fff;
    box-shadow: 1px 1px 1px 1px;
   }

   .uk-navbar-nav>li>a,
   .uk-nav-offcanvas>li>a {
    text-transform: uppercase;
    font-family: 'Maven Pro', sans-serif;
    transition: background 0.5s ease;
    font-size: 14px;
    color: #ffffff;
    height: 35px;
    line-height: 35px;
    letter-spacing: 0.2pt;
    font-weight: 700;
    border-left: 1px solid #0024e0;
    border-right: 1px solid #001688;
   }

   .uk-navbar-nav>li:nth-child(1) {
    border-left: 1px solid #001688;
   }

   .uk-navbar-nav>li:last-child {
    border-right: 1px solid #0024e0;
   }

   .uk-navbar-nav>li>a:hover,
   .uk-navbar-nav>li:hover>a, 
   .uk-navbar-nav>li>a:focus, 
   .uk-navbar-nav>li.uk-open>a,
   .uk-navbar-nav>li.uk-active>a,
    html .uk-nav.uk-nav-offcanvas>li.uk-active>a {
    background-color: #0024e0;
    color: #ffffff;
   }

   .uk-dropdown{
   }

   html .uk-nav.uk-nav-offcanvas>li.uk-active>a,
   .uk-nav-offcanvas>.uk-open>a, 
   html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover, 
   html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus {
    background: #ffef00;
    color: #111;
   }

   .uk-offcanvas {
    background: rgba(254, 254, 254, 0.5);
   }

   .uk-offcanvas-bar{
    background: #0024e0; 
   }

   .uk-navbar-toggle{
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
   }

   .uk-navbar-toggle:hover, .uk-navbar-toggle:focus{
    color: #ffef00;
   }

   .logoMobile{
    margin-left: auto;
    margin-right: auto;
    max-width: 95%;
   }

   .headerContact{
    margin-top: 7px;
   }

   .headerContact h2, 
   .headerContact h6,    
   .headerContact h3{
    margin-bottom: 0;
    margin-top: 18px;
   }

   .headerContact h2 a,
   .headerContact h6 a,
   .headerContact h3 a {
    color: #000;
	transition: color 0.3s ease;
	font-family: 'Krona One',sans-serif;
   }

   .headerContact h2 a:hover,
   .headerContact h6 a:hover,
   .headerContact h3 a:hover {
    color: #0024e0;
   }

   #dnn_dnnLOGO_imgLogo {
   }


/* ==========================================================================
   Call to Action
   ========================================================================== */

   #cta{
    background: #fff;
   }

  .cta-dig {
    background: #141414;
   }

  .redbg h4{
    color: #fff;
    margin-bottom: 0;
    padding: 10px;
    background: #0024e0;
  }

  .yellowbg h4{
    color: #141414;
    margin-bottom: 0;
    padding: 10px;
    background: #ffef00;
  }

  .cta-dig p{
    color: #fff;
  }

  .uk-icon-large {
    color: #fff;
    font-size: 700%;
  }

  .specials {
    background: #0024e0;
    padding: 20px;
    text-align: center;
  }

  .specials h2,
  .specials h3,
  .specials p {
    color: #fff;
  }

  a.uk-button {
    padding: 5px 15px;
    background: #161616;
  }

  a.uk-button:hover {
    padding: 5px 15px;
    background: #fff;
  }

/* ==========================================================================
   Body Page Styles
   ========================================================================== */
   blockquote{
    background: #0024e0;
    color: #fff;
    padding: 20px;
    border-left: 5px solid #ffef00;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
   }

   .lightbluebox {
    background: #0024e0;
    padding: 25px;
    margin-left: 0px;
   }

   .darkbluebox {
    background: #ffef00;
    padding: 25px;
    margin-left: 0px;
   }

   .lightbluebox p, 
   .darkbluebox p {
    color: #fff;
   }

   .lightbluebox a, 
   .darkbluebox a {
    color: #fff;
    text-decoration: underline;
   }

   .lightbluebox a:hover, 
   .darkbluebox a:hover {
    color: #111;
   }

   .picborder {
    border: 3px solid #FFF;
   }


/* ==========================================================================
   Footer
   ========================================================================== */
   footer{
    color: #fff;
    background: rgba(34, 34, 34, 0.6);
    padding-top: 50px;
    padding-bottom: 30px;
	margin-bottom: 4rem;
    }

   footer h3 {
    color: #fff;
	font-family: 'Krona One', sans-serif;
   }

   footer a, 
   footer a:visited,
   footer p {
    font:400 13px/20px 'Roboto';
    color: #fff;
   }

   footer a:hover,
   footer span {
    color: #fff;
   }

   .fcp span{
    color: #565656 !important;
   }

   .fcp {
    margin-top: 30px;
    text-align: center;
   }


/* ==========================================================================
   Home Page Styles
   ========================================================================== */

   .bluebg {
    background: #595959;
    background: -moz-linear-gradient(top, #595959 0%, #1c1c1c 83%, #1c1c1c 83%, #131313 100%);
    background: -webkit-linear-gradient(top, #595959 0%,#1c1c1c 83%,#1c1c1c 83%,#131313 100%);
    background: linear-gradient(to bottom, #595959 0%,#1c1c1c 83%,#1c1c1c 83%,#131313 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#131313',GradientType=0 );
   }

   .bluebg h1{
    text-align: center;
    color: #fff;
    margin-bottom: 0;
   }

   .cta_text {
    margin-top: 20px;
    margin-bottom: 20px;    
   }

   a.ctabutton:hover {
    background: #ffef00;
    color: #fff;
   }

   .marg {
    margin: 40px 0;
   }

   .chameleon_slider.NewsOne,
   .chameleon_slider.NewsOne .main_panel {
    border-radius: 0 !important;
   }

    .faq_border h4{
      border: 1px solid #999;
      padding: 10px 10px 10px 15px;
      margin-bottom: 5px;
      color: #0024e0;
    }

    .faq_border p{
      border-bottom: 1px solid #999;
      padding: 15px 15px 15px 40px;
      border-left: 1px solid #999;
      border-right: 1px solid #999;
      margin-top: -5px;
    }

    .faq_border h4:hover{
      color: #0024e0;
      cursor: pointer;
    }

    .testimonial {
      border: 2px solid #021fb7;
      background: #0024e0;
      padding: 25px;
      text-align: center;
    }

    .testimonial p {
      color: #fff;
    }

    .uk-overlay-background {
    background: transparent;
    padding: 10px;
    }

/* ==========================================================================
   Contact Form Styles
   ========================================================================== */
   html .bstrap3-material .form-horizontal .control-label {
    color: #333;
    font-family: 'roboto';
    font-size: 11pt;
    font-weight: 400 !important;
   }

   .bstrap3-material .label-align-top .btn-form {
    margin-top: 0px;
   }

   html .bstrap3-material .btn-info {
    background-color: #0024e0;
   }

   html .bstrap3-material .btn-info:hover {
    background-color: #ffef00;
    color: #000;
   }


  /* ==========================================================================
   Media Queries
   ========================================================================== */

   @media (max-width: 767px) {

    .headerContact{
      margin-top: 0px;
    }

   }

   @media (min-width: 768px){

    .bstrap3-material .col-sm-offset-3 {
      margin-left: 0;
    }

    html .bstrap3-material .form-horizontal .control-label {
    padding-top: 0px;
    }

   }

   @media (max-width: 960px) {

     .headerContact h2, 
     .headerContact h3{
        margin-top: 5px !important;
     }

   }

   @media (min-width: 1220px) {
    .slide.uk-container.uk-container-center {
      max-width: 1300px !important;
   }
 }

  /* ==========================================================================
   Gallery
   ========================================================================== */

   .eds_GravityGallery_Graviton .edsgg_mainTitle {
    display: none;
   }

   .eds_GravityGallery_Graviton .edsgg__itemsListContainer .edsgg_thumbnailWrapper .edsgg_thumbnailContainer {
    margin: 0;
   }

   .eds_GravityGallery_Graviton .edsgg__itemsListContainer .edsgg_thumbnailWrapper {
    background-color: #0024e0;
    padding: 5px 5px 0px;
   }

   .eds_GravityGallery_Graviton .edsgg__itemsListContainer .edsgg_thumbnailWrapper .edsgg_thumbnailContainer .edsgg_image_thumbnail{
    padding: 0;
   }


.edstmr__Theme1 .ms-staff-carousel .ms-staff-info {
  display: none;
}

  /* ==========================================================================
   Testimonial Slider
   ========================================================================== */

   .testimonials {
    padding: 25px;
    background: #0024e0;
    border: 2px solid #ffffff;
    margin: 0;
   }

   .testimonials h2{
    color: #ffffff;
   }

   .testimonials p,
   .testimonials ul li{
    color: #fff;
   }
   
   
   
/*===================================================
	TICKER: based on https://codepen.io/lewismcarey/pen/GJZVoG
*/
$duration: 30s;

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.ticker-wrap {
  
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 4rem;
  background-color: rgba(34, 34, 34, 1);
  padding-left: 100%;  
  z-index: 1000;

  
}

.ticker {
    
  display: inline-block;
  height: 4rem;
  line-height: 4rem;  
  white-space: nowrap; 
  padding-right: 100%; 
  animation-name: ticker;
  animation-duration: 120s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  
}

.ticker:hover {
	animation-play-state:paused;	
}

.ticker li  {
    
    display: inline-block;
    padding: 0 2rem;
    font-size: 2rem;
    color: white;   
    
}

.ticker__item {
    
    display: inline-block;
    padding: 0 2rem;
    font-size: 2rem;
    color: white;   
    
  }