@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap');


@font-face {
  font-family: 'BasicAbuDhabi-Bold';
  src:  url('../fonts/BasicAbuDhabi-Bold.b01621c2.woff2') format('woff2'),      
}

@font-face {
  font-family: 'BasicAbuDhabi-Light';
  src:  url('../fonts/BasicAbuDhabi-Light.5b3914d7.woff2') format('woff2'),      
}

@font-face {
  font-family: 'BasicAbuDhabi-Regular.600fcfbc';
  src:  url('../fonts/BasicAbuDhabi-Regular.600fcfbc.woff2') format('woff2'),      
}


body {
  
    font-size: 1.4rem;
    font-family: 'Lato', sans-serif;

}

h1,h2,h3,h4 {
    font-family: 'BasicAbuDhabi-Bold','Open Sans', sans-serif;

}
.testing{font-family: 'BasicAbuDhabi-Bold','Open Sans', sans-serif;}





p {
    font-family: 'BasicAbuDhabi-Regular,''Lato', sans-serif;
    color: #242323;
}

.p-tc {
    font-family: 'Lato', sans-serif;
    color: #242323;
    font-size: .75rem !important;
}

.ul-tc {
    font-family: 'Lato', sans-serif;
    color: #575757;
}

#main {
    padding-bottom: 40px;
    padding-top: 40px
}

#main h1 {
    font-size: 3.1rem !important;
    line-height: 3.4rem;

}

#main h2 {
    font-size: 2.1rem !important;
   
}

@media screen and (max-width: 767px) {

    .cta .hide-on-mobile {
        display: none;
    }
}

@media screen and (min-width: 768px) {

    .cta .hide-on-desktop {
        display: none;
    }
}

hr{margin-bottom:40px; margin-top:40px}
.video-section{margin-top:70px}
.cta {
    background-color: #292C2E;
    color: #ffffff;
    padding: 30px;
    font-size: 26px;
    font-weight: normal;
    text-align: center;
    font-family: 'Lato', sans-serif;
}

.ddw-logo {
    padding: 20px;
    background-color: #ffffff;
    display: flex;
    justify-content: flex-end
}

.ddw-logo img {
    max-width: 200px
}

@media screen and (max-width:701px) {
    body {
        margin-top: 0px !Important;
        font-family: 'Prata', sans-serif;
    }
}

h3 {
   
    margin-top: 1.5rem;
}

.logo {
    max-width: 300px;
    color: white;
}

header {
    background: #292C2E;
    padding: 10px 0;
}

section#lead-section {
    padding-top: 60px;
    /*padding-bottom: 90px;*/
    text-align: left;
    background: #ffffff;
    /* background: #f8f8f8; */
}

section#main-section {
    background-color: #ffffff;
    padding-top: 60px;
    padding-bottom: 60px;
}

h3:first-of-type {
    margin-top: 0;
}

figure {
    margin-top: 15px;

}

.carousel-control-next,
.carousel-control-prev {
    background-color: transparent;
    border: 0px;
}

.carousel-item {
    max-height: 500px
}

.filler-image {
    background-color: #172e4d;
    padding: 30px;
	height:300px;
  background-image: url("../images/hero-4a.jpg");
    background-position:center;
	background-attachment: fixed;
	background-size: cover
	
}
.footer{   background-color: #172e4d;
    padding: 30px;
	height:300px;}

header {
    padding: 20px 0px
}

.carousel-item {
    height: 50vmin;
    background-size: cover
}

.item-1 {
    background-image: url("../images/hero-1.jpg");
    background-position: center
}

.item-2 {
    background-image: url("../images/hero-2.jpg");
    background-position: center
}

.item-3 {
    background-image: url("../images/hero-3.jpg");
    background-position: center
}





.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}

.o-collection-call-to-action[data-style=image] .o-call-to-action {
    flex-basis: 30%;
}

.o-call-to-action[data-style=image] {
    margin-bottom: 0;
}

.o-call-to-action[data-style=image] {
    position: relative;
    margin-bottom: 1.5625rem;
    border: .0625rem solid #c49b54;
    background-color: #f8f8f8;
}

.o-call-to-action[data-style=image] .o-call-to-action__container {
    margin: 1.25rem 1.25rem 2.5rem;
    background-color: #fff;
}

.o-call-to-action[data-style=image] .o-call-to-action__info {
    padding-bottom: .9375rem;
}

.o-call-to-action[data-style=image] .o-call-to-action__title {
    line-height: 1.5;
    font-family: Prata, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    padding: .9375rem 0;
    text-align: center;
    color: #0e2e50;
}

.o-call-to-action[data-style=image] .o-call-to-action__subtitle {
    line-height: 1.5;
    font-family: Lato, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    position: relative;
    margin: 0 .9375rem;
}

.o-simple-carousel__images img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

img {
    border-style: none;
}

.o-call-to-action__image img {
    width: 100%;
    height: auto;
}

.equal-height-row {
    display: flex;
    flex-wrap: wrap;
}

.col-md-3 {
    display: flex;
    flex-direction: column;
}

.o-call-to-action {
    flex: 1;
}

.white-bg {
    display: flex;
}

.carousel-caption{top: 50%;
transform: translateY(-50%);
bottom: initial;}

.carousel-caption h1{color:#ffffff!important; font-size:90px;letter-spacing:2px}
.carousel-caption p{color:#ffffff!important; font-size:40px;font-weight:300; margin-top:-15px;letter-spacing:2px}

.carousel-item{-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;}

.carousel-control-next:hover, .carousel-control-prev:hover{cursor:pointer}

.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 30px;
	height: 30px;}

.cta{text-transform:uppercase;letter-spacing:3px}
.footer{text-align:center; padding-top:50px; height:200px;background-color:#292C2E}
.footer img {max-width:270px}

@media screen and (max-width: 768px) {
	.carousel-caption h1{font-size: 2rem}
	.carousel-caption p{display:none}}