/*!
 * 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}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;text-transform:uppercase;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;text-transform:uppercase;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:transparent}#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}#mainNav.navbar-shrink{border-bottom:0px solid rgba(33,37,41,.1);background-color:#FFDF00}#mainNav.navbar-shrink .navbar-brand{color:#018CB9}	#mainNav.navbar-shrink .navbar-people{opacity:100;}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#018CB9}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#212529}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#018CB9}}header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url(../img/headerpolarinkblue1366.png);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;background-color:#fff!important;}.dropdown-item:hover{COLOR:#018CB9!important;background-color:#FFDF00!important;}

body{
     font-family:Merriweather,'Helvetica Neue',Arial,sans-serif;
        background: url('../img/homebg2.jpg') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;

 }

/* 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: #FFDF00;
  color: #000;
  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;
}

/* 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;
		
	}
	
	
}

.carousel-item {
  height: 50vh;
  min-height: 50px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
	
.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
