/* ------------------------------
   --- Common
\* ----------------------------*/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.row:before,
.row:after {
	display: none !important;
}
img {
    image-orientation: from-image;
}
html,
body,
.view {
  height: 100%; }
  
.text-blue {
	color:#2196F5;
}
.milton-green {
	background-color: #0989cc;
}
.milton-green-trans {
    background: rgba(45, 45, 45, 0.65);
}
.double-border {
	border: 5px double #002d44;
}
.rounded {
	border-radius: 25px;
}
.text-green {
	color: #002d44;
}
#grad {
  background-image: linear-gradient(to bottom right, #0085ca, #163b4e);
}
.white-trans {
	background:rgba(255,255,255,0.9);
}

#cover {
    background: #222 url('https://unsplash.it/1920/1080/?random') center center no-repeat;
    background-size: cover;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
}

#cover-caption {
    width: 100%;
    position: relative;
    z-index: 1;
}



  /* ------------------------------
   --- Carousel
\* ----------------------------*/
	 html,
      body,
      header,
      .carousel {
        height: 55vh;
      }

      @media (max-width: 740px) {
        html,
        body,
        header,
        .carousel {
          height: 80vh;
        }
      }

      @media (min-width: 800px) and (max-width: 850px) {
        html,
        body,
        header,
        .carousel {
          height: 100vh;
        }
      }

      @media (min-width: 800px) and (max-width: 850px) {
              .navbar:not(.top-nav-collapse) {
                  background: #929FBA!important;
              }
          }
   

.carousel {
  height: 100%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }


@media (max-width: 776px) {
  .carousel {
    height: 100%; } }

/* ------------------------------
   --- Navigation
\* ----------------------------*/
.navbar {
  background-color: rgba(0, 0, 0, 0.2); 
  box-shadow: none;}

 .navbar-brand img {
	width: 262px;
	height: auto;
 }
.top-nav-collapse {
  background-color: #929FBA; }


@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #929FBA; }
	 .navbar-brand img {
		width: 240px;
		height: auto;
	 }
	 
	#grad h2 {
		font-size: 20px;
	}
	}
	
.navbar.navbar-light .breadcrumb .nav-item .nav-link, .navbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: #888;
    /*color: #002d44;*/
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
    font-weight: 400;
    padding-right: 20px;
    padding-left: 20px;
	text-transform: uppercase;
	font-size: 15px;
}

.page-footer {
  background-color: #929FBA; }

footer ul li {
	padding: 10px 0;
}
/* ------------------------------
   --- Typography
\* ----------------------------*/
h1, h2, h3, h4, h5 {
	font-family: 'Open Sans', sans-serif;
}
p {
	line-height: 1.7;
	font-size: 16px;
}
.page-heading {
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Playfair Display', serif;
}
.carousel-title {
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 800;
	text-shadow: 1px 1px #000;
	font-family: 'Playfair Display', serif;
}
.small-heading {
	font-family: 'Playfair Display', serif;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.service-heading {
	font-family: 'Playfair Display', serif;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
#top-banner h2 {
	font-family: 'Playfair Display', serif;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.5px;
}
/* ------------------------------
   --- Index
\* ----------------------------*/

#section-home {
	background: url(../img/macine.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.dtbheight {
	height: 240px;
}