.rd-navbar-static .rd-navbar-top-panel-dark::before {
	background-color: #f3f7fa;
}

.rd-navbar-static .rd-navbar-top-panel-dark a,
.rd-navbar-static .rd-navbar-top-panel-dark .icon-gray-darker,
.rd-navbar-sidebar .rd-navbar-top-panel-dark a,
.rd-navbar-sidebar .rd-navbar-top-panel-dark .icon-gray-darker {
	color: #000;
}

.color-black{
	color: #000;
}
.color-004080{
	color: #004080;
}
.color-666666{
	color: #666666;
}
/***/
.h-350px{
	height: 350px;
}
.con-input{
flex-grow: 1;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
background: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 2px;
}
.con-border-top{
	border-top: 1px solid #ccc;
}
.con-submit{
	border:none;
	width: 230px;
	height: 50px;
	background: #004080;
	border-radius: 2px;
	font-size: 20px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 20px;
}
.border-bottom{
	padding-bottom: 6px;
	border-bottom: 2px solid #FFF;
}
.bg-2e303c{
	background-color: #2e303c;
}
.color-9b{
	color: #9b9b9b;
}
.color-a2a3a6{
	color: #e2e2e2;
}
.w-200{
	width: 200px;
}
.h-120{
	height: 120px;
}
.about-heading-decorated::after{
	content: '';
	position: relative;
	display: block;
	width: 64px;
	height: 2px;
	background: #FFFFFF;
	will-change: transform, opacity;
	margin:20px auto;
}
.text-444444{
	color: #444444;
}
.text-5D5D5D{
	color:#5D5D5D;
}
.attach-line:after{
	content: '';
	position: relative;
	display: block;width: 64px;
	height: 1px;
	background: #BFBFBF;
	will-change: transform, opacity;
	margin:20px auto;
}
.border-1{
	border: 1px solid #BFBFBF;
}
.width-376{
	width: 376px;
}
.heading-decorated{
	font-size:1.75rem;
}
.border-color-1A9C3E{
	border-color: #1A9C3E;
}
/* 长方形小图标 */
.icon-rectangle{
	height: 20px;
	width: 3px;
	background-color: #004080;
	display: inline-block;
}
.sh-padding{
	padding: 40px 30px 40px 30px;
}
.sc-circle-box{
	width: 62px;
	height: 62px;
	border: 1px solid #7DCBDD;
	border-radius: 50%;
	background: #FFFFFF;
}

.sp-scene-itembox:hover .sp-gray-hover{
	opacity: 1;
}
.sp-gray-hover{
	transition: all .3s ease-out;
	opacity: 0;
	width: 100%;
	height: 100%;
}
.w-254{
	width: 254px;
}

.w-220{
	width: 220px;
}
.w-150{
	width: 150px;
}
.sg-square-box{
	/* width: 117px; */
	height: 40px;
	border: 1px solid #D2D2D2;
	border-radius: 10px;
}
.sg-bg-box:hover{
	background: #151515;

}
.sg-bg-box{
	transition: all .3s ease-out;
	height: 100px;
	width: 100px;
	background: #004080;
	border-radius: 50%;
}

.sg-h4-title{
	font-size: 1.87rem;
	font-family: PingFang SC;
	font-weight: 600;
	color: #444444;
}
.transparency-box{
	background: #ffffff2d;
	width: 190px;
	height: 70px;
}
.gallery-wrap {
	display: flex;
	flex-direction: column-reverse;
}
.t-0{
	top:0;
}
.pd-big-text{
	color: #ffffff;
}
.pd-big-text h2{
	color: #ffffff;
}
.pc-inner-box{
	position: absolute;
}
.t-30{
	top:30px;
}
.b-1{
	bottom: 1px;
}
.r-1{
	right: 1px;
}
.b-5{
	bottom: 5px;
}
.r-5{
	right: 5px;
}
.hover-border,.pc-rock-button{
	line-height: 50px;
	width: 150px;
	height: 50px;
	border-radius:50px;
	transition: all  .3s ease-out;
	border: 1px solid #ffffff00;
}
.hover-border:hover{
	border: 1px solid #ffffff;
}
.pc-box-radius:hover{
	background: #ffffff52;
	transition: all  .5s ease-out;

}
.pc-box-radius{
	width: 140px;
	height: 140px;
	border-radius: 50%;
	border: 1px solid #ffffff;
}
.pds-scene{
	width: 497px;
	height: 433px;
	background: #FFFFFF;
}
.pds-scene-hover{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.sr-intro-box{
	width: 380px;
	height: 200px;
	overflow: hidden;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);

}
/* 解决方案通用 开始*/
.solution-h2-title{
	font-size: 3rem;
	font-weight: 600;
	color: #FFFFFF;
}
.solution-h1-title{
	font-size: 2.8125rem;
	color: #FFF;
}
/* 解决方案通用 结束 */
/* 通用 开始*/

.mt-mb-42{
	margin-top: 2.26rem;
	margin-bottom: 2.26rem;
}
.font-weight-600{
	font-weight: 600;
}
.font-weight-400{
	font-weight:400;
}
.box-mark-tl,.box-mark-tr,.box-mark-br,.box-mark-bl{
	width: 20px;
	height: 20px;
	border-color: #FFF;
	border-style: solid;
}
.box-mark-tl{
	top:10px;
	left: 10px;
	border-width: 1px 0 0 1px;
}
.box-mark-tr{
	top: 10px;
	right: 10px;
	border-width: 1px 1px 0 0;
}.box-mark-br{
	bottom: 10px;
	right: 10px;
	border-width: 0 1px 1px 0;
}.box-mark-bl{
	bottom: 10px;
	left: 10px;
	border-width: 0 0 1px 1px;
}
.hover-js-shadow{
	transition: all .3s ease-out;
}
.hover-shadow{
	transition: all .3s ease-out;
}
.hover-shadow:hover{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
.hover-box-by:hover .hover-box-to{
	opacity: 1;
}
.hover-box-to{
	transition: all .3s ease-out;
	opacity: 0;
}
.z-2{
	z-index: 2;
}
.z-1{
	z-index:1;
}
.z--1{
	z-index:-1;
}
.gray-box{
	top:0;
	background:#000;
	opacity: .5;
	height: 100%;
	width: 100%;
}
.mt-82{
	margin-top: 82px;
}
.mt-62{
	margin-top: 62px;
}
.mt-161{
	margin-top: 161px;
}
.mt-150{
	margin-top: 150px;
}
.mt-170{
	margin-top: 170px;
}
.pb-140{
	padding-bottom: 140px;
}
.pt-140{
	padding-top: 140px;
}
.pt-180{
	padding-top: 180px;
}
.pb-180{
	padding-bottom: 180px;
}
.pc-mt-32{
	margin-top: 32px;
}
.mt-32{
	margin-top: 32px;
}
.mt-54{
	margin-top: 54px;
}
.pt-32{
	padding-top: 32px;
}
.pb-32{
	padding-bottom: 32px;
}
.pt-82{
	padding-top: 82px;
}
.pb-184{
	padding-bottom: 184px;
}
.pb-190{
	padding-bottom: 190px;
} 
.pt-190{
	padding-top: 190px;
}
.w-33{
	width: 33%;
}
.w-65{
	width: 65%;
}
.mt-105{
	margin-top: 105px;
}
.mt-139{
	margin-top: 139px;
}
.mb-190{
	margin-bottom: 190px;
}
.mt-190{
	margin-top: 190px;
}
.mt-41{
	margin-top: 41px;
}
.mt-114{
	margin-top: 114px;
}
.fon-18{
	font-size: 1.125rem;
}
.fon-14{
	font-size: 0.87rem;
}
.fon-36{
	font-size: 2.25rem;
}
.fon-20{
	font-size: 1.25rem;
}
.fon-22{
	font-size: 1.375rem;
}
.fon-28{
	font-size: 1.75rem;
}
.fon-30{
	font-size: 1.87rem;
}
.fon-48{
	font-size: 3rem;
}
.fon-14{
	font-size: 0.87rem;
}
.fon-16{
	font-size: 1rem;
}
.fon-24{
	font-size: 1.5rem;
}
.pds-mt-74{
	margin-top: 74px;
}
.mb-146{
	margin-bottom: 146px;
}
.mr-50{
	margin-right: 50px;
}
.r-50{
	right: 50px;
}
.l-50{
	left: 50px;
}
.w-80{
	width: 80%;
}
.w-90{
	width: 90%;
}
.w-300{
	width: 300px;
}
.w-260{
	width: 260px;
}
.pt-md-180{
	padding-top: 10px;
}
.pb-md-180{
	padding-bottom:10px;
}
.width-50{
	width: 50%;
}

.width-100{
	width: 100%;
}
/* 通用 结束 */
@media (min-width: 768px)  {
	.w-md-75{
		width: 75%;
	}
	.w-md-20{
		width: 20%;
	}
	.pb-md-273{
		padding-bottom: 273px;
	}
	.mt-md-150{
		margin-top: 150px;
	}
	.h-md-333{
		height: 333px;
	}
	.w-md-90{
		width: 90%;
	}
	.mt-md-60{
		margin-top: 60px;
	}
	.pt-md-60{
		padding-top: 60px;
	}
	.pt-md-180{
		padding-top: 180px;
	}
	.pb-md-180{
		padding-bottom: 180px;
	}
	.mt-md-75{
		margin-top: 75px;
	}
	.w-md-260{
		width: 260px;
	}
	.mt-md-170{
		margin-top: 170px;
	}
	.pt-md-140{
		padding-top: 140px;
	} 
	.pb-md-140{
		padding-bottom: 140px;
	}
	.w-md-50{
		width: 50%;
	}
	.w-md-43{
		width: 43%;
	}
	.w-md-35{
		width: 35%;
	}
	.sg-item-box{
		width: 33%;
	}
	html{
		font-size: 16px;
	}
}
@media (max-width: 768px)  {
	.sg-item-box{
		width: 50%;
	}
	html{
		font-size: 13px;
	}
}
@media (min-width: 1200px) {
	
	.text-lg-white{
		color:#FFFFFF;
	}
	.w-md-33{
		width: 33%;
	}
	.pd-big-text{
		top: 40%;
	}
	.gallery-wrap {
		display: block;
		position: relative;
		min-height: 860px;
	}

	.gallery-wrap:before {
		content: '';
		position: absolute;
		background: radial-gradient(circle at 3px 3px, rgba(220, 220, 220, 0.5) 3px, transparent 3px);
		left: 12.5%;
		top: 11%;
		height: 407px;
		width: 366px;
		display: block;
		background-size: 27px 27px;
		background-position: 100%;
		background-repeat: repeat;
	}
}

.gallery-content-wrap {
	min-height: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	right: 0;
	width: 100%;
	position: relative;
}

@media (min-width: 1200px) {

	.gallery-content-wrap {
		justify-content: flex-end;
		text-align: left;
	}
}

.gallery-info h2 br {
	display: none;
}

@media (min-width: 1200px) {
	.gallery-info {
		padding-top: 35px;
		max-width: 380px;
	}

	.gallery-info h2 br {
		display: block;
	}
}

.gallery-info h2 {
	text-transform: uppercase;
	font-weight: 300;
}

.gallery-info h2 span {
	font-weight: 700;
}

.gallery-info p {
	margin-top: 45px;
}

@media (min-width: 1200px) {
	.gallery-info p {
		max-height: 160px;
		overflow: hidden;
	}
}

.floating-items {
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}

@media (min-width: 1200px) {
	.floating-items {
		margin-top: 0;
	}
}

.floating-items>* {
	width: calc(100% / 2);
	background-color: #ffffff;
	transition: all ease .35s;
}

.floating-items>*>a {
	display: inline-block;
	position: relative;
	padding-bottom: 100%;
	width: 100%;
	min-height: 100%;
}

@media (min-width: 1200px) {
	.floating-items>*>a {
		min-height: auto;
		display: block;
		padding-bottom: 0;
		width: 100%;
		height: 100%;
	}

	.floating-items>*>a:before {
		content: '';
		position: absolute;
		opacity: 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
		border: 1px solid #ffffff;
		transition: all ease .35s;
		z-index: 2;
	}

	.floating-items>*>a:after {
		content: '\ec25';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-family: 'Linearicons';
		opacity: 0;
		transition: all ease .35s;
		font-size: 30px;
		color: #ffffff;
	}

	.floating-items>*>a:hover:before {
		transition: all ease .35s;
		width: 80%;
		height: 80%;
		opacity: 1;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.floating-items>*>a:hover:after {
		opacity: 1;
		transition: all ease .35s;
	}

	.floating-items>*>a img {
		position: relative;
		min-height: auto;
	}
}

.floating-items>*>a img {
	object-fit: cover;
	object-position: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	bottom: 0;
	min-height: 100%;
}

@media (min-width: 576px) {
	.floating-items>* {
		width: calc(100% / 3);
	}
}

@media (min-width: 1200px) {
	.floating-items>* {
		width: inherit;
	}

	.floating-items>*:hover {
		box-shadow: 0px 0px 17px 2px rgba(0, 0, 0, 0.15);
	}

	.floating-items>*:hover img {
		transform: scale(0.96);
		transition: all ease .35s;
	}
}

@media (min-width: 1200px) {
	.floating-items>* {
		position: absolute;
		user-select: none;
	}
}

.floating-items>* img {
	transition: all ease .35s;
}

@media (min-width: 1200px) {
	.item-1 {
		width: 186px;
		height: 186px;
		left: 40.6%;
	}
}

@media (min-width: 1200px) {
	.item-2 {
		width: 445px;
		height: 415px;
		top: 25.2%;
		left: 19.8%;
	}
}

@media (min-width: 1200px) {
	.item-3 {
		width: 86px;
		height: 86px;
		top: 36.3%;
		left: 10%;
	}
}

@media (min-width: 1200px) {
	.item-4 {
		width: 203px;
		height: 203px;
		top: 50%;
		left: 0;
	}
}

@media (min-width: 1200px) {
	.item-5 {
		width: 202px;
		height: 202px;
		bottom: 0;
		left: 20.5%;
	}
}

@media (min-width: 1200px) {
	.item-6 {
		width: 86px;
		height: 86px;
		top: 76.5%;
		left: 40.5%;
	}
}

@media (min-width: 1200px) {
	.item-7 {
		width: 240px;
		height: 317px;
		left: 59.7%;
		top: 49.6%;
	}
}

@media (min-width: 1200px) {
	.item-8 {
		width: 203px;
		height: 203px;
		right: 0;
		top: 49.6%;
	}
}

@media (min-width: 1200px) {
	.item-9 {
		width: 86px;
		height: 86px;
		right: 10%;
		top: 76.5%;
	}
}

@media (min-width: 1200px) {
	.item-10 {
		width: 86px;
		height: 86px;
		right: 26%;
		bottom: 0;
	}
}

.big-title {
	color: #FF4141;
	text-transform: uppercase;
	font-weight: 700;
}

.big-title span {
	display: block;
}

/***/



.object-wrap {
	position: relative;
	overflow: hidden;
}

@media (max-width: 991.98px) {
	.object-wrap-body {
		height: 33vw;
		min-height: 200px;
	}
}

@media (min-width: 992px) {
	.object-wrap-body {
		overflow: hidden;
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100vw;
		min-width: 1px;
		max-width: none;
		height: 100%;
		min-height: 100%;
		max-height: none;
		margin: 0;
		z-index: 0;
	}

	.object-wrap-body+* {
		margin-top: 0;
	}

	.object-wrap-body.object-wrap-body-md-right {
		right: 0;
	}

	.object-wrap-body.object-wrap-body-md-left {
		left: 0;
	}
}

@media (min-width: 992px) {
	.object-wrap-body-sizing-1 {
		width: 50vw;
	}
}

/***/


.parallax-content {
	position: relative;
	z-index: 1;
}

/***/


@media (min-width: 1200px) {
	.box-counter-wrap>* {
		font-size: 30px;

	}


	@media (min-width: 1200px) {
		.box-counter-title {
			font-size: 24px;
		}
	}

	@media (min-width: 768px) {
		.ran-index-data {
			padding: 20px 0;
		}

	}


	/***/
	@media (min-width: 992px) {
		.page .section-lg-140 {
			padding-top: 140px;
			padding-bottom: 140px;
		}

	}

	@media (min-width: 1200px) {

		h2,
		.heading-2 {
			line-height: 1.33333;
			font-size: 60px;
		}
	}


	/*

*

* Thumbnails

* --------------------------------------------------

*/
	.thumbnail-type-1 {
		display: inline-block;
		position: relative;
		box-shadow: 20px 20px 40px 0 rgba(0, 0, 0, 0.12);
		transition: .3s;
	}

	.thumbnail-type-1:hover {
		box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
	}

	.thumbnail-type-1:hover .caption {
		opacity: 1;
	}

	.thumbnail-type-1:hover .caption .caption-inner {
		opacity: 1;
		transform: translateY(0);
	}

	.thumbnail-type-1 .label {
		top: -10px;
		right: -5px;
		line-height: 1.4;
		padding-top: .5em;
		position: absolute;
		z-index: 1;
		box-shadow: 1px 4px 15px 0 rgba(0, 0, 0, 0.35);
	}

	.thumbnail-type-1 .caption {
		opacity: 0;
		transition: .5s;
	}

	.thumbnail-type-1 .caption {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding-left: 8px;
		padding-right: 8px;
		background-color: #fff;
		color: #888;
	}

	.thumbnail-type-1 .caption *+p {
		margin-top: 8px;
	}

	@media (min-width: 1600px) {
		.thumbnail-type-1 .caption *+p {
			margin-top: 20px;
		}
	}

	.thumbnail-type-1 .caption-inner {
		opacity: 0;
		transition: .4s ease-in-out;
		transform: translateY(-10px);
	}

	.thumbnail-type-1 .caption-title {
		color: #000;
		font-size: 24px;
		line-height: 1.3;
		font-weight: 700;
	}

	html.mobile .thumbnail-type-1 .caption,
	html.tablet .thumbnail-type-1 .caption {
		padding-top: 10px;
		padding-bottom: 10px;
		position: static;
		border: 1px solid #e4e4e4;
	}

	html.mobile .thumbnail-type-1 .caption p,
	html.tablet .thumbnail-type-1 .caption p {
		margin-top: 3px;
		font-size: 16px;
	}

	html.mobile .thumbnail-type-1 .caption,
	html.mobile .thumbnail-type-1 .caption-inner,
	html.tablet .thumbnail-type-1 .caption,
	html.tablet .thumbnail-type-1 .caption-inner {
		opacity: 1;
		transform: none;
	}

	.thumbnail-type-2 {
		position: relative;
		display: inline-block;
		padding-left: 15px;
		padding-right: 15px;
	}

	.thumbnail-type-2 .label {
		top: -10px;
		right: 10px;
		line-height: 1.4;
		padding-top: .5em;
		position: absolute;
		z-index: 1;
		box-shadow: 1px 4px 15px 0 rgba(0, 0, 0, 0.35);
	}

	@media (min-width: 576px) {
		.thumbnail-type-2 {
			padding-left: 35px;
			padding-right: 35px;
		}

		.thumbnail-type-2 .label {
			right: 30px;
		}
	}

	.thumbnail-type-2 figure {
		transition: box-shadow 0.3s ease;
		box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.1);
	}

	.thumbnail-type-2 figure img {
		transform: scale(1);
		transition: .4s all ease-in-out;
	}

	.thumbnail-type-2 figure:hover {
		box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.3);
	}

	.thumbnail-type-2 figure:hover img {
		transform: scale(1.03);
	}

	.thumbnail-type-2 .caption {
		margin-top: 20px;
	}

	.thumbnail-type-2 .caption-title {
		color: #000;
		font-size: 18px;
		line-height: 1.3;
		text-transform: capitalize;
	}

	.thumb {
		position: relative;
		display: inline-block;
	}

	.thumb:before {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(46, 211, 174, 0.4);
		z-index: 1;
		content: '';
		will-change: opacity;
	}

	.thumb:after {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
		font-family: FontAwesome;
		font-size: 34px;
		content: '\f065';
		z-index: 1;
		will-change: transform, opacity;
	}

	.thumb:before,
	.thumb:after {
		transition: .3s ease;
		opacity: 0;
	}

	.thumb:hover:before,
	.thumb:hover:after {
		opacity: 1;
	}

	/*****/


	.rd-navbar .rd-navbar-nav>li>a {
		font-size: 16px;

	}

	.rd-navbar-static .rd-navbar-nav>li {
		padding: 0 23px;
	}


	/*****/

	.bg-image-7 {
		background-image: url('../images/footer-bg-image-7.jpg');
	}

	.bg-overlay-light:before,
	.bg-overlay-dark:before,
	.bg-overlay-darker:before,
	.bg-overlay-darkest:before {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		content: '';
		background-color: rgba(255, 255, 255, 0.3);
	}

	.bg-overlay-darkest:before {
		background-color: rgba(0, 0, 0, 0.8);
	}

	.ran-index-pagefooter a {
		color: white !important;
	}

	.ran-index-pagefooter .list-xxs li {
		font-size: 14px;
	}

	.ran-index-pagefooter .list-xxs2 li {
		float: left;
		border: 1px solid #ccc;
		padding: 5px 10px;
		border-radius: 5px;
		font-size: 14px;
		margin-right: 10px;
		margin-top: 0px;
		margin-bottom: 10px;

	}


	.ran-max1200 {

		max-width: 1200px;
		margin: 0px auto;
	}

	.bg-gray-lighter2 {
		background-color: #f3f7fa;

	}

	/*****/

	.ran-index-company .service {
		border-radius: 0.9375rem;
		padding: 15px 15px;
		text-align: left !important;

	}

	.ran-index-company .service-title {
		font-size: 20px;
		margin-bottom: 10px;

	}

	.ran-index-company .service-text {
		font-size: 14px;
		margin-top: 3px;
	}

	/*****/


	.ran-develop {}

	.ran-develop .row-gutter-42 {
		margin-left: -21px;
		margin-right: -21px;
	}

	.ran-develop .box-corporate {
		/*padding: 17px 19px;
		box-shadow: -4px 20px 40px rgba(0, 0, 0, 0.15);*/
		transition: 0.33s all ease-in-out;
		text-align: center;
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
	}

	.ran-develop .box-corporate .icon {
		color: #FE753F;
		transition: 0.53s all ease-in-out;
		font-size: 3.125rem;
	}

	.ran-develop .box-corporate:hover .box-corporate-corner {
		transform: none;
		opacity: 1;
	}

	.ran-develop .box-corporate:hover .icon {
		color: #39BA82;
	}
	.box-corporate{
		display: flex;
		justify-content: center;
	}
	.ran-develop .box-corporate-inner {
		position: relative;
		/*padding: 15px 12px 12px 12px;*/
	}

	.border-color-1A9C3E {
		border-color: #1A9C3E;
	}
	.ran-develop .box-corporate-corner {
		position: absolute;
		width: 18px;
		height: 18px;
		transition: 0.33s all ease-in-out;
		opacity: 0;
		border-color: #39BA82;
		border-style: solid;
	}

	.ran-develop .box-corporate-corner-tl {
		top: 0;
		left: 0;
		transform: translate(120%, 120%);
		border-width: 2px 0 0 2px;
	}

	.ran-develop .box-corporate-corner-tr {
		top: 0;
		right: 0;
		transform: translate(-120%, 120%);
		border-width: 2px 2px 0 0;
	}

	.ran-develop .box-corporate-corner-br {
		bottom: 0;
		right: 0;
		transform: translate(-120%, -120%);
		border-width: 0 2px 2px 0;
	}

	.ran-develop .box-corporate-corner-bl {
		bottom: 0;
		left: 0;
		transform: translate(120%, -120%);
		border-width: 0 0 2px 2px;
	}

	*+.box-corporate-title {
		margin-top: 10px;
		font-size: 18px;
	}

	*+.box-corporate-text {
		margin-top: 10px;
	}

	@media (min-width: 576px) {
		.ran-develop .box-corporate {
			max-width: none;
		}
	}

	@media (min-width: 992px) {
		.col-lg-20{
			max-width: 20%;
		}
		.ran-develop .box-corporate {
			text-align: left;
		}
	}

	@media (min-width: 1200px) {
		.ran-develop .box-corporate-inner {
			/*padding: 23px 30px 28px 30px;*/
		}
	}

	@media (min-width: 1600px) {
		.ran-develop .box-corporate-inner {
			/*padding: 23px 55px 28px 55px;*/
		}
	}

	.ran-develop .box-side {
		position: absolute;
		z-index: -1;
		right: 0;
		bottom: 0;
		left: 0;
		top: 0;
	}

	@media (min-width: 576px) {
		.ran-develop .box-side-left {
			border-radius: 0 10px 10px 0;
			top: 197px;
			right: 74.2%;
			bottom: 85px;
		}
	}

	@media (min-width: 576px) {
		
		.ran-develop .box-side-right {
			border-radius: 10px 0 0 10px;
			top: 197px;
			left: 74.2%;
			bottom: 85px;
		}
	}


	/*****/


	/**------- work process start -------**/

	#it_comp_svg_container {
		position: absolute;
		width: 100%;
		left: 52%;
		transform: translateX(-50%);
		width: 75%;
		bottom: 104px;
	}

	#svgC {
		margin: 0 auto;
		width: 100%;
	}

	canvas {
		display: block;
		vertical-align: bottom;
	}

	#particles-js {
		width: 100%;
		height: 100%;
		position: absolute;
	}

	.it_comp_work_process {
		position: relative;
		text-align: center;
		float: left;
		width: 100%;
	}

	.it_comp_work_process .step-num {
		background: #fff;
		border-radius: 50%;
		box-shadow: 0 4px 15px 0 #f0eaf5;
		color: #00e3c8;
		display: inline-block;
		font-size: 18px;
		font-weight: 600;
		height: 50px;
		right: 0;
		line-height: 55px;
		position: absolute;
		text-align: center;
		top: 0;
		width: 50px;
	}

	.theme-bg .it_comp_work_process h4,
	.theme-bg .it_comp_work_process p {
		color: #ffffff;
	}

	.it_comp_work_process .step-icon {
		background: #ffffff;
		width: 120px;
		height: 120px;
		position: relative;
		border-radius: 50%;
		line-height: 130px;
		font-size: 40px;
		text-align: center;
		color: #1c1d3e;
		-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
		box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
	}

	.it_comp_working_wrapper {
		padding-bottom: 100px;
		position: relative;
		padding-top: 30px;
	}

	.it_comp_working_wrapper .step-icon {
		color: #333;
	}

	.it_comp_work_process .step-desc h4 a {
		color: #111;
		margin-bottom: 15px;
		font-size: 22px;
		display: inline-block;
		text-transform: capitalize;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.it_comp_work_process:hover .step-desc h4 a {
		color: #00e3c8;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.it_comp_working_wrapper .step-icon {
		border-color: rgba(255, 255, 255, 0.2);
	}

	.it_comp_work_process .step-num-box {
		position: relative;
		display: inline-block;
		margin-bottom: 40px;
	}

	.it_comp_spinner_eff {
		position: absolute;
		width: 200px;
		height: 200px;
		bottom: -66px;
		left: 90px;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
	}

	.it_comp_spinner_eff .it_comp_spinner_circle {
		border-radius: 100px;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		transform: scale(1);
		transform-origin: center center;
	}

	.it_comp_spinner_eff .circle-1 {
		width: 100%;
		height: 100%;
		background-color: #99f7cd;
		top: 0;
		animation: pulse-1 1.8s linear 0s infinite;
	}

	.it_comp_spinner_eff .circle-2 {
		width: 66.6%;
		height: 66.6%;
		background-color: #d9f6e9;
		top: 16.5%;
		animation: pulse-2 1.8s linear 0s infinite;
	}

	@keyframes pulse-1 {
		0% {
			transform: scale(0);
		}

		50% {
			transform: scale(1.3);
			opacity: 0;
		}

		100% {
			transform: scale(1.3);
			opacity: 0;
		}
	}

	@keyframes pulse-2 {
		0% {
			transform: scale(0);
		}

		100% {
			transform: scale(1.3);
			opacity: 0;
		}
	}

	/*----- pricing table wrapper css -------*/

	.it_comp_pricng_wrapper {
		padding: 0 0 100px 0;
		position: relative;
	}

	.it_comp_pricing_box_wrapper {
		text-align: center;
		-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
		box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
		background: #fff;
	}

	.stations_wrapper {
		background: #fff;
	}

	.pricing_it_comp_heading_wrapper {
		padding-top: 50px;
		padding-bottom: 80px;
		background: #76e28f;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.it_comp_pricing_box_wrapper:hover .pricing_it_comp_heading_wrapper {
		background: #00e3c8;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.pricing_it_comp_heading_wrapper h3 {
		color: #fff;
		font-size: 26px;
		font-weight: 500;
		text-transform: capitalize;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.it_comp_pricing_box_wrapper:hover .pricing_it_comp_heading_wrapper h3 {
		color: #fff;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.it_comp_pricng_list_wrapper {
		background: #fff;
		width: 220px;
		height: 90px;
		padding-top: 17px;
		display: inline-block;
		text-align: center;
		-moz-box-shadow: 0 4px 15px 0px rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 0 4px 15px 0px rgba(0, 0, 0, 0.05);
		box-shadow: 0 4px 15px 0px rgba(0, 0, 0, 0.05);
		position: relative;
		margin-top: -45px;
	}

	.it_comp_pricng_list_wrapper h3 {
		font-size: 26px;
		color: #111;
		font-weight: 500;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.it_comp_pricng_list_wrapper h3 span {
		font-size: 16px;
	}

	.it_comp_pricing_five_list ul {
		margin-top: 50px;
	}

	.it_comp_pricing_five_list li {
		margin-top: 15px;
		font-size: 16px;
	}

	.it_comp_pricing_five_list li:first-child {
		margin-top: 0;
	}

	.it_comp_ui_pricing_five_btn {
		text-align: center;
	}

	.it_comp_ui_pricing_five_btn a {
		display: inline-block;
		width: 190px;
		height: 45px;
		line-height: 42px;
		text-align: center;
		background: transparent;
		color: #111111;
		border: 1px solid #e6e6e6;
		margin-top: 50px;
		margin-bottom: 40px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}

	.it_comp_pricing_box_wrapper:hover .it_comp_ui_pricing_five_btn a {
		background: #00e3c8;
		color: #fff;
		border: 1px solid #00e3c8;
	}

	.pricing_it_comp_heading_wrapper2 {
		background: #7b4dbb;
	}

	.pricing_it_comp_heading_wrapper3 {
		background: #de6640;
	}

	/*******/


	.monger_about_area {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.monger_about_title {}

	.monger_about_title_inner {}

	.monger_about_title_inner h1 {
		font-size: 35px;
		font-weight: 700;
		font-family: 'montserrat', sens-serif;
		text-transform: uppercase;
		margin-top: 0px;
		margin-bottom: 30px;
	}

	.monger_about_title_inner h1 span {
		color: #f01e4a;
	}

	.monger_about_title_inner p {}

	.single_about_content h2 {
		text-transform: uppercase;
		margin-bottom: 16px;
		position: relative;
		margin-top: 30px;
		font-weight: 600;
		font-size: 18px;
	}

	.single_about_content h2:before {
		background: #F01E4A none repeat scroll 0% 0%;
		position: absolute;
		content: '';
		top: 25px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		height: 2px;
		width: 45px;
		opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}

	/*******/


	.bg-primary-violet {
		background-color: #572B9D;
	}

	/*******/


	.icon-primary-secondary.icon-circle {
		background-image: linear-gradient(225deg, #2ed3ae 0%, #109df7 100%);
	}

	.icon-primary-secondary.icon-circle:before {
		color: #fff;
		-webkit-text-fill-color: initial;
	}

	.icon-primary-secondary:before {
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		color: #2ed3ae;
		background-image: -webkit-linear-gradient(225deg, #2ed3ae 0%, #109df7 100%);
	}



	.ran-case-menu .icon {
		text-align: center;
		line-height: 1;
		font-size: 48px;
	}

	.ran-case-menu h5 {
		font-size: 23px;
	}

	/*******/

	.ran-case-item {}

	.ran-case-item .justify-content-md-center .row h3 {
		font-size: 24px !important;
	}

	.ran-case-item .justify-content-md-center .row p {
		text-align: left !important;
		margin-top: 15px;
	}

	.ran-case-item .offset-top-24 {
		font-size: 14px;
		margin-top: 15px;

	}



	/*******/

	.ran-case-slider {
		padding-top: 0px;
		background: #3464e0;
		/* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #3464e0, #9214f4);
		/* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #3464e0, #9214f4);
		/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	}

	.ran-case-slider,
	.ran-case-slider .single_slide,
	.ran-case-slider .single-slide-item-table {
		width: 100%;
		height: 650px;
	}

	.ran-case-slider .single-slide-item-table {
		text-align: center;
		width: 100%;
		padding: 100px 0;
	}

	.ran-case-slider .single-slide-item-tablecell {}

	.ran-case-slider .single_slide {
		width: 100%;
		position: relative;
		z-index: 1;
	}

	.ran-case-slider .slider_content {
		position: relative;
		z-index: 100;
		padding-top: 6%;
		padding-right: 4%;
	}

	.ran-case-slider .slider_content .main_btn {
		background: #3464e0;
		border-color: #3464e0;
		color: #fff;
		margin-right: 15px;
		padding: 13px 35px;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: .5px
	}

	.ran-case-slider .slider_content .coll_btn {
		background: transparent;
		border-color: #fff;
		color: #fff;
		border: 2px solid #fff;
		padding: 13px 35px;
		transition: .5s;
		font-size: 16px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
		letter-spacing: .5px
	}

	.ran-case-slider .slider_content .coll_btn:hover,
	.ran-case-slider .slider_content .coll_btn:focus {
		background: #fff;
		color: #3464e0;
	}

	.ran-case-slider .slider_content .main_btn:hover,
	.ran-case-slider .slider_content .main_btn:focus {
		background: #3464e0;
		border-color: #3464e0;
		color: #fff;
	}

	.ran-case-slider .slider_content.text-left {
		padding-left: 40px;
	}

	.ran-case-slider .slider_content.text-right {}

	.ran-case-slider .slider_content h1 {
		color: #fff;
		text-transform: capitalize;
		font-weight: 500;
		line-height: 58px;
		font-size: 48px;
		margin-bottom: 15px;
		letter-spacing: 2px;
	}

	.ran-case-slider .slider_content h4 {
		color: #fff;
		margin-bottom: 22px;
		font-weight: 500;
		font-size: 20px;
		line-height: 28px;
	}

	.ran-case-slider .slider_content p {
		color: #fff;
		text-transform: capitalize;
		font-size: 16px;
		margin-bottom: 35px;
		font-weight: 400;

	}

	.ran-case-slider .slider_image {}

	.ran-case-slider .slider_image img {
		max-width: 100%;
		display: none !important;
	}

	.ran-case-slider .owl-dots {
		bottom: 20px;
		position: absolute;
		text-align: center;
		width: 100%;
	}

	.ran-case-slider .owl-dot {
		display: inline-block;
	}

	.ran-case-slider .owl-dot>span {
		background: rgba(255, 255, 255, 0.9);
		display: inline-block;
		height: 6px;
		margin: 4px;
		width: 20px;

	}

	.ran-case-slider .owl-dot.active>span {
		background: #3464e0;
		border: 1px solid #3464e0;
		display: inline-block;
		height: 6px;
		margin: 4px;
		width: 20px;
	}

	.ran-case-slider .owl-nav {
		display: block;
	}

	.ran-case-slider .owl-nav .owl-next,
	.ran-case-slider .owl-nav .owl-prev {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
		color: #3464e0;
		opacity: 1;
		font-size: 15px;
		transition: all 0.4s ease-in-out;
		width: 55px;
		height: 55px;
		line-height: 54px;
		border: 2px solid #fff;
		border-radius: 50%;
		background: #fff;

	}


	.ran-case-slider .owl-nav .owl-prev {
		left: 28px;
	}

	.ran-case-slider .owl-nav .owl-next {
		right: 28px;
	}

	.ran-case-slider .owl-nav .owl-next:hover,
	.ran-case-slider .owl-nav .owl-prev:hover {
		border-color: #fff;
		background: transparent;
		color: #fff;
	}


	/* Default Slider Animations */
	.index-owl-item:hover{
		background-color: #FFFFFF;
		box-shadow: 0px 10px 10px rgb(0 0 0 / 15%);
	}
	.index-owl-item{
		transition: all .3s ease-out;
		height: 450px;
	}
	.ran-case-slider .owl-item.active .slider-animated-1 h1 {
		-webkit-animation-delay: 1.1s;
		animation-delay: 1.1s;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
	}

	.ran-case-slider .owl-item.active .slider-animated-1 h4 {
		-webkit-animation-delay: 1.2s;
		animation-delay: 1.2s;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
	}

	.ran-case-slider .owl-item.active .slider-animated-1 p {
		-webkit-animation-delay: 1.3s;
		animation-delay: 1.3s;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
	}

	.ran-case-slider .owl-item.active .slider-animated-1 a {
		-webkit-animation-delay: 1.6s;
		animation-delay: 1.6s;
		-webkit-animation-name: bounceInLeft;
		animation-name: fadeInLeft;
	}

	.ran-case-slider .owl-item.active .slider-animated-1 .slider_image img {
		-webkit-animation-delay: 1.5s;
		animation-delay: 1.5s;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		display: block !important;
	}

	/* Default Slider Animations 2*/

	.ran-case-slider .owl-item.active .slider-animated-2 .slider_image img {
		-webkit-animation-delay: 1.1s;
		animation-delay: 1.1s;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		display: block !important;
	}

	.ran-case-slider .owl-item.active .slider-animated-2 h1 {
		-webkit-animation-delay: 1.1s;
		animation-delay: 1.1s;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
	}

	.ran-case-slider .owl-item.active .slider-animated-2 h4 {
		-webkit-animation-delay: 1.2s;
		animation-delay: 1.2s;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
	}

	.ran-case-slider .owl-item.active .slider-animated-2 p {
		-webkit-animation-delay: 1.3s;
		animation-delay: 1.3s;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
	}

	.ran-case-slider .owl-item.active .slider-animated-2 a {
		-webkit-animation-delay: 1.6s;
		animation-delay: 1.6s;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
	}



	/*
* ----------------------------------------------------------------------------------------
* 09.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
	.ran-index-casenew {
		padding-top: 60px;
		padding-bottom: 50px;
	}

	.ran-index-casenew .portfolio-filters {}

	.ran-index-casenew .portfolio-filters li.active {
		color: #fff;
		background: #004080;
		border-radius: 500px;
		padding: 8px 30px;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}

	.ran-index-casenew .portfolio-filters li {
		color: #1d293e;
		cursor: pointer;
		display: inline-block;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
		margin-right: 5px;
		padding: 8px 30px;
		text-transform: capitalize;
		-webkit-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
	}

	@media only screen and (max-width:480px) {
		.ran-index-casenew .portfolio-filters li {
			padding: 8px 24px;
			margin-bottom: 10px
		}
	}

	.ran-index-casenew .portfolio-filters li:hover {
		color: #fff;
		background: #004080;
		border-radius: 500px;
		padding: 8px 30px;
	}

	.ran-index-casenew .portfolio-items-list .mix {
		display: none;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.ran-index-casenew .portfolio-items-list .item-node {
		margin: 0px;
		padding: 0px;
	}

	.ran-index-casenew .grid {

		padding: 10px;
	}

	.ran-index-casenew .grid figure {
		background: #004080 none repeat scroll 0 0;
		overflow: hidden;
		position: relative;
	}

	.ran-index-casenew .grid figure img {
		position: relative;
		opacity: 0.8;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
		filter: alpha(opacity=80);
	}

	.ran-index-casenew .grid figure figcaption {
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.ran-index-casenew .grid figure figcaption,
	.ran-index-casenew .grid figure figcaption>a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ran-index-casenew .grid figure figcaption>a {
		z-index: 1000;
		text-indent: 200%;
		white-space: nowrap;
		font-size: 0;
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		filter: alpha(opacity=0);
	}

	.ran-index-casenew .grid figure h2 span {
		font-weight: 700
	}

	.ran-index-casenew .grid figure h2,
	.ran-index-casenew .grid figure p {
		margin: 0
	}

	.ran-index-casenew .grid figure p {
		letter-spacing: 1px;
		font-size: 68.5%;
	}

	.ran-index-casenew .effect-apollo p a {
		color: #fff;
		font-size: 18px;
		text-transform: capitalize;
		font-weight: 600;
	}

	.ran-index-casenew figure.effect-apollo {
		background: rgba(0, 0, 0, 0.9);
	}

	.ran-index-casenew figure.effect-apollo img {
		opacity: 0.95;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=95)';
		filter: alpha(opacity=95);
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, -webkit-transform 0.35s;
		-o-transition: opacity 0.35s, transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
		-webkit-transform: scale3d(1.05, 1.05, 1);
		transform: scale3d(1.05, 1.05, 1);
	}

	.ran-index-casenew figure.effect-apollo figcaption:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.8);
		content: '';
		-webkit-transition: -webkit-transform 0.6s;
		transition: -webkit-transform 0.6s;
		-o-transition: transform 0.6s;
		transition: transform 0.6s;
		transition: transform 0.6s, -webkit-transform 0.6s;
		-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
		transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
	}

	.ran-index-casenew figure.effect-apollo p {
		border-right: 4px solid #fff;
		bottom: 0;
		margin: 3em 3em 3em 0;
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		position: absolute;
		right: 0;
		text-align: right;
		-webkit-transition: opacity 0.35s ease 0s;
		-o-transition: opacity 0.35s ease 0s;
		transition: opacity 0.35s ease 0s;
	}

	.ran-index-casenew figure.effect-apollo h4 {
		text-align: left;
		color: #fff;
		position: absolute;
	}

	.ran-index-casenew figure.effect-apollo:hover img {
		opacity: 0.6;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
		filter: alpha(opacity=60);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	.ran-index-casenew figure.effect-apollo:hover figcaption:before {
		-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
		transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
	}

	.ran-index-casenew figure.effect-apollo:hover p {
		opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
		filter: alpha(opacity=100);
		-webkit-transition-delay: 0.1s;
		-o-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}

	.ran-index-casenew .portfolio_btn {
		padding-top: 50px
	}

	.ran-index-casenew .btn-portfolio-bg {
		background: #004080 none repeat scroll 0 0 !important;
		border: 1px solid #004080;
		border-radius: 3px;
		-webkit-box-shadow: none;
		box-shadow: none;
		color: #fff;
		font-size: 12px;
		padding: 12px 30px;
		text-transform: uppercase;
		-webkit-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
	}

	.ran-index-casenew .btn-portfolio-bg:hover,
	.ran-index-casenew .btn-portfolio-bg:focus {
		background: #1d293e !important;
		color: #fff;
		border: 1px solid #1d293e !important;
	}

	.ran-index-casenew .btn-box,
	.ran-index-casenew .text-center {
		width: 100%;
	}

	/*
* ----------------------------------------------------------------------------------------
* 09.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------


/*
* ----------------------------------------------------------------------------------------
* 07.START OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
	.ran-about-team {}

	.ran-about-team .single_team {
		background: #fff none repeat scroll 0 0;
		border-bottom: 4px solid #004080;
		-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
		box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
		padding: 15px;
		border-radius: 5px;
	}

	.ran-about-team .single_team img {}

	.ran-about-team .single_team h3 {
		text-transform: uppercase;
		font-size: 18px;
		margin-top: 15px;
		margin-bottom: 5px;
		font-weight: 600;
	}

	.ran-about-team .single_team p {
		margin-bottom: 15px;
		text-transform: capitalize;
		font-size: 15px;
		letter-spacing: 0;
		font-weight: 400;
		margin-top: 10px;
	}

	.ran-about-team .single_team ul {
		margin-bottom: 10px;
	}

	.ran-about-team .single_team ul li {}

	.ran-about-team .single_team ul li a {
		background: none;
		border-radius: 30px;
		color: #1d293e;
		display: block;
		height: 40px;
		line-height: 40px;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		width: 40px;
	}

	.ran-about-team .single_team ul li a:hover {
		background: #004080;
		color: #fff;
	}
}
	/*
* ----------------------------------------------------------------------------------------
* 07.START OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* pt pb mt mb 
* ----------------------------------------------------------------------------------------
*/
.pt-5{
	padding-top: 5px;
}
.pt-10{
	padding-top: 10px;
}
.pt-15{
	padding-top: 15px;
}
.pt-20{
	padding-top: 20px;
}
.pt-25{
	padding-top: 25px;
}
.pt-30{
	padding-top: 30px;
}
.pt-35{
	padding-top: 35px;
}
.pt-40{
	padding-top: 40px;
}
.pt-45{
	padding-top: 45px;
}
.pt-50{
	padding-top: 50px;
}
.pt-55{
	padding-top: 55px;
}
.pt-60{
	padding-top: 60px;
}
.pt-65{
	padding-top: 65px;
}
.pt-70{
	padding-top: 70px;
}
.pt-75{
	padding-top: 75px;
}
.pt-80{
	padding-top: 80px;
}
.pt-85{
	padding-top: 85px;
}
.pt-90{
	padding-top: 90px;
}
.pt-95{
	padding-top: 95px;
}
.pt-100{
	padding-top: 100px;
}
.pt-110{
	padding-top: 110px;
}
.pt-120{
	padding-top: 120px;
}

.pb-5{
	padding-bottom: 5px;
}
.pb-10{
	padding-bottom: 10px;
}
.pb-15{
	padding-bottom: 15px;
}
.pb-20{
	padding-bottom: 20px;
}
.pb-25{
	padding-bottom: 25px;
}
.pb-30{
	padding-bottom: 30px;
}
.pb-35{
	padding-bottom: 35px;
}
.pb-40{
	padding-bottom: 40px;
}
.pb-45{
	padding-bottom: 45px;
}
.pb-50{
	padding-bottom: 50px;
}
.pb-55{
	padding-bottom: 55px;
}
.pb-60{
	padding-bottom: 60px;
}
.pb-65{
	padding-bottom: 65px;
}
.pb-70{
	padding-bottom: 70px;
}
.pb-75{
	padding-bottom: 75px;
}
.pb-80{
	padding-bottom: 80px;
}
.pb-85{
	padding-bottom: 85px;
}
.pb-90{
	padding-bottom: 90px;
}
.pb-95{
	padding-bottom: 95px;
}
.pb-100{
	padding-bottom: 100px;
}
.pb-110{
	padding-bottom: 110px;
}
.pb-120{
	padding-bottom: 120px;
}


.mt-5{
	margin-top: 5px;
}
.mt-10{
	margin-top: 10px;
}
.mt-15{
	margin-top: 15px;
}
.mt-20{
	margin-top: 20px;
}
.mt-25{
	margin-top: 25px;
}
.mt-30{
	margin-top: 30px;
}
.mt-35{
	margin-top: 35px;
}
.mt-40{
	margin-top: 40px;
}
.mt-45{
	margin-top: 45px;
}
.mt-50{
	margin-top: 50px;
}
.mt-55{
	margin-top: 55px;
}
.mt-60{
	margin-top: 60px;
}
.mt-65{
	margin-top: 65px;
}
.mt-70{
	margin-top: 70px;
}
.mt-75{
	margin-top: 75px;
}
.mt-80{
	margin-top: 80px;
}
.mt-85{
	margin-top: 85px;
}
.mt-90{
	margin-top: 90px;
}
.mt-95{
	margin-top: 95px;
}
.mt-100{
	margin-top: 100px;
}
.mt-110{
	margin-top: 110px;
}
.mt-120{
	margin-top: 120px;
}

.mb-5{
	margin-bottom: 5px;
}
.mb-10{
	margin-bottom: 10px;
}
.mb-15{
	margin-bottom: 15px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-25{
	margin-bottom: 25px;
}
.mb-30{
	margin-bottom: 30px;
}
.mb-35{
	margin-bottom: 35px;
}
.mb-40{
	margin-bottom: 40px;
}
.mb-45{
	margin-bottom: 45px;
}
.mb-50{
	margin-bottom: 50px;
}
.mb-55{
	margin-bottom: 55px;
}
.mb-60{
	margin-bottom: 60px;
}
.mb-65{
	margin-bottom: 65px;
}
.mb-70{
	margin-bottom: 70px;
}
.mb-75{
	margin-bottom: 75px;
}
.mb-80{
	margin-bottom: 80px;
}
.mb-85{
	margin-bottom: 85px;
}
.mb-90{
	margin-bottom: 90px;
}
.mb-95{
	margin-bottom: 95px;
}
.mb-100{
	margin-bottom: 100px;
}
.mb-110{
	margin-bottom: 110px;
}
.mb-120{
	margin-bottom: 120px;
}
/* 屏幕宽度大于768px时 */
@media (min-width: 768px)  {
	.pt-md-5{
		padding-top: 5px;
	}
	.pt-md-10{
		padding-top: 10px;
	}
	.pt-md-15{
		padding-top: 15px;
	}
	.pt-md-20{
		padding-top: 20px;
	}
	.pt-md-25{
		padding-top: 25px;
	}
	.pt-md-30{
		padding-top: 30px;
	}
	.pt-md-35{
		padding-top: 35px;
	}
	.pt-md-40{
		padding-top: 40px;
	}
	.pt-md-45{
		padding-top: 45px;
	}
	.pt-md-50{
		padding-top: 50px;
	}
	.pt-md-55{
		padding-top: 55px;
	}
	.pt-md-60{
		padding-top: 60px;
	}
	.pt-md-65{
		padding-top: 65px;
	}
	.pt-md-70{
		padding-top: 70px;
	}
	.pt-md-75{
		padding-top: 75px;
	}
	.pt-md-80{
		padding-top: 80px;
	}
	.pt-md-85{
		padding-top: 85px;
	}
	.pt-md-90{
		padding-top: 90px;
	}
	.pt-md-95{
		padding-top: 95px;
	}
	.pt-md-100{
		padding-top: 100px;
	}
	.pt-md-110{
		padding-top: 110px;
	}
	.pt-md-120{
		padding-top: 120px;
	}
	.pt-md-130{
		padding-top: 130px;
	}
	.pt-md-140{
		padding-top: 140px;
	}
	.pt-md-150{
		padding-top: 150px;
	}
	.pt-md-160{
		padding-top: 160px;
	}
	.pt-md-160{
		padding-top: 160px;
	}
	.pt-md-170{
		padding-top: 170px;
	}
	.pt-md-180{
		padding-top: 180px;
	}
	
	.pb-md-5{
		padding-bottom: 5px;
	}
	.pb-md-10{
		padding-bottom: 10px;
	}
	.pb-md-15{
		padding-bottom: 15px;
	}
	.pb-md-20{
		padding-bottom: 20px;
	}
	.pb-md-25{
		padding-bottom: 25px;
	}
	.pb-md-30{
		padding-bottom: 30px;
	}
	.pb-md-35{
		padding-bottom: 35px;
	}
	.pb-md-40{
		padding-bottom: 40px;
	}
	.pb-md-45{
		padding-bottom: 45px;
	}
	.pb-md-50{
		padding-bottom: 50px;
	}
	.pb-md-55{
		padding-bottom: 55px;
	}
	.pb-md-60{
		padding-bottom: 60px;
	}
	.pb-md-65{
		padding-bottom: 65px;
	}
	.pb-md-70{
		padding-bottom: 70px;
	}
	.pb-md-75{
		padding-bottom: 75px;
	}
	.pb-md-80{
		padding-bottom: 80px;
	}
	.pb-md-85{
		padding-bottom: 85px;
	}
	.pb-md-90{
		padding-bottom: 90px;
	}
	.pb-md-95{
		padding-bottom: 95px;
	}
	.pb-md-100{
		padding-bottom: 100px;
	}
	.pb-md-110{
		padding-bottom: 110px;
	}
	.pb-md-120{
		padding-bottom: 120px;
	}
	.pb-md-130{
		padding-bottom: 130px;
	}
	.pb-md-140{
		padding-bottom: 140px;
	}
	.pb-md-150{
		padding-bottom: 150px;
	}
	.pb-md-160{
		padding-bottom: 160px;
	}
	.pb-md-170{
		padding-bottom: 170px;
	}
	.pb-md-180{
		padding-bottom: 180px;
	}


	.mt-md-5{
		margin-top: 5px;
	}
	.mt-md-10{
		margin-top: 10px;
	}
	.mt-md-15{
		margin-top: 15px;
	}
	.mt-md-20{
		margin-top: 20px;
	}
	.mt-md-25{
		margin-top: 25px;
	}
	.mt-md-30{
		margin-top: 30px;
	}
	.mt-md-35{
		margin-top: 35px;
	}
	.mt-md-40{
		margin-top: 40px;
	}
	.mt-md-45{
		margin-top: 45px;
	}
	.mt-md-50{
		margin-top: 50px;
	}
	.mt-md-55{
		margin-top: 55px;
	}
	.mt-md-60{
		margin-top: 60px;
	}
	.mt-md-65{
		margin-top: 65px;
	}
	.mt-md-70{
		margin-top: 70px;
	}
	.mt-md-75{
		margin-top: 75px;
	}
	.mt-md-80{
		margin-top: 80px;
	}
	.mt-md-85{
		margin-top: 85px;
	}
	.mt-md-90{
		margin-top: 90px;
	}
	.mt-md-95{
		margin-top: 95px;
	}
	.mt-md-100{
		margin-top: 100px;
	}
	.mt-md-110{
		margin-top: 110px;
	}
	.mt-md-120{
		margin-top: 120px;
	}
	.mt-md-130{
		margin-top: 130px;
	}
	.mt-md-140{
		margin-top: 140px;
	}
	.mt-md-150{
		margin-top: 150px;
	}
	.mt-md-160{
		margin-top: 160px;
	}
	.mt-md-170{
		margin-top: 170px;
	}
	.mt-md-180{
		margin-top: 180px;
	}
	
	.mb-md-5{
		margin-bottom: 5px;
	}
	.mb-md-10{
		margin-bottom: 10px;
	}
	.mb-md-15{
		margin-bottom: 15px;
	}
	.mb-md-20{
		margin-bottom: 20px;
	}
	.mb-md-25{
		margin-bottom: 25px;
	}
	.mb-md-30{
		margin-bottom: 30px;
	}
	.mb-md-35{
		margin-bottom: 35px;
	}
	.mb-md-40{
		margin-bottom: 40px;
	}
	.mb-md-45{
		margin-bottom: 45px;
	}
	.mb-md-50{
		margin-bottom: 50px;
	}
	.mb-md-55{
		margin-bottom: 55px;
	}
	.mb-md-60{
		margin-bottom: 60px;
	}
	.mb-md-65{
		margin-bottom: 65px;
	}
	.mb-md-70{
		margin-bottom: 70px;
	}
	.mb-md-75{
		margin-bottom: 75px;
	}
	.mb-md-80{
		margin-bottom: 80px;
	}
	.mb-md-85{
		margin-bottom: 85px;
	}
	.mb-md-90{
		margin-bottom: 90px;
	}
	.mb-md-95{
		margin-bottom: 95px;
	}
	.mb-md-100{
		margin-bottom: 100px;
	}
	.mb-md-110{
		margin-bottom: 110px;
	}
	.mb-md-120{
		margin-bottom: 120px;
	}
	.mb-md-130{
		margin-bottom: 130px;
	}
	.mb-md-140{
		margin-bottom: 140px;
	}
	.mb-md-150{
		margin-bottom: 150px;
	}
	.mb-md-60{
		margin-bottom: 160px;
	}
	.mb-md-170{
		margin-bottom: 170px;
	}
	.mb-md-180{
		margin-bottom: 180px;
	}
}

/* header的样式 */
.iframe-header{
	position: fixed;
    width: 100%;
	z-index: 10;
	height:100px;
}
@media (min-width: 768px) {
	
	/*.iframe-header + div {
		margin-top: 100px !important;
	}*/
}

@media (max-width: 768px) {
	.iframe1 {
		height: 100%;
		width: 100%;
	}
	.iframe-header + div {
		margin-top: 65px !important;
	}
	.iframe-header {
		height: 65px !important;
	}
}