.da-slider{
  width: 100%;
  max-height: 700px;
  position: relative;
  overflow: hidden;
}

.da-main-container {
  display: flex;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  align-items:center;
  flex-wrap: wrap;
}

.da-slide{
  display:flex;
  align-items:center;
  flex-wrap: wrap;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  text-align: left;
}


.da-slide-current{
  z-index: 1000;
}
.da-slider-fb .da-slide{
  left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
  left: 0px;
}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
  position: relative;
  opacity: 0;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
  opacity: 1;
}
.da-slider-fb .da-slide .da-img{
  left: 60%;
  opacity: 1;
}

.da-slide h2{
  z-index: 10;
  font-weight: normal;
  font-family: "Playfair Display";
  font-size: 60px;
  line-height: 70px;
  word-wrap: break-word;
}
.da-slide p{
  margin-top: 30px;
  margin-bottom: 50px;
  overflow: hidden;
  max-width: 390px;
  color: #032329;
  font-family: Avenir;
  font-size: 18px;
  font-weight: 300;
  line-height: 40px;
}
.da-slide .da-img{
  position: relative;
}

.da-slide .da-img img {
  width: 80%;
  float: left;
}

.da-slide .da-content .da-container{
  width: 80%;
  float: right;
}

@media screen and (max-width: 450px) {
  .da-slide .da-img img {
    width: 50%!important;
  }
  .da-arrows span{
    border: none!important;
  }
  .da-arrows span.da-arrows-prev{
    left: 5px!important;
  }
  .da-arrows span.da-arrows-next{
    right: -15px!important;
  }
  .da-arrows span:after{
    width: 47px!important;
    height: 47px!important;
  }
  .da-arrows span i{
    margin-top: 9px!important;
    margin-left: 19px!important;
  }
}


@media only screen and (max-width: 950px) {
  .da-slide h2{
    font-size: 40px;
    line-height: 40px;
  }

  .da-slide p{
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    position: relative;
    max-width: 100%;
  }

  .da-slide .da-link{
    font-size: 12px;
  }

  .da-slide .da-content{
    width: 100% !important;
    text-align: center;
    order: 2;
  }

  .da-slide .da-content .da-container{
    width: 80%;
    text-align: center;
    margin: auto;
  }

  .da-slide .da-img{
    width: 100% !important;
    margin: auto;
    order: 1;
    margin-top: -60px;
    margin-bottom: 20px;
  }

  .da-slide .da-img img {
    width: 50%;
    display: block;
    margin: auto;
    float: none;
  }

  .da-slide .da-content .da-container{
    width: 80%;
    float: none;
  }
}

.da-slide .da-link{
  text-transform: uppercase;
  color: #000000;
  font-family: Avenir;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 25px;
  text-decoration: underline;
}
.da-slide .da-link:hover{
  opacity: 0.7;
}
.da-dots{
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0px;
  bottom: 20px;
  z-index: 1019;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.da-dots span{
  display: inline-block;
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: none;
  margin: 3px 15px;
  cursor: pointer;
 border: 1px solid black;
}
.da-dots span.da-dots-current:after{
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 50%;
  background: black;
}
.da-arrows{
  height: 700px;
  position: relative;
  margin: auto;
  max-width: 1440px;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.da-arrows span{
  position: absolute;
  top: 315px;
  height: 69px;
  width: 69px;
  border-radius: 50%;
  background:none;
  border: 1px solid rgb(3, 35, 41);
  cursor: pointer;
  z-index: 1019;
  opacity: 1;
}

.da-arrows span i{
  margin-top: 17px;
  margin-left: 27px;
  color:rgb(3, 35, 41);
}

.da-arrows span:after{
  content: '';
  position: absolute;
  width: 67px;
  height: 67px;
  top: 1px;
  left: 1px;
  background: transparent;
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
  box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
  box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
  background-position: top right;
}
.da-arrows span.da-arrows-prev{
  left: 15px;
}
.da-arrows span.da-arrows-next{
  right: 15px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
  opacity: 1;
}
.da-slide-current .da-img{
  opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2{
  -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
  -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
  -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
  -ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
  animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright p{
  -webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
  -moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
  -o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
  -ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
  animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da-link{
  -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
  -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
  -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
  -ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
  animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da-img{
  -webkit-animation: fromRightAnim4 0.4s ease-in-out 1.2s both;
  -moz-animation: fromRightAnim4 0.4s ease-in-out 1.2s both;
  -o-animation: fromRightAnim4 0.4s ease-in-out 1.2s both;
  -ms-animation: fromRightAnim4 0.4s ease-in-out 1.2s both;
  animation: fromRightAnim4 0.4s ease-in-out 1.2s both;
}
@-webkit-keyframes fromRightAnim1{
  0%{ opacity: 0; }
  100%{ opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
  0%{ opacity: 0; }
  100%{  opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
  0%{ opacity: 0; }
  1%{ opacity: 0; }
  100%{ opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
  0%{ opacity: 0; }
  100%{ opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
  0%{ opacity: 0; }
  100%{  opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
  0%{  opacity: 0; }
  100%{ opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
  0%{  opacity: 0; }
  1%{  opacity: 0; }
  100%{  opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
  0%{  opacity: 0; }
  100%{ opacity: 1; }
}

@-o-keyframes fromRightAnim1{
  0%{ opacity: 0; }
  100%{  opacity: 1; }
}
@-o-keyframes fromRightAnim2{
  0%{  opacity: 0; }
  100%{ opacity: 1; }
}
@-o-keyframes fromRightAnim3{
  0%{  opacity: 0; }
  1%{  opacity: 0; }
  100%{  opacity: 1; }
}
@-o-keyframes fromRightAnim4{
  0%{  opacity: 0; }
  100%{ opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
  0%{ opacity: 0; }
  100%{ opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
  0%{ opacity: 0; }
  100%{ opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
  0%{ opacity: 0; }
  1%{ opacity: 0; }
  100%{ opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
  0%{  opacity: 0; }
  100%{  opacity: 1; }
}

@keyframes fromRightAnim1{
  0%{  opacity: 0; }
  100%{  opacity: 1; }
}
@keyframes fromRightAnim2{
  0%{  opacity: 0; }
  100%{  opacity: 1; }
}
@keyframes fromRightAnim3{
  0%{  opacity: 0; }
  1%{  opacity: 0; }
  100%{  opacity: 1; }
}
@keyframes fromRightAnim4{
  0%{  opacity: 0; }
  100%{  opacity: 1; }
}
/* Slide in from the left*/
.da-slide-current {
  -webkit-animation: fromLeftAnim1 0.4s ease-in-out 0.4s both;
  -moz-animation: fromLeftAnim1 0.4s ease-in-out 0.4s both;
  -o-animation: fromLeftAnim1 0.4s ease-in-out 0.4s both;
  -ms-animation: fromLeftAnim1 0.4s ease-in-out 0.4s both;
  animation: fromLeftAnim1 0.4s ease-in-out 0.4s both;
}
.da-slide-fromleft h2{
  -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
  -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
  -o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
  -ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
  animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft p{
  -webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
  -moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
  -o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
  -ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
  animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-link{
  -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
  -moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
  -o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
  -ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
  animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img{
  -webkit-animation: fromLeftAnim4 0.4s ease-in-out  1.2s both;
  -moz-animation: fromLeftAnim40.4s ease-in-out  1.2s both;
  -o-animation: fromLeftAnim4 0.4s ease-in-out  1.2s both;
  -ms-animation: fromLeftAnim4 0.4s ease-in-out  1.2s both;
  animation: fromLeftAnim4 0.4s ease-in-out  1.2s both;
}
@-webkit-keyframes fromLeftAnim1{
  0%{  opacity: 0; }
  100%{  opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
  0%{  opacity: 0; }
  100%{  opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
  0%{  opacity: 0; }
  1%{  opacity: 0; }
  100%{  opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
  0%{  opacity: 0; }
  100%{  opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
  0%{  opacity: 0; }
  100%{  opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
  0%{  opacity: 0; }
  100%{  opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
  0%{  opacity: 0; }
  1%{ opacity: 0; }
  100%{  opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
  0%{ opacity: 0; }
  100%{  opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
  0%{  opacity: 0; }
  100%{  opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
  0%{  opacity: 0; }
  100%{  opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
  0%{ opacity: 0; }
  1%{  opacity: 0; }
  100%{ opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
  0%{  opacity: 0; }
  100%{  opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
  0%{  opacity: 0; }
  100%{ opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
  0%{ opacity: 0; }
  100%{ opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
  0%{  opacity: 0; }
  1%{  opacity: 0; }
  100%{  opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
  0%{  opacity: 0; }
  100%{  opacity: 1; }
}

@keyframes fromLeftAnim1{
  0%{  opacity: 0; }
  100%{ opacity: 1; }
}
@keyframes fromLeftAnim2{
  0%{  opacity: 0; }
  100%{ opacity: 1; }
}
@keyframes fromLeftAnim3{
  0%{  opacity: 0; }
  1%{  opacity: 0; }
  100%{ opacity: 1; }
}
@keyframes fromLeftAnim4{
  0%{  opacity: 0; }
  100%{ opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
  -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
  -moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
  -o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
  -ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
  animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright p{
  -webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
  -moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
  -o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
  -ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
  animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toright .da-link{
  -webkit-animation: toRightAnim3 0.4s ease-in-out both;
  -moz-animation: toRightAnim3 0.4s ease-in-out both;
  -o-animation: toRightAnim3 0.4s ease-in-out both;
  -ms-animation: toRightAnim3 0.4s ease-in-out both;
  animation: toRightAnim3 0.4s ease-in-out both;
}
.da-slide-toright .da-img{
  -webkit-animation: toRightAnim4 0.4s ease-in-out both;
  -moz-animation: toRightAnim4 0.4s ease-in-out both;
  -o-animation: toRightAnim4 0.4s ease-in-out both;
  -ms-animation: toRightAnim4 0.4s ease-in-out both;
  animation: toRightAnim4 0.4s ease-in-out both;
}
@-webkit-keyframes toRightAnim1{
  0%{  opacity: 1; }
  100%{  opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
  0%{   opacity: 1; }
  100%{  opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
  0%{   opacity: 1; }
  99%{  opacity: 0; }
  100%{  opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
  0%{   opacity: 1; }
  30%{   opacity: 1; }
  100%{  opacity: 0; }
}

@-moz-keyframes toRightAnim1{
  0%{   opacity: 1; }
  100%{  opacity: 0; }
}
@-moz-keyframes toRightAnim2{
  0%{  opacity: 1; }
  100%{  opacity: 0; }
}
@-moz-keyframes toRightAnim3{
  0%{   opacity: 1; }
  99%{  opacity: 0; }
  100%{  opacity: 0; }
}
@-moz-keyframes toRightAnim4{
  0%{   opacity: 1; }
  30%{   opacity: 1; }
  100%{  opacity: 0; }
}

@-o-keyframes toRightAnim1{
  0%{   opacity: 1; }
  100%{  opacity: 0; }
}
@-o-keyframes toRightAnim2{
  0%{   opacity: 1; }
  100%{  opacity: 0; }
}
@-o-keyframes toRightAnim3{
  0%{   opacity: 1; }
  99%{ opacity: 0; }
  100%{  opacity: 0; }
}
@-o-keyframes toRightAnim4{
  0%{   opacity: 1; }
  30%{   opacity: 1; }
  100%{  opacity: 0; }
}

@-ms-keyframes toRightAnim1{
  0%{   opacity: 1; }
  100%{  opacity: 0; }
}
@-ms-keyframes toRightAnim2{
  0%{   opacity: 1; }
  100%{  opacity: 0; }
}
@-ms-keyframes toRightAnim3{
  0%{   opacity: 1; }
  99%{  opacity: 0; }
  100%{ opacity: 0; }
}
@-ms-keyframes toRightAnim4{
  0%{   opacity: 1; }
  30%{   opacity: 1; }
  100%{  opacity: 0; }
}

@keyframes toRightAnim1{
  0%{   opacity: 1; }
  100%{  opacity: 0; }
}
@keyframes toRightAnim2{
  0%{   opacity: 1; }
  100%{opacity: 0; }
}
@keyframes toRightAnim3{
  0%{  opacity: 1; }
  99%{  opacity: 0; }
  100%{  opacity: 0; }
}
@keyframes toRightAnim4{
  0%{   opacity: 1; }
  30%{  opacity: 1; }
  100%{   opacity: 0; }
}

/* Slide out to the left*/
.da-slide-toleft h2{
  -webkit-animation: toLeftAnim1 0.6s ease-in-out both;
  -moz-animation: toLeftAnim1 0.6s ease-in-out both;
  -o-animation: toLeftAnim1 0.6s ease-in-out both;
  -ms-animation: toLeftAnim1 0.6s ease-in-out both;
  animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft p{
  -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
  -moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
  -o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
  -ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
  animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toleft .da-link{
  -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
  -moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
  -o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
  -ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
  animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img{
  -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.6s both;
  -moz-animation: toLeftAnim4 0.6s ease-in-out 0.6s both;
  -o-animation: toLeftAnim4 0.6s ease-in-out 0.6s both;
  -ms-animation: toLeftAnim4 0.6s ease-in-out 0.6s both;
  animation: toLeftAnim4 0.6s ease-in-out 0.6s both;
}
@-webkit-keyframes toLeftAnim1{
  0%{   opacity: 1; }
  30%{  opacity: 1; }
  100%{ opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
  0%{  opacity: 1; }
  30%{  opacity: 1; }
  100%{  opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
  0%{   opacity: 1; }
  100%{  opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
  0%{   opacity: 1; }
  70%{   opacity: 0; }
  100%{  opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
  0%{   opacity: 1; }
  30%{   opacity: 1; }
  100%{ opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
  0%{   opacity: 1; }
  30%{   opacity: 1; }
  100%{  opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
  0%{   opacity: 1; }
  100%{ opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
  0%{   opacity: 1; }
  70%{  opacity: 0; }
  100%{  opacity: 0; }
}

@-o-keyframes toLeftAnim1{
  0%{   opacity: 1; }
  30%{   opacity: 1; }
  100%{  opacity: 0; }
}
@-o-keyframes toLeftAnim2{
  0%{   opacity: 1; }
  30%{   opacity: 1; }
  100%{ opacity: 0; }
}
@-o-keyframes toLeftAnim3{
  0%{   opacity: 1; }
  100%{  opacity: 0; }
}
@-o-keyframes toLeftAnim4{
  0%{  opacity: 1; }
  70%{   opacity: 0; }
  100%{  opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
  0%{   opacity: 1; }
  30%{   opacity: 1; }
  100%{  opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
  0%{   opacity: 1; }
  30%{   opacity: 1; }
  100%{ opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
  0%{   opacity: 1; }
  100%{  opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
  0%{   opacity: 1; }
  70%{   opacity: 0; }
  100%{  opacity: 0; }
}

@keyframes toLeftAnim1{
  0%{   opacity: 1; }
  30%{  opacity: 1; }
  100%{  opacity: 0; }
}
@keyframes toLeftAnim2{
  0%{   opacity: 1; }
  30%{  opacity: 1; }
  100%{  opacity: 0; }
}
@keyframes toLeftAnim3{
  0%{   opacity: 1; }
  100%{  opacity: 0; }
}
@keyframes toLeftAnim4{
  0%{  opacity: 1; }
  70%{  opacity: 0; }
  100%{ opacity: 0; }
}

.color1 {
  color: #961C1C;
}
.color2 {
  color: #DDFDFF;
}
.color3 {
  color: #7C4403;
}
.color4 {
  color: #FF7B3A;
}
.color5 {
  color: #162B8E;
}
.color6 {
  color: #0050DB;
}
.color7 {
  color: #872416;
}

.bg1 {
  background-color: #e6d6cb;
  border: 1px solid #e6d6cb;
}
.bg2 {
  background-color: #5db5bb;
  border: 1px solid #5db5bb;
}
.bg3 {
  background-color: #e1a249;
  border: 1px solid #e1a249;
}
.bg4 {
  background-color: #b8edf5;
  border: 1px solid #b8edf5;
}
.bg5 {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
}
.bg6 {
  background-color: #d1b9fc;
  border: 1px solid #d1b9fc;
}
.bg7 {
  background-color: #dfada7;
  border: 1px solid #dfada7;
}