@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../webfonts/fa-solid-900.eot");
  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); 
}
@font-face{
	font-family: poppins-light;
	src: url(fonts/Poppins-Light.ttf);
}
@font-face{
	font-family: poppins-reg;
	src: url(fonts/Poppins-Regular.ttf);
}
@font-face{
	font-family: geomanist-reg;
	src: url(fonts/Geomanist-Regular.ttf);
}
@font-face{
	font-family: poppins-med;
	src: url(fonts/Poppins-Medium.ttf);
}
@font-face{
	font-family: poppins-semiBold;
	src: url(fonts/Poppins-SemiBold.ttf);
}
@font-face{
	font-family: poppins-bold;
	src: url(fonts/Poppins-Bold.ttf);
}
@font-face{
	font-family: poppins-black;
	src: url(fonts/Poppins-Black.ttf);
}

.reg{
	font-family: 'poppins-reg', sans-serif;
	line-height: 180%
}

*{
	box-sizing: border-box;
}
html, body{
	margin:0;
	padding:0;
	font-size: 16px;
	font-family: 'geomanist-reg', sans-serif;
	background: #fafafa;
	min-height:100vh;
	scroll-behavior: smooth;
	overflow-x: hidden;
}
@media screen and (min-width: 1600px){
	html, body{
		font-size: 17px;
	}
}
.container{
	width: 93%;
	max-width: 1785px;
}
.container-min{
	padding: 0px 15px;
}
@media screen and (max-width: 768.2px){
	.container{
		width: 100%;
	}
}

@media screen and (min-width: 991.98px){
	.container-min{
		width: 70%;
		max-width: 70%;
		margin:auto;
	}
}

.container-max{
	max-width: 1920px;
	width:100%;
	margin:auto;
	padding: 0px 1rem;
}
.content-right{
	margin-left:auto;
}
.content-left{
	margin-right:auto;
}
.content-center{
	margin:auto;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 300;
}
a{
	-webkit-transition: .4s linear all ;
  	-moz-transition: .4s linear all;
	text-decoration: none;
	transition: .4s all;
}
a:hover, .btn-link:hover{
	text-decoration: none;
}
.large-text{
	font-size: 18rem;
	line-height: 18rem;
	color: rgb(25,28,51);
	font-family: 'poppins-black', sans-serif;
	transform: translate3d(0px, 0px, 0px);
    text-shadow: 0.35px -1px 0px rgb(227,30,36);
    /*text-shadow: 0.35px 1px 0px rgb(227,30,36), 
        -2px -2px 0px rgba(0,0,0,0.35);*/
    margin:0px;
    padding: 0px;
}
button{
	background: transparent;
	border-width:1px;
}
button:focus{
	outline: none;
	box-shadow: none;
}
.py-7{
	padding: 5rem 0px;
}
@media screen and (min-width: 992px){
	.pb-lg-7{
		padding-bottom: 5rem !important
	}
}
.btns{
	display: flex;
	align-items: center;
}
.btns .btn-link, .btns .btn{
	margin-right: 20px;
	text-decoration: none;
}
.btns .btn-link{
	margin-right: 50px;
}
.btn{
	padding: .7rem 2rem;
	font-size: 1rem;
	border-radius: 2.5rem;
	cursor: pointer;
    overflow: hidden;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	-webkit-transition: .4s linear all ;
  	-moz-transition: .4s linear all;
	transition: .4s all;
	letter-spacing: .1rem
}
.btn-basic{
	background: rgb(7,25,35);
	color:#fff;
}
.btn-basic-light{
	border: 2px solid rgb(7,25,35);
	color:rgb(7,25,35);
	font-family: 'poppins-med', sans-serif;
}
.btn-basic-light:hover, .btn-basic:hover{
	background: rgb(7,25,35);
	color:#fff;
	font-family: 'poppins-med', sans-serif;
}
.btn-ripple{
	position: relative;
    overflow: hidden;
}
.btn-ripple:focus{
	outline: none;
	box-shadow: none;
}
.btn-ripple span{
	position: absolute;
	background:#fff;
	transform: translate(-50%,-50%);
	pointer-events: none;
	border-radius: 50%;
	animation: animate 1s linear infinite;
	z-index: 1;
}
@keyframes animate{
	0%{
		width:0;
		height:0;
		opacity: .7;
	}
	100%{
		width:16rem;
		height:16rem;
		opacity: 0;
	}
}
.btn-alt{
	border: 2px solid rgb(227,30,36);
	color: rgb(227,30,36);
	background: transparent;
}
.btn-alt.light{
	border: 2px solid rgb(227,30,36);
	color: #fff;
	background: transparent;
}
.btn-alt:hover{
	background: rgb(227,30,36);
	color: #fff;
}

.btn-sm{
	padding: .4rem 1.5rem;
	font-size: .8rem;
	border-radius: 1.5rem;
}
.btn-icon{
	color:#fff;
	width: 3rem;
	height:3rem;
	border-radius: 50%;
	padding: 0px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
    position:relative;
    transform: rotate(180deg);
    overflow: hidden;
}
.btn-icon-sm{
	width: 2.3rem;
	height:2.3rem;
	padding: 5px;
}
.btn-icon:after{
	content: '';
	position: absolute;
	top:0;
	width: 3rem;
	height:3rem;
	border-radius: 50%;
	box-shadow: inset -2px 0 0 0 #fe2f4d;
	transition: .4s all;
	left:0%;
    transform: rotate(180deg);
}

.btn-icon-sm:after{
	width: 2.3rem;
	height:2.3rem;
}
.btn-link{
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.1rem;
	font-weight: normal;
	color: rgb(227,30,36);
	font-family: 'poppins-med', sans-serif;
}
.btn-link-sm{
	font-size: .9rem;
}
.btn-link:hover{
	color: #555;
	color: rgb(227,30,36);
}
.btn-link span{
	margin-left: 20px;
}
.btn-link:hover .btn-icon:after{
	left:0%;
    transform: rotate(00deg);
}
.btn-link.btn-link-white{
	color:rgb(255,2552,255,.64);
	letter-spacing: .053rem;
	font-family: 'geomanist-reg', sans-serif;
}
.bg-dark{
	background:rgb(26,28,51) !important;
	color: rgb(255,255,255,.64);
}
.bg-light{
	background:rgba(26,28,51,.1) !important;
}

.text-blue{
	color: rgb(17,29,94);
}
.text-orange{
	color: rgb(243, 113, 33);
}
.text-red{
	color: rgb(227, 30, 36);
}
.text-white{
	color: rgba(255,255,255,.95) !important;
}
.text-light{
	color: rgba(255,255,255,.75) !important;
}
.text-black-light{
	color: #415161
}
.chevron-down{
	fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;
}
ul.custom{
	margin-bottom: 0px;
}
ul.custom li{
	margin-bottom: 10px;
	line-height: 180%
}


.section-heading{
	position: relative;
	margin-bottom: 3rem;
}
.section-heading:before{
	content:'';
	position: absolute;
	bottom:120%;
	width:4rem;
	height: .2rem;
	background: rgb(227,30,36);
}
.section-heading.text-center:before{
	display: none;
}
.verticle-dash{
	position: relative;
	display: block;
	width:100%;
	height: 1px;
	margin-bottom: 40px;
}
.verticle-dash:before{
	content: '';
	position: absolute;
	bottom: 100%;
	left:50%;
	width:.15rem;
	height:3rem;
	background: rgb(227,30,36);
	transform: translateX(-50%);
}
.heading{
	margin-bottom: 1.3rem;
}
.heading.w-icon{
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
}
.heading .icon{
	max-width: 5.5rem;
	margin-right:1rem;
}
.heading1{
	font-family: 'poppins-bold', sans-serif;
	font-size: 2.5rem;
}
.heading2{
	font-family: 'poppins-bold', sans-serif;
}
.heading4{
	font-family: 'poppins-med', sans-serif;
}
.heading-light{
	font-family: 'poppins-light', sans-serif;
	line-height: 140%
}
.heading1.heading-light{
	font-size: 2.5rem
}
.banner{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.banner-image{
	width:100%;
	filter: drop-shadow(1px 10px 6px rgba(0,0,0,.45));
}
.banner .inner{
	height: 100%;
	display: flex;
	justify-content: center;
}
.banner .banner-content{
	width: 100%;
	position: relative;
	z-index: 1;
}
.banner .heading1{
	font-size: 2.3rem;
	color: rgb(17,29,94);
	margin-bottom: 3rem;
}
.banner h5{
	font-size: 1.5rem;
	font-family: 'poppins-med', sans-serif;
	color: rgba(227,30,36,1)
}
.banner h6{
	font-size: 1.2rem;
	font-family: 'poppins-med', sans-serif;
	line-height: 2rem
}
.banner-heading{
	position: absolute;
	left:0;
	bottom:0%;
	transform: translateY(100%);
	z-index: -1
}
.banner-heading.large-text{
	font-size: 8rem;
	line-height: 8rem;
	color: rgb(248,247,248);
}

@media screen and (min-width: 768px) and (max-width: 992px){
	.banner .banner-content{
		padding-bottom: 2rem
	}
	.banner-heading.large-text{
		font-size: 5rem;
		line-height: 5rem;
		transform: translateY(100%);
	}
	.banner .heading1{
		font-size: 1.8rem;
		margin-bottom: 3rem;
	}
	.banner h5{
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 767.98px){
	.banner .banner-content{
		padding-bottom: 4rem;
	}
	.banner-heading{
		transform: translateY(50%);
	}
	.banner .heading1{
		font-size: 1.8rem;
		margin-bottom: 3rem;
	}
	.banner-heading.large-text{
		font-size: 5rem;
		line-height: 5rem;
	}
	.banner h5{
		font-size: 1.2rem;
	}
}
/*.banner-image img{
	width:100%;
}*/

.loader{
	position: fixed;
	top:0;
	left:0;
	bottom: 0;
	right:0;
	background: rgb(11,27,35);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1001;
}
.loader .image{
	max-width: 15rem;
	margin:auto;
}
.inner{
	display: flex;
	justify-content: center;
	align-items: center;
}


.header-wrapper{
	position: relative;
}
.header-top{
	background: rgba(8,32,38);
	padding: .4rem 0px;
	height: 2.3rem;
}
.header-top .inner{
	justify-content: space-between;
}
.head-contact{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.head-contact p{
	margin-bottom: 0px;
	padding: 0px 1rem;
	position: relative;
	vertical-align: middle;
}
.head-contact p i{
	color: rgb(243,113,33);
	margin-right: 5px;
	font-size: .9rem
}
.head-contact p:after{
	position: absolute;
	content: '';
	left: calc(100% - 2px);
	top:50%;
	height: 1rem;
	width:1px;
	background:#fff;
	transform: translate(-50%, -50%);
}
@media screen and (max-width: 575px){
    .foot-contact-details .details {
        width: 230px;
    }
	.head-contact p:after{
		display: none;
	}
}
.head-contact p:first-child{
	padding-left:0;
}
.head-contact p:last-child{
	padding-right:0;
}
.head-contact p:last-child:after{
	display: none;
}
.social-media a{
	display: inline-block;
	margin-right: 1rem;
}
.social-media a:last-child{
	padding-right: 0px;
}
.header-top a{
	color:#ccc;
}
.header{
	position: absolute;
	top:2.3rem;
	left:0;
	right:0;
	z-index: 999;
	-webkit-transition: .6s linear all ;
  	-moz-transition: .6s linear all;
	transition: .6s all;
}
/*.header:before{
	content: '';
	position: absolute !important;
	background: rgba(255,255,255,1);
	position: relative;
	left:0;
	right:0;
	top: -10rem;
	height:100%;
	transition: .6s all;
	filter: drop-shadow(0px 2px 2px rgba(0,0,0,.35));
}*/

.header.after{
	top:0;
	position: fixed;
	left:0;
	right:0;
	z-index: 999;
	background: rgb(255,255,255);
	filter: drop-shadow(0px 2px 4px rgba(0,0,0,.25));
}
.header.after:before{
	top:0;
}
.menubar .inner{
	justify-content: space-between;
}
.navbar-brand{
	max-width: 20rem;
}
.header.after .navbar-brand{
	max-width: 18rem;
}
.menubar-toggler{
	width: 2rem;
	height:2rem;
	position: relative;
	border: none;
	-webkit-transition: .4s linear all ;
  	-moz-transition: .4s linear all;
	transition: .4s all;
	display: none;
}
.menubar-toggler span{
	display: block;
	width:100%;
	height:.12rem;
	background:#415161;
	position: absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	-webkit-transition: .4s linear all ;
  	-moz-transition: .4s linear all;
	transition: .4s all;
}
.menubar-toggler span:before, .menubar-toggler span:after{
	content: '';
	width:100%;
	height:.12rem;
	background:#415161;
	position: absolute;
	left:0;
	-webkit-transition: .4s linear all ;
  	-moz-transition: .4s linear all;
	transition: .4s all;
}
.menubar-toggler span:before{
	top:calc(50% - 10px);
	transform: translateY(-50%);
}
.menubar-toggler span:after{
	top:calc(50% + 10px);
	transform: translateY(-50%);
}
.menubar-toggler.active{
	transform: rotate(45deg);
}
.menubar-toggler.active span:before, .menubar-toggler.active span:after{
	top:50%;
}
.menubar-toggler.active span:before{
	transform: translateY(-50%);
	opacity: 0;
}
.menubar-toggler.active span:after{
	transform: translateY(-50%) rotate(-90deg);
}

.navbar-brand{
	position: relative;
}

.menu-item{
	display: inline-block;
	position: relative;
}
.menu-link{
	display: block;
	padding: 1rem 1rem;
	/*text-transform: uppercase;*/
	color: #314151;
	position: relative;
}

.menu-link.active{
	color: rgb(227,30,36);
}
.menu-item.has-submenu svg{
	width: .8rem;
	margin-left: .8rem;
	vertical-align: middle;
}
.has-submenu{
	position: relative;
}
.menu-link:hover,{
	color:rgb(227,30,36);
}
@media screen and (min-width: 992px){
	.menu-item:hover .menu-link{
		color:rgb(227,30,36);
	}
	.menu-item:hover .chevron-down{
		stroke: rgb(227,30,36);
	}
}
.menu-link:hover .chevron-down{
	stroke: rgb(227,30,36);
}
.pc{
	display: block;
	text-align: right
}
.mobile{
	display: none;
}
@media screen and (max-width: 1024px){
	.menu-link{
		display: block;
		padding: .8rem .5rem;
	}
}
@media screen and (max-width: 991.98px){
	.pc{
		display: none;
	}
	.mobile{
		display: block;
	}
}
.pc .menu-link{
	font-size: .8rem;
	padding: 0px .5rem;
	letter-spacing: .5px;
	padding-top: .4rem;
	padding-bottom: .2rem;
}

.submenu{
	position: absolute;
	min-width: 16rem;
	background: #fff;
	top:100%;
	left: -20%;
	padding: 1rem 1rem;
	filter: drop-shadow(0px .8rem .8rem rgba(17,29,35,.5));
	display: none;
}
.submenu a{
	padding: .8rem 1.3rem;
	display: block;
	color: rgb(17,29,94);
}
.submenu a:hover{
	background: rgba(17,29,94,.05);
	color:rgb(227,20,36);
}

@media screen and (min-width: 992px) and (max-width: 1024px){
	.navbar-brand{
		max-width: 270px;
	}
	.pc .menu-link{
		padding-top: .6rem
	}
}
@media screen and (max-width:991.98px){
	.header{
		z-index: 999;
	}
	.menubar-toggler{
		display: block;
		z-index: 999;
		position: relative;
	}
	.menubar-toggler.active span{
		background:#fff;
	}
	.menubar-toggler.active span:after{
		background:#fff;
	}
	.navbar-brand, .header.after .navbar-brand{
		max-width: 270px;
	}
	.collapsible-menubar{
		position: fixed;
		background: rgba(7,25,35);
		z-index:500;
		right:calc(3% + 2px);
		top:3.1rem;
		width: 0rem;
		height:0rem;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 100%;
		transition: .4s all;
		display: none;
	}
	.collapsible-menubar.show{
		display: flex;
		justify-content: center;
		align-items: center;
		animation-name: menubar;
		animation-fill-mode: both;
		animation-duration: .4s;
		animation-timing-function: linear;
		padding: 80px 15px;
		overflow-y: auto
	}
	@keyframes  menubar{
		0%{
			right:calc(3% + 2px);
			top:2.1rem;
			width: 0rem;
			height:0rem;
		}
		80%{
			position: fixed;
			right:1%;
			top:1rem;
			width: 80%;
			height:80%;
			border-radius: 30%;
			animation-duration: .3s;
		}
		100%{
			position: fixed;
			right:0;
			top:0%;
			width: 100%;
			height:100vh;
			border-radius: 0px;
			animation-duration: .3s;
			min-height: 100vh;
		}
	}
	.mobile-menu{
		display: none;
		opacity: 0;
		transition-duration: .4s all;
		transition-delay: .4s;
		min-width:300px;
		max-height: 600px;
		overflow-y: auto;
	}
	.collapsible-menubar.show .mobile-menu{
		display: block;
		animation-name: menu-list;
		animation-fill-mode: both;
		animation-delay: .4s;
		animation-duration: .4s;
		animation-timing-function: ease-in;
	}
	@keyframes  menu-list{
		0%{
			opacity: 0;
			margin-top:-80px;
		}
		100%{
			opacity: 1;
			margin-top:0px;
		}
	}
	.menu-item{
		display: block;
	}
	.menu-link{
		color: #ddd;
		font-size: 1.2rem;
	}
	.menu-link:focus{
		color:#ddd;
	}


	.menu-item.has-submenu svg{
		width: 1rem;
		margin-left: 1rem;
	}
	.menu-item.has-submenu .chevron-down{
		stroke: #ddd;
	}
	.menu-link.active .chevron-down{
		stroke: rgb(227,30,36);
	}
	.submenu{
		position: relative;
		left:0;
		top:0;
		background: none;
		padding-top:5px;
	}
	.submenu a{
		font-size: 1.2rem;
		color:#ddd;
	}
}
@media screen and (max-width: 767.98px){
	html,body{
		font-size: 14px;
	}
	.header-top{
		height:auto;
	}
	.header-top .inner{
		display: block;
	}
	.header-top .head-contact{
		margin-bottom: 8px;
	}
	.header-top .head-contact p:last-child{
		display: none;
	}
	.header-top .head-contact p:nth-child(2){
		margin-right:0;
		padding-right:0;
	}
	.header-top .head-contact p:nth-child(2):after{
		display: none;
	}
	.header-top .social-media{
		text-align: center;
	}

	.header{
		position: fixed;
		top:4.2rem;
		left:0;
		right:0;
		z-index: 999;
		transition: .4s all;
	}
}
@media screen and (max-width: 540px){
	.navbar-brand{
		max-width: 240px;
	}
	.mobile-menu{
		display: none;
		opacity: 0;
		transition-duration: .4s all;
		transition-delay: .4s;
		min-width:300px;
		max-height: 400px;
		overflow-y: auto;
	}
}


.slider{
	overflow: hidden;
	background-image: url('../images/bg-3.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.slider .inner{
	padding: 5rem 0px;
	padding-top:8rem;
	height: calc(100vh - 2.4rem);
	max-height: 50rem;
	justify-content: space-around;
	transform: translateZ(1000px);
}
.slider .swiper-slide{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}
.slider .slide-image{
	width:100%;
	max-width: 45rem;
	overflow: hidden;
}
.slider .content{
	width:100%;
	max-width: 31rem;
	overflow: hidden;
}
.slider .content .btn{
	margin-top:2rem;
	opacity: 0;
	animation-delay: 1.2s;
}
.slider .content h2{
	opacity: 0;
	font-family: 'poppins-bold', sans-serif;
	font-size: 2.3rem;
	animation-delay: .2s;
}
.slider .content h5{
	font-size: 1.2rem;
	opacity: 0;
	animation-delay: .8s;
	font-family: 'poppins-med', sans-serif;
	margin-bottom: 1rem
}
.slider .content h4{
	font-size: 1.5rem;
	opacity: 0;
	animation-delay: .8s;
	font-family: 'poppins-med', sans-serif;
	margin-bottom: 1rem;
}
.slider .slide-image img.img-fluid{
	opacity: 0;
	animation-delay: 1.5s;
}
.slider .content h2.show,
.slider .slide-image img.img-fluid.show,
.slider .content .btn.show, .content h5.show, .content h4.show{
	opacity: 1;
}
.slider .swiper-slide{
	height:100%;
}
.slider .content .bottom-content{
	margin-top: 3rem;
}
@media screen and (max-width: 1400px){
	.slider .slide-image{
		max-width: 30rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991.98px){
	.slider .content h2{
		font-size: 1.6rem;
	}
	.slider .content h5{
		font-size: 1rem;
	}
	.slider .content h4{
		font-size: 1.3rem;
	}
	.slider .inner{
		padding: 5rem 0px;
		height: 50vh;
		min-height: 500px;
	}
}
@media screen and (max-width: 767.98px){
	.slider .content h2{
		font-size: 1.5rem;
	}
	.slider .content h5{
		font-size: 1rem;
	}
	.slider .content h4{
		font-size: 1.1rem;
	}
	.slider .inner{
		padding: 2rem 0px;
		padding-top: 8rem;
		height: auto;
		min-height: auto;
		max-height: 100% !important;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}
	.slider .inner .content{
		margin-bottom:20px;
	}
	.slider .slide-image{
		max-width: 25rem;
	}
}


/*------portfolio Css-----------*/
@media screen and (min-width: 768px){
	.portfolio-content-default{
		display: flex;
		justify-content: center;
		width:100%;
		margin-top: 4rem
	}
	.portfolio-content-default .large-tile_column{
		width: 55%;
		position: relative;
	}
	.large-tile_column-image{
		margin-left: -4rem;
	}
}

.large-tile_column-image .tile-hover__img{
	display: flex;
	width: calc(100% + 5vw);
	height: 25rem;
	justify-content: center;
	align-items: center;
	/*background: rgba(182, 252, 234,1);*/
	background: rgba(206, 253, 241,1);
	box-shadow: -16px 16px 32px rgba(0,0,0,.64);
}
.large-tile_column-content{
	padding-top:16rem;
}
.large-tile_column-content .large-tile_letter-box{
	position: absolute;
	right:30%;
	top:0;
}
.large-tile_column-content .tile-hover_card{
	position: relative;
	box-shadow: -16px 16px 32px rgba(0,0,0,.64);
	display: flex;
	height: 20rem;
	flex-direction: column;
	justify-content: space-between;
	margin-right:-4rem;
	background: rgba(25,28,51,1);
	padding: 3rem 2rem;
	padding-right: calc(25px + 6vw);
}
.tile-hover_card h5{
	color: rgb(255,255,255,.64);
	font-family: 'poppins-med', sans-serif;
	font-size: 1.2rem
}
.tile-hover_card p{
	font-size: 1.2rem;
	color:rgba(255,255,255,.64);
}
.portfolio-content-default:hover .tile-hover_card{
	box-shadow: -24px 24px 48px rgba(0,0,0,.64);
	transform: translateY(-10px);
}
.portfolio-content-default:hover .tile-hover__img{
	box-shadow: -8px 8px 24px rgba(0,0,0,.44);
	transform: translateY(10px);
}

@media screen and (max-width: 767.98px){
	.heading4{
		font-size: 1.6rem;
	}
	.portfolio-content-default{
		display: flex;
		flex-direction: column-reverse;
		margin-top: 4rem;
	}
	.portfolio-content-default .large-tile_column{
		width: 100%;
		position: relative;
	}
	.large-tile_column-image{
		margin-left: 0rem;
	}

	.large-tile_column-content{
		padding-top:0rem;
	}
	.large-tile_column-content .tile-hover_card{
		padding-top: 6rem;
		margin-top: -2rem;
		height: 25rem;
	}
	.portfolio-content-default .tile-hover__img{
		margin-left:2rem;
		height: 22rem;
	}
}

.service-card{
	height:100%;
	padding: 1.3rem 0px;
}
.service-card .inner{
	border: 1px solid #eaeaea;
	background:#fff;
	border-radius: 1rem;
	padding: 1.3rem 1.5rem;
	-webkit-transition: .4s linear all ;
  	-moz-transition: .4s linear all;
	transition: .4s all;
	display: flex;
	height:100%;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: 0rem 0rem .15rem rgba(0,0,0,.15);
}
.service-card .inner:hover{
	box-shadow: -4px .5rem 1.6rem rgba(0,0,0,.44);
	transform: translateY(-.5rem);
}
.service-card .icon{
	max-width: 10rem;
	margin-bottom: 1rem
}
.service-card img.img-fluid{
	width:auto;
	max-height: 106px;
}
.service-card p{
	font-size: .75rem;
	font-family: 'poppins-med', sans-serif;
	margin-bottom: 1.6rem;
	color:#516171;
}
.service-card h2.heading5{
	font-size: 1rem;
	margin-bottom: .7rem;
	font-family: 'poppins-med', sans-serif;
}
.service-card .btn{
	margin-top: 2rem;
}

#clientsScroll li:after{
	content: ''; 
	position: absolute;
	left:100%;
	top:50%;
	height: 2.5rem;
	width: .1rem;
	background:rgba(26,28,51,.3);
	transform: translate(-50%, -50%);
}
#clientsScroll li img {
  vertical-align: middle;
  -webkit-transition: .4s linear left;
  -moz-transition: .4s linear left;
  transition: .4s linear left;
  -ms-filter:grayscale(1);
  filter: grayscale(1); 
  opacity: 0.65;
}
#clientsScroll li img:hover {
  -ms-filter:grayscale(0);
  filter:  grayscale(0);
  opacity: 1.0;
}
#clientsScroll li{
  width: 220px;
  text-align: center;
  padding: 1.3rem 1.4rem;
}
.protfolio .swiper-slide{
	padding: 1rem;
	padding-bottom: 4rem;
}
@media screen and (min-width: 1400px){
	.protfolio .swiper-slide{
		width: 27%;
	}
	.portfolioSlider1 .swiper-slide{
		width: 23%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1400px){
	.protfolio .swiper-slide{
		width: 35%;
	}
	.portfolioSlider1 .swiper-slide{
		width: 30%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991.98px){
	.protfolio .swiper-slide{
		width: 35%;
	}
	.portfolioSlider1 .swiper-slide{
		width: 35%;
	}
}
@media screen and (min-width: 480px) and (max-width: 639.98px){
	.protfolio .swiper-slide{
		width: 60%;
	}
	.portfolioSlider1 .swiper-slide{
		width: 75%;
	}
}
@media screen and (max-width: 479.98px){
	.protfolio .swiper-slide{
		width: 75%;
	}
	.portfolioSlider1 .swiper-slide{
		width: 90%;
	}
}
.protfolio .image{
	box-shadow: 0px 1px 4px rgba(26,28,51,.2);
}
.protfolio .swiper-container .swiper-button-next{
	top:100%;
	left:4rem;
	transform: translateY(-20px) rotate(180deg);
	background-image: url(../images/svg/back.svg);
	background-size: 80%;
}
.protfolio .swiper-container .swiper-button-prev{
	top:100%;
	transform: translateY(-20px);
	left:1rem;
	background-image: url(../images/svg/back.svg);
	background-size: 80%;
}
.protfolio .swiper-container[dir="rtl"] .swiper-button-prev{
	top:100%;
	left:100%;
	background-image: url(../images/svg/back.svg);
	transform: translate(-20px,-20px) rotate(180deg);
	background-size: 80%;
}
.protfolio .swiper-container[dir="rtl"] .swiper-button-next{
	top:100%;
	left:100%;
	transform: translate(-7rem,-20px);
	background-image: url(../images/svg/back.svg);
	background-size: 80%;
}
.protfolio .image{
	position: relative;
}
.protfolio .overlay{
	position: absolute;
	top:0;
	bottom: 0;
	left:0;
	right:0;
	background: rgb(26,28,51,.95);
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	transform: scaleY(0);
	transform-origin: bottom;
	-webkit-transition: .5s linear all ;
  	-moz-transition: .5s linear all;
	transition: .5s all
}
.protfolio .overlay .content{
	padding: 2rem 1.6rem;
}
.protfolio .overlay p{
	text-align: center;
	font-size: .9rem;
	line-height: 160%
}
.protfolio .image:hover .overlay{
	transform: scaleY(1);
}




.service-insights{
	padding: 3rem 2rem;
}
@media screen and (max-width: 575px){
	.service-insights{
		padding: 1.5rem 0rem;
	}
}
.service-insights-image{
	padding: 1rem 2rem;
	max-width: 35rem;
	margin: auto;
}
.service-insights .heading6{
	font-family: 'poppins-semiBold', sans-serif;
	font-size: 1rem;
}












.join-team p.lead{
	font-size: 1rem;
	font-family: 'poppins-med', sans-serif;
	line-height: 180%
}
.email-container{
	position: absolute;
	bottom:0;
	left:0;
	transform: translate(-50%, 70%);
	border-radius: .3rem;
	filter: drop-shadow(-20px 20px 4px rgba(7,25,35,.3));
}
.email-container a{
	display: block;
	width:100%;
	padding: 2rem 1.5rem;
	text-align: center;
}
.email-container img{
	max-width: 2rem;
	margin:auto;
	filter: brightness(0)invert(1);
	opacity: .8
}
.email-container a .heading5{
	font-size: 1rem;
	margin-top:.8rem;
	color:rgb(255,255,255,.8);
	letter-spacing: .08rem
}
.email-container a .heading4{
	font-size: 1.1rem;
	margin-top:.8rem;
	color:rgb(255,255,255,.8);
	font-family: 'poppins-med',sans-serif;
	transition: .4s all;
}
.email-container a:hover .heading4{
	color: rgb(227,30,36);
}
@media screen and (max-width: 991.98px){
	.email-container{
		position: absolute;
		bottom:0;
		left:0;
		transform: translate(-50%, 70%);
		border-radius: .3rem;
		filter: drop-shadow(-20px 20px 4px rgba(7,25,35,.3));
	}
}

.job{
	padding: 1.5rem 1rem;
}
.job a{
	display: block;
	color: #516171;
	padding:1rem 0rem;
	border-bottom: .13rem solid #c0c0c0
}
.job a:hover{
	border-bottom-color: rgb(227,30,36)
}
.job .job-heading{
	font-family: 'poppins-med', sans-serif;
	margin-bottom: 1.8rem
}

.job .exp-loc{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.job h6{
	font-family: 'poppins-med', sans-serif;
}

.job-description .heading .heading5{
	font-family: 'poppins-med', sans-serif;
}

.job-description .heading4{
	margin-bottom: 1.6rem;
	font-family: 'poppins-semiBold', sans-serif;
}

ul.arrow-start li{
	margin-bottom: .8rem;
	font-family: 'poppins-med', sans-serif;
	color: #415161;
	padding-left: 2.5rem;
	position: relative;
}
ul.arrow-start li:before{
	content:'\27F6';
	position: absolute;
	left:0;
	top: 0rem;
	font-weight: 900;
	font-size: 1.3rem;
	color: rgb(227,30,36);
	line-height: 1.3rem;
}

.bg-dark select option{
	color: #343434 !important
}

.quote{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.quote .heading5{
	font-family: 'poppins-med', sans-serif
}
.quoted-by{
	position: relative;
	padding-left: 3rem;
	font-family: 'poppins-med', sans-serif;
	min-width: 15rem
}
.quoted-by:before{
	position: absolute;
	content:'';
	top: 50%;
	left:0;
	width:2rem;
	height:.15rem;
	background: rgba(277,30,36);
}

@media screen and (max-width: 767.98px){
	.quote{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
	}
	.quote .heading5{
		font-family: 'poppins-med', sans-serif;
		width: 100%;
		margin-bottom: 15px;
	}
}

.team-details{
	padding: 1rem;
}
.team-details .heading5{
	font-size: 1.1rem;
	font-family: 'poppins-med', sans-serif;
}
.team-details .heading6{
	font-size: .9rem
}

.the-team .heading1{
	font-size: 3rem;
	font-family: 'poppins-bold', sans-serif;
}
.team-details .social-media{
	margin-top: .5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* .team-details .social-media li{
	display: inline-block;
	margin-right: .3rem;
} */
.team-details .social-media li:last-child{
	margin-right: 0px;
}
.team-details .social-media a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.1rem;
	height:2.1rem;
	border-radius: 50%;
	margin-right: .5rem
}
.team-details .social-media a:hover{
	box-shadow: 2px 2px 4px rgba(0,0,0,.2);
}
.the-member{
	margin: 15px 0px;
}

.the-member .image{
	margin: auto;
	text-align:center;
	width: 12rem;
	height: 12rem;
	border-radius: 50%;
	position: relative;
}
.the-member .image .overlay{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80%;
	height: 80%;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translate(-50%, -50%) scale(0);
	background: rgba(17,29,35,.7);
	border-radius: 50%;
	overflow: hidden;
}
/* .the-member .image:hover{
	transform: translate(-50%, -50%) scale(1);
} */
.the-member .image img{
	width: 12rem;
	height: 12rem;
	border-radius: 50%;
	object-fit: cover;
	transition: .4s all;
	border: 1px solid #e0e0e0;
	background:  rgba(255,255,255,1);
	filter: blur(1px);
	transition: .3s all;
}
.the-member:hover .image img{
	filter: blur(0px)
}
.the-member .team-details{
	text-align:center;
	padding: 1.5rem 1.5rem;
	transition: .4s all;
}
.the-member .team-details .heading6{
	margin-top: .5rem;
	margin-bottom: 0px;
}
.the-member:hover img{
	transform: scale(1.1);
}

.the-member:hover .team-details{
	background: rgba(255,255,255,.1);
}
.culture{
	padding: 1rem 0px;
}
.culture .image{
	position: relative;
	overflow: hidden;
}
.culture .image:after{
	content:'';
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	/*background: rgba(7,25,35,.4);*/
	background-image: radial-gradient(rgba(7,25,35,.1)50%, rgba(7,25,35,.8));
	transition: .8s all;
}
.culture .image:hover:after{
	transform: scale(3);
	background-image: radial-gradient(rgba(7,25,35,.1)50%, rgba(7,25,35,.8));
}
.culture .desc{
	padding: 3rem 2rem;
}
.culture .desc p{
	font-family: 'poppins-reg', sans-serif;
	line-height: 180%
}
.culture .desc .heading5{
	font-family: 'poppins-bold', sans-serif;
	font-size: 1.6rem;
	margin-bottom: 2rem;
}
@media screen and (max-width: 991.98px){
	.culture .desc{
		padding: 1.5rem 1rem;
	}
	.culture{
		padding: 0rem 0px;
	}
}


.request-quote .inner{
	align-items: center;
	height:100%;
}
.request-quote{
	position: relative;
}
.request-quote:before{
	content: '';
	position: absolute;
	left:0;
	top:0;
	bottom: 0%;
	width:50%;
	background-image: linear-gradient(to bottom,rgb(250,250,250)25%, rgba(220,230,235)20%, rgba(220,230,235)80%, rgb(250,250,250)80%)
}
.request-quote .form{
	background: #fff;
	margin-top: 3rem;
	padding: 4rem 2.5rem;
	filter: drop-shadow(.32rem .5rem .8rem rgba(7,25,35,.15));
}
.request-quote .content{
	padding: 0px 2rem
}
.request-quote .content p{
	font-family: 'poppins-med', sans-serif;
}
.form{
	position: relative;
}
.form .hello{
	position: absolute;
	left:0;
	top:0;
	transform: translate(-50%, -50%);
	max-width: 8rem;
}
.form .flower{
	position: absolute;
	left:0;
	top:100%;
	transform: translate(-50%, -80%);
	max-width: 10rem
}
.form .circle{
	position: absolute;
	left:100%;
	top:100%;
	transform: translate(-50%, -120%);
	max-width: 10rem
}


@media screen and (max-width: 991.98px){
	.request-quote:before{
		width:100%;
		background-image: linear-gradient(to bottom,rgb(250,250,250)8%, rgba(220,230,235)8%, rgba(220,230,235)40%, rgb(250,250,250)40%)
	}
	.request-quote .inner{
		justify-content: flex-start;
	}
	.request-quote .content{
		padding:1rem;
		padding-top: 4rem;
		max-width: 500px;
		margin-left: 0px;
		padding-bottom: 2rem
	}
	.form .hello{
		transform: translate(-20%, -70%);
		max-width: 8rem;
	}
	.form .flower{
		position: absolute;
		left:0;
		top:100%;
		transform: translate(-10%, -20%);
		max-width: 7rem
	}
	.form .circle{
		position: absolute;
		left:100%;
		top:100%;
		transform: translate(-80%, -90%);
		max-width: 7rem
	}
}
@media screen and (max-width: 991.98px){
	.request-quote .form{
		padding: 3rem 1rem;
		filter: drop-shadow(.1rem .3rem .5rem rgba(7,25,35,.15));
		border-radius: .5rem
	}
}


.quote-desc p{
	font-size: 1rem;
	font-family: 'poppins-med', sans-serif;
	color: #456;
	line-height: 180%
}
.quote-desc p strong{
	/*font-family: 'poppins-semiBold', sans-serif;*/
	color: #212121;
	font-size: 1.1rem;
}
.quote-desc .inner{
	align-items: center;
	height:100%;
}

strong{
	font-weight: normal;
	font-family: 'poppins-med', sans-serif;
}



.movable.active{
	color: rgb(227,30,36);
	font-family: 'poppins-med', sans-serif
}

.contact-details{
	width:100%;
	max-width: 22rem;
}
.contact-details ul li{
	position: relative;
	padding-left: 2.3rem;
	font-size: 1rem;
	line-height: 1.5rem;
	margin-bottom: .8rem
}
.contact-details ul li:last-child{
	margin-bottom: 0px;
}
.contact-details ul li img{
	max-width: 1.4rem;
	position: absolute;
	left:0;
	top:.2rem;
}
.contact-form{
	padding: 2rem 2rem;
	margin-top: 2rem;
	border: 1px solid rgba(255,255,255,.2);
}

.contact-details a{
	color: rgba(255,255,255,.6);
}













.foot-section-1{
	background-image: linear-gradient(to right, rgba(26,28,51,.9), rgba(7,25,35,.9)),
		url(../images/footer-sec-1-bg.png);
}
.foot-section-1 h3{
	color:#fff;
	margin-bottom: 2rem;
	letter-spacing: .058rem
}
.foot-section-1 p{
	text-align: center;
}
@media screen and (max-width: 575px){
	.foot-section-1 p{
		text-align: justify;
	}
}
.foot-intro{
	position: relative;
	width:100%;
	height: 100%;
	text-align: center;
}
.foot-intro .content{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: auto;
	transform: translateY(-50%);
	background: rgb(26,28,51);
	padding: 2rem 2rem;
	border-radius: 1.3rem;
	box-shadow: -4px .5rem 1.6rem rgba(0,0,0,.44);
}
@media screen and (max-width: 991.98px){
	.foot-intro .content{
	    position: relative;
		left:0;
		top:0;
		width: 100%;
		height: auto;
		background: rgb(26,28,51);
		transform: translateY(0%);
		padding: 0rem 0rem;
		border-radius: 1.3rem;
		box-shadow: none;
	}
}
.foot-intro .content .heading4{
	margin-bottom: 1.3rem;
	color:#fff;
	letter-spacing: .1rem;
	font-family: 'poppins-bold', sans-serif;
	line-height: 2rem;
	color:rgb(277,30,36);
	text-transform: uppercase;
}
.foot-intro .content .heading4 span{
	display: block;
	font-family: 'poppins-med', sans-serif;
	font-size: 1rem;
	letter-spacing: .25rem;
	color:rgb(255,255,255,.64);
	line-height: 1.6rem;
	text-transform: initial;
}
.foot-intro .content h6{
	margin-bottom: 1.6rem
}
.footer-top .heading5{
	margin-bottom: 1.3rem;
	color:#fff;
	letter-spacing: .1rem;
	font-family: 'poppins-med', sans-serif;
}
.foot-intro ul li{
	display: inline-block;
}
.foot-intro ul li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.5rem;
	height:2.5rem;
	border-radius: 50%;
	font-size: 1.2rem;
	margin-right:.2rem;
	line-height: 100%
}
.foot-intro ul li:last-child a{
	margin-right:0rem;
}
.foot-contact-details{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
@media screen and (max-width: 767.98px){
	.menu-link.quote{
		flex-direction: row;
	}
	.foot-contact-details{
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
.foot-contact-details .icon{
	width: 2.5rem;
	margin-right: 1rem;
}
.foot-contact-details .heading5{
	letter-spacing: 0px;
	margin-bottom: .6rem;
	font-family: 'poppins-med', sans-serif;
}
.foot-contact-details .heading5 a{
	color:#fff;
}
.facebook{
	background:  rgb(3,108,228);
	color:#fff;
}
.twitter{
	background:rgb(29,161,242);
	color:#fff;
}
.instagram{
	background: rgb(225, 48, 108);
	color:#fff;
}
.youtube{
	background: rgb(255,0,0);
	color:#fff;
}
.linkedin{
	background:rgb(0,119,181);
	color:#fff;
}
.instagram:hover, .twitter:hover, .facebook:hover, .youtube:hover, .linkedin:hover{
	background: rgb(227,30,36);
	box-shadow: -.4rem .5rem 2rem rgba(0,0,0,.44);
	color:#fff;
	transform: translateY(-0.2rem);
}

.footer{
	margin-top: -1px;
}

.footer .heading5{
	font-size: 1.2rem;
	color: #c1d1e1;
	font-family: 'poppins-med', sans-serif;
	margin-bottom: 1.6rem
}
.footer .navigation li a{
	display: inline-block;
	padding: .3rem .4rem;
	color: #b1c1d1;
	font-size: .9rem
}
.footer .navigation li a:hover{
	color: rgb(227,30,36)
}
.footer .contact-details .info{
	margin-bottom: 1.3rem;
}
.footer .contact-details h6{
	font-family: 'poppins-med', sans-serif;
	color: #ddd;
}
.footer .contact-details li{
	padding-left: 2rem;
	position: relative;
	margin-bottom: .5rem;
}
.footer .contact-details li i{
	position: absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	color: rgb(227,30,36)
}
.footer .contact-details li a{
	color:#ccc;
}
.footer .contact-details li a:hover{
	color: rgb(227,30,36);
}




.input-group{
	position: relative;
	margin-bottom: 1.6rem
}
.input-group label{
	font-size: .95rem;
}
label.movable{
	position: absolute;
	top: .5rem;
	left: 1rem;
	transition: .4s all;
}
.form-item{
	padding: .5rem 1rem;
	background: transparent;
	border:none;
	border-bottom: 1px solid #666;
	display: inline-block;
	color: inherit;
}
.form-item:focus{
	outline: none;box-shadow: none;
}





.scroll-slider {
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.scroll-slider .scroll-slider-wrap{
	display: block;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.scroll-slider .scroll-slider-wrap ul {
	display: block;
	list-style: none;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.scroll-slider .scroll-slider-wrap ul li{
  display: block;
  float: left;
  position: relative;
}



.animate-slidein{
	opacity:1;
	transition:.5s all;
	transform: translateX(0);
	transform-origin: left;
}
.animate-slide-up{
	opacity:1;
	transition:.5s all;
	transform: translateX(100vh);
	transform-origin: top;
}
html.is-animating .animate-slidein{
	opacity: 1;
	transform: translateX(100%);
}
html.is-leaving .animate-slidein{
	transform: translateX(-100%) scale(.7);
}
 
.sec-title_title {
    position: relative;
    font-weight: 700;
    display: block;
    font-size: 20px;
    color: var(--main-color);
    text-transform: uppercase;
}


.team-one{
	position: relative;
	padding-top: 100px;
	overflow: hidden;
}

.team-one_title-column{
	position: relative;
}

.team-one_title-outer{
	position: relative;
}

.team-one_team-column{
	position: relative;
}

.team-one_team-outer{
	position: relative;
}

.team-one_team-outer .team_slider{
	margin-right: -200px;
}

.team-block_one{
	position: relative;
	margin-bottom: 30px;
}

.team-block_one-inner{
	position: relative;
	overflow: hidden;
}

.team-block_one-image{
	position: relative;
	background-color: var(--main-color);
}

.team-block_one-image img{
	position: relative;
	width: 100%;
	display: block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.team-block_one-inner:hover .team-block_one-image img{
	opacity: 0.80;
	transform: scale(1.04,1.04);
}

.team-block_one-content{
	position: relative;
	margin-right: 30px;
 	padding: 15px 10px 15px 20px;
	background-color: var(--color-six);
}

.team-block_one-heading{
	position: relative;
	font-weight: 700;
	color: var(--white-color);
}

.team-block_one-heading a{
	position: relative;
	color: var(--white-color);
}

.team-block_one-heading a:hover{
	color: var(--main-color);
}

.team-block_one-designation{
	position: relative;
	font-size: 12px;
	margin-top: 5px;
	color: var(--white-color);
}

.team-block_one-socials{
	position: absolute;
	right: 35px;
	bottom: -200px;
	width: 50px;

	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	border-radius: 50px 50px;
	background-color: var(--color-two);
}

.team-block_one-inner:hover .team-block_one-socials{
	bottom: 70px;
}

.team-block_one-socials a{
	position: relative;
	width: 50px;
	height: 50px;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	border-radius: 50px;
	display: inline-block;
	color: var(--color-six);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.team-block_one-socials a:hover{
	background-color: var(--main-color);
}

.team-block_one-share{
	position: absolute;
	right: 12px;
	top: 14px;
	width: 60px;
	height: 60px;
	display: block;
	text-align: right;
	padding-top: 14px;
	padding-right: 10px;
	color: var(--white-color);
	background: url(../images/icons/share-bg.png);
}