.banner{
	position:relative;
}
.banner:after{
	content: "";
    position: absolute;
    background: url(../images/banner_bottom_bg.png) no-repeat;
    background-size: contain;
    width: 100%;
    min-height: 141px;
    bottom: -60px;
}
@media (max-width:1100px) {	
	.banner:after{
		min-height: 121px;
	}
}
@media (max-width:896px) {	
	.banner:after{
		min-height: 111px;
		display:none;
	}
}
.banner .carousel{
    background: #2f4357;
    margin-top: 0px;
}
.banner .carousel-item{
    text-align: center;
    min-height: auto;
}

	.banner .item{
		position: relative;
		height: 600px;
		background-color: #000;	
		overflow:hidden;
	}
	.banner .item > img{
		max-width:none;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		object-fit:cover;
		margin: auto;
	}

@media(min-width: 1500px){
	.banner .item{
		height: 800px;
	}
}
@media(min-width: 1800px){
	.banner .item{
		height: 900px;
	}
}
.nav_icon,.nav_close{
	display: none;	
}
@media(max-width:1250px){
	.banner_content h2 {
		font-size: 55px;
    }    
}
@media(max-width:896px){
	.banner .container{
		position: static;
		transform: translate(0,0);
		background-color: #4aaefa;
		text-align: center;
		padding-bottom: 13px;
		padding-top: 12px;
	}
}
.banner .owl-carousel .owl-item > img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  object-position: center;
}

.carousel-caption {
	color: #262626;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 14% !important;
	text-shadow:none;

	margin: 0 auto !important;
}
@media (min-width:897px){
	.carousel-caption {		
		bottom: 5% !important;	
		max-width: 652px;	
	}	
}
@media (min-width:1000px){
	.carousel-caption {		
		bottom: 16% !important;	
		max-width: 700px;	
	}	
}
@media (min-width: 1200px){
	.carousel-caption {
		bottom: 9% !important;
        max-width: 900px;	
	}
}
@media (min-width:1500px){
	.carousel-caption {		
		bottom: 21% !important;
    max-width: 1040px;
	}	
}

.carousel-caption article{
	position:relative;
	display: inline-block;
	margin: auto;
	padding: 20px 35px 20px;
	margin-bottom: 0px;
}
.carousel-caption h2 {
    font-size: 70px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 25px;
    margin-top: 0px;
	text-shadow:3px 3px 6px rgba(0,0, 0, 0.8)
}
.carousel-caption p {
	font-family: 'Quicksand', sans-serif;
    font-size: 30px;
	line-height:1.3;
    color: #fff;
    margin-bottom: 20px;
}
.carousel-caption .btn {
    margin: 10px 5px;
    transition: 0.3s;
	font-size: 23px;
  font-weight: 600;
}

@media (max-width:1500px){
	.carousel-caption h2{
		font-size: 60px;
		margin-bottom: 15px;
	}
	.carousel-caption p {
		font-size: 28px;
		margin-bottom: 0px;
	}
}
@media (max-width:1200px){
	.carousel-caption h2{
		font-size: 45px;
		margin-bottom: 15px;
	}
	.carousel-caption p {
		font-size: 22px;
		margin-bottom: 0px;
	}
}
@media (max-width:896px){	
	.carousel-caption h2{
		font-size: 35px;
	}
	.carousel-caption p {
		font-size: 25px;
	}
}
@media (max-width:767px){
	.carousel-caption article {
		padding: 15px 10px 15px;
	}
	.carousel-caption h2 {
        font-size: 30px;
    }
	.carousel-caption p {
        font-size: 20px;
    }
	.carousel-caption a {
		padding: 10px 15px;
		font-size: 18px;
	}
}
@media (max-width: 500px) {
	.carousel-caption {
        bottom: 20% !important;
    }
    .carousel-caption h2 {
        font-size: 25px;
    }
	.carousel-caption .btn {
        padding: 13px 18px;
        font-size: 19px;
    }
}
@media (max-width: 420px) {
    .carousel-caption h2 {
        font-size: 20px;
    }
}
#mainslider.owl-carousel .item:before{
	content:'';
	background:rgba(0, 0, 0, 0.4);
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
@media (max-width:896px){	
	.carousel-caption {
		position: absolute;
		top: 0;
		bottom: 0 !important;
		right: 5%;
		left: 5%;
		text-shadow: none;
	}
	.carousel-caption article {
		top: 55%;
		text-align: center;
		width: 100%;
		transform: translateY(-50%);
		padding: 20px 0px;
	}
	.carousel-caption article div{
		padding: 30px 0px 10px;
		margin-bottom: 0px;
	}
	.carousel-caption article div:before {
		content: "";
		position: absolute;
		top: -25px;
		left: 0;
		width: 100%;
		height: 53px;
		background-position-x: center;
		background-repeat: no-repeat;
		background-image: url(../images/caption_img.png);
		background-size: 50%;
	}
	.carousel-caption article div:after {
		content: "";
		position: absolute;
		bottom: 40%;
		left: 0;
		width: 100%;
		height: 53px;
		background-position-x: center;
		background-repeat: no-repeat;
		background-image: url(../images/caption_img.png);
		transform: scaleY(-1);
		background-size: 50%;
	}
	.carousel-caption h2 {
		font-size: 35px;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
		position: relative;
		padding-bottom: 0px;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.carousel-caption p {
		font-size: 25px;
		color: #fff;
		line-height: 30px;
		margin-bottom: 15px;
	}
}
@media (max-width:767px) {
	.carousel-caption article div {
		padding: 10px 0px 10px;
	}
}
@media (max-width:575px) {
	.carousel-caption article div {
		margin-bottom: 0px;
	}	
	.carousel-caption  h2 {
		font-size: 30px;
    	margin-bottom: 15px;
    	margin-top: 0px;
	}
	.carousel-caption  p {
		font-size: 19px;
		line-height: 24px;
		margin-bottom: 15px;
	}
}
@media (max-width:575px) {
	.carousel-caption a {
        margin-top: 0px;
	}
}
.carousel-caption p{
	margin:0;
	font-weight:500;
}

#mainslider video{
	width: 100% !important;
    object-fit: cover;
}
#mainslider video {
	background:transparent url("images/a95eb4a81cdced5fcb64151cd131c954.jpg") no-repeat 0 0;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
/*--------------------main content--------------------*/
.whoweare_sec figure{
	text-align: center;
}
.whoweare_box{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.whoweare_box .whoweare_img img {
    width: 180px;
    object-fit: cover;
}
.whoweare_box .whoweare_content {
    padding-left: 40px;
}
.whoweare_box .whoweare_content h4{
    font-size: 25px;
    font-weight: 600;
}
.whoweare_box .whoweare_content p{
    font-size: 18px;
    font-weight: 500;
	color:#617899;
	margin-bottom:0px;
}
.line_bar{
	margin: 35px 0px;
}
@media(max-width:991px) {
	.whoweare_sec figure {
		margin-bottom:30px;
	}
}
@media(max-width:575px) {
	.whoweare_box .whoweare_img img{
		width: 350px;
	}
	.whoweare_box .whoweare_content {
		padding-left: 25px;
	}
	.line_bar {
		margin: 25px 0px;
	}
}
.box_type1{
	background:#fff;
	border-radius:20px;
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.08);
	text-align:center;
	height:calc(100% - 20px);
	margin:0 0 20px 0;
	padding-bottom: 6px;
}

.box_type1 figure{
	border-radius:20px 20px 20px 100px;
	overflow:hidden;
	height:230px;
	margin:0 0 15px 0;
}

.box_type1 figure img{
	height:100%;
	width:100%;
	object-fit:cover;
}

.box_type1 h5{
	font-size:1rem;
	font-weight:500;
	padding:0 10px 12px;
	margin:0;
}
.box_type1 h5 strong{
	color:var(--primary-color);
	font-weight:600;
	font-size:1.1rem;
}
.box_type1 .btn{
	margin:0 0 25px;
	  text-transform:none;
}
@media(max-width:767px) {
.choose_sec figure {
	margin:30px 0 30px 0;
}
}
.team_sec figure{
	position:relative;
	text-align:center;
}
.team_sec figure >img{
	min-height:350px;
	object-fit:cover;
}
.team_sec div{
	position:absolute;
	bottom:80px;
	left:0;
	right:0;
	margin:0 auto;
}
.project_sec{
	background:url(../images/bg2.jpg) center center no-repeat;
	background-size:cover;
	padding:40px 0;
	position:relative;

}
.project_sec:before{
	content:'';
	background:#f9f4eb;
	opacity:0.85;
	left:0;
	right:0;
	top:0;
	bottom:0;
	position:absolute;
	z-index:0;
}
.project_sec .container{
	  position:relative;
  }
.box_type2{
	background:#fff;
	border-radius:40px;
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.08);
	text-align:center;
	margin:0 0 20px;
	display:block;
}
.box_type2:hover {
  box-shadow: 0 0 35px rgba(0,0,0, 0.35);
  transition: 0.5s;
}
.box_type2 figure{
	border-radius:0 40px 0 40px;
	overflow:hidden;
	/*height:350px;*/
	  padding-top:135%;
  position:relative;
  border:solid 4px #fff;
 
}
.box_type2 figure img{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	object-fit:cover;
	 transition: 0.8s;
}
.box_type2:hover img {
  height: 107%;
  width: 107%;
  transition: 0.8s;
}
.box_type2 h4{
	position: absolute;
  bottom: 35px;
  left: 35px;
  right: 35px;
  padding: 15px 10px 15px;
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  margin: 0;
  line-height: 1.25;
  display: flex;
  align-items: end;
  justify-content: center;
  background: rgba(var(--rgb-primary-color), 0.9);
  text-transform: uppercase;
}
@media(max-width:1200px) {
	.box_type2 h4{
  bottom: 15px;
  left: 15px;
  right: 15px;
  font-size: 25px;

}
	
}
@media(max-width:576px) {
	.box_type2 h4{
  bottom: 35px;
  left: 35px;
  right: 35px;
  font-size: 27px;

}
	
}
.contact_sec{
	background:url(../images/bg1.jpg) center top no-repeat;
	padding:80px 15px;
	background-size: cover ;
}
.contact_sec .container{
	border-radius:45px;
	background:#fff;
	max-width:90%;
}
.contact_sec .container > .row > div:first-child{
	margin-bottom:20px;
}
.contact_sec .heading_sec{
	padding:45px 0 20px 15px;
}
@media (min-width:1200px) {
.contact_sec .heading_sec {
	padding:45px 0 20px 40px;
}
}
.contact_sec label{
	font-size:0.9rem;
	font-weight:500;
}
.contact_form{
	padding:30px 40px;
	border-radius:0 45px 45px 0;
	background:#f5f5f5;
	margin-right:-0.75rem;
	margin-left:-0.75rem;
	height:100%;
}
.contact_form h5{
	margin:35px 0;
}
@media (max-width:767px) {
.contact_form h5 {
  margin: 5px 0 35px;
}
}
.contact_info {
	padding:0 0 0 15px;
}
@media (min-width:1200px) {
.contact_info {
	padding:0 0 0 45px;
}
}
@media (max-width:767px) {
.contact_form {
  border-radius:0 0 45px 45px;
}
.contact_sec .heading_sec {
  padding: 30px 0 25px 5px;
}
.contact_sec {
  padding: 45px 15px;
}
.contact_sec .container {
  max-width: 98%;
}
.contact_info {
  padding: 0 0 0 5px;
}
}
@media (max-width:576px) {
.contact_form {
  padding: 25px 25px;
}
}
.contact_info dl{
	margin:30px 0;
}
.contact_info dl strong{
	display:block;
	position: relative;
  top: -5px;
  margin: 0 0 5px;
}
.contact_info dl i{
	color:var(--primary-color);
	float:left;
	margin:0 15px 15px 0 ;
	overflow:hidden;
	border:solid 1px var(--primary-color);
	height:40px;
	width:40px;
	border-radius:50%;
	line-height:40px;
	text-align:center;
	position:relative;
	top:-4px;
	font-size:21px;
}

.book_sec{
	background:url(../images/get_in_touch.jpg) top center no-repeat;
	padding:80px 0;
	background-size:cover;
}

.book_sec .btn{
	color:#fff;
}

/*--------------blog section--------------*/
.blog_sec .row > div{
	margin:0 0 20px 0;
}
.blog_sec dl{
	position:relative;
	height:100%;
}
.blog_sec dl figure{
	height:100%;
	border-radius:14px;
	overflow:hidden;
	
}
.blog_sec dl figure:before{
	content:'';
	position:absolute;
	height:30%;
	bottom:0;
	left:0;
	right:0;
	border-radius:14px;
	background: #000000;
	background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
}
.blog_sec dl  article{
	position:absolute;
	bottom:20px;
	color:#fff;
	left:0;
	right:0;
	padding:0 15px;
}
.blog_sec ul figure{
	float:left;
	width:200px;
	height:130px;
	border-radius:10px;
	overflow:hidden;
}
.blog_sec figure img{
	height:100%;
	width:100%;
	object-fit:cover;
}
.blog_sec ul article{
	overflow:hidden;
	font-weight:600;
	margin:0 0 0 20px;
}
.blog_sec h6{
	font-size:0.8rem;
	font-weight:400;
	margin:10px 0 10px;
}
.blog_sec h4{
	font-size:1.2rem;
	font-weight:600;
	margin:0 0 10px;
}
.blog_sec h5{
	font-size:1rem;
	font-weight:400;
	margin:0;
	line-height:1.3;
}
.blog_sec ul .btn{
	margin:0 0 25px;
	text-transform:none;
}
.blog_sec ul h5, .blog_sec ul h6{
	color:#464646;
}

.blog_sec ul li{
	margin-bottom:25px;
}

.blog_sec ul li:last-child{
	margin-bottom:0;
}
@media(max-width:767px){
.blog_sec ul li{
	padding:0;
}
}
