﻿body { font-family:"Lato",Tahoma,Arial; overflow-x:hidden;}
@media (max-width: 991.98px) {
  .offcanvas-collapse {
	position: fixed;
	top: 88px; /* Height of navbar */
	bottom: 0;
	left: 100%;
	width: 100%;
	padding-right: 1rem;
	padding-left: 1rem;
	overflow-y: auto;
	visibility: hidden;
	background-color: #343a40;
	transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  }
  .offcanvas-collapse.open {
	visibility: visible;
	transform: translateX(-100%);
	z-index:9999;
  }
	.vr { display: none; }
}
@media (min-width: 992px) {
	.offcanvas-collapse {
		height:100%!important;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		height:100%;
		line-height:100%;
		padding-right: 1.75rem;
		padding-left: 1.75rem;
	}
	.vr { background-color: white; }
}
.nav-link {
	color:#ba9c5e;
}
.nav-link:hover, .nav-link.active {
	color:#fff;
}
.card .icon {
	font-size:6rem;
	color:#d24533;
}
	
	
.flex-equal > * {
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    flex: 1;
  }
}

footer a { color:#fff!important; }
footer a:hover { color:#ddd!important; }
footer h6 { color:#ccc; }

.py-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}@media(min-width:576px){.py-sm-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:768px){.py-md-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:992px){.py-lg-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:1200px){.py-xl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:1400px){.py-xxl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}.bsb-timeline-3{--bsb-tl-color:var(--bs-primary-bg-subtle);--bsb-tl-circle-color:var(--bs-primary);--bsb-tl-circle-border-color:var(--bs-warning);--bsb-tl-circle-size:26px;--bsb-tl-circle-border-size:4px;--bsb-tl-circle-offset:13px;--bsb-tl-indicator-color:var(--bs-white)}.bsb-timeline-3 .timeline{list-style:none;margin:0;padding:0;position:relative}.bsb-timeline-3 .timeline:after{background-color:var(--bsb-tl-color);bottom:0;content:"";left:0;margin-left:-1px;position:absolute;top:0;width:2px}@media(min-width:768px){.bsb-timeline-3 .timeline:after{left:50%}}.bsb-timeline-3 .timeline>.timeline-item{margin:0;padding:0;position:relative}.bsb-timeline-3 .timeline>.timeline-item:after{background:var(--bsb-tl-circle-color);border:var(--bsb-tl-circle-border-size) solid var(--bsb-tl-circle-border-color);border-radius:50%;content:"";height:var(--bsb-tl-circle-size);left:calc(var(--bsb-tl-circle-offset)*-1);position:absolute;top:calc(30% - var(--bsb-tl-circle-offset));width:var(--bsb-tl-circle-size);z-index:1}.bsb-timeline-3 .timeline>.timeline-item .timeline-body{margin:0;padding:0;position:relative}.bsb-timeline-3 .timeline>.timeline-item .timeline-content{padding:0 0 2.5rem 2.5rem;position:relative}.bsb-timeline-3 .timeline>.timeline-item .timeline-indicator{position:relative}.bsb-timeline-3 .timeline>.timeline-item .timeline-indicator:after{border-width:1px;border:10px solid var(--bsb-tl-indicator-color);border-color:transparent var(--bsb-tl-indicator-color) transparent transparent;border-left-width:0;content:"";left:calc(2.5rem - 10px);position:absolute;top:calc(30% - var(--bsb-tl-circle-offset));z-index:2}@media(min-width:768px){.bsb-timeline-3 .timeline>.timeline-item{overflow:hidden;width:50%}.bsb-timeline-3 .timeline>.timeline-item .timeline-content{padding:2.5rem}.bsb-timeline-3 .timeline>.timeline-item.left{left:0}.bsb-timeline-3 .timeline>.timeline-item.left:after{left:auto;right:calc(var(--bsb-tl-circle-offset)*-1)}.bsb-timeline-3 .timeline>.timeline-item.left .timeline-indicator:after{border-width:1px;border:10px solid var(--bsb-tl-indicator-color);border-color:transparent transparent transparent var(--bsb-tl-indicator-color);border-right-width:0;left:auto;right:calc(2.5rem - 10px)}.bsb-timeline-3 .timeline>.timeline-item.right{left:50%}}
.carousel-caption { text-shadow:4px 4px 12px rgba(51, 51, 51, 1);}
.carousel-caption h5 { font-size: 2.5rem;}
.carousel-caption p { font-size: 1.25rem;}

@media (max-width: 992px) {
	.cmap { min-height:500px; }
}

.cookkie-consent {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:99999!important;
}

.bg-dblue {
	background-color:#1a2134;
}
.btn-gold {
	background-color:#ba9c5e;
	color:#eee;
}
.btn-gold:hover {
	background-color:#ba900b;
	color:#fff;
}

#carouseleve.carousel { height:88vh; overflow:hidden; }
#carouseleve.carousel .carousel-item { position:relative; min-height:88vh; overflow:hidden; }
#carouseleve.carousel .carousel-item > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  margin: 0 auto;
}
#carouseleve.carousel .carousel-caption { width:100%; height:100%; right:0; left:0; top:0; bottom:0; overflow:hidden; background-color:rgba(0,0,0,.3); }
#carouseleve.carousel .carousel-caption h1 {
	margin-top:10%;
}
#carouseleve.carousel .carousel-caption h1, #carouseleve.carousel .carousel-caption p {
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 20px;
    font-size: 50px;
    color: #fff;
	width:50vw;
	text-align:left;
	margin-left:10%;
}
#carouseleve.carousel .carousel-caption p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

.over-ons-text {
	font-size:20px;
	line-height:42px;
	text-align:center;
}


.bg-primary4 {
	background: #101043;
}

.servicelist .card-title {
  transform: translate3d(0px, 0%, 0px);
  -webkit-transform: translate3d(0px, 0%, 0px);
  -moz-transform: translate3d(0px, 0%, 0px);
  -ms-transform: translate3d(0px, 0%, 0px);
  -o-transform: translate3d(0px, 0%, 0px);
  -webkit-transition: all 800ms ease 0.35s;
  -moz-transition: all 800ms ease 0.35s;
  -ms-transition: all 800ms ease 0.35s;
  -o-transition: all 800ms ease 0.35s;
  transition: all 800ms ease 0.35s;
}

.servicelist .equal-height:hover .card-title {
  transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -moz-transform: translate3d(0px, 100px, 0px);
  -ms-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate3d(0px, 100px, 0px);
  transition-delay: 0.3s;
}
.servicelist .equal-height .card-title h5 {
  color: #ffffff;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  margin: 0;
  text-transform: capitalize;
  font-weight: 600;
}
.servicelist .card-title i {
  background: #2154cf none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 25px;
  height: 70px;
  left: 50%;
  line-height: 50px;
  margin-left: -25px;
  margin-top: -30px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 65px;
  z-index: -1;
}
.servicelist .overlay {
  background: rgba(33, 84, 207, 0.8);
  height: 100%;
  left: 0;
  opacity: 1;
  padding: 0 10px;
  position: absolute;
  top: 0;
  transform: translate3d(0px, -100%, 0px);
  -webkit-transform: translate3d(0px, -100%, 0px);
  -moz-transform: translate3d(0px, -100%, 0px);
  -ms-transform: translate3d(0px, -100%, 0px);
  -o-transform: translate3d(0px, -100%, 0px);
  -webkit-transition: all 700ms ease 0.35s;
  -moz-transition: all 700ms ease 0.35s;
  -ms-transition: all 700ms ease 0.35s;
  -o-transition: all 700ms ease 0.35s;
  transition: all 700ms ease 0.35s;
  width: 100%;
}
.servicelist .overlay {
    background: rgba(16, 16, 67, 0.60);
}

.servicelist .overlay-content h4 {
  font-weight: 500;
  text-transform: capitalize;
}

.servicelist .overlay-content > a {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  
}

.servicelist .equal-height:hover .overlay {
  transform: translate3d(0px, 0%, 0px);
  -webkit-transform: translate3d(0px, 0%, 0px);
  -moz-transform: translate3d(0px, 0%, 0px);
  -ms-transform: translate3d(0px, 0%, 0px);
  -o-transform: translate3d(0px, 0%, 0px);
  transition-delay: 0.1s;
}

.servicelist .equal-height {
	position: relative;
}

.servicelist .equal-height .card {
	background: #0f2765 none repeat scroll 0 0;
	display: block;
	overflow: hidden;
	position: relative;
}
.parallax {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position:relative;
}
