body,
html {
  width: 100%;
  height: 100%;
}

body {
  font-family: 'Source Sans Pro';
}

div,span {
  /* border: solid !important; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

.carousel-item {
  height: 100vh;
  min-height: 400px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#about .carousel-item, #gallery .carousel-item {
  height: 70vh;
}

.item-1 {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black), url('../images/landing02.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.item-1 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9), black), url('../images/landing02.jpg');
}

.item-2 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9), black), url('../images/landing04.jpg');
}

.item-3 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9), black), url('../images/landing01.jpg');
}

.item-4 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9), black), url('../images/landing05.jpg');
}

.item-5 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9), black), url('../images/landing03.jpg');
}

.item-bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


.bg-section {
  padding-top: 1rem;
  background: rgb(0,73,183);
  background: linear-gradient(90deg, rgba(0,73,183,0.7) 0%, rgba(0,78,156,1) 49%), url("../images/landing02.jpg");
}

.portfolio-sect {
  background: rgb(255,255,255);
  color: #222;
}

.portfolio-sect a {
  color: #222;
  text-transform: none;
}

.portfolio-sect a:hover{
  text-decoration: none;
}

.content-section {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.content-section-heading h2 {
  font-size: 3rem;
  text-align: center;
}

.content-section-heading h3 {
  font-size: 1rem;
  text-transform: uppercase;
}

.services {
  background: url("../images/landing02.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery {
  padding-top: 1rem;
  background: rgb(0,73,183);
  background: linear-gradient(90deg, rgba(0,73,183,0.7) 0%, rgba(0,78,156,1) 49%), url("../images/landing02.jpg");
}

.masthead {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  padding-top: 20vh;
  padding-bottom: 8rem;
  z-index: 999;
}

.masthead h1 {
  font-size: 1.8rem;
  margin: 0;
  padding: 0;
  padding-bottom: 1rem;
  color: #FFF;
}

.masthead h4 {
  color: #FFF;
  font-weight: 400;
}

@media (min-width: 992px) {
  .masthead {
    height: 100vh;
  }
  .masthead h1 {
    font-size: 2.5rem;
  }
}

  /*.masthead {
  min-height: 30rem;
  position: relative;
  display: table;
  width: 100%;
  height: auto;
  padding-top: 7.5rem;
  padding-bottom: 8rem;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black), url("../images/landing02.jpg");
  background: -moz-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black), url("../images/landing02.jpg");
  background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black), url("../images/landing02.jpg");
  background: -linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black), url("../images/landing02.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}*/

/* .service-icon {
  background-color: #E21515;
  color: #1D809F;
  padding: 7rem;
  display: block;
  line-height: 7.5rem;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  height: 100px;
}

.service-icon i {
  font-size: 3.5rem;
}*/


.bg-primary {
  /*background-color: #0049B7 !important;*/
  background-color: #004e9c !important;
}

.bg-darker {
  background-color: #222;
}
.video-section {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8), black), url("../images/boat-6.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
/******Portfolio********/

#portfolio .container-fluid, #portfolio .container-sm, #portfolio .container-md, #portfolio .container-lg, #portfolio .container-xl {
  max-width: 1920px;
}
#portfolio .container-fluid .portfolio-box, #portfolio .container-sm .portfolio-box, #portfolio .container-md .portfolio-box, #portfolio .container-lg .portfolio-box, #portfolio .container-xl .portfolio-box {
  position: relative;
  display: block;
}

#portfolio .container-fluid .portfolio-box .portfolio-box-caption, #portfolio .container-sm .portfolio-box .portfolio-box-caption, #portfolio .container-md .portfolio-box .portfolio-box-caption, #portfolio .container-lg .portfolio-box .portfolio-box-caption, #portfolio .container-xl .portfolio-box .portfolio-box-caption {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: auto;
  height: auto;
  position: absolute;
  bottom: 0;
  opacity: 1;
  color: #333;
  background-color: rgba(248,249,250, 0.7);
  text-align: center;
  transition: all 1s ease-out;
}
#portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-sm .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-md .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-lg .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-xl .portfolio-box .portfolio-box-caption .project-category {
  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
}
#portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-name, #portfolio .container-sm .portfolio-box .portfolio-box-caption .project-name, #portfolio .container-md .portfolio-box .portfolio-box-caption .project-name, #portfolio .container-lg .portfolio-box .portfolio-box-caption .project-name, #portfolio .container-xl .portfolio-box .portfolio-box-caption .project-name {
  font-size: 1.2rem;
}/**/
#portfolio .container-fluid .portfolio-box:hover .portfolio-box-caption, #portfolio .container-sm .portfolio-box:hover .portfolio-box-caption, #portfolio .container-md .portfolio-box:hover .portfolio-box-caption, #portfolio .container-lg .portfolio-box:hover .portfolio-box-caption, #portfolio .container-xl .portfolio-box:hover .portfolio-box-caption {
  background-color: rgba(226,21,21, 0.7);
  color: #FFF;
  width: 100%;
  height: 100%;
}

.service-icon {
  background-color: #e21515;
  color: #FFF;
  height: 7rem;
  width: 7rem;
  display: block;
  line-height: 7.5rem;
  font-size: 2.5rem;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}

button.explore {
  font-weight: 600;
}

.gb {
  background: rgb(0,73,183);
  display: flex;
  align-items: center;
  justify-content: center;
}

/*****Footer*****/

footer .contact-form {
  border-radius: 25px;
  padding: 35px;
  background-color: #fff;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 380px;
}

footer .contact-form h3 {
  color: #0049b7;
  color: #e21515;
}

footer .contact-form .form-control {
  margin-bottom: 1.3rem;
  background-color: #C0D5E5;
  border-radius: 25px;
  font-size: 0.9rem;
}

footer .contact-form button {
  border-radius: 40px;
  margin: 0 auto;
  cursor: pointer;
}

footer .contact-form button:hover, footer .contact-form button:visited {
  background: #28a745;
}

footer .copy {
  background: #282526;
  text-align: center;
}

footer .copy a {
  color: #FFF;
}

/*****Lightbox*****/

.lightbox-gallery {
  background-image: linear-gradient(#4A148C, #E53935);
  background-repeat: no-repeat;
  color: #000;
  overflow-x: hidden
}

.lightbox-gallery p {
  color: #fff
}

.lightbox-gallery h2 {
  font-weight: bold;
  margin-bottom: 40px;
  padding-top: 40px;
  color: #fff
}

@media (max-width:767px) {
  .lightbox-gallery h2 {
      margin-bottom: 25px;
      padding-top: 25px;
      font-size: 24px
  }
}

.lightbox-gallery .intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto 40px
}

.lightbox-gallery .intro p {
  margin-bottom: 0
}

.lightbox-gallery .photos {
  padding-bottom: 20px
}

.lightbox-gallery .item {
  padding-bottom: 30px
}


/***Bootstrap Navbar*****/
.bg-light {
  background-color: transparent !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: transparent !important;
}


.hang-top {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}


.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
  font-weight: 600;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 1);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 1);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}