* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

body {
	margin: 0;
	padding: 0;
	font-family: Roboto
}

h1 {
	padding: 10% 0;
	color: #fff;
	font-size: 10rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 4.5px;
	text-align: center
}

h2 {
	color: #fff;
	font-size: 40px;
	position: relative;
	letter-spacing: 3px
}

h4 {
	font-size: 25px;
	font-weight: 500;
	line-height: 31.91px;
	letter-spacing: 2px;
	color: #fff;
	margin-bottom: 20px
}

li {
	list-style-type: none
}

a {
	text-decoration: none
}
a:hover{
	text-decoration: none;
}
p {
	letter-spacing: 1.5px;
	font-size: 18px;
}

.container {
	width: 80%;
	margin: 0 auto
}

.header-container {
	width: 85%;
	margin: 0 auto
}

.header-top {
	background: #1b3c82;
	text-align: -webkit-center;
    text-align: center;
}

.header-top img {
	width: 100px
}

.header-in {
	width: 100%;
	display: flex;
	align-items: center
}

.header-logo {
	width: 35%
}

.header-logo img {
	width: 25%;
	height: 100%
}

.header-content {
	width: 65%
}

.header-content ul {
	display: flex;
	justify-content: space-between;
	position: relative
}

.header-content ul li a {
	letter-spacing: 2px;
	line-height: 39px;
	color: #060808;
	font-weight: 300;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}

.header-content ul li a:after {
	content: "";
	position: absolute;
	z-index: 1000;
	border-bottom: 3px solid #4d6db4;
	animation: drawBorder .8s ease forwards;
	padding: 10px 0;
	z-index: 1000;
	display: none;
	top: 10px;
	left: 0;
	right: 0;
	margin: 0 0;
}
.link-active{
	/*position: absolute;
	z-index: 1000;*/
	border-bottom: 3px solid #4d6db4;
	/*animation: drawBorder .8s ease forwards;*/
	/*padding: 10px 0;
	z-index: 1000;
	display: none;
	top: 16px;
	left: 0;
	right: 0;
	margin: 0 0;*/
}
ul.menu-dropdown li:first-child {
    border-top: none;
}
a:active {
    color: green;
}

@keyframes drawBorder {
	from {
		max-width: 0%
	}
	to {
		max-width: 100%
	}
}

ul.menu-dropdown li a:hover:after {
	content: "";
	border-bottom: none
}

div#menu_dis ul.menu-dropdown li:hover ul.menu-dropdown-own {
	display: block;
	background: #4d6db4;
	color: #fff;
	text-decoration: none
}

ul.menu-dropdown-own li a {
	color: #fff
}

ul.menu-dropdown li ul.menu-dropdown-own {
	background: #fff;
	display: none;
	position: absolute;
	top: 0;
	left: 155px;
	right: 0;
	z-index: 1000;
	width: max-content
}

div#menu_dis .header-content ul li:hover ul.menu-dropdown {
	display: block
}

div#menu_dis .header-content ul li a:hover:after {
	display: block
}

div#menu_dis .header-content ul li a ul.menu-dropdown li {
	display: block
}

.dropdown-arrow {
	height: 0;
	width: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #333;
	position: relative;
	top: -25px;
	left: 85px
}

.user-id:hover .dropdown-arrow {
	top: 35px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #333;
	border-top: 10px solid transparent
}

ul.menu-dropdown {
	display: none;
	position: absolute;
	z-index: 1000;
	background: #fff;
	width: max-content;
	top: 38px
}

ul.menu-dropdown li a {
	padding: 10px 20px;
	display: block
}

ul.menu-dropdown li {
	display: block;
	padding: 0;
	border-top: 1px solid #4d6db4;
}
ul.menu-dropdown li ul.menu-dropdown-own li{
	border-top: 1px solid white;
}

.swiper-slide h1 {
	padding: 10% 0;
	color: #fff;
	font-size: 10rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 4.5px
}

.services-content {
	width: 100%;
	display: flex;
	justify-content: space-around;
	margin: 0 auto
}

.services-boxes {
	display: inline-grid;
	width: 30%;
	text-align: -webkit-center;
    text-align: center;
	height: 385px;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .4s ease-in-out
}

.services-boxes:hover {
	webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.companies_icons article {
	font-size: 30px;
	color: #fff;
	font-weight: 400
}

.outer-div {
	overflow: hidden
}

.inner-div {
	background-size: cover;
	background-position: center;
	transition: all .5s ease;
	padding: 30px 40px;
	height: 420px
}

/*.ser-icn {
	width: 35%;
	height: auto;
	margin: 0 0 30px 0
}*/
.services-content.abt .ser-icn {
    width: 100%;
    position: absolute;
    top: 35%;
    bottom: 0;
}
.services-boxes span {
	color: #fff;
	letter-spacing: 3.33px;
	font-weight: 600;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 3.33px;
	display: block
}

.box-wrapper {
	display: block;
	position: relative;
	z-index: 1;
	background: url(http://lorempixel.com/200/200/) grey no-repeat center center;
	overflow: hidden
}

.box-wrapper.wow.fadeInUp {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 45px 40px 20px;
    text-align: center;
}

.box-content a {
	padding: 13px 15px;
	margin: 0 auto;
	border-radius: 10px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase
}

.box-wrapper:hover .box-content {
	top: 30px
}

section.blank {
	background-color: #1b3c82
}

section.blank h2 {
	padding: 5% 0;
	color: #1b3c82
}

section.companies {
	background: #376aff;
	background: url(../images/dev_group.svg);
	background-position: 100%;
	background-repeat: no-repeat;
	background-size: cover
}

.bg {
	
	padding: 85px 0;
	text-align: -webkit-center;
    background: linear-gradient(#1b3c82, #376affad);
    text-align: center;

}

section.companies h2 {
	text-align: center;
	font-weight: 400;
	letter-spacing: 3px;
	color: #fff;
	position: relative
}

section.companies h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

section.our_plans h2 {
	margin: 0 0 40px 0;
	color: #000;
	text-align: center;
	font-weight: 100
}

section.our_plans h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #000;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

section.slider .swiper-slide span {
	font-size: 22px;
	font-weight: 700;
	text-transform: capitalize;
	letter-spacing: 3px;
	color: #fff;
	padding: 13px 0 13px;
	display: block;
	position: relative
}

section.slider .slide-con {
	margin: 20% 0 0 0;
	width: 70%;
	background: #00000042;
	padding: 15px 20px
}

section.slider .swiper-slide span:after {
	content: "";
	width: 140px;
	height: 6px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	top: 15px
}

.companies_icons_content {
	width: 50%;
	margin-top: 45px
}

.companies_icons_content p {
	/*font-size: 18px;*/
	margin: 0 0;
	color: #fff;
	font-weight: 400;
	text-align: center
}

.companies_icons {
	text-align: -webkit-center
}

.companies_icons img {
	width: 70%
}

.companies_icons span {
	font-size: 30px;
	color: #fff;
	font-weight: 400
}

.icon-boxes {
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin-bottom: 20px;
}

section.our_plans {
	background: #dfe8eb;
	padding: 75px 0 100px 0
}

section.our_plans p {
	/*font-size: 18px;*/
	font-weight: 300;
	text-align: center
}

.plans_content {
	display: flex;
	margin: 40px auto 0;
	justify-content: space-between
}

.card-2:hover {
	-moz-box-shadow: 5px 5px 0 #999;
	-moz-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow: 5px 8px 8px 3px #545b63
}

.card-2 {
	width: 45%;
	padding: 0 100px;
	text-align: center;
	align-items: center;
	display: grid
}

.card-2 p {
	font-size: 29px;
	font-weight: 400;
	color: #fff;
	background: #1b3c82;
	margin: 0 auto;
	display: inline;
	padding: 5px 18px
}

h3 {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 4.5px;
	color: #fff;
	padding: 10px 0
}

section.slider .swiper-container .swiper-pagination {
	display: none
}

footer {
	background: #1b3c82;
	padding: 50px 0
}

.footer-nav {
	width: 75%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between
}

.footer-nav ul li a {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 25px;
	color: #fff;
	font-weight: 300px;
	text-decoration: none;
}

.footer-nav ul li {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 25px;
	color: #fff;
	font-weight: 300px;
	text-decoration: none;
}



.multi-slide {
	width: 100%;
	display: flex
}

.multi-slide-left {
	width: 20%;
	background: #1b3c82
}

.multi-slide-right {
	width: 80%
}

.swiper-slide {
	display: block
}

div#multi .swiper-slide {
	background: #1b3c82
}

.swiper-slide span {
	font-size: 35px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #d8e0f9;
	padding: 40px 0;
	display: block
}

.swiper-slide h2 {
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 20px 0
}

.swiper-slide p {
	margin: 0 0 40px 0;
	color: #fff
}

.con {
	text-align: center;
	margin: 120px 0;
	display: inline-flex;
	width: 100%
}

.triangle-3 {
	width: 20%;
	height: 60px;
	border-left: solid 30px #1b3c82;
	border-bottom: solid 30px transparent;
	border-top: solid 30px transparent
}

.con p {
	color: #fff;
	font-weight: 400;
	font-size: 26px;
	letter-spacing: 2.25px
}

section.multi_slider {
	padding: 50px 0 0 0
}

section.services {
	/* background: linear-gradient(to bottom, #1b3c82 0, #1b3c82 50%, #000 50%, #fff 50%, #fff 100%); */
	padding: 40px 0 100px 0
}

section.slider h1 {
	padding: 0 0
}

section.slider .swiper-container .swiper-slide {
	width: 85%;
	height: auto;
	margin: 0 auto;
	background-repeat: no-repeat;
	align-items: center;
	background-size: cover;
	background-position: 50% center
}

section.slider .swiper-slide {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.multi-slide-left .swiper-slide {
	display: block;
	text-align: center
}

.multi-slide-left .swiper-container {
	width: 100%
}

.animation-element.slide-left.in-view {
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate3d(0, 0, 0)
}

.animation-element.slide-right.in-view {
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate3d(0, 0, 0)
}

.companies_icn {
	margin: 20px 0
}

.companies_icons img {
	width: 100%;
	height: 100%
}

section.about-us {
	background-image: url(../images/aboutus.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

section.journey {
	background-image: url(../images/journey.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

section.projects {
	background-image: url(../images/projects.jpg);
	background-repeat: no-repeat;
	background-size: cover
}



section.conatct-us h2 {
	color: #1b3c82;
	font-weight: 400
}

section.conatct-us {
	background: #dcdde0;
	text-align: center;
	padding: 50px 0
}

section.Sustainability {
	text-align: center;
	padding: 85px 0
}

.Sustainability_boxes {
	display: flex;
	justify-content: space-around;
	margin-top: -20px
}

.Sustainability_boxes article {
	font-weight: 600
}

section.Sustainability h2 {
	font-size: 40px;
	color: #1b3c82;
	font-weight: 400
}

.Sustainability-box {
	width: 25%;
	text-align: -webkit-center
}

.Sustainability_icn {
	width: 100px;
	height: 100px;
	margin: 20px 0
}

.Sustainability_icn img {
	width: 100%;
	height: 100%
}

.Sustainability-box span {
	font-size: 24px;
	color: #000;
	font-weight: 400
}

.Sustainability-box p {
	font-size: 18px
}

p.cure {
	color: #000;
	font-size: 18px;
	margin-top: 45px;
	line-height: 25px
}

section.vision {
	background: #f2f6f6;
	padding: 50px 0
}

.vsn-con {
	width: 65%;
	margin: 0 auto;
	padding: 15px 0 0 0
}

.vsn-con .swiper-wrapper {
	text-align: center
}

.vsn-con .swiper-container {
	width: 100%;
	height: 100%
}

.vsn-con .swiper-slide {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.vsn-con .swiper-slide p {
	color: #000;
	font-size: 18px;
	padding: 0 100px;
	margin: 0;
	letter-spacing: 2px;
	line-height: 25px
}

.vsn-navigate ul {
	width: 50%;
	margin: 0 auto;
	text-align: -webkit-center;
    text-align: center;
}

.vsn-navigate ul li {
	display: inline-block;
	margin: 0 0 20px 0;
	font-size: 22px;
	color: #000;
	padding: 0 20px;
	border-right: 1px solid #000;
	cursor: pointer;
}

.vsn-navigate ul li:last-child {
	border: none
}

.vsn-bg {
	padding: 50px 0
}

section.group-company {
	background: linear-gradient(to bottom, #1b3c82 0, #1b3c82 70%, #fff 30%, #fff 100%);
	text-align: center;
	/*overflow: hidden;*/
	padding: 35px 0
}
section.group-company span#more {
    display: none;
}
section.group-company span#more1 {
    display: none;
}
section.everything h1 {
	padding: 5% 0;
	color: #fff;
	font-size: 3rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 4.5px;
	text-align: center
}

section.group-company h2 {
	padding: 35px 0
}

ul.grp-nav {
	text-align: center
}

ul.grp-nav li {
	display: inline-block;
	margin: 0 25px
}

ul.grp-nav li img {
	width: 90px;
	height: 100px
}

.grp-content {
	padding: 0 0 50px 0
}

.group-slider-content {
	display: flex;
	width: 85%;
	margin: 0 auto;
	box-shadow: 3px 8px 6px #ccc
}

.col-left-grp {
	width: 50%
}

.col-right-para p {
	margin: 10px 0 20px;
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 22px
}

.col-right-grp {
	width: 50%;
	background: #fff;
	padding: 10px 25px 0;
	text-align: left;
	position: relative
}

.col-right-para a {
	font-weight: 700;
	color: #000;
	letter-spacing: 2px
}

.group_icons_icon {
	width: 20%;
	padding: 20px 0;
	text-align: -webkit-center;
    text-align: center;
	position: relative
}

.group_icons_con {
	display: flex;
    text-align: center;
}

.group_icons_con1 {
	display: flex;
    text-align: center;
}

.group_icons_icon img {
	width: 100px;
	height: 100px
}

.group_icons_icon p {
	height: 50px;
	padding: 5px 0
}

section.why {
	background: #fff;
	padding: 0 0 50px 0;
	overflow: hidden
}

section.why .conatiner {
	width: 85%;
	margin: 0 auto
}

section.group-company .swiper-slide {
	background-size: cover;
    background-repeat: no-repeat;
    min-height: 375px;
    /* padding: 40% 0; */
    background-position: center;
}

section.slider .swiper-container .swiper-slide section.services.devsult .container {
	width: 80%;
	margin: 0 auto
}

section.product {
	text-align: center
}

div#devslide .swiper-slide img {
	width: 100%;
	height: 100%
}

section.product h2 {
	font-size: 40px;
	color: #1b3c82;
	font-weight: 400;
	text-align: center;
	padding: 35px 0 0 0
}

section.product h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #1b3c82;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

.production-con {
	display: flex;
	width: 50%;
	margin: 40px auto 0
}

.pro-lft {
	width: 50%
}

.pro-lft p {
	font-size: 30px;
	padding: 10px 0 10px 0
}

.pro-lft span {
	font-size: 24px;
	display: inline-grid;
}

.pro-lft span b {
	font-size: 58px;
	font-weight: 100;
	padding: 0 0 5px 0;
    color: #1b3c82;
}

.pro-rht {
	width: 50%
}

.pro-rht p {
	font-size: 30px;
	padding: 10px 0 10px 0
}

.pro-rht span {
	font-size: 24px;
	display: inline-grid;
	
}

.pro-rht span b {
	font-size: 58px;
	font-weight: 100;
	padding: 0 0 5px 0;
    color: #1b3c82;
}

p.pro {
	font-size: 18px;
	width: 50%;
	margin: 0 auto;
	letter-spacing: 2px;
	padding: 55px 0;
	line-height: 25px
}

section.dev_our_plans h2 {
	margin: 0 0 40px 0;
	color: #fff;
	text-align: center;
	font-weight: 100
}

section.dev_our_plans h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

section.dev_our_plans {
	background: linear-gradient(to bottom, #1b3c82 0, #1b3c82 50%, #000 50%, #fff 50%, #fff 100%);
	padding: 75px 0 100px 0
}

section.dev_our_plans .plans_content {
	padding: 20px 0
}

section.dev_our_plans .container {
	width: 80%;
	margin: 0 auto
}

.vsnclk-para p {
	font-size: 18px;
	padding: 20px 0;
	line-height: 25px
}

.vsnclk-con {
	width: 50%;
	margin: 0 auto;
	text-align: center
}

section.vision.dev {
	background: #f2f6f6;
	padding: 30px 0 65px 0
}

section.vision.dev .vsn-navigate ul li {
	display: inline-block;
	font-size: 22px;
	padding-right: 35px;
	border-right: 1px solid #000;
	position: relative
}

section.vision.dev .vsn-navigate ul li:last-child {
	border: none
}

section.services.devsult .services-content {
    width: 65%;
}

section.services.devsult .services-boxes span {
	color: #fff;
	letter-spacing: 3.33px;
	font-weight: 600;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 3.33px
}

section.services .devsult.ser-icn {
	width: 50%;
	margin: 0 auto
}

section.services.devsult .services-boxes {
	display: inline-grid;
	width: 40%;
	text-align: -webkit-center;
    text-align: center;
	padding: 40px 60px
}

section.services.devsult h2 {
	margin: 0 0 55px 0;
	color: #1b3c82;
	text-align: center;
	font-weight: 100
}

section.services.devsult h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #1b3c82;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

section.services.devsult {
	background: #fff
}

section.why h2 {
	color: #1b3c82;
	font-size: 40px;
	position: relative;
	text-align: center;
	padding: 30px 0;
	font-weight: 100
}

section.product.highgrade .production-con {
	display: flex;
	width: 65%;
	margin: 0 auto;
	justify-content: space-around;
}

p.ind {
	color: #1b3c82;
	font-size: 18px;
	width: 50%;
	margin: 0 auto;
	letter-spacing: 2px;
	padding: 35px 0
}

.vsn-navigate.highgrade ul {
	width: 60%
}

section.vision.dev .vsn-navigate.highgrade ul li {
	display: inline-block;
	font-size: 21px;
	padding-right: 24px;
	border-right: 1px solid #000;
	position: relative;
    letter-spacing: 1px
}

section.vision.dev .vsn-navigate.highgrade ul li:last-child {
	border: none
}

section.why.highgrade .group_icons_icon {
	border-right: 2px solid #fff;
	width: 20%;
	float: left;
	padding: 20px 0;
	text-align: -webkit-center;
    text-align: center;
	margin: 0 0 30px 0;
	position: relative;
	height: 170px
}

section.why.highgrade .group_icons_icon:last-child {
	border-right: none
}

section.why.highgrade .group_icons_icon :after {
	content: "";
	width: 150px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -15px;
	z-index: 1000;
	overflow: hidden
}

section.why.highgrade .group_icons_icon p {
	color: #fff
}

section.why.highgrade .group_icons_icon:nth-of-type(10n) {
	border: none
}

section.why.highgrade .group_icons_icon:nth-of-type(5n) {
	border: none
}

section.saltprocess {
	background: #1b3c82;
	padding: 50px 0
}

.salt-pro ul {
	display: block;
	justify-content: center;
	padding: 30px 0;
	text-align: center
}

.salt-pro ul li {
	display: grid;
	margin: 40px 0;
	align-items: center
}

.salt-pro ul li a {
	color: #3c62e1;
	font-size: 13px;
	background: #fff;
	padding: 12px 20px;
	border-radius: 50px;
	text-align: -webkit-center;
    text-align: center;
	width: 125px;
	align-self: center
}

section.saltprocess h2 {
	margin: 0 0 55px 0;
	color: #fff;
	text-align: center;
	font-weight: 100
}

section.saltprocess h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

.slide-pro-con {
	display: flex
}

.slide-projects-left {
	width: 50%
}

.slide-projects-left img {
	width: 100%;
	height: 450px
}

.slide-projects-right {
	width: 50%
}

.slide-projects-right img {
	width: 100%;
	height: 450px
}

section.upcoming_projects h2 {
	margin: 0 0 40px 0;
	color: #1b3c82;
	text-align: center;
	font-weight: 100
}

section.upcoming_projects h2:after {
	content: "";
	width: 250px;
	height: 3px;
	background: #1b3c82;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

p.our {
	width: 50%;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	letter-spacing: 2px;
	padding: 10px 0 40px 0
}

.container .title {
	color: #1a1a1a;
	text-align: center;
	margin-bottom: 10px
}

.content .content-overlay {
	background: rgba(0, 0, 0, .7);
	position: absolute;
	height: 99%;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s
}

.content:hover .content-overlay {
	opacity: 1
}

.content-image {
	width: 100%
}

.content-details {
	position: absolute;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.content:hover .content-details {
	top: 50%;
	left: 50%;
	opacity: 1
}

.content-details h3 {
	color: #fff;
	font-weight: 500;
	letter-spacing: .15em;
	margin-bottom: .5em;
	text-transform: uppercase
}

.content-details p {
	color: #fff;
	font-size: .8em
}

.fadeIn-bottom {
	top: 80%
}

.fadeIn-top {
	top: 20%
}

.fadeIn-left {
	left: 20%
}

.fadeIn-right {
	left: 80%
}

.upcoming_boxes {
	overflow: hidden
}

.upcoming_boxes ul {
	width: 50%;
	float: left;
	height: 350px;
	background: #1b3c82
}

.upcoming_boxes ul .card-2 {
	width: 100%;
	height: 350px
}

.upcoming_boxes ul .card-2 p {
	font-size: 20px
}

.crud_con {
	display: grid;
	padding: 10px 50px
}

.crud_con ul {
	display: flex;
	justify-content: space-between;
	width: 75%;
	margin: 0 auto;
	text-align: center;
	height: auto
}

.crud_con ul li {
	font-size: 18px;
	color: #fff
}

.crud_con ul li span b {
	font-size: 40px;
	font-weight: 100;
	color: #1b3c82
}

.crud_con_con {
	padding: 25px 0 0 0
}

.crud_con_con p {
	letter-spacing: 2px;
	color: #fff;
	font-size: 14px
}

section.upcoming_projects {
	padding: 45px 0 0
}

.active {
	width: 55px;
	height: 3px;
	background: #3c62e1;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0;
	z-index: 1000;
	overflow: hidden
}

li#cont1 {
	color: #1b3c82
}

section.hospitality h2 {
	margin: 0 0 40px 0;
	color: #1b3c82;
	text-align: center;
	font-weight: 100;
	position: relative
}

section.hospitality h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #1b3c82;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

section.hospitality {
	padding: 0 0 30px 0
}

section.highway h2 {
	margin: 0 0 20px 0;
	color: #fff;
	text-align: center;
	font-weight: 100
}

section.highway h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

section.Affiliates h2 {
	margin: 0 0 20px 0;
	color: #1b3c82;
	text-align: center;
	font-weight: 100
}

section.Affiliates h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #1b3c82;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

section.event_celebrate h2 {
	margin: 0 0 40px 0;
	color: #fff;
	text-align: center;
	font-weight: 100;

}

section.event_celebrate h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

.hospitality_content {
	display: flex;
	justify-content: space-around;
	text-align: center;
	width: 50%;
	margin: 0 auto
}

.hospitality_content_con img {
	width: 100px;
	height: 100%
}

.hospita_icn {
	height: 100px
}

.hospitality_content_con p {
	padding: 20px 0;
	font-size: 18px;
	letter-spacing: 2px
}

section.highway {
	background: #b54d87;
	text-align: center;
	padding: 50px 0 40px 0
}

.highway_content {
	width: 50%;
	margin: 0 auto
}

.highway_content p {
	font-size: 18px;
	padding: 20px 0;
	color: #fff;
	letter-spacing: 2px;
	line-height: 25px
}

.aff_content {
	width: 70%;
	margin: 0 auto;
	display: flex;
	text-align: -webkit-center;
    text-align: center;
	justify-content: space-between
}

.aff_content_con {
	width: 33%
}

.aff_content .aff_content_con img {
	width: 70%;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .4s ease-in-out
}

.aff_content .aff_content_con img:hover {
	transform: scale(1.1)
}

section.Affiliates {
	overflow: hidden;
	margin: 50px 0 70px 0
}

.event_celebrate_con {
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	width: 65%
}

.event_boxes {
	background: #fff;
	padding: 10px 30px;
	margin: 20px 0;
	box-shadow: 10px -10px #1b3c82
}

.event_boxes img {
	width: 100px;
	height: 100px
}

section.event_celebrate {
	background: red;
	text-align: center
}

.event_boxes p {
	padding: 5px 0 0 0;
	letter-spacing: 2px
}

.jrn-col {
	display: flex;
	margin: 5% auto;
	justify-content: center;
	margin-right: -100px
}

.journy_col_lft li span {
	font-size: 100px;
	color: #4d6eb3;
	font-weight: 700;
	margin: -20px 0
}

.journy_col_lft li b {
	font-size: 35px
}

.journy_col_lft li p {
	font-size: 18px
}

.journy_col_lft ul li {
	text-align: right;
	display: flex;
	padding: 30px 0 48% 0;
	justify-content: flex-end;
	position: relative;
}

.journy_col_lft ul li .jrn-cn {
	display: grid;
	margin-right: 100px;
	margin-left: 20px
}

.journy_col_rft li span {
	font-size: 100px;
	color: #4d6eb3;
	font-weight: 700;
	margin: -20px 0
}

.journy_col_rft li b {
	font-size: 35px;
	position: relative
}

.journy_col_rft li p {
	font-size: 18px;
	letter-spacing: 2px
}

.journy_col_rft ul li {
	text-align: left;
	display: flex;
	padding: 30px 0 55% 0;
	position: relative;
}

.journy_col_lft {
	margin-top: 50px
}

.journy_col_rft {
	margin-top: 22%
}

img.jrny {
    height: 2000px;
}

verticleline {
    position: absolute;
    height: 2200px;
    width: 4px;
    background: #1b3c82;
    left: 49.8%;
}

journy_col_rft ul li:last-child {
	background: red;
	padding: 30px 0 35% 0
}

.journy_col_rft article img {
	width: 60px
}

.journy_col_rft article {
	display: flex
}

.journy_col_lft article img {
	width: 60px
}

.journy_col_lft article {
	display: flex
}

section.journy_con h2 {
	margin: 0 0 40px 0;
	color: #1b3c82;
	text-align: center;
	font-weight: 100
}

section.journy_con h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #1b3c82;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

p.lrm {
	text-align: center;
	font-size: 18px;
	width: 50%;
	margin: 0 auto
}

section.journy_con {
	padding: 80px 0 0;
	overflow: hidden
}

.btn-dv1 {
	width: 47%;
	margin: -30px auto;
	text-align: right
}

.btn-dv2 {
	width: 47%;
	margin: -30px auto;
	text-align: left
}

.wrapper {
	padding: 50px 100px
}

.svg-container {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	vertical-align: middle;
	overflow: hidden;
	background: #f5f3e7
}

.svg-content {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0
}

.salt-pro {
	display: flex
}

section.services h2 {
	margin: 0 0 65px 0;
	color: #4c6db5;
	text-align: center;
	font-weight: 100
}

section.services h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

.vsn-navigate ul li.active1 {
	color: #1b3c82;
	position: relative
}

.active1:after {
	content: "";
	width: 35px;
	height: 3px;
	background: #1b3c82;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: -15px auto
}

.active2 {
	position: relative
}

.active2:after {
	content: "";
	width: 90px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: -10px 3px;
	bottom: 0
}

.active3 {
	position: relative;
	color: #1b3c82
}

.active3:after {
	background: 0 0
}

section.Sustainability h2 {
	position: relative
}

section.Sustainability h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #1b3c82;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

section.group-company h2 {
	padding: 35px 0;
	font-weight: 100;
	position: relative
}

section.group-company h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: -25px auto;
	bottom: 35px
}

section.why.wow.fadeInUp h2 {
	position: relative
}

section.why.wow.fadeInUp h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #1b3c82;
	position: absolute;
	left: 0;
	right: 0;
	margin: -25px auto;
	bottom: 35px
}

.slide-con {
	padding: 185px 0
}

img.hd {
	display: none;
	width: 60%;
	height: 90px;
	transition: all .5s ease
}

.companies_icn:hover img.sh {
	display: none
}

.companies_icn:hover img.hd {
	display: block;
	transform: scale(.9)
}

.plans-con {
	padding: 120px 0
}

section.companies i.fas.fa-globe {
	font-size: 75px;
	color: #fff
}

section.companies i.fas.fa-calendar-alt {
	font-size: 75px;
	color: #fff
}

section.companies i.fas.fa-people-carry {
	font-size: 75px;
	color: #fff
}

section.companies i.fas.fa-users {
	font-size: 75px;
	color: #fff
}

section.Sustainability i.fas.fa-globe {
	font-size: 75px;
	color: #1b3c82
}

section.Sustainability i.fas.fa-calendar-alt {
	font-size: 75px;
	color: #1b3c82
}

section.Sustainability i.fas.fa-people-carry {
	font-size: 75px;
	color: #1b3c82
}

section.Sustainability i.fas.fa-users {
	font-size: 75px;
	color: #1b3c82
}

section.Sustainability .container {
	width: 50%;
	margin: 10px auto;
}

/*.col-right-para {
	position: absolute;
	transform: translate(0, 0%);
	top: 0;
    z-index: 1000;
    background: white;
	width: 85%;

}*/

.group_icons_con1 .group_icons_icon:nth-child(1) {
	border: none
}

.group_icons_con1 .group_icons_icon:nth-child(2) {
	border: none
}

.group_icons_con1 .group_icons_icon:nth-child(3) {
	border: none
}

.group_icons_con1 .group_icons_icon:nth-child(4) {
	border: none
}

.group_icons_con1 .group_icons_icon:nth-child(5) {
	border: none
}

.group_icons_icon:last-child::after {
	border-right: none
}

.group_icons_icon:after {
	content: "";
	width: auto;
	height: 160px;
	/* border-right: 1px solid #000; */
	position: absolute;
	left: 0;
	right: 0;
	bottom: 35px
}

/*.gp {
	border-bottom: 1px solid #363d3f;
	margin: 0 20px;
	padding: 0 0 40px 0
}*/

.group_icons {
	width: 100%;
	margin: 0 auto;
	margin-top: -10px
}

table {
	margin: 0 auto
}

td {
	text-align: center
}

.td-btn a {
	color: #1b3c82
}

.td-btn {
	background: #fff;
	padding: 10px 30px;
	font-size: 14px;
	border-radius: 50px
}

.card-2:hover .box-content.effect-common-read-more-white {
	display: block
}

.box-content.effect-common-read-more-white {
	display: none;
	top: 80%
}

@keyframes move-byline {
	0% {
		transform: translateZ(5em)
	}
	100% {
		transform: translateZ(0)
	}
}

.byline {
	animation: move-byline 10s linear
}

.col-right-para a:hover {
	color: #1b3c82
}

.upcoming_boxes .card-2:hover {
	box-shadow: none
}

.Gallery-con {
	width: 80%;
	margin: 40px auto;
	overflow: hidden
}

.glr-bxs {
	width: 25%;
	float: left;
	margin: 0 auto;
	padding: 0 20px
}

.glr-bxs img {
	width: 100%;
	margin: 20px;
	height: fit-content;
	webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .4s ease-in-out
}

.glr-bxs img:hover {
	transform: scale(.9)
}

section.img-gallery-magnific h2 {
	font-size: 22px;
	margin: 40px 25px 0;
	color: #4d6eb6
}

section.img-gallery-magnific h4 {
	font-size: 25px;
	margin: 40px 25px 0;
	color: #a5d32d;
	font-weight: bolder
}

.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #000;
	background-color: rgba(0, 0, 0, .72)
}

.modal-content {
	margin: auto;
	padding: 20px;
	width: 80%;
	text-align: center
}

img#galldes {
	width: inherit;
	height: fit-content
}

.close {
	color: #fff;
	float: right;
	font-size: 40px;
	font-weight: 700
}

.close:focus,
.close:hover {
	text-decoration: none;
	cursor: pointer
}

input:focus,
keygen:focus,
select:focus,
textarea:focus {
	outline: 0
}

::-moz-placeholder {
	color: #666;
	font-weight: 300;
	opacity: 1
}

::-webkit-input-placeholder {
	color: #666;
	font-weight: 300
}

.sec1title {
	text-align: center
}

.sec1title h1 {
	font-size: 40px;
	margin: 25px;
	text-transform: uppercase;
	color: #16f1d4;
	font-weight: 400
}

.section2 {
	position: relative;
	overflow: hidden
}

.section2 .col-left {
	width: 50%;
	float: left
}

#overflowTest {
	background: #1b3c82;
	color: #fff;
	width: 100%;
	height: 550px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 30px 40px 70px
}

.section2 .col-right {
	box-sizing: border-box;
	width: 50%;
	float: right
}

.contactform ul li a {
	display: block;
	color: #fff;
	font-size: 13px;
	padding: 5px 0
}

.contactform ul li {
	margin-top: 25px
}

.section2 .contactform button.form-fields,
.section2 .contactform input.form-fields,
.section2 .contactform textarea.form-fields {
	padding: 0 0 0 40px;
	display: block;
	box-sizing: border-box;
	width: 350px;
	font-size: 16px;
	background: #323232;
	margin: 7px 0;
	border: 1px solid #fff;
	color: #fff;
	min-height: 45px;
	text-shadow: none;
	position: relative
}

.section2 .contactform textarea.form-fields {
	padding: 8px 40px;
	resize: none
}

.section2 .contactform button.form-fields.button {
	color: #fff;
	font-size: 14px;
	padding: 0;
	text-transform: uppercase
}

.section2 .contactform button.form-fields.button:hover {
	background: #00c1a8;
	color: #fff;
	cursor: pointer
}

.section2 .contactform button.form-fields.button i {
	margin-left: 10px
}

.section2 .contactform h5 {
	color: #fff;
	font-size: 22px;
	margin-bottom: 15px;
	text-transform: capitalize
}

.section2 .contactform label .cntfrmicn {
	color: #fff;
	padding: 14px;
	position: absolute;
	z-index: 99
}

@media only screen and (max-width:660px) {
	.container {
		padding: 10px 20px 30px
	}
	.contmap {
		height: 475px!important
	}
	.sec1title h1 {
		font-size: 28px
	}
	.section2 .contactform {
		padding: 10px;
		right: 0;
		width: 100%
	}
	.section2 .contactform button.form-fields,
	.section2 .contactform input.form-fields,
	.section2 .contactform textarea.form-fields {
		width: 100%
	}
}

.contact-detail {
	width: 70%;
	margin: 0 auto
}

form {
	display: grid;
	margin-top: 35px
}

label {
	margin: 20px 0;
	display: inline-flex;
	align-items: center;
	width: 50%
}

.input-typ {
	display: flex
}

input.form-fields {
	padding: 10px;
	width: 100%;
	margin: 0 20px
}

label.txtara {
	width: 100%
}

section.Contact-con {
	background: white;
	padding: 50px 0
}

h5 {
	text-align: left;
	font-size: 30px;
	text-transform: capitalize;
	color: #1b3c82;
	font-weight: 100;
	padding: 20px 0
}

i.cntfrmicn.fa.fa-user {
	color: #1b3c82;
	font-size: 20px
}

i.cntfrmicn.fa.fa-envelope {
	color: #1b3c82;
	font-size: 20px
}

i.cntfrmicn.fa.fa-phone {
	color: #1b3c82;
	font-size: 20px
}

i.cntfrmicn.fa.fa-comment {
	color: #1b3c82;
	font-size: 20px
}

textarea.form-fields {
	margin: 0 20px;
	width: 100%;
	padding: 10px;
	display: inline-block;
	border: 0;
	border-bottom: 1px solid #929292;
	margin-bottom: 40px;
	min-height: 42px;
	background: 0 0
}

button.form-fields.button {
	padding: 10px 0;
	background: #1b3c82;
	color: #fff;
	font-size: 20px;
	border-bottom: 1px solid #1b3c82;
	width: 35%
}

.btn-sub {
	margin: 50px 0 0 0;
	text-align: center
}

.contact-detail h2 {
	text-align: center;
	color: #1b3c82;
	text-transform: capitalize
}

.contact-detail h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #1b3c82;
	position: absolute;
	left: 0;
	right: 0;
	margin: -15px auto;
	bottom: 0
}

select {
	padding: 10px;
	width: 100%;
	margin: 0 20px;
	border: 1px solid #a9a9a9;
	background: #fff;
	font-size: 13px;
	color: #6f6b65
}

div#overflowTest h4 {
	letter-spacing: 2px
}

section.vision.dev .vsn-navigate.highgrade ul li:hover {
	color: #1b3c82
}

p.animation-element.slide-left.testimonial.wow.fadeInUp.in-view {
	line-height: 25px
}

.magnific-img img {
	width: 100%;
	height: 100%
}

section.img-gallery-magnific {
	overflow: hidden;
	padding: 0 0 50px 0
}

.magnific-img {
	width: 25%;
	float: left;
	padding: 20px;
	height: 250px
}

a.image-popup-vertical-fit {
	cursor: -webkit-zoom-in
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: .98
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0
}

.mfp-arrow-left:before {
	border-right: none!important
}

.mfp-arrow-right:before {
	border-left: none!important
}

.mfp-counter,
button.mfp-arrow {
	opacity: 0!important;
	/*transition: opacity .2s ease-in, opacity 2s ease-out*/
}

.mfp-container:hover .mfp-counter,
.mfp-container:hover button.mfp-arrow {
	opacity: 1!important
}

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: .8
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: 0!important;
	-webkit-backface-visibility: hidden
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none!important
}

.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #ccc
}

.mfp-preloader a:hover {
	color: #fff
}

.mfp-s-ready .mfp-preloader {
	display: none
}

.mfp-s-error .mfp-content {
	display: none
}

button.mfp-arrow,
button.mfp-close {
	overflow: visible;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: 0;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	touch-action: manipulation
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: .65;
	padding: 0 0 18px 10px;
	color: #fff;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
	opacity: 1
}

.mfp-close:active {
	top: 1px
}

.mfp-close-btn-in .mfp-close {
	color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap
}

.mfp-arrow {
	position: absolute;
	opacity: .65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
	margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
	opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent
}

.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px
}

.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: .7
}

.mfp-arrow-left {
	left: 0
}

.mfp-arrow-left:after {
	border-right: 17px solid #fff;
	margin-left: 31px
}

.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
	right: 0
}

.mfp-arrow-right:after {
	border-left: 17px solid #fff;
	margin-left: 39px
}

.mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-iframe-holder .mfp-close {
	top: -40px
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #000
}

img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto
}

.mfp-figure {
	line-height: 0
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #444
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}

.mfp-figure figure {
	margin: 0
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px
}

.mfp-image-holder .mfp-content {
	max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, .6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, .6);
		position: fixed;
		text-align: center;
		padding: 0
	}
}

@media all and (max-width:900px) {
	.mfp-arrow {
		-webkit-transform: scale(.75);
		transform: scale(.75)
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px
	}
}

section.event_celebrate {
	padding: 100px 0
}

section.career {
	background-image: url(../images/career.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.box-wrapper.wow.fadeInUp:hover .box-content.effect-common-read-more-white {
	display: block
}

.services-content.abt .box-content.effect-common-read-more-white {
	display: none;
	animation: fade-in 1s;
    position: relative;
    top: 70%;
}
.box-content.effect-common-read-more-white {
	display: none;
	animation: fade-in 1s
}


.card-2:hover .box-content.effect-common-read-more-white {
	display: block
}

.card-2 .box-content.effect-common-read-more-white {
	display: none;
	margin-top: -55px;
	animation: fade-in 1s
}

@keyframes fade-in {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fade-out {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

.top-btn a {
	border: 1px solid #1b3c82;
	padding: 5px 15px;
	color: #000;
	border-radius: 5px;
	font-size: 14px
}

td.bt .top-btn a {
	writing-mode: vertical-rl;
	text-orientation: mixed;
	padding: 20px 10px
}

td.bt {
	display: flex;
	float: right
}

.top-btn {
	display: -webkit-box
}

.top-btn a {
	padding: 5px 15px;
	color: #fff;
	border-radius: 5px;
	font-size: 13px;
	letter-spacing: 1.5px
}

.refinary {
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	display: block
}

.ref-con {
	padding: 50px 0
}

.rf-btn {
	margin: 0 0 35px 0
}

.rf-btn a {
	background: #1b3c82;
	padding: 5px 15px;
	color: #fff;
	font-size: 25px;
	letter-spacing: 2px
}

span.slt {
	font-size: 50px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 3px;
	margin: 0 0 30px 0;
	display: block
}

.ref-con1 {
	display: flex;
	width: 65%;
	margin: 0 auto 30px
}

.ref-lft p {
	font-size: 20px;
	color: #fff
}

.ref-lft span {
	display: grid;
	color: #fff
}

.ref-lft span b {
	font-size: 40px;
	font-weight: 100;
	color: #fff
}

.ref-para p {
	color: #fff;
	font-size: 20px;
	padding: 20px 0
}

.vsnclk-para table {
	border-collapse: collapse;
	border: 1px solid #000
}

.vsnclk-para table thead {
	border-collapse: collapse;
	border: 1px solid #000
}

.vsnclk-para table tr {
	border-collapse: collapse;
	border: 1px solid #000
}

.vsnclk-para table th {
	border-collapse: collapse;
	border: 1px solid #000;
	padding: 15px 25px
}

.vsnclk-para table tbody {
	border-collapse: collapse
}

.vsnclk-para table td {
	border-collapse: collapse;
	border: 1px solid #000;
	padding: 12px 30px
}

.vsnclk-para h3 {
	font-size: 20px;
	color: #000;
	padding: 20px 0;
	letter-spacing: 1.5px
}

div#menu_res {
	display: none;
}

div#menu_dis {
	display: block
}

ul.dis-nav {
	display: block;
    text-align: center;
}

table.vsn {
	display: none
}

.dev-con img {
	width: 100px;
	height: 100px
}

.dev-con {
	padding: 38% 0 0 0;
	text-align: center
}

.text-logo {
	text-align: center;
	margin: 20px 0 50px 0
}

section.dev_weatlend p {
	line-height: 25px;
	font-size: 18px;
	padding: 20px 0;
	text-align: center;
	width: 60%;
	margin: 0 auto;
	letter-spacing: 2px
}

section.dev_profile {
	background: #a5d32d;
	padding: 30px 0;
	text-align: center
}

.profile_text {
	width: 10;
	margin: 50px 0
}

.profile_text img {
	width: 60%
}

section.dev_profile p {
	line-height: 25px;
	font-size: 18px;
	padding: 20px 0;
	text-align: center;
	color: #fff;
	width: 60%;
	margin: 0 auto;
	letter-spacing: 2px
}

section.dev_profile span {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 2px
}

section.dev_profile span {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 2px
}

section.project {
	background: #dfe6ea;
	text-align: center;
	padding: 40px 0
}

section.project h2 {
	color: #000
}

section.project p {
	line-height: 25px;
	font-size: 18px;
	padding: 20px 0;
	text-align: center;
	width: 60%;
	margin: 0 auto;
	letter-spacing: 2px
}

section.project span {
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 25px;
	padding: 10px 0;
	width: 60%;
	margin: 0 auto;
	letter-spacing: 2px
}

.collapsible {
	background-color: #7770;
	color: #fff;
	cursor: pointer;
	padding: 20px 5% 10px;
	width: 100%;
	border: none;
	text-align: left;
	outline: 0;
	font-size: 15px;
	align-items: center;
	display: block
}

.content1 ul li {
	padding: 10px 0;
	color: #fff;
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 25px
}

.content1 ul {
	text-align: left;
	display: block
}

.collapsible:after {
	content: '\002B';
	color: #000;
	font-weight: 700;
	float: right;
	padding-right: 25px;
	margin-top: -70px;
	font-size: 20px
}

.active5:after {
	content: "\2212";
	color: #fff
}

.content1 {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height .2s ease-out;
	background-color: #a5d32d;
	padding: 0 5% 0;
	text-align: center
}

.collapsible span {
	font-size: 24px;
	letter-spacing: 2px;
	font-weight: 700;
	color: #000
}

.collapsible p {
	letter-spacing: 2px;
	padding: 5px 0 15px 0;
	font-size: 16px;
	color: #000;
	border-bottom: 2px solid #a5d32d
}

section.active_content .container {
	width: 65%;
	margin: 0 auto
}

.content1 p {
	padding: 20px 0 30px 0;
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	letter-spacing: 2px;
	line-height: 25px
}

.bac {
	background: #a5d32d
}

.sh {
	color: #fff
}

.brdr {
	border-bottom: 2px solid #fff;
	color: #fff
}

section.dev_profile h2 {
	position: relative;
	font-weight: 100
}

section.dev_profile h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

section.dev_weatlend {
	padding: 0 0 40px 0
}

section.project h2 {
	position: relative;
	margin-bottom: 25px;
	font-weight: 100
}

section.project h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #000;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

section.active_content h2 {
	text-align: center;
	color: #000;
	padding: 30px 0 0 0;
	position: relative;
	font-weight: 100
}

section.active_content h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #000;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

.wetland_collapse {
	margin-top: 25px
}

i.fa.fa-angle-down.sh {
	color: #1b3c82
}

section.highgrade h2 {
	margin: 0 0 55px 0;
	color: #fff;
	text-align: center;
	font-weight: 100
}

section.highgrade h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

section.highgrade .group_icons_icon {
	width: 24%
}

section.highgrade .gp {
	height: 170px
}

section.highgrade .group_icons_con1 .gp:first-child {
	border-bottom: none
}

.vsn-img {
	width: 50%;
	margin: 0 auto;
	height: 300px;
	margin-top: 20px
}

.vsn-img img {
	width: 100%;
	height: -webkit-fill-available;
    height: 300px;
}

section.product.highgrade p.pro {
	font-size: 18px;
	width: 65%
}

section.vision.dev .vsnclk-con {
	width: 65%
}

section.chrmn_msg {
	background: linear-gradient(to bottom, #1b3c82 15%, #1b3c82 30%, #fff 15%, #fff 100%);
	padding: 50px 0 0px 0;
}

section.chrmn_msg h2 {
	text-align: center
}

section.chrmn_msg h2:after {
	content: "";
	width: 140px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: -20px auto;
	bottom: 0
}

.chrmn_img {
	text-align: center;
	margin-top: 50px
}

.chrmn_img img {
	width: 30%
}

span.ds_head {
	text-align: center;
	display: block;
	font-size: 34px;
	font-weight: 600;
	padding: 20px 0
}

.chrmn_con {
	width: 70%;
	margin: 0 auto
}

.chrmn_con p {
	text-align: center;
	line-height: 25px;
	font-size: 18px;
	padding: 10px 0;
	line-height: 25px;
	letter-spacing: 1.5px
}

.chrmn_con p span {
	font-weight: 900;
	color: #4d6db4;
	line-height: 25px;
	letter-spacing: 1.5px
}

.labhowa {
	text-align: -webkit-center;
    text-align: center;
	margin: 0 auto;
	display: grid;
	padding: 15px 0
}

.labhowa img {
	width: 10%
}

ul.chrmn_nav li {
	padding: 8px 0;
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 1.5px
}

.ul_con {
	width: 70%;
	margin: 0 auto
}

.ul_con p {
	padding: 20px 0;
	text-align: -webkit-center;
    text-align: center;
	letter-spacing: 1.5px;
	font-size: 18px;
	line-height: 25px
}

.ul_con p span {
	font-weight: 900;
	color: #4d6db4
}
.rd_btn {
    text-align: center;
}
button#myBtn:focus{
	outline: none;
}
button#myBtn {
    background: none;
    font-size: 16px;
    border: none;
    padding: 20px 0 50px 0;
    color: #1b3c82;
    letter-spacing: 1.5px;
}
ul.usp li {
    padding: 5px 0;
    text-align: left;
    letter-spacing: 1.5px;
    font-size: 16px;
    list-style: circle;
    line-height: 25px;
}
.col-right-para button#myBtn {
    background: none;
    font-size: 16px;
    border: none;
    padding: 15px 0;
    color: #1b3c82;
    /*font-weight: 700;*/
    color: #000;
    letter-spacing: 2px;
}
button#myBtn i {
    padding: 5px 10px;
    font-size: 18px;
    background: #1b3c82;
    color: white;
    border-radius: 50px;
    margin: 0 10px;
}
.companies_icons_content b {
    padding: 20px 0;
    display: block;
    color: white;
    font-size: 20px;
}
p.animation-element.slide-left.testimonial.wow.fadeInUp b {
    padding: 20px 0;
    display: block;
    color: #1b3c82;
    font-size: 30px;
}
/*section.vision .cnv {
    height: 135px;
}*/
section#dis_jrny {
    display: block;
}
section#res_jrny {
    display: none;
}
.fs_con {
    width: 85%;
}
.services-boxes.box.b:hover .box-content.effect-common-read-more-white {
    display: block;
}
.vertical-line {
    position: absolute;
    height: 2000px;
    width: 4px;
    background: #4d6db4;
    /* position: relative; */
}
.journy_col_lft ul li:after {
    /* right: -5px; */
    top: 170px;
    width: 85px;
    height: 5px;
    background: #4d6db4;
    position: absolute;
    content: "";
}
.journy_col_rft ul li:before {
    left: 10px;
    top: 170px;
    width: 82px;
    height: 5px;
    background: #4d6db4;
    position: absolute;
    content: "";
}
.journy_col_rft ul li .jrn-cn {
    display: grid;
   margin-left: 100px;
    }
    .ref-para {
    width: 65%;
    margin: 0 auto;
}