html {
	scroll-behavior: smooth;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #4e4e4e;
	margin: 0;
	transition: .3s all ease;
}
img {
	max-width: 100%;
}
a {
	outline: none !important;
	font-weight: 400;
	text-decoration: none !important;
}
.cf:before,
.cf:after,
.cf:before,
.cf:after,
.container:before,
.container:after,
.row:before,
.row:after {
	content: " ";
	display: table;
}
.cf:after,
.container:after,
.container-fluid:after,
.row:after {
	clear: both;
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.text-center {
	text-align: center;
}

/*custome css*/

.main_view {
	display: block;
}
header {
	padding: 12px 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: rgba(0, 0, 0, .15);
	z-index: 100;
	border-bottom: 1px solid transparent;
	transition: .3s all ease;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .16);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .16);
}
.whiteHeader {
	background: #fff;
	border-bottom: 1px solid #ccc;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .16);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .16);
}
.logo img {
	width: 180px;
	height: 58px;
}
.logo img.white_logo {
	display: block;
}
.logo img.dark_logo {
	display: none;
}
.whiteHeader .logo img.white_logo {
	display: none;
}
.whiteHeader .logo img.dark_logo {
	display: block;
}
.banner_wrap {
	height: 100vh;
	background: url(../img/Banner_One.jpg) no-repeat center;
	background-size: cover;
}
.nav-menu ul,
.nav-menu ul > li,
.nav-menu ul > li a {
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
}
.nav-menu ul {
	margin-top: 14px;
}
.nav-menu ul > li {
	margin-left: 32px;
}
.nav-menu ul > li a {
	font-weight: 600;
	color: #fff;
	padding: 4px 0;
	font-size: 15px;
	transition: .3s all ease;
}
.whiteHeader .nav-menu ul > li a {
	color: #00202D;
}
.nav-menu ul > li a.active {
	color: #039EDA;
}
.pdd_t_b_90 {
	padding: 90px 0;
}
.pdd_b_90 {
	padding: 0 0 90px 0;
}
.who_we_are,
.our_product,
.Our_Offerings,
.contact_wrapper {
	position: relative;
}
.who_we_are .section {
	background: url(../img/who_we_are_bg.png);
	height: 400px;
	background-size: cover;
	background-color: #187CEE;
}
.who_we_are {
	position: relative;
	z-index: 0;
}
.who_we_are:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #F1F3F6;
	height: 50%;
	z-index: 2;
}
.who_we_are .container {
	position: relative;
	z-index: 3;
}
.teddy_img {
	margin-top: -55px;
	max-height: 480px;
}
.who_we_are_content {
	margin-left: 440px;
	padding-right: 60px;
	color: #fff;
	margin-top: 55px;
}
.page_headings {
	position: relative;
	font-size: 36px;
	font-weight: 600;
	margin: 0;
	padding-bottom: 40px;
}
.page_headings:after {
	content: '';
	position: absolute;
	width: 46px;
	height: 5px;
	background: #fff;
	left: 0;
	top: 66px;
}
.our_product .page_headings:after {
	background: #4e4e4e;
}
.our_product .page_headings {
	text-align: center;
}
.our_product .page_headings:after {
	left: 50%;
	margin-left: -23px;
}
.our_product {
	background: url(../img/cloud_bg.svg) no-repeat center bottom #00202D;
	background-size: contain;
	background-color: #F1F3F6;
	padding-top: 35px
}
.our_product .inner {
	padding: 50px;
	background: #fff;
	border: 1px solid #ccc;
}
.our_product .inner h3 {
	margin: 0;
	padding: 0 0 16px;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
}
.product_img_01 {
	background: url(../img/Product_01.jpg) no-repeat;
	background-size: cover;
}
.padd_t_12 {
	padding-top: 12px;
}
.Our_Offerings {
	background: #00202D;
	color: #fff;
	font-weight: 600;
	padding-bottom: 236px;
	background: url(../img/cloud_bg.svg) no-repeat center bottom #00202D;
	background-size: contain;
}
.Our_Offerings h2 {
	color: #fff;
	text-align: center;
}
.Our_Offerings .page_headings:after {
	left: 50%;
	margin-left: -23px;
}
.Our_Offerings_note {
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	padding: 12px 0 40px;
	text-align: center;
}
.Our_Offerings img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}
.Our_Offerings h3 {
	line-height: 80px;
	font-size: 18px;
	font-weight: 600;
}
.Our_Offerings ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 94px;
	position: relative;
}
.Our_Offerings ul:before {
	position: absolute;
	width: 4px;
	height: calc(100% - 5px);
	background: #187cee;
	content: '';
	left: 38px;
	top: -12px;
}
.Our_Offerings ul li {
	line-height: 38px;
	position: relative;
}
.Our_Offerings ul li:before {
	position: absolute;
	height: 4px;
	background: #187cee;
	content: '';
	left: -55px;
	width: 30px;
	top: 17px;
}
.Our_Offerings ul li:after {
	position: absolute;
	background: #187cee;
	width: 12px;
	height: 12px;
	content: '';
	left: -29px;
	top: 13px;
	border-radius: 50%;
}
.Our_Offerings .left_blk {
	text-align: right;
}
.Our_Offerings .col-6 {
	padding-right: 32px;
	padding-left: 32px;
}
.Our_Offerings .left_blk img {
	margin-right: 0;
	margin-left: 8px;
}
.Our_Offerings .left_blk ul:before {
	left: auto;
	right: 38px;
}
.Our_Offerings .left_blk ul {
	padding: 0 94px 0 0;
}
.Our_Offerings .left_blk ul li:before {
	left: auto;
	right: -55px;
}
.Our_Offerings .left_blk ul li:after {
	left: auto;
	right: -29px;
}
.join_us_wrap {
	position: relative;
	z-index: 10;
}
.join_us {
	padding: 60px 0;
	background: url(../img/mail_us.jpg) no-repeat center;
	text-align: center;
	color: #fff;
	margin-top: -147px;
}
.join_us h2 {
	font-size: 32px;
	font-weight: 600;
}
.join_us a {
	font-size: 16px;
	font-weight: 600;
}
.contact_wrapper {
	margin: -142px 0 0;
	padding: 222px 0 80px;
	position: relative;
	z-index: 0;
	background: #187cee;
	background: -moz-linear-gradient(left, #187cee 0%, #3690f0 50%, #f1f1f1 50%, #f1f1f1 100%);
	background: -webkit-linear-gradient(left, #187cee 0%, #3690f0 50%, #f1f1f1 50%, #f1f1f1 100%);
	background: linear-gradient(to right, #187cee 0%, #3690f0 50%, #f1f1f1 50%, #f1f1f1 100%);
}
._white_txt {
	color: #fff;
}
.contact_wrapper ul {
	margin: 0;
	padding: 0 0 0 64px;
	list-style: none;
}
.contact_wrapper ul li {
	position: relative;
}
.contact_wrapper li.location:before,
.contact_wrapper li.ph_number:before,
.contact_wrapper li.mail_icon:before {
	position: absolute;
	width: 50px;
	height: 50px;
	background: url(../img/location.svg) no-repeat;
	content: '';
	left: 0;
	top: 0;
	left: -64px;
}
.contact_wrapper li.ph_number:before {
	background: url(../img/call.svg) no-repeat;
}
.contact_wrapper li.mail_icon:before {
	background: url(../img/mail.svg) no-repeat;
}
.contact_wrapper ul p {
	margin: 0;
	padding: 4px 0 16px;
}
.contact_wrapper ul li.ph_number p,
.contact_wrapper ul li.mail_icon p {
	padding: 0;
	line-height: 50px;
}
.contact_wrapper ul li.ph_number,
.contact_wrapper ul li.mail_icon {
	margin-top: 12px;
}
.contact_wrapper .right_blk {
	padding-left: 65px;
}
.input {
	width: 100%;
	line-height: 30px;
	padding: 15px;
	border: 1px solid #ccc;
}
.contact_wrapper .form_control {
	margin-bottom: 22px;
}
.contact_wrapper .buttom {
	width: 250px;
	height: 60px;
	text-align: center;
	font-weight: 600;
	background: #187CEE;
	color: #fff;
	border: none;
	font-size: 16px;
	cursor: pointer;
}
.contact_wrapper .buttom:hover {
	background: #0055B5
}
.footer_wrap {
	padding: 80px 0;
	background: #00202D;
	color: #fff;
	font-size: 14px;
}
.footer_wrap .contact_note {
	padding-top: 12px;
	margin: 0;
}
.footer_wrap .row {
	margin: 0 -24px;
}
.footer_wrap .col-3 {
	padding: 0 24px;
}
.footer_wrap h4 {
	border-bottom: 2px solid #fff;
	margin: 0;
	padding: 0;
	line-height: 52px;
	font-size: 16px;
}
.footer_wrap ._links ul {
	margin: 0;
	padding: 12px 0 0;
	list-style: none;
}
.footer_wrap ._links ul li a {
	color: #fff;
	line-height: 28px;
	display: block;
}
.footer_wrap ._links ul li a:hover {
	color: #039eda;
}
.footer_wrap ._blog ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer_wrap ._blog ul li {
	padding-top: 20px;
}
.footer_wrap ._blog ul a {
	display: block;
	position: relative;
	padding-left: 54px;
	color: #fff;
}
.footer_wrap ._blog ul a:hover {
	color: #039eda;
}
.footer_wrap .blog_img {
	position: absolute;
	left: 0;
	top: 0;
}
.display_block {
	display: block;
}
.footer_wrap .display_block {
	margin-top: 20px;
}
.footer_wrap ._icon {
	display: inline-block;
	margin-right: 8px;
}
.footer_wrap ._Follow_Us p {
	margin: 20px 0 0;
}
.scroll_to {
	position: absolute;
	left: 0;
	right: 0;
	top: -83px;
}
.contact_wrapper .scroll_to {
	top: 61px;
}
.bx-controls.bx-has-controls-direction {
	display: none;
}
.banner-content .bxslider {
	padding: 0;
	margin: 0;
	list-style: none;
}
.banner_wrap .container,
.banner_wrap .banner-content,
.banner_wrap .bx-wrapper,
.banner_wrap .bx-viewport,
.banner_wrap .bxslider,
.banner_wrap .bxslider li {
	height: 100% !important;
}
.banner_wrap .bxslider li {
	position: relative;
}
.banner_wrap .bxslider li .content {
	position: absolute;
	top: 55%;
	transform: translate(0, -50%);
	left: 0;
	max-width: 600px;
	color: #fff;
}
.banner_wrap .bxslider li .img {
	position: absolute;
	top: 56%;
	transform: translate(0, -50%);
	right: 0;
	max-width: 600px;
	color: #fff;
}
/*.banner_wrap .bxslider li.banner1 .img {
	bottom: 0;
	top: inherit;
	transform: none;
}
.banner_wrap .bxslider li.banner2 .img {
	bottom: 0;
	top: inherit;
	transform: none;
}*/
.banner_wrap .bxslider li h2 {
	font-size: 36px;
}
.mobile_menu {
	display: none;
}

/*mobile css*/

@media screen and (max-width: 767px) {
	header {
		background: #fff;
		position: fixed;
		width: 100vw;
	}
	header .logo img.white_logo {
		display: none;
	}
	header .logo img.dark_logo {
		display: block;
	}
	.nav-menu {
		display: none;
	}
	.logo img {
		width: 140px;
		height: 45px;
	}
	.banner_wrap .bxslider li .img {
		display: none;
	}
	.banner_wrap .bxslider li .content {
		text-align: center;
	}
	.banner_wrap .bxslider li h2 {
		font-size: 26px;
	}
	.who_we_are .section .pull-left {
		display: none;
	}
	.who_we_are_content {
		margin: 0;
		padding: 32px;
	}
	.who_we_are .section {
		background: url(../img/who_we_are_bg.png);
		height: auto;
		background-size: cover;
		background-color: #187CEE;
	}
	.who_we_are,
	.who_we_are .container {
		padding: 0;
	}
	.page_headings {
		font-size: 28px;
	}
	.page_headings:after {
		top: 55px;
	}
	.our_product {
		padding-bottom: 32px;
	}
	.our_product .page_headings {
		text-align: left;
	}
	.our_product .page_headings:after {
		left: 0;
		margin-left: 0;
	}
	.our_product .col-6 {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.our_product .col-6.product_img_01 {
		height: 200px;
	}
	.our_product .inner {
		padding: 32px;
	}
	.Our_Offerings {
		padding-top: 32px;
	}
	.Our_Offerings h2 {
		text-align: left;
	}
	.Our_Offerings .page_headings:after {
		left: 0;
		margin-left: 0;
	}
	.Our_Offerings_note {
		text-align: left;
	}
	.Our_Offerings .col-6 {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 16px;
		padding-left: 16px;
	}
	.Our_Offerings .left_blk img {
		margin-right: 12px;
		margin-left: 0;
		float: left;
	}
	.Our_Offerings h3 {
		text-align: left;
	}
	.Our_Offerings .left_blk ul {
		padding: 0 0 0 94px;
	}
	.Our_Offerings ul li {
		text-align: left;
	}
	.Our_Offerings .left_blk ul:before {
		right: auto;
		left: 38px;
	}
	.Our_Offerings .left_blk ul li:before {
		right: auto;
		left: -55px;
	}
	.Our_Offerings .left_blk ul li:after {
		right: auto;
		left: -29px;
	}
	.Our_Offerings .col-6.left_blk {
		margin-bottom: 28px;
	}
	.Our_Offerings {
		padding-bottom: 32px;
	}
	.join_us_wrap .container {
		padding: 0;
	}
	.join_us_wrap .container .join_us {
		padding: 0;
		margin-top: 0;
	}
	.join_us h2 {
		padding-top: 32px;
		font-size: 24px;
	}
	.join_us a {
		padding-bottom: 32px;
		display: block;
	}
	.contact_wrapper {
		margin: 0;
		padding: 0;
		background: #f1f1f1;
	}
	.contact_wrapper .col-6 {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.join_us {
		background-size: cover;
	}
	.contact_wrapper .col-6._white_txt {
		background: #187cee;
		padding: 32px 15px;
	}
	.contact_wrapper .col-6.right_blk {
		padding: 32px 16px;
	}
	.contact_wrapper .form_control {
		margin-bottom: 16px;
	}
	.contact_wrapper .buttom {
		width: 100%;
		font-size: 18px;
		cursor: pointer;
	}
	.footer_wrap {
		padding: 32px 0 0;
	}
	.footer_wrap .col-3 {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 32px;
	}
	.mobile_menu {
		background: none;
		border: none;
		display: block;
		position: absolute;
		right: 15px;
		top: 28px;
		padding: 0;
		outline: none !important;
	}
	.mobile_menu span {
		display: block;
		height: 3px;
		background: #039eda;
		width: 24px;
		margin-bottom: 4px;
	}
	.open .nav-menu {
		display: block;
		position: absolute;
		top: 70px;
		left: 0;
		background: #fff;
		width: 100%;
	}
	.nav-menu ul {
		margin-top: 0;
		width: 100%;
	}
	.nav-menu ul > li {
		margin-left: 0;
		display: block;
		width: 100%;
	}
	.nav-menu ul > li a {
		font-weight: 600;
		color: #00202d;
		padding: 18px 15px;
		font-size: 15px;
		transition: .3s all ease;
		float: left;
		width: 100%;
		border-top: 1px solid #ddd;
	}
	.scroll_to {
		position: absolute;
		left: 0;
		right: 0;
		top: -70px;
	}
	.contact_wrapper .scroll_to {
		top: -70px;
	}
}