/*!
 * Start Bootstrap - Creative v5.0.2 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */body,html{
     width:100%;height:100%;
}
 body{
     font-family:Merriweather,'Helvetica Neue',Arial,sans-serif;
        background: url('../img/homebg3.jpg') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 1000px;
        background-size: 100%;
 }
 hr{
     max-width:50px;border-width:3px;border-color:#018CB9
 }
 hr.gold{
     border-color:#FFDF00
 }
 a{
     color:#018CB9;-webkit-transition:all .2s;transition:all .2s
 }
 a:hover{
     color:#018CB9
 }h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.bg-primary{background-color:#018CB9!important}.bg-dark{background-color:#212529!important}.text-faded{color:rgba(255,255,255,.7)}section{padding:8rem 0}.section-heading{margin-top:0}::-moz-selection{color:#fff;background:#212529;text-shadow:none}::selection{color:#fff;background:#212529;text-shadow:none}img::-moz-selection{color:#fff;background:0 0}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}
 

 #mainNav{
     background-color:#FFDF00;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;transition:all .2s
 }
 #mainNav .navbar-brand
 {font-weight:700;color:#018CB9;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#018CB9}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;color:#212529}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#018CB9}#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#018CB9 !important;background-color:transparent}#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}
 @media (min-width:992px){
     #mainNav{
         border-color:transparent;background-color:#E6E6E6;
     }#mainNav .navbar-brand{color:rgba(255,255,255,.7)}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:#fff}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#6ddbff}}

 #mainnav2{
     background-color:#FFDF00;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;transition:all .2s
 }
 #mainnav2 .navbar-brand
 {font-weight:700;color:#018CB9;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}#mainnav2 .navbar-brand:focus,#mainnav2 .navbar-brand:hover{color:#018CB9}#mainnav2 .navbar-nav>li.nav-item>a.nav-link,#mainnav2 .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;color:#212529}#mainnav2 .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainnav2 .navbar-nav>li.nav-item>a.nav-link:hover{color:#018CB9}#mainnav2 .navbar-nav>li.nav-item>a.nav-link.active,#mainnav2 .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#018CB9 !important;background-color:transparent}#mainnav2 .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainnav2 .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}
 @media (min-width:992px){
     #mainnav2{
         border-color:transparent;background-color:#018CB9;
     }#mainnav2 .navbar-brand{color:rgba(255,255,255,.7)}#mainnav2 .navbar-brand:focus,#mainnav2 .navbar-brand:hover{color:#fff}#mainnav2 .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem}#mainnav2 .navbar-nav>li.nav-item>a.nav-link,#mainnav2 .navbar-nav>li.nav-item>a.nav-link:focus{color:#fff}#mainnav2 .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainnav2 .navbar-nav>li.nav-item>a.nav-link:hover{color:#6ddbff}}

header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url(../img/apply6.jpg);background-position:center center;background-size:cover}header.masthead hr{margin-top:30px;margin-bottom:30px}header.masthead h1{font-size:2rem}header.masthead p{font-weight:300}@media (min-width:768px){header.masthead p{font-size:1.15rem}}@media (min-width:992px){header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0}header.masthead h1{font-size:3rem}}@media (min-width:1200px){header.masthead h1{font-size:4rem}}.service-box{max-width:400px}.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(1,140,185,1);-webkit-transition:all .2s;transition:all .2s}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}.portfolio-box:hover .portfolio-box-caption{opacity:0.8}.portfolio-box:focus{outline:0}@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}.text-primary{color:#018CB9!important}.text-primary2{color:#FFDF00!important}.btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.btn-xl{padding:1rem 2rem}.btn-primary{background-color:#018CB9;border-color:#018CB9}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#018CB9;background-color:#FFDF00!important}.btn-primary:active,.btn-primary:focus{-webkit-box-shadow:0 0 0 .2rem rgba(1,140,185,1)!important;box-shadow:0 0 0 .2rem rgba(1,140,185,1)!important}.btn-primary2{background-color:#FFDF00;border-color:#018CB9;color:#018CB9;}.btn-primary2:active,.btn-primary2:focus,.btn-primary2:hover{color:#018CB9;background-color:#fff!important}.btn-primary2:active,.btn-primary2:focus{-webkit-box-shadow:0 0 0 .2rem rgba(1,140,185,1)!important;box-shadow:0 0 0 .2rem rgba(1,140,185,1)!important}.dropdown-item{COLOR:#018CB9!important;}.dropdown-item:hover{COLOR:#018CB9!important;background-color:#FFDF00!important;}.btn-square{border-radius:0px !important; display: block;
  width: 100%;}

.dynafont {
	font-size: 16px !important;
	
}

/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
  top: 90%;
  z-index:0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 4px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;	
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #018CB9;
  color:#FFDF00;
}

.facebook {
  background: #3B5998;
  color: white;
}


.youtube {
  background: #bb0000;
  color: white;
}

/* CLAIMS */
.claims-bar {
  position: fixed;
  top: 55%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.claims-bar button {
  display: block;
  text-align: center;
  padding: 4px;
  transition: all 0.3s ease;
  background-color: #018cb9;
  color: white;
  font-size: 16px;
}

.claims-button {
  background: #FFDF00;
  color: #018cb9;
  border: none;
  font-size: 20px !important;
}

.claims-bar button:hover {
  background-color: #FFDF00;
  color:#018cb9;
}

/* The side navigation menu */
.sidenav {
  height: 43%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index:1; /* Stay on top */
  top: 34%; /* Stay at the top */
  left: 0;
  background-color: white; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  overflow-y: hidden; /* Disable vertical scroll */
  transition: 0.2s; /* 0.5 second transition effect to slide in the sidenav */
  background-image: url('../img/homebg.jpg');
}

/* The navigation menu links */
.sidenav a {
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  font-size: 16px;
  color: white;
  display: block;
  transition: 0.5s;
  transform: translate(0%, 180%);	
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #018CB9;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  z-index:5;
  top: -40%;
  right: 25px;
  font-size: 36px;
  margin-left: 70px;
  color: #018cb9;
}

.sidenav .closebtn:hover {
  color: #FFDF00;
}

/* FEEDBACK */
.feedback-bar {
  position: fixed;
  top: 55%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.feedback-bar a {
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 4px;
  transition: all 0.3s ease;
  background-color: #018cb9;
  color: white;
  font-size: 16px;
}

.feedback-button {
  background: #FFDF00;
  color: #018cb9;
  border: none;
  font-size: 20px !important;
}

.feedback-bar a:hover {
  background-color: #02C4FF;
  color: white;
}
.feedback-button a:hover {
  background-color: #02C4FF;
  color: white;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-width: 375px) {
  
	.sidenav {
		padding-top:150px;
		
	}
	
	.sidenav .closebtn {
		top:100px;
		
	}
	
	
}
	

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
.loader {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    align-items: center;
}

.loader > img {
    width: 100px;
}

.loader.hidden {
    animation: fadeOut 1s;
    animation-fill-mode: forwards;
}

@keyframes fadeOut {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.thumb {
    height: 100px;
    border: 1px solid black;
    margin: 10px;
}


.preloader-1 {
  margin: 100px auto 0;
  width: 310px;
}


.loaderdiv {
  color: cadetblue;
  text-transform: uppercase;
  text-align: center;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 17px;
  letter-spacing: 1px;
	text-align: center;
	
}

.preloader-1 .line {
  width: 10px;
  height: 50px;
  background: #E1E117;
  margin: 0 10px;
  display: inline-block;
  animation: opacity-1 1000ms infinite ease-in-out;
	
}



.preloader-1 .line-1, .preloader-2 .line-1 { animation-delay: 800ms; }
.preloader-1 .line-2, .preloader-2 .line-2 { animation-delay: 600ms; }
.preloader-1 .line-3, .preloader-2 .line-3 { animation-delay: 400ms; }
.preloader-1 .line-4, .preloader-2 .line-4 { animation-delay: 200ms; }
.preloader-1 .line-6, .preloader-2 .line-6 { animation-delay: 200ms; }
.preloader-1 .line-7, .preloader-2 .line-7 { animation-delay: 400ms; }
.preloader-1 .line-8, .preloader-2 .line-8 { animation-delay: 600ms; }
.preloader-1 .line-9, .preloader-2 .line-9 { animation-delay: 800ms; }

@keyframes opacity-1 { 
  0% { 
    opacity: 1;
  }
  50% { 
    opacity: 0;
  }
  100% { 
    opacity: 1;
  }  
}

@keyframes opacity-2 { 
  0% { 
    opacity: 1;
    height: 15px;
  }
  50% { 
    opacity: 0;
    height: 12px;
  }
  100% { 
    opacity: 1;
    height: 15px;
  }  
}	  

/* Carousel */


#carousel-example-generic {

    width: 100%;
}

#carousel-custom {

    width: 100%;
}
#carousel-custom .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
#carousel-custom .carousel-indicators li {
    background-color: #018cb9;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 5px !important;
    width: auto;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}

/* Carousel End */
/* Youtube Carousel */
#ytCarousel {
     background-color: black;
  margin-left: 35px;
  margin-right: 35px;
 margin: 5px
}
#ytprev {
  margin-left: -59px;
}

#ytnext {
  margin-right: -59px;
}
/* Youtube Carousel End */