@charset "utf-8";
/* CSS Document */
@import url('vc_linecons.css');
@font-face {
	font-family: 'Avenir';
	src: url(../fonts/AvenirNextLTPro-Demi_gdi.eot);
	src: url(../fonts/AvenirNextLTPro-Demi_gdi.eot?#iefix) format("embedded-opentype"), 
	url(../fonts/AvenirNextLTPro-Demi_gdi.woff) format("woff"), 
	url(../fonts/AvenirNextLTPro-Demi_gdi.ttf) format("truetype"), 
	url(../fonts/AvenirNextLTPro-Demi_gdi.svg#AvenirNextLTPro-Demi) format("svg");
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
}
@font-face {
	font-family: 'Avenir';
	src: url(../fonts/AvenirNextLTPro-Bold_gdi.eot);
	src: url(../fonts/AvenirNextLTPro-Bold_gdi.eot?#iefix) format("embedded-opentype"), 
	url(../fonts/AvenirNextLTPro-Bold_gdi.woff) format("woff"), 
	url(../fonts/AvenirNextLTPro-Bold_gdi.ttf) format("truetype"), 
	url(../fonts/AvenirNextLTPro-Bold_gdi.svg#AvenirNextLTPro-Bold) format("svg");
	font-weight: 700;
	font-style: normal;
	font-stretch: normal
}
@font-face {
	font-family: 'Avenir';
	src: url(../fonts/AvenirNextLTPro-Regular_gdi.eot);
	src: url(../fonts/AvenirNextLTPro-Regular_gdi.eot?#iefix) format("embedded-opentype"), 
	url(../fonts/AvenirNextLTPro-Regular_gdi.woff) format("woff"), 
	url(../fonts/AvenirNextLTPro-Regular_gdi.ttf) format("truetype"), 
	url(../fonts/AvenirNextLTPro-Regular_gdi.svg#AvenirNextLTPro-Regular) format("svg");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal
}
ul, ol {
	margin: 0px;
	padding: 0;
	list-style: none;
}
*, *:before, *:after {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
a, img {
	border: 0px;
	outline: 0px;
	text-decoration: none;
	vertical-align: middle;
}
body {
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	width: 100%;
	overflow-x: hidden;
	font-weight: 400;
	position: relative;
	font-family: Avenir, sans-serif;
}
input, select, textarea, button {
	font-family: Avenir, sans-serif;
	font-size: 14px;
}
input[type=file]:focus, input:focus, select:focus, textarea:focus, button:focus {
	outline: 0px;
}
h1, h2, h3, h4, h5, h6, label {
	margin:0;	
	padding: 0;
	line-height: 1.2;
}
.videopopup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: rgba(0,0,0,0.8);
}
.videopop {
	height: 80vh;
	margin: 0 auto;
	margin-top: 10vh;
	display: table;
	position: relative;
}
.videopop .vpClose {
	position: absolute;
	top: -20px;
	right: -20px;
	width: 40px;
	height: 40px;
	z-index: 2;
	background: #fff;
	color: #333;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	border-radius: 50px;
}
.videopop video, .videopop iframe {
	width: 70vw;
}
.fullbody {
	width: 100%;
	float: left;
	position: relative;
}
.fullpage {
	width: 100%;
	max-width: 1500px;
	min-width: 240px;
	padding-left: 40px;
	padding-right: 40px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	background: #fff;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
.header.fix {
	box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.2)
}
/*.logo {
	float: left;
	width: 30%;
	padding: 20px 0;
	position: relative;
	transition: all .5s;
}
.logo img {
	height: 60px;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}*/
.top_bar {
	float: right;
	width: 70%;
	position: relative;
}
.refer:after {
	position: absolute;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	content: '';
	background: #086eaf;
}
.refer a {
	float: right;
	background: #086eaf;
	color: #fff;
	padding: 10px 0;
	position: relative;
}
.refer a:before {
	position: absolute;
	top: 0;
	left: -50px;
	width: 100%;
	height: 100%;
	background: #086eaf;
	content: '';
	transform: skewX(60deg);
	z-index: -1;
}
.topCnt {
	text-align: right;
	padding-top: 15px;
}
.topCnt a i {
	color: #09397f;
	margin-right: 5px;
}
.topCnt a {
	margin-left: 20px;
	color: #333;
	font-size: 16px;
	padding-left: 30px;
	position: relative;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
.topCnt a:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: '';
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.topCnt a.tel {
	padding-left: 20px;
}
.topCnt a.tel:before {
	width: 14px;
	height: 22px;
	background-image: url(../images/01.png);
}
.topCnt a.wap:before {
	width: 20px;
	height: 20px;
	background-image: url(../images/04.png);
}
.topCnt a.mail:before {
	width: 24px;
	height: 16px;
	background-image: url(../images/03.png);
}
.topCnt a:hover {
	color: #ff8801;
}
.topCnt .tsocial {
	float: right;
	margin-left: 50px;
}
.topCnt .tsocial a {
	float: left;
	font-size: 14px;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 30px;
	margin-left: 10px;
	color: #fff;
	padding: 0;
	background-color: #9c9b9b;
}
.topCnt .tsocial a.fb:hover {
	background-color: #3b579d;
}
.topCnt .tsocial a.tw:hover {
	background-color: #2caae1;
}
.topCnt .tsocial a.in:hover {
	background-color: #007bb6;
}
.topCnt .tsocial a i {
	color: #fff;
	margin-right: 0;
}
.topCnt .tsocial a:hover {
	background-color: #333;
}
.menu_nav {
	background-color:#edf2f5;
	    margin-top: 23px;
}
.micon, .mclose {
	display: none;
}
@media only screen and (min-width :979px) {
	ul.menu {
		float: left;
		width: 70%;
		list-style-type: none;
		position: relative;
		z-index: 1;
	}
	ul.menu:before {
		position: absolute;
		top: 0px;
		right: 0;
		background: #09397f;
		content: '';
		height: 1px;
		width: 500%;
		transform: skewX(55deg);
	}
	/*ul.menu::after {
	    position: absolute;
	    bottom: 0;
	    right: -36px;
	    content: '';
	    border-right: 1px solid #09397f;
	    background: #fff;
	    width: 100px;
	    height: 45px;
	    transform: skewX(55deg);
	}*/
	ul.menu li {
		float: left;
		margin-right: 30px;
		position: relative;
	}
	ul.menu li:first-child {
		margin-left: 0
	}
	ul.menu li a b {
		font-weight: 600;
	}
	ul.menu li a {
		float: left;
		position: relative;
	    padding: 15px 0;
	    color: #000;
		font-weight:600;
	    font-size: 16px;
	    letter-spacing: 1px;
	    line-height: 20px;
		transition: all ease-in-out .5s;
		-webkit-transition: all ease-in-out .5s;
	}
	ul.single {
		position: absolute;
		top: 100%;
		left: -30px;
		width: 250px;
		background: #fff;
		display: none;
		padding: 10px;
		box-shadow: 0px 5px 14px -5px rgba(0,0,0,0.1)
	}
	ul.menu li:hover ul.single {
		display: block;
	}
	ul.menu ul li a i {
		float: right;
	}
	ul.menu ul li {
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
	}
	ul.menu ul li a {
		width: 100%;
		float: left;
		color: #222;
		border: 0px;
		font-size: 14px;
		letter-spacing: 0px;
		font-weight: 400;
		padding: 10px 15px;
		line-height: 1.3;
	}
	ul.menu > li:hover a, 
	ul.menu > li a.active {
		color: #ff8801;
		transition: all .5s;
		
	}	
	ul.menu > li:hover li a {
		color: #333;
		transition: all .5s;
		
	}
	ul.menu ul li a:hover {
		color: #ff8801;
		background:#ddd;
	}
	ul.menu li a .fa-envelope {
		color: #ff8801;
	}
	.login {
		float: right;
		width: 30%;
		padding-left: 50px;
		position: relative;
		background: #eee;
	}
	.login:after {
		position: absolute;
		top: 0px;
		left: 100%;
		background: #eee;
		content: '';
		height: 100%;
		width: 100%;
	}
	.login {
		float: right;
		width: 30%;
		padding-left: 50px;
		position: relative;
		background: #eee;
	}
	.login:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 500%;
		height: 1px;
		content: '';
		z-index: 1;
		background: #ddd;
	}
	.login ul {
		float: right;
	}
	.login li {
		float: left;
		padding: 10px 0;
		margin-left: 20px;
		position: relative;
	}
	.login li a i {
		margin-right: 5px;
	}
	.login li a {
		float: left;
		position: relative;
	    padding: 5px 15px;
	    border-radius: 30px;
	    background: #ff8b08;
	    color: #fff;
	    font-size: 14px;
	    line-height: 20px;
	    transition: all ease-in-out .5s;
	    -webkit-transition: all ease-in-out .5s;
	}
	.login li:last-child a {
	    background: #086eaf;
	}
	.login li a:hover {
	    color: #fff;
	    background: #333;
	}
}
/* ---- banner ---- */
.mtop {
	/*height: 150px;*/
	height: 130px;
}
.homebanner {
	background-size: cover;
	background-position: center;
	background-image: url(../images/b1.jpg);
	overflow: hidden;
	height: calc(100vh - 150px);
	position: relative;
}
.homebanner:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	opacity: 0.6;
	background: #086eaf;
	background: #414141;
}
.homebanner0:before {
	position: absolute;
	top: 0;
	right: -25%;
	width: 50%;
	height: 100%;
	content: '';
	opacity: 0.2;
	background: #000;
	z-index: 1;
	transform: skewX(-25deg);
	-webkit-transform: skewX(-25deg);
}
.videobanner, .imagebanner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.videobanner video {
	min-height: 100%;
	min-width: 100%;
}
.imagebanner .item {
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
/*start of fade*/
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.videobanner video {
	min-height: 100%;
	min-width: 100%;
}
.homebanner .fullpage {
	z-index: 3;
}
.banner_text {
	top: 50%;
	left: 6%;
	color: #fff;
	width: 45%;
	z-index: 2;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.banner_text h2 {
	font-size: 32px;
	line-height: 1;
	color: #fff;
	font-weight: 600;
	margin-bottom: 20px;
	letter-spacing: 1px;
}
.banner_text h3 {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3;
}
.banner_link a {
	float: left;
	width: 250px;
	height: 100px;
	display: grid;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 2px;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	background: #086eaf;
	margin-right: 25px;
	margin-top: 15px;
	border-bottom: 20px solid #fff;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
/*.banner_link a:after {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 152px;
	height: 152px;
	border-radius: 100%;
	content: '';
	z-index: -1;
    background-image: linear-gradient(bottom, #F24D55 56%, #FF924F 57%, #FFC164 74%, #62C374 74%, #F24D55 34%, #00AEDA 33%);
	background-image: -o-linear-gradient(bottom, #F24D55 56%, #FF924F 57%, #FFC164 74%, #62C374 74%, #F24D55 34%, #00AEDA 33%);
	background-image: -moz-linear-gradient(bottom, #F24D55 56%, #FF924F 57%, #FFC164 74%, #62C374 74%, #F24D55 34%, #00AEDA 33%);
	background-image: -webkit-linear-gradient(bottom, #F24D55 56%, #FF924F 57%, #FFC164 74%, #62C374 74%, #F24D55 34%, #00AEDA 33%);
	background-image: -ms-linear-gradient(bottom, #F24D55 56%, #FF924F 57%, #FFC164 74%, #62C374 74%, #F24D55 34%, #00AEDA 33%);
	-webkit-animation-name: rotate; 
	    -webkit-animation-duration: 2s; 
	    -webkit-animation-iteration-count: infinite;
	    -webkit-animation-timing-function: linear;
	    -moz-animation-name: rotate; 
	    -moz-animation-duration: 2s; 
	    -moz-animation-iteration-count: infinite;
	    -moz-animation-timing-function: linear;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.56, #F24D55),
		color-stop(0.57, #FF924F),
		color-stop(0.74, #FFC164),
		color-stop(0.74, #62C374),
		color-stop(0.34, #F24D55),
		color-stop(0.33, #00AEDA)
	);
}*/
.banner_link a .div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	z-index: 5;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.banner_link a .div:before {
	display: block;
	text-align: center;
	content: '\f0f6';
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 300;
	font-family: 'FontAwesome'
}
.banner_link .linkTitle span {
	height: 150px;
	position: absolute;
	width: 10px;
	left: 0;
	top: 0;
	transform-origin: bottom center;
}
.banner_link h6 {
	position: absolute;
	z-index: 10;
	width: 100%;
	bottom: -15px;
	font-weight: 600;
	color: #111;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.banner_link a:hover {
	color: #086eaf;
	background: #fff;
	border-bottom: 20px solid #ff8b08;
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}
/*banner_process*/
.banner_process {
	top: 50%;
	right: 6%;
	color: #fff;
	width: 35%;
	z-index: 2;
	position: absolute;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.banner_process ul {
	text-align: center;
	float: right;
	width: 100%;
}
.banner_process li {
	float: left;
	position: relative;
	width: 140px;
	height: 140px;
	border-radius: 100%;
	color: #333;
	background: #fff;
	text-align: center;
}
.banner_process li:after {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 142px;
	height: 142px;
	content: '';
	z-index: -1;
	background: #ff8b08;
}
.banner_process li:before {
	position: absolute;
    width: 55px;
    height: 1px;
    content: '';
    background: #ff8b08;
}
.banner_process li:nth-child(1)::before {
    top: 156px;
    left: 133px;
    transform: rotate(-140deg);
}
.banner_process li:nth-child(5)::before {
    top: -15px;
    left: -43px;
    transform: rotate(-140deg);
}
.banner_process li:nth-child(2)::before {
    top: 152px;
    left: -44px;
    transform: rotate(140deg);
}
.banner_process li:nth-child(4):before {
    top: -15px;
    left: 129px;
    transform: rotate(140deg);
}
.banner_process li.center:after, .banner_process li.center:before {
	display: none;
}
.banner_process li:nth-child(1):after {
	border-radius: 100% 100% 0 100%;
}
.banner_process li:nth-child(2):after {
	border-radius: 100% 100% 100% 0;
}
.banner_process li:nth-child(4):after {
	border-radius: 100% 0 100% 100%;
}
.banner_process li:nth-child(5):after {
	border-radius: 0 100% 100% 100%;
}
.banner_process li:nth-child(2), .banner_process li:nth-child(5) {
	float: right;
}
.banner_process li img {
	height: 30px;
}
.banner_process li .txt {
	position: absolute;
	top: 50%;
	line-height: 1.2;
	left: 50%;
	width: 80%;
	z-index: 5;
	font-weight: 600;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.banner_process li .txt:after {
	position: absolute;
	color: #fff;
}
.banner_process li:nth-child(1) .txt::after {
    bottom: -32px;
    right: -6px;
    content: '1';
}
.banner_process li:nth-child(2) .txt::after {
    bottom: -32px;
    left: -6px;
    content: '2';
}
.banner_process li:nth-child(4) .txt::after {
    top: -30px;
    right: -6px;
    content: '3';
}
.banner_process li:nth-child(5) .txt::after {
    top: -30px;
    left: -6px;
    content: '4';
}
.banner_process li.center {
    display: inline-block;
    position: relative;
    float: none;
    width: 120px;
    height: 90px;
    border-radius: 0;
    background: #ff8b08;
    color: #fff;
    text-align: center;
    margin-top: 169px;
    margin-bottom: 26px;
}
.banner_process li.center span {
	font-size: 20px;
}
/*home_about*/
.home_about {
	padding: 50px 0;
}
.home_about:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	content: '';
	z-index: 1;
	background: #fff url(../images/bg.png) 200px repeat;
}
.home_about .fullpage {
	z-index: 2;
}
.ha_title {
	float: left;
	width: 40%;
	color: #414141;
	font-size: 34px;
}
.ha_title span {
	display: block;
	color: #09397f;
	font-weight: 600;
}
.ha_title:after {
	display: block;
	margin: 15px 0;
	width: 50px;
	height: 3px;
	background: #086eaf;
	content: '';
}
.ha_text {
	float: right;
	width: 55%;
	color: #4c4c4c;
	font-size: 16px;
	line-height: 1.5;
}
.ha_text p:first-child {
	display: block;
	margin-bottom: 20px;
	font-size: 20px;
}
/*process_links*/
.process_links {
	padding: 50px 0;
	text-align: center;
}
.process_links li {
	width: 25%;
	float: left;
	padding: 0 25px;
	line-height: 1.4;
	font-size: 16px;
	position: relative;
	font-weight: 600;
}
.process_links li:after {
	position: absolute;
	top: 50%;
	right: -15px;
	content: '';
	width:  32px;
	height: 27px;
    background-image: url(../images/arrowr.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
      -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-animation-name: wobble;
          animation-name: wobble;
          -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.process_links li:last-child:after {
	display: none;
}
.process_links li img {
	height: 60px;
	display: inline-block;
	margin-bottom: 20px;
}
/*home_services*/
/*.home_services {
	padding-top: 50px;
	background: #f2f2f2;
	font-size: 16px;
	text-align: center;
}
.home_services h2 {
	font-size: 34px;
	line-height: 1.2;
	font-weight: 400;
	color: #414141;
	margin-bottom: 15px;
}
.home_services h2:after {
	display: block;
	margin: 10px 0;
	width: 50px;
	height: 3px;
	background: #f38130;
	content: '';
	margin-left: calc(50% - 25px);
}
.home_services ul {
	margin-top: 40px;
}
.home_services ul li {
	width: 25%;
	float: left;
}
.home_services ul li a {
	width: 100%;
	float: left;
	position: relative;
	height: 50vh;
	color: #fff;
	overflow: hidden;
	text-align: center;
	background-position: center;
	background-size: cover;
}
.home_services ul li a span {
	z-index: 5;
	position: absolute;
	left: 0;
	width: 100%;	
    transition: all .42s cubic-bezier(0.4, 0, 0.2, 1);
}
.home_services ul li a .title {
	top: calc(100% - 50px);
	font-weight: 600;
	padding: 0 10px;
	font-size: 18px;
	line-height: 1.2;
}
.home_services ul li a:hover .title {
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.home_services ul li a .exploreBtn {
	bottom: -100%;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.home_services ul li .exploreBtn i {
	margin-right: 5px;
	font-size: 18px;
}
.home_services ul li a:hover .exploreBtn {
	bottom: 20px;
}
.home_services ul li a:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	content: '';
    background: linear-gradient(to top, #e87e7a 0%, transparent 100%);
    background: -webkit-linear-gradient(to top, #e87e7a 0%, transparent 100%);
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
.home_services ul li:nth-child(2) a:before {
    background: linear-gradient(to top, #898cb6 0%, transparent 100%);
    background: -webkit-linear-gradient(to top, #898cb6 0%, transparent 100%);
}
.home_services ul li:nth-child(3) a:before {
    background: linear-gradient(to top, #75c3b7 0%, transparent 100%);
    background: -webkit-linear-gradient(to top, #75c3b7 0%, transparent 100%);
}
.home_services ul li:nth-child(4) a:before {
    background: linear-gradient(to top, #73bde9 0%, transparent 100%);
    background: -webkit-linear-gradient(to top, #73bde9 0%, transparent 100%);
}
.home_services ul li a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    content: '';
    opacity: 0;
    background: #e87e7a;
    transition: opacity .42s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: opacity .42s cubic-bezier(0.4, 0, 0.2, 1);
}
.home_services ul li a:hover::after {
    opacity: 1;
    transition: opacity .42s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: opacity .42s cubic-bezier(0.4, 0, 0.2, 1);
}
.home_services ul li a:hover::before {
	bottom: -100%;
}
.home_services ul li a:hover:after {
	background: #e87e7a;
}
.home_services ul li:nth-child(2) a:hover:after {
	background: #898cb6;
}
.home_services ul li:nth-child(3) a:hover:after {
	background: #75c3b7;
}
.home_services ul li:nth-child(4) a:hover:after {
	background: #73bde9;
}*/
/*.home_benefits*/
.home_benefits {
	background: #eee url(../images/footer-pattern.png);
	background-repeat: repeat;
	background-size: 100%;
	padding: 80px 0;
	text-align: center;
}
.home_benefits h2 {
	color: #111;
	font-size: 40px;
	margin-bottom: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.home_benefits li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	text-align: center;
	position: relative;
	margin-top: 60px;
	font-size: 16px;
}
.home_benefits li span {
	min-height: 130px;
	padding: 50px 30px 30px 30px;
	position: relative;
	z-index: 1;
	display: block;
	background: #fff;
}
.home_benefits li:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333;
	content: '';
	transform: skew(2deg,2deg);
}
.home_benefits li:nth-child(4n+4) {
	margin-right: 0;
}
.home_benefits li:before {
	position: absolute;
	top: 0;
	left: 50%;
	content: attr(data-num);
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	background: #ff830a;
	font-size: 20px;
	z-index: 2;
	border-radius: 100%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.home_benefits li:nth-child(2):before {
	background: #da4040;
}
.home_benefits li:nth-child(3):before {
	background: #6fc321;
}
.home_benefits li:nth-child(4):before {
	background: #22d18c;
}
.home_benefits li:nth-child(5):before {
	background: #22b9d1;
}
.home_benefits li:nth-child(6):before {
	background: #2275d1;
}
.home_benefits li:nth-child(7):before {
	background: #514ec3;
}
.home_benefits li:nth-child(8):before {
	background: #8f3acb;
}
.home_benefits li:nth-child(9):before {
	background: #e148ca;
}
.home_benefits li:nth-child(10):before {
	background: #91d126;
}
.home_benefits li:nth-child(11):before {
	background: #00c9c2;
}
/*foo_contact*/
.foo_contact {
	background: #f2f2f2;
}
.fc_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
.fc_form {
	background: #f2f2f2;
	padding: 50px;
	width: 60%;
	float: right;
	color: #414141;
}
.fc_form h2 {
	margin-bottom: 20px;
	font-size: 28px;
	line-height: 1.2;
	font-weight: 600;
	color: #111;
}
.fc_form form {
	margin-top: 30px;
}
.hideDIv {
	display: none;
}
.divtwo {
	width: 49%;
	float: left;
}
.divtwo.right {
	float: right;
}
.fc_form input ,
.fc_form select ,
.fc_form textarea {
	width: 100%;
	float: left;
	height: 60px;
	padding: 15px;
	color: #4c4c4c;
	font-size: 15px;
	border: 0px;
	background: #fff;
	margin-bottom: 20px;
}
.fc_form textarea {
	height: 100px;
}
.fc_form button {
	float: left;
	height: 60px;
	background: #414141;
	font-weight: 600;
	letter-spacing: 2px;
	border: 0px;
	text-transform: uppercase;
	color: #fff;
	padding: 0 30px;
	cursor: pointer;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
.fc_form button:hover {
	background: #086eaf;
}
/*foo_socail*/
.foo_socail li {
	float: left;
	width: calc(100% / 7);
}
.foo_socail li a {
	height: 200px;
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	color: #fff;
	background: #5d1d54;
	padding: 30px;	
	overflow: hidden;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
.foo_socail li:nth-child(2) a {
	background: #f7b789;	
}
.foo_socail li:nth-child(3) a {
	background: #a2cd77;	
}
.foo_socail li:nth-child(4) a {
	background: #76c17e;	
}
.foo_socail li:nth-child(5) a {
	background: #2c99b6;	
}
.foo_socail li:nth-child(6) a {
	background: #0b5d8f;	
}
.foo_socail li:nth-child(7) a {
	background: #ee7687;	
}
.foo_socail li span {
	line-height: 140px;
	font-size: 40px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
.foo_socail li:hover span {
	line-height: 60px;
	font-size: 30px;
}
.foo_socail li .hoverSocail {
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 50%;
	font-size: 16px;
	padding: 0 10px;
	padding-top: 30px;
	line-height: 1.2;
	background: rgba(0,0,0,0.5);
	word-break: break-all;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
.foo_socail li:hover .hoverSocail {
	bottom: 0;
}
.foo_socail li .hoverSocail b {
	display: block;
	font-weight: 600;
	font-size: 20px;
}
/*home_enquire*/
.home_enquire {
	background: #485ca8;
	padding: 50px 0;
	color: #fff;
}
.home_enquire h2 {
	float: left;
	font-size: 30px;
	font-weight: 400;
	line-height: 36px;
}
.home_enquire h2 span {
	display: block;
	font-size: 14px;
	margin-top: 10px;
	font-weight: 400;
	line-height: 22px;
}
.home_enquire a {
	float: right;
	background: #fff;
	color: #333;
	font-size: 13px;
	font-weight: 600;
	padding: 5px 25px;
	border: 1px solid #fff;
	border-radius: 25px;
	margin-top: 20px;
	transition: all .5s;
}
.home_enquire a:hover {
	background: transparent;
	color: #fff;
	transition: all .5s;
}
/*footer*/
footer {
	padding: 20px 0;
}
.fbox {
	width: 23.5%;
	float: left;
	margin-right: 2%;
}
.fbox.last, .fbox:last-child {
	margin-right: 0;
}
.fbox h4 {
	font-size: 28px;
	margin: 20px 0;
	color: #134367;
	font-family: "futura","futura-pt","geomanist","Open Sans",sans-serif;
	font-weight: 400;
}
.fbox p , .fbox li {
	width: 100%;
	float: left;
	padding: 5px 0;
}
.fbox p a, .fbox li a {
	float: left;
	color: #333;
	font-size: 13px;
	transition: all .5s;
}
.fbox li a:hover {
	color: #134367;
	transition: all .5s;
}
.fbox p a {
	font-size: 14px;
}
.fbox p a i {
	color: #134367;
	margin-right: 5px;
}
.social {
	float: left;
	margin-top: 20px;
	list-style: none;
}
.social li {
	float: left;
	width: auto;
}
.social li a {
	float: left;
	padding: 0;
	margin:0 10px;
	font-size: 20px;
	color: #134367;
	transition: all .5s;
}
.social li a:hover {
	color: #333;
	transition: all .5s;
}
.copyrights {
	margin-top: 20px;
	padding: 20px 0;
	border-top: 1px solid #ddd;
	color: #333;
	font-size: 13px;
}

.services .stxt {
	padding: 25px;
	background: #f5f5f5;
	margin-bottom: 20px;
}
.services_left {
	float: left;
	width: 70%;
}
.services_right {
	float: right;
	width: 27%;
}
.sr_menu {
	background: #eee;
	min-height: 100px;
	transform: translateY(-108px);
}
.stick {
	position: sticky;
	-webkit-position: sticky;
	-moz-position: sticky;
	-o-position: sticky;
	position: -webkit-sticky;
	top: 200px;
	right: 0;
}
.services_right h3 {
	line-height: 1;
	padding: 20px;
	font-size: 18px;
	color: #111;
}
.services_right h3 i {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 58px;
	text-align: center;
	line-height: 58px;
	background: #ddd;
}
.services_right li {
	padding: 10px 20px;
	color: #333;
	cursor: pointer;
	border-bottom: 1px solid #e5e5e5;
}
.contact .map {
	width: 60%;
	float: right;
	height: 300px;
	border: 1px solid #eee;
}
.contact .map iframe {
	width: 100%;
	height: 100%;
	border: 0px;
}
.contact .address {
	min-height: 300px;
	float: left;
	width: 40%;
	background: #f5f5f5;
	border: 1px solid #eee;
	padding: 40px;
}
.address p img {
	width: 20px;
	float: left;
	margin-top: 5px;
	margin-right: 15px;
}
.address p i {
	font-size: 20px;
	color: #346a93;
	float: left;
	margin-top: 1px;
	margin-right: 15px;
}
.address p span {
	width: calc(100% - 35px);
	float: left;
}
.cntForm {
    margin-top: 50px;
}
.cntForm form {
    margin-top: 30px;
}
.span2 {
    width: 48%;
    float: left;
}
.span2:nth-child(even) {
    float: right;
}
.cntForm label {
    font-size: 12px;
    text-transform: uppercase;
    color: #111;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 0;
    display: block;
}
.cntInput {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    height: 50px;
    padding: 0 10px;
    border: 0px solid #eee;
    background: #f5f5f5;
}
textarea.cntInput {
    height: 140px;
    padding: 10px;
}
.cntBtn {
    float: right;
    height: 60px;
    padding: 0 50px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background: #235696;
    cursor: pointer;
    border: 0px;
    border-radius: 60px;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.cntBtn:hover {
    background: #123c70;
}
.links li, .links li a {
	width: 100%;
	float: left;
}
.links li a {
	padding-left: 40px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #f5f5f5;
	color: #333;
	position: relative;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
.links li:last-child a {
	border-bottom: 0px;
	margin-bottom: 0;
	padding-bottom: 0
}
.links li a span {
	font-size: 20px;
	font-weight: 600;
	color: #111;
	line-height: 1.2;
	display: block;
}
.links li a:hover span {
	color: #3764eb;
}
.links li a:before {
	position: absolute;
	top: 0;
	width: 30px;
	height: 30px;
	color: #fff;
	background: #346a93;
	left: 0;
	line-height: 30px;
	text-align: center;
	border-radius: 30px;
	content: '\f0c1';
	font-family: 'FontAwesome';
}

.page_txt {
    padding-left: 50px;
}
.page_txt h2:first-child {
    margin-top: 0;
}
.page_txt h2 {
    margin-top: 30px;
}
.page_txt h2:before {
    position: absolute;
    top: 0;
    left: -44px;
    height: 100%;
    width: 5px;
    content: '';
    background: #3764eb;
}
/*.home_bottom*/
.home_bottom {
	background-image: url(../images/bg1.jpg);
	background-size: cover;
	background-position: center;
	padding: 100px 0;
	text-align: center;
	color: #fff;
}
.home_bottom:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: #123c70;
	opacity: 0.7;
}
.home_bottom .fullpage {
	z-index: 2;
	position: relative;
}
.home_bottom h3 {
	font-size: 50px;
	font-weight: 800;
	margin-bottom: 30px;
	display: block;
}
.home_bottom h5 {
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 30px;
	display: block;
}
.home_bottom a {
	display: inline-block;
	padding: 15px 50px;
	border-radius: 3px;
	color: #fff;
	background: #C5003E;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
.home_bottom a:hover {
	color: #C5003E;
	background: #fff;
	box-shadow: 0px 0px 14px 5px rgba(0,0,0,0.2)
}
	.contact .map {
	width: 60%;
	float: right;
	height: 300px;
	border: 1px solid #eee;
}
.contact .map iframe {
	width: 100%;
	height: 100%;
	border: 0px;
}
.contact .address {
	min-height: 300px;
	float: left;
	width: 40%;
	background: #f5f5f5;
	border: 1px solid #eee;
	padding: 40px;
}
.address p img {
	width: 20px;
	float: left;
	margin-top: 5px;
	margin-right: 15px;
}
.address p i {
	font-size: 20px;
	color: #346a93;
	float: left;
	margin-top: 1px;
	margin-right: 15px;
}
.address p span {
	width: calc(100% - 35px);
	float: left;
}
.cntForm {
    margin-top: 50px;
}
.cntForm form {
    margin-top: 30px;
}
.span2 {
    width: 48%;
    float: left;
}
.span2:nth-child(even) {
    float: right;
}
.cntForm label {
    font-size: 12px;
    text-transform: uppercase;
    color: #111;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 0;
    display: block;
}
.cntInput {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    height: 50px;
    padding: 0 10px;
    border: 0px solid #eee;
    background: #f5f5f5;
}
textarea.cntInput {
    height: 140px;
    padding: 10px;
}
.cntBtn {
    float: right;
    height: 60px;
    padding: 0 50px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background: #235696;
    cursor: pointer;
    border: 0px;
    border-radius: 60px;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.cntBtn:hover {
    background: #123c70;
}
.links li, .links li a {
	width: 100%;
	float: left;
}
.links li a {
	padding-left: 40px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #f5f5f5;
	color: #333;
	position: relative;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
	font-size:14px;
}
.links li:last-child a {
	border-bottom: 0px;
	margin-bottom: 0;
	padding-bottom: 0
}
.links li a span {
	font-size: 16px;
	font-weight: 600;
	color: #111;
	line-height: 1.2;
	display: block;
}
.links li a:hover span {
	color: #3764eb;
}
.links li a:before {
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    color: #fff;
    background: #346a93;
    left: 0;
    line-height: 26px;
    text-align: center;
    border-radius: 15px;
    content: '\f0c1';
    font-family: 'FontAwesome';
}


	/*jobpositions*/
.jobpositions{
    padding: 40px 0; width: 100%; display: table;
    position: relative;
    z-index: 9;
    background-color: #fff;
}



.mainjobsbox {
    display: table;
    width: 100%;
    clear: both;
    font-size: 16px;
    padding: 20px 25px;
    margin-bottom: -1px;
    transition: all .3s;
    background-color: #fff;
    /* border: 1px solid #e1e1e1; */
    box-shadow: -1px 5px 15px 4px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
}
.mainjobsbox a {
    width: 100%;
    height: 100%;
    display: table;
    outline: none;
    text-decoration: none;
    color: #000
}
.mainjobsbox:hover {
    background: #fff6e1;
    transition: all .3s;
}
.companyimage {
    width: 100px;
    float: left;
    background: #fff;
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
	margin-right: 11px;
}
.companyimage img {
    width: 100%;
    display: table;
    margin: auto;
}
.job_des {
    width: 88%;
    float: right;
    position: relative;
}
.job_des h4 {
    color: #222;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: bold;
}
.com_name {
    font-size: 19px;
        width: 79%;
    font-weight: 600;
    color: #ff5e14;
    margin-bottom: 15px;
}
.jobloc_map {
    width: 100%;
    list-style-type: none;
    float: left;
    padding: 0px;
    margin: 10px 0px 20px 0;
}
.jobloc_map li{
    float: left;
    margin-right: 20px;
    font-size: 16px;
    color: #000;
    clear: none;
    font-weight: 400;
    display: inline-block;
    width: auto;
    padding-left: 0px;
}
.pgleftbx  ul.jobloc_map{margin: 0px;}
.pgleftbx  ul.jobloc_map li{padding: 0px; clear: none;}
.jobloc_map li:before{display: none;}
.jobloc_map li em {
    margin-right: 10px;
}
.job_des p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height:26px;
}
.job_des p b{font-weight: 600; color: #000; font-size: 18px;}
.fulltime, .parttime {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 4px 15px;
    border-radius: 3px;
    letter-spacing: 1px;
    background: #ff5e14;
}
.parttime {
    background: #ff8800;
}
.left_num {
    width: 100%;
    background: #c1282d url(../images/banner3.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right;
    background-size: auto;
    padding: 15px;
    float: left;
    height: 150px;
    position: relative;
    margin-top: 0px;
}
.left_num:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    content: '';
    background: rgba(0, 0, 0, .8);
}
.left_num h4 {
    color: #fff;
    text-align: center;
    font-size: 32px;
    position: absolute;
    z-index: 9;
    left: 0px;
    right: 0px;
    margin: auto;
    width: auto;
    top: 40%;
}
.f_jobslist {
    width: 100%;
    float: left;
    margin-top: 0px;
    list-style-type: none;
    padding: 0px;
}
.f_jobslist li {
    border: 1px solid #ccc;
    padding: 20px 10px;
    width: 50%;
    float: left;
    margin-bottom: -1px;
    margin-left: -1px;
}
.f_jobslist li img {
    width: 100%;
}


.pagination{float: right;}
.innerpgbx1 p b{color: #1a99d5; font-weight: 700; font-size: 18px;}

ul.fuf{padding-left: 30px;}
.pgleftbx ul.fuf li{margin-bottom: 5px; padding-left: 25px;}
.pgleftbx ul.fuf li a{color: #1a99d5;}
.pgleftbx ul.fuf li:before{color: #1a99d5; font-size: 10px;}
/*jobpositions*/
/*.home_clients*/
.home_clients {
	padding: 50px 0;
}
.client_scroll {
	position: relative;
}
.client_scroll .caroufredsel_wrapper {
	height: 100px !important;
}
.client_scroll li {
	list-style: none;
	float: left;
	width: 16.6%;
	text-align: center;
	/*padding: 0 5px;*/
}
.client_scroll li img {
	max-height: 100px;
	max-width: 100%;
	display: inline-block;
	margin-top: 20px;
}
#cprev , #cnext {
	position: absolute;
	top: 40%;
	left: 0;
	color: #999;
	font-size: 30px;
	cursor: pointer;
	z-index: 9;
	transition: all .5s;
}
#cnext {
	left: auto;
	right: 0;
}
#cprev:hover , #cnext:hover {
	color: #555;
	transition: all .5s;
}

/*copyrights*/
/*.copyrights {
	padding: 25px 0;
	background: #19222c;
	line-height: 20px;
	color: #ddd;
	font-size: 13px;
}
.copyrights ul {
	float: right;
	list-style: none;
}
.copyrights li {
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	line-height: 20px;
	border-right: 1px solid #202933;
}
.copyrights li:last-child {
	border: 0px;
}
.copyrights li a {
	color: #ddd;
	float: left;
}
.copyrights li a:hover {
	color: #fff;
}
.copyrights span {
	float: left;
}*/
.scrollup {
    position: fixed;
    bottom: 0;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 4px 4px 0 0;
    background: #fff;
    color: #111;
    border: 1px solid #111;
    border-bottom: 0px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    z-index: 99;
    display: none;
}



/*.section_one*/
.section_one,.section_two {
    background : #eceeef;
    padding: 50px 0
}
.rowLM10 {
    margin-left: -15px
    margin-right: -15px
}
.so_list li {
    width: 25%;
    float: left;
    padding: 20px 15px;
    position: relative;
}
.so_list li.textOnly {
    width: 50%;
    font-size: 24px;
    padding-right: 30px
}
.so_list li.textOnly h2 {
    font-size: 52px;
    color: #000;
    margin-bottom: 10px;
}
.so_list li.textOnly h2 span {
    color: #e7420a;
}
.so_list li.textOnly a {
    float: left;
    color: #e7420a;
    border: 2px solid #e7420a;
    margin-top: 30px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 50px;
    padding: 10px 20px;    
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.so_list li.textOnly a:hover {
    color: #fff;
    background:#e7420a;
}
.so_list li .a {
    background: #fff;
    border-radius: 10px;
    padding: 50px;
    min-height: 350px;
    text-align: center;
    border : 1px solid rgba(0,0,0,.1);
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.so_list li .a  h3 {
    font-size: 26px;
    color: #111;
    margin: 20px 0
}
.so_list li .a  img {
    height: 120px;
    display: inline-block;
    margin-bottom: 10px
}
.so_list li .a a {
    color: #e7420a;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
.so_list li .a a span {
    margin-left: 5px;
    width: 17px;
    height: 17px;
    line-height: 13px;
    border: 2px solid #e7420a;
    border-radius: 30px;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.so_list li .a a:hover span {
    margin-left: 10px;
}
.so_list li .a:hover {
    box-shadow: 0 7px 30px -10px rgba(150,170,180,.5)
}
.top_right_black,.bottom_left_dark {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 2;
    display: none;
}
.bottom_left_dark {
    top: inherit;
    bottom: 0
}
.bottom_left_dark img,
.top_right_black img {
    width: 100%
}

/*step_process*/
.step_process {
	padding: 40px 0;
	text-align: center;
}
.step_process h2 {
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 15px;
}
.step_process h2:after {
	display: block;
	margin: 10px 0;
	width: 60px;
	height: 2px;
	content: '';
	background: #333;
	margin-left: calc(50% - 30px)
}
.step_process li {
	width: 33%;
	float: left;
	padding: 0 25px;
	margin-top: 20px;
    background-image: url(images/arrowr.png);
    background-position: 100% 30px;
    background-repeat: no-repeat;
    background-size: 20px 18px, cover;
}
.step_process li:last-child {
	background-image: none
}
.step_process li .icon {
	display: inline-block;
	height: 100px;
	width: 100px;
	padding: 20px;
	background: #3f60ac;
	border-radius: 100%;
}
.step_process li img {
	width: 100%;
}
.step_process li h5 {
	margin: 15px 0;
	line-height: 1;
	font-size: 20px;
	color: #111;
}
.step_process a {
	padding: 10px 40px;
	border-radius: 50px;
	background: #333;
	color: #fff;
	display: inline-block;
	margin-top: 40px;
	font-size: 16px;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
.step_process a:hover {
	background: #3f60ac;
}
/*home_about*/
.home_about {
	padding: 50px 0;
}
.home_about .title {
	float: left;
	width: 35%;
    color: #323232;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.4;
}
.home_about .title h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 15px;
}
.home_about .text {
    width: 65%;
    float: right;
    font-size: 17px;
    color: #595959;
}
.home_about .text h2 {
    font-size: 23px;
    font-weight: 400;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.4;
}
.home_about .text .div {
	width: 100%;
	padding-left: 50px;
	text-align: justify;
	float: left;
}
.home_about .text .div2 {
	width: 40%;
	float: left;
	display: none;
}
.home_about .text li {
	width: 100%;
	float: left;
	padding: 8px;
	padding-left: 15px;
	position: relative;
}
.home_about .text li:before {
	position: absolute;
	top: 6px;
	left: 0;
	content: '\f105';
	font-family: 'FontAwesome';
}ul.menu {
    width: 100%;
	}
	
.logo {
	float: left;
	/*padding-top: 15px;*/
	position: relative;
	transition: all .5s;
}
.logo a {
	color: #444;
}
.logo h1 {
	color: #123c70;
	font-size: 25px;
	text-transform: uppercase;
	line-height: 1;
}
.logo h1 span {
	display: block;
	color: #404040;
	font-size: 12px;
	text-transform: capitalize;
	font-weight: 400;
	line-height: 1;
	margin-top: 5px;
	text-align: center;
	    width: 100%;
}
.logo a .logo-title {
	display: block;
	color: #123c70;
	font-size: 26px;
	line-height: 1;
}
.logo a .logo-cation {
	display: block;
	text-align: right;
}
.logo img {
	height: 85px;
	transition: all .5s;
}
.top_bar {
    float: right;
    width: 66%;
    position: relative;
}
.topCnt {
    text-align: right;
    padding-top: 40px;
}	
.search {
	width: 50%;
	float: left;
	position: relative;
}
.search input {
	width: 100%;
	float: left;
	height: 30px;
	border : 2px solid #18C6D4;
	padding: 0 50px 0 10px;
	color: #333;
	font-size: 14px;
}
.search button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	text-align: center;
	height: 30px;
	background: #fff;
	border : 2px solid #18C6D4;
	cursor: pointer;
	transition: all .5s;
}
.search button img {
	width: 18px;
}
.search button:hover {
	background: #eee;
	transition: all .5s;
}
.menu>ul>li>a {
    text-decoration: none;
    font-size: 14px;
    display: block;
    transition: all 0.3s ease 0s;
    outline: 0px;
    position: relative;
	font-weight:500;
	}
	
	/*box5*/

.box5 {
    width: 100%;
    display: table;
    padding: 25px 0 50px;
    background-color: #f7f9fa;
    overflow: hidden;
}

.box5 h1 {
    font-size: 40px;
    font-weight: 800;
    color: #262057;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-top: 0
}

.box5 h1 span {
    font-size: 55px;
    margin-left: 50px;
    margin-top: 6px;
    color: #009ee3;
    transform: translateY(-50%);
}

.box5 h3 {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #2e3192;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 0;
    text-align: center;
    position: relative;
}

.box5 h2 {
    font-family: Roboto, sans-serif;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 0;
    color: #071323;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 50px;
    display: inline-block;
    width: 100%;
    position: relative;
}


/*box5*/

.blogsdob {
    padding: 0 100px;
}

.news-block {
    position: relative;
    /* margin-bottom: 40px; */
}

.news-block .inner-box {
    position: relative;
    transition: all 0.3s;
    box-shadow: 0 0 15px 0 rgba(72, 73, 121, .15);
}

.news-block .inner-box:hover {}

.news-block .inner-box .image {
    position: relative;
    overflow: hidden;
    background-color: #191b1d;
    overflow: hidden;
}

.news-block .inner-box .image img {
    position: relative;
    width: 100%;
    /* height: 225px; */
    display: block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}


/* .news-block .inner-box:hover .image img{
    -webkit-transform:scale(1.05,1.05);
    -ms-transform:scale(1.05,1.05);
    -moz-transform:scale(1.05,1.05);
    transform:scale(1.05,1.05);
} */


/* 
.news-block .inner-box .image:before {
    content: "";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 600ms ease 0s;
    width: 0;
    opacity: .6;
    z-index: 9;
    background-color: #2e3192;
}

.news-block .inner-box .image:after {
    content: "";
    display: block;
    height: 50%;
    right: 0%;
    position: absolute;
    bottom: 0;
    top: auto;
    transition: all 600ms ease 0s;
    width: 0;
    opacity: .6;
    background-color: #2e3192;
}
 */

.news-block .inner-box:hover .image:before {
    /* transform: perspective(1200px) rotateX(0deg) translateZ(0px);
    transition-delay: 0.1s; 
    opacity: 1; */
    left: 0;
    width: 100%;
}

.news-block .inner-box:hover .image:after {
    right: 0;
    width: 100%;
}

.news-block .inner-box .image .overlay-link {
    position: absolute;
    left: 0%;
    top: 0%;
    color: #059fe3;
    text-transform: uppercase;
    background-color: #fff;
    display: block;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    z-index: 9;
    /* opacity: 0;
    transform: scale(0.4) translate(-50%, -50%);
    visibility: hidden; */
    transition: .5s ease;
    text-decoration: none;
    transition-delay: .5s;
}


/* .news-block .inner-box:hover .image .overlay-link {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translate(-50%, -50%);
} */


/* .news-block .inner-box:hover .image .overlay-link {
    color: #fff;
    text-decoration: none;
    background-color: #083261;
} */

.sec-title h1 {
    text-align: center;
    margin-top: 0px;
    font-size: 36px;
    color: #ff610c;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.circle-svg {
    position: absolute;
    right: 0px;
    top: 0px;
}

.circle-svg svg {
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.box5 {
    position: relative;
    display: block;
    overflow: hidden;
}

.news-block .inner-box .lower-content {
    position: relative;
    padding: 20px 25px 30px;
    /* border: 1px solid #fafafa;
    overflow: visible;
    background-color: #fafafa; */
    background-color: #fff;
}

.news-block .inner-box .lower-content .title {
    position: relative;
    color: #f3b440;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.news-block .inner-box .lower-content .post-info {
    /*  position:relative;
    margin-bottom: 20px;
    margin-top: -19px;
    z-index: 9; */
}

.news-block .inner-box .lower-content .post-info li {
    position: relative;
    font-size: 21px;
    font-weight: 400;
    display: inline-block;
    margin-right: 8px;
    color: #ff610c;
}

.news-block .inner-box .lower-content .post-info li.category {
    color: #ff610c;
}


/* .news-block .inner-box .lower-content .post-info li.category:before {
    position: absolute;
    content: '';
    background: #ff610c;
    height: 10px;
    width: 8px;
    left: 0;
    bottom: -9px;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
} */

.news-block .inner-box .lower-content .post-info li a {
    position: relative;
    text-decoration: none;
    color: #eb5208;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 0 0;
    width: 100%;
    display: inline-block;
}

.news-block .inner-box .lower-content .post-info li a i {
    font-size: 14px;
    color: #eb5208;
    margin-right: 7px;
}

.news-block .inner-box .lower-content h4 {
    position: relative;
    color: #1c1d3e;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 32px;
    height: 96px;
    overflow: hidden;
    display: block;
    margin-top: 10px;
}

.news-block .inner-box .lower-content h4 a {
    position: relative;
    color: #292359;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    text-decoration: none;
}

.news-block .inner-box .lower-content h4 a:hover {
    /* color: #009344; */
}

.news-block .inner-box .lower-content .author a {
    letter-spacing: 4px;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    text-decoration: none;
    transition: all 0.3s;
    padding-bottom: 5px;
    margin-top: 30px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .35);
    border-radius: 50px;
    padding: 15px 30px;
    text-transform: uppercase;
    display: table;
    background-color: #e6360d;
    color: #fff;
}

.news-block .inner-box .lower-content .author a:hover {
    background-color: #262057;
}

.news-block .inner-box .lower-content .author a span {
    position: relative;
    margin-right: 5px;
    top: 1px;
}

.news-block .inner-box .lower-content .text {
    position: relative;
    color: #1c1d3e;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 12px;
    height: 48px;
    overflow: hidden;
}

.news-block.style-two .inner-box .lower-content h3 {
    margin-bottom: 12px;
    font-size: 24px;
}

.blog-large .news-block {
    margin-bottom: 50px;
}

a.find {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    border-radius: 2.5rem;
    padding: 12px 50px 10px 20px;
    background-color: transparent;
    color: #f13c31;
    border: 1px solid #f13c31;
    margin-top: 10px;
    transition: all 0.3s;
}

a.find:hover {
    background-color: #f13c31;
    color: #fff;
}

a.find svg {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 35%;
    right: 1.25rem;
    float: right;
}

.news-block2 .inner-box .lower-content h4 {
    font-size: 21px;
    line-height: 32px;
}

.news-block2 .inner-box .lower-content {
    padding: 16px 20px;
}

.news-block {
    margin-bottom: 27px;
}



.section3{
    width: 100%;
    display: table;
    padding: 60px 0 40px;
    background-color: #fff;
    background-image: url('../images/bgn-industries.png');
    /* background-image: url('../images/h3-shape1.png'); */
    background-repeat: no-repeat;
    background-position: center top;
background-size: contain;
    /* background-size: cover; */
    /* background-image: url('../images/bg2.svg');
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat; */
    /* background-image: url("../images/bg-section-01_02.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; */
}
.section3 h2{
    font-family: 'Inter', sans-serif;

    font-weight: 600;
    color: #ed681c;
    padding: 0 27px;
    position: relative;
    border-left: 4px solid #033f8a;
    padding: 15px;
    margin: 0 0 30px;
    font-size: 26px;
}
.serve-box {
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
}

.serve-box:after,
.serve-box:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    cursor: pointer;
    opacity: .7;
    transition: .5s ease-out
}

.serve-box:after {
    background-color: #2b303a
}

.serve-box:before {
    background-color: #ed681c;
    transform: scale(0);
    transition: .5s ease-out;
    z-index: 1111111;
    visibility: hidden;
    opacity: .88
}

.serve-box:hover:before {
    visibility: visible;
    transition: .5s ease-out;
    transform: scale(.94)
}

.serve-box:hover:after {
    opacity: 0;
    transition: .5s ease-out
}
.img-fluid {
    max-width: 100%;
    height: auto;
    width: 100%;
}
.serve-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    right: 0;
    height: 100%;
    z-index: 1111111;
    padding: 35px
}

.serve-content img {
    color: #fff;
    width: 64px;
    margin-bottom: 10px;
    display: block
}

.serve-content h3 {
    font-weight: 700;
    color: #fff;
    font-size: 21px;
    margin-top: 10px;
    font-family: 'Inter', sans-serif;
}

.serv1{/* padding: 20px; */ background-color: #fff; 
    box-shadow: 5px 5px 15px 0px rgba(64,84,178,0.35);
    /* padding: 20px; */
    overflow: hidden;
    background: #ffe4db;
    border-radius: 10px;
  /* box-shadow: 0 0 25px rgba(218, 218, 218, 0.5); */
margin-bottom: 20px;transition: all 0.3s}
.serv1 a img{width: 100%; display: block; transition: all 0.3s}
.serv1:hover a img{transform: scale(1.1); transform: rotate(-3deg) scale(1.1);}
a.simbbx{display: block; position: relative;}
span.hex a {
    display: block;
    /* overflow: hidden; */
}
.scont{
    padding: 20px; display: block;
    background-color: #fff;
    border-radius: 100% 0 0 0;
}
.imgico{
  /* background-color: #fff !important; */
font-size: 40px;
height: 90px;
line-height: 90px;
width: 70px;
text-align: center;
position: absolute;
bottom: -44px;
left: 10px;
}
.imgico::after {
    /* content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 130px 0 0 50px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 0;
    right: -50px; */
    position: absolute;
    content: "";
    background-image: url(../images/feature-shape.png);
    background-repeat: no-repeat;
    width: 69px;
    height: 61px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.imgico img{width: 30px !important; display: inline-block !important;
position: relative; z-index: 9;}
.serv1 h4{margin-bottom: 10px; margin-top: 30px;}
.serv1 h4 a {
   font-family: 'Inter', sans-serif;
margin-bottom: 0px;
margin-top: 0px;
color: #034489;
font-size: 22px;
text-decoration: none;
}
.serv1 h4 a:hover{color: #ed681c;}
.serv1 p {
    color: #000; margin-top: 5px; height: 78px; overflow: hidden; 
font-size: 15px; line-height: 26px; font-weight: 400; margin-bottom: 15px;
}
span.icon:hover {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.serv1 .col-sm-3{padding: 10px;}
a.serva{
    text-decoration: none;
    clear: both;
    display: table;
    background-color: #fff;
    color: #ed681c;
    border: 1px solid #ed681c;
    padding: 10px 25px;
    font-weight: 300;
    border-radius: 30px;
    transition: all 0.3s;
}
a.serva:hover{background-color: #ed681c; color: #fff}
/*section3*/
/*.home_testimonials*/
.home_testimonials {
	padding: 50px 0;
	text-align: center;
	background:#ccc;
}
.home_title {
	font-size: 36px;
	font-weight: 400;
	color: #111;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
}
.home_title:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100px;
	height: 2px;
	background: #1778b5;
	content: '';
	margin-left: -50px;
}
.testimonials_box {
	padding: 0 5%;
	font-size: 14px;
	color: #111;
	line-height: 1.5;
	font-weight: 300;
}
.testimonials_box .img {
	width: 120px;
	height: 120px;
	float: left;
	overflow: hidden;
	border-radius: 100%;
	display: inline-block;
	border: 1px solid #002a5c;
}
.testimonials_box .img img {
	width: 100%;
	border-radius: 100%;
}
.testimonials_box .txt {
	width: 86%;
	float: right;
	text-align: left;
}
.testimonials_box .txt p {
	position: relative;
}
.testimonials_box .txt p:after, .testimonials_box .txt p:before {
	content: "\f10d";
	font-size: 20px;
	opacity: 0.5;
	color: #1877b8;
	margin: 0 10px;
	font-family: "fontAwesome";
}
.testimonials_box .txt p:after {
	content: "\f10e";
}
.testimonials_box .txt h5 {
	font-size: 20px;
	color: #1a77b2;
	display: block;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 15px;
}
.testimonials_box .txt h5 span {
	display: inline-block;
	font-weight: 400;
	font-size: 16px;
	margin-left: 15px;
	color: #555;
}
#testimonials .carousel-indicators {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 0;
	bottom: 0;
	margin-top: 30px;
}
#testimonials .carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background: #fff;
    border: 1px solid #1a77b2;
    border-radius: 100%;
}
#testimonials .carousel-indicators li:hover ,
#testimonials .carousel-indicators li.active {
    background: #1a77b2;
    border: 1px solid #1a77b2;
}
/*innerbanner*/
.ib_img {
	height: 400px;
	background-size: cover;
	background-position: center;
}
.ib_txt {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px 0;
	background: rgba(255,255,255,0.8);
}
.ib_txt h1 {
	float: left;
	color: #ff8b08;
	line-height: 30px;
	font-size: 30px;
	font-weight: 600;
}
.ib_txt .breads {
	float: right;
}
.ib_txt .breads li a:hover {
	color: #ff8b08;
}
.ib_txt .breads li,.ib_txt .breads li a {
	float: left;
	color: #333;
	line-height: 30px;
	font-size: 14px;
	position: relative;
}
.ib_txt .breads li:after {
	display: inline-block;
	content: '\f105';
	font-family: 'FontAwesome';
	margin: 0 5px
}
.ib_txt .breads li:last-child:after {
	display: none;
}
/*page*/
.page {
	padding: 40px 0;
	font-size: 16px;
	color: #666;
}
.page p {
	display: block;
	margin-bottom: 20px;
}
.page p b {
	font-size: 600;
	color: #222;
}
.page_ul ul ,
.page_ul ol {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.page_ul ul li {
	width: 100%;
	float: left;
	padding: 5px;
	padding-left: 15px;
	position: relative;
}
.page_ul ul li:before {
	position: absolute;
	top: 5px;
	left: 0;
	content: '\f105';
	font-family: 'FontAwesome';
}
.page_ul ol {
	list-style-type: decimal;
}
.page_ul ol li {
	width: 100%;
	float: left;
	padding: 5px;
}
.page {
    font-size: 16px;
    color: #355165;
    text-align: justify;
    padding: 50px 0;
    line-height: 1.8;
    letter-spacing: .5px;
    border-bottom: 1px solid #ddd;
}
.page p {
    display: block;
    margin-bottom: 15px;
}
.page p b {
    /*display: block;*/
    color: #0063a5
}
.page h2 {
    font-size: 30px;
    margin-bottom: 20px;
    display: block;
    font-weight: 400;
    color: #2e9fda;
}
.ha_values {
    margin-top: 50px;
}
.ha_values .img {
    width: 35%;
    float: left;
    padding: 30px;
    padding-right: 0;
    position: relative;
}
.ha_values .img:before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: -50px;
    bottom: 0;
    border: 2px solid #123c70;
    content: '';
}
.ha_values img {
    width: 100%;
    height: 250px;
    object-position: center;
    object-fit: cover;
}
.ha_values .txt {
    width: 65%;
    float: right;
    margin-top: 30px;
    text-align: left;
    background: #f5f5f5;
    padding: 30px;
    position: relative;
    z-index: 2;
    font-size: 14px;
    line-height: 1.6;
    color: #414141;
    min-height: 250px;
}
.ha_values h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
    color: #123c6f;
}
.page h2 {
    font-size: 24px;
    margin-bottom: 20px;
    display: block;
    font-weight: 400;
    color: #2e9fda;
}
/*about*/
.about {
	text-align: center;
	color: #333;
}
.about h2 {
	font-weight: 400;
	font-size: 22px;
	color: #111;
	margin-bottom: 20px;
}
.explore {
	padding: 50px 0;
	background: #f2f2f2;
}
.explore h2 {
	text-align: center;
	color: #111;
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: 600;
}
.explore li {
	width: 48%;
	float: left;
	margin-top: 20px;
}
.explore li:nth-child(even) {
	float: right;
}
.explore li img {
	max-width: 40px;
	float: left;
}
.explore li .txt {
	float: right;
	width: calc(100% - 70px)
}
.explore li h3 {
	font-weight: 400;
	font-size: 22px;
	margin-bottom: 15px;
	color: #ff8b08;
}
/*services*/
.services li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ddd;	
}
.services li:last-child {
	border-bottom: 0px;
}
.services li .img {
	width: 300px;
	float: left;
}
.services li:nth-child(even) .img {
	float: right;
}
.services li .img img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position: center;
}
.services li .txt {
	width: calc(100% - 350px);
	float: right;
	padding-top: 25px;
}
.services li:nth-child(even) .txt {
	float: left;
}
.services li .txt h2 {
	font-size: 24px;
	margin-bottom: 15px;
	font-weight: 600;
	color: #111;
}
.services li a {
	float: left;
	color: #09397f;
	border: 1px solid #09397f;
	padding: 5px 20px;
	border-radius: 30px;
	font-size: 14px;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
.services li a:hover {
	color: #fff;
	background: #09397f;
}
/*testimonials*/
.testimonials li {
	width: 100%;
	float: left;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
.testimonials li:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0px solid #ddd;
}
.testimonials li .pic {
	float: left;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	overflow: hidden;
}
.testimonials li .pic img {
    width: 100%;
    border: 1px solid #086eaf;
    border-radius: 100%;
}
.testimonials li .hr_txt {
	width: calc( 100% - 150px);
	float: right;
}
.testimonials li .hr_txt h4 {
	font-size: 22px;
	color: #111;
	font-weight: 600;
	margin-bottom: 10px;
}
.testimonials li .hr_txt h4 span {
	display: inline-block;
	margin-left: 15px;
	font-size: 16px;
	font-weight: 400;
}
/*contact*/
.contact h2 {
	font-size: 24px;
	font-weight: 600;
	color: #111;
	margin-bottom: 15px;
}
.contact_right {
	width: 45%;
	float: right;
}
.adr {
	margin-bottom: 15px;
}
.adrFollow a {
	float: left;
	margin-right: 15px;
	color: #333;
}
.contact_right a {
	color: #09397f;
}
.contact_right h3 {
	display: block;
	margin: 5px 0;	
	font-size: 20px;
	font-weight: 600;
	color: #111;
}
.map {
	height: 300px;
	position: relative;
}
.map iframe {
	height: 100%;
	width: 100%;
	border: 0px;
}
.contact_left {
	width: 50%;
	float: left;
}
.contact_left label {
	margin: 5px 0 0 0;
	display: block;
	font-weight: 400;
}
.divtwo {
	width: 49%;
	float: left;
}
.divtwo.right {
	float: right;
}
.otfInput {
	width: 100%;
	float: left;
	height: 40px;
	border-radius: 3px;
	border: 1px solid #ddd;
	padding: 0 10px;
	color: #333;
	font-size: 16px;
	margin-bottom: 15px;
}
textarea.otfInput {
	height: 100px;
	padding: 10px 15px;
}
.contact_left .otfBtn {
	float: right;
	padding: 10px;
	border: 0px;
	background: #ff8b08;
	color: #fff;
	font-size: 16px;
	min-width: 100px;
	border-radius: 3px;
	cursor: pointer;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
.otfBtn:hover {
	background: #086eaf;
}
/*login_page*/
.login_page {
	padding: 50px 0;
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	min-height: calc(100vh - 221px);
}
.login_box {
	width: 100%;
	display: table;
	margin: 0 auto;
	max-width: 500px;
	padding: 35px 50px;
	background: #fff;
	box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.15);
}
.login_box h1 i {
	margin-right: 10px;
}
.login_box h1 {
	display: block;
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 1;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.login_box form label {
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
}
.divtwo {
	width: 49%;
	float: left;
}
.divtwo.right {
	float: right;
}
.otfInput {
	width: 100%;
	float: left;
	height: 40px;
	border-radius: 3px;
	border: 1px solid #ddd;
	padding: 0 10px;
	color: #333;
	font-size: 16px;
	margin-bottom: 15px;
}
.agreeBtn {
	text-align: center;
	margin-bottom: 20px;
}
.agreeBtn input {
	opacity: 0;
	position: absolute;
}
.haveAcc {
	text-align: center;
}
.haveAcc, .labelTxt {
	margin-top: 20px;
}
.labelTxt {
	margin-top: 20px;
}
.labelTxt.right {
	text-align: right;
}
.agreeBtn label ,
.labelTxt label ,
.haveAcc label {
	display: inline-block;
	line-height: 20px;
	font-weight: 400;
	vertical-align: middle;
}
.agreeBtn a, 
.labelTxt a, 
.haveAcc a {
	font-weight: 600;
	color: #086eaf;
	vertical-align: top;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
.agreeBtn a:hover, 
.labelTxt a:hover, 
.haveAcc a:hover {
	color: #ff9218;
}
.agreeBtn label a:hover {
	text-decoration: underline;
}
.agreeBtn label:before {
	width: 16px;
	height: 16px;
	margin-right: 5px;
	vertical-align: middle;
	content: '';
	line-height: 20px;
	font-family: 'FontAwesome';
	display: inline-block;
	border: 1px solid #333;
}
.agreeBtn input:checked + label:before {
	background: #333;
	content: '\f00c';
	color: #fff;
	line-height: 14px;
}
.otfBtn {
	display: table;
	padding: 10px;
	border: 0px;
	float: none;
	background: #086eaf;
	color: #fff;
	font-size: 16px;
	min-width: 100px;
	border-radius: 3px;
	cursor: pointer;
	margin: 0 auto;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
.otfBtn:hover {
	background: #f93;
}
/*tax filing forms*/
#regForm {}
#regForm input {
	width: 100%;
	float: left;
	height: 40px;
	border-radius: 3px;
	border: 1px solid #ddd;
	padding: 0 10px;
	color: #333;
	font-size: 16px;
	margin-bottom: 15px;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
#regForm input.invalid {
	background-color: #ffdddd;
}
.formpageTitle {
	text-align: center;
	color: #09397f;
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 26px;
}
.formTitle {
	font-size: 20px;
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
	color: #111;
	font-weight: 600;
	border-bottom: 1px solid #ddd;
}
.regtab {
	display: none;
}
.btnArea {
	text-align: center;
}
.btnArea button {
	background: #086eaf;
	color: #fff;
	border: none;
	width: 120px;
	line-height: 40px;
	border-radius: 3px;
	font-size: 16px;
	display: inline-block;
	cursor: pointer;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
.btnArea button:hover {
	background: #058F81;
}
#prevBtn {
	background-color: #bbbbbb;
}
.stepCount {
	/*display:none;*/
	text-align:center;
	margin-top:40px;
}
.step {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbbbbb;
	border: none;  
	border-radius: 50%;
	display: inline-block;
	opacity: 0.5;
}
.step.active {
	opacity: 1;
}
.step.finish {
	background-color: #058F81;
}
label.radio1 {
	width: 50%;
	float: left;
	line-height: 30px;
}
.login_box form label.radio1 {
	margin-bottom: 20px;	
}
#regForm .radio1 input {
	margin: 0;
	width: 20px;
	height: 30px;
	margin-right: 5px;
}
/*refer*/
/*refer_friend*/
.refer_friend {
	text-align: left;
}
.refer_friend h6, .advReferal h3 {
    color: #333;
    font-size: 36px;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.sub_title {
    font-size: 20px;
    padding: 0 20%;
    text-align: center;
    color: #444;
    margin-bottom: 30px;
}
.rf_left {
	float: left;
	width: 40%;
}
.rf_left h3, .rf_form h3 {
	font-size: 22px;
	display: block;
	color: #111;
	margin-bottom: 20px;
	font-weight: 600;
}
.rf_left span {
	background: #eee;
	padding: 10px;
	font-size: 18px;
	margin-bottom: 15px;
}
.rf_left h5 {
    font-size: 20px;
    font-weight: 400;
	font-family: 'neuzeit', neuzeit-backup, sans-serif;
    color: #444;
    margin-bottom: 30px;
    margin-top: 10px;
}
.rf_left table {
	float: left;
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.rf_left table td {
	padding: 15px;
	color: #333;
	border: 1px solid #ddd;
}
.rf_form {
	float: right;
	width: 55%;
	background: #086eaf;
	padding: 30px 40px;
}
.rf_form h3 {
    color:#fff;
}
.divtwo {
	width: 49%;
	float: left;
}
.divtwo.right {
	float: right;
}
.input_control {
	width: 100%;
	float: left;
	margin-bottom: 18px;
	height: 50px;
	padding: 0 15px;
	color: #111;
	background: #fff;
	font-size: 16px;
	border: 1px solid #ddd;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
.input_control:hover, .input_control:focus {
	background: #fff;
	border: 1px solid #333;
}
.submit_control {
	margin: 0 auto;
	padding: 15px 30px;
	border: 0px;
	background: #ff8700;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
}
.submit_control:hover {
	background: #333;
}
.success_msg {
    width: 100%;
    float: left;
    padding: 15px;
    color: #498a0d;
    background: #daffb3;
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
}
.success_msg .msgC {
    float: right;
    cursor: pointer;
    color: #111;
    opacity: 0.5;
}
.success_msg .msgC:hover {
    opacity: 1;
}
.error_msg {
    color: #8a0d0d;
    background: #ffd2d2;
}
/*.referalBonus {*/
.advReferal p {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 100%;
    color: #333;
}
.referalBonus {
	margin-top: 40px;
}
.referalBonus h4 {
    font-size: 20px;
    display: block;
    font-weight: 600;
    color: #111;
    margin-bottom: 10px;
}
.referalBonus li {
	width: 100%;
	float: left;
	color: #555;
}
.referalBonus li:before {
	display: inline-block;
	content: '\f105';
	font-family: 'FontAwesome';
	margin-right: 6px;
	margin-left: 5px;
}
.advReferal {
	background: #f5f5f5;
	padding: 50px 0;
	text-align: center;
}
.advReferal span {
	display: inline-block;
	max-width: 320px;
	width: 30%;
	margin: 5px;
	padding: 10px;
	background: #fff;
	border: 3px dashed #086eaf;
}
.advReferal img {
	display: inline-block;
	height: 150px;
}


/*============================
	Responsive starts here
	============================*/

@media screen and (max-width : 1279px) {
	.fullpage {
		max-width: 980px;
		padding: 0 15px;
	}
	.topCnt .tsocial {
		display: none;
	}
	.homebanner, .imagebanner .item {
	    height: 400px;
	}
	.banner_text {
	    top: 100px;
	    left: 10%;
	    width: 80%;
	    transform: translateY(0%);
	    -webkit-transform: translateY(0);
	}
	.banner_process {
		display: none;
	}
	.banner_link {
		text-align: center;
	}
	.banner_link a {
		float: none;
		display: inline-block;
	}
	.home_services ul li a {
		height: 300px;
	}
	.home_benefits li span {
		min-height: 160px;
	}
}
@media screen and (max-width : 979px) {
	.fullpage {
		max-width: 768px;
	}
	.micon, .mclose {
		display: block;
	}
	.topCnt {
		display: none;
	}
	.menu_nav {
		position: fixed;
		top: 0;
		right: -100%;
		width: 300px;
		height: 100%;
		background: #086eaf;
		z-index: 999;
		padding: 15px;
		padding-bottom: 60px;
		overflow: hidden;
		transition: all .5s;
	}
	.menu_nav.open {
		right: 0;
		box-shadow: -5px 0px 14px -5px #333;
		transition: all .5s;
	}
	body.open {
		overflow:hidden;
	}
	ul.menu, .login {
		width: 100%;
		float: left;
		height: 100%;
		list-style: none;
		overflow-y: auto;
	}
	ul.menu li, ul.menu li a ,
	.login li, .login li a {
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
	}
	ul.menu li a ,
	.login li a {
		color: #fff;
		padding: 10px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	ul.menu li a.more:after {
		content: '\f107';
		font-family: 'FontAwesome';
		float: right;
	}
	ul.menu li.open a.more:after {
		content: '\f106';
	}
	ul.menu li a i {
		display: none;
	}
	ul.menu li span {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 40px;
		font-size: 24px;
		cursor: pointer;
		z-index: 2;
		color: #333;
		font-weight: 600;
		background: rgba(255,255,255,0.5);
	}
	ul.menu li span:before {
		display: block;
		position: absolute;
		top: 0;
		text-align: center;
		width: 100%;
		content: '+'
	}
	ul.menu li span.open:before {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	ul.menu ul , ul.menu ul ul {
		display: none;
		width: 100%;
		float: left;
		background: #222
	}
	ul.menu ul ul {
		background: #333
	}
	.micon {
		float: right;
		display: block;
		color: #333;
		font-size: 28px;
		margin-top: 8px;
		margin-right: 10px;
		cursor: pointer;
	}
	.mclose {
		width: 50px;
		height: 50px;
		background: #fff;
		line-height: 50px;
		text-align: center;
		color: #111;
		font-size: 20px;
		cursor: pointer;
		display: block;
		border-radius: 100%;
		margin-bottom: 10px;
	}
	.mtop {
		height: 100px;
	}
	.banner_text {
		left: 0;
		padding: 0 15px;
		text-align: center;
		width: 100%;
	}
	.home_services ul li a {
	    height: 200px;
	}
	.home_benefits {
		padding: 40px 0
	}
	.home_benefits h2 {
		font-size: 26px;
		margin-bottom: 0
	}
	.home_benefits li, .home_benefits li:nth-child(4n+4) {
	    width: 32%;
	    margin-right: 2%
	}
	.home_benefits li:nth-child(3n+3) {
		margin-right: 0
	}
	.fc_form {
		padding: 25px 0;
		padding-left: 25px;
	}
	.ib_img {
		height: 300px;
	}
	.services li .txt {
		padding: 15px 0
	}
	.onlyMob {
		display: block;
	}
	.noMob, .uniqueStatus {
		display: none;
	}
	.menu_nav .fullpage {
		padding: 0
	}
	.stickme {
	    position: relative;
	    -webkit-position: relative;
	    -moz-position: relative;
	    -ms-position: relative;
	    -o-position: relative;
	    top: 0;
	    left: 0;
	}
	.accLeft {
	    width: 100%;
	    display: none;
	}
	.accRight {
		width: 100%;
		margin-top: 15px;
	}
}
@media screen and (max-width : 767px) {
	.fullpage {
		max-width: 550px;
	}	
	.top_bar {
		width: 100%;
	}
	.logo {
		padding: 10px 0
	}
	.logo img {
		height: 40px;
	}
	.refer a {
		width: 100%;
		padding: 5px 0;
		text-align: center;
	}
	.refer a::before {
	    left: -100%;
	    transform: skewX(0deg);
	}
	.micon {
	    position: absolute;
	    right: 5px;
	    top: 0;
	}
	.mtop {
	    height: 90px;
	}
	.banner_text h2 {
		font-size: 24px;
	}
	.banner_link a {
		margin: 10px;
		width: 140px;
		height: 140px;
	}
	.banner_link a::after {
		width: 142px;
		height: 142px;
	}
	.homebanner, .imagebanner .item {
	    height: 500px;
	}
	.banner_text {
		top: 60px;
	}
	.home_about, .process_links {
		padding: 25px 0
	}
	.ha_title, .ha_text {
		width: 100%;
	}
	.ha_title {
		font-size: 28px;
		line-height: 1;
	}
	.process_links li {
		width: 100%;
		margin: 10px 0
	}
	.process_links li::after {
		display: none;
	}
	.home_services {
		padding-top: 25px;
	}
	.home_services ul {
		margin-top: 25px;
	}
	.home_services ul li {
		width: 100%;
	}
	.home_benefits li, .home_benefits li:nth-child(4n+4) {
		width: 100%;
		margin-right: 0;
		margin-top: 40px;
	}
	.home_benefits li span {
		min-height: 100px;
	}
	.fc_img , .divtwo{
	    top: 0;
	    left: 0;
	    width: 100%;
	}
	.fc_form {
		width: 100%;
		padding: 15px;
		margin: 15px 0;
		background: rgba(200,200,200,0.8);
	}
	.copyrights ul, .copyrights span {
		width: 100%;
		text-align: center;
	}
	.copyrights ul li {
		float: none;
		display: inline-block;
		margin: 0 5px; 
	}
	.copyrights span {
		margin-top: 20px;
	}
	.page {
		padding: 30px 0
	}
	.ib_img {
		height: 200px;
	}
	.ib_txt .breads {
		display: none;
	}
	.ib_txt h1 {
	    color: #111;
	    font-size: 22px;
	}
	.services li .img, .services li .txt {
		width: 100%;
	}
	.services li .img img {
	    height: auto;
	}
	.testimonials li .pic {
		width: 100%;
		text-align: center;
	}
	.testimonials li .pic img {
		width: 120px;
		height: 120px;
		display: inline-block;
	}
	.testimonials li .hr_txt {
		width: 100%;
		margin-top: 15px;
		text-align: justify;
	}
	.testimonials li {
	    padding-bottom: 10px;
	}
	.testimonials li .hr_txt h4 {
		text-align: center;
	}
	.contact_right, .contact_left {
		width: 100%;
	}
	.contact_left {
		margin-top: 25px;
	}
	.login_box {
		padding: 20px;
	}
	.labelTxt, .labelTxt.right, .scrll_title span, .scrll_title .p {
		width: 100%;
		text-align: center;
		-webkit-animation-name: none;
		animation-name: none;
	}
	.scrll_title span {
		margin-bottom: 10px;
	}
	.accRight {
		padding: 15px;
	}
	.accTabs {
		display: none;
	}
	.tabsDatah {
		display: block;
	}
	.width30, .width25, .width60, .width50, .addMoreRefBox {
		width: 100%;
	}
	.tabsData {
		margin-bottom: 20px;
	}
	.myAccountData .otfBtn {
		width: 48%;
		float: right;
		margin-right: 0;
		padding: 0;
		text-align: center;
		line-height: 40px;
	}
	.tabsData .otfBtn[type="reset"], .myAccountData .otfBtn[type="reset"] {
		float: left;
	}
}
@media screen and (max-width : 359px) {
	.fullpage {
		max-width: 320px;
	}
	.homebanner, .imagebanner .item {
		height: 800px;
	}
}