/* Process */
.process {
	text-align: center;
}

.process .process-step {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.process .process-step-circle {
	display: flex;
	justify-content: center;
	height: 90px;
	text-align: center;
	width: 90px;
	border: 2px solid #FF4045;
	border-radius: 50%;
	align-items: center;
	position: relative;
	background-color: transparent;
	transition: all 0.2s ease-in-out;
}

.process .process-step-content {
	padding-top: 20px;
}

.process .process-step-circle-content {
	font-weight: bold;
	color: #212529;
	font-size: 1.6em;
	letter-spacing: -1px;
	transition: all 0.2s ease-in-out;
}

.process .process-step:hover .process-step-circle {
	background-color: #FF4045;
}

.process .process-step:hover .process-step-circle .process-step-circle-content {
	color: #FFF;
}

.process .process-step:hover .process-step-circle .process-step-circle-content .icons {
	color: #FFF !important;
}

.process.process-shapes .process-step-circle {
	position: relative;
	width: auto;
	height: auto;
	border: 0;
	margin-bottom: 19.2px;
	margin-bottom: 1.2rem;
}

.process.process-shapes .process-step-circle .process-step-circle-content {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	background-color: #FF4045;
	border-radius: 100%;
	color: #FFF;
	z-index: 3;
}

.process.process-shapes .process-step-circle:before, .process.process-shapes .process-step-circle:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background-color: #777;
	border-radius: 100%;
	opacity: 0.6;
	transform: translate3d(-50%, -50%, 0) scale(1.5);
	transition: ease transform 1s;
	z-index: 2;
}

.process.process-shapes .process-step-circle:after {
	background-color: #999;
	opacity: 0.3;
	transform: translate3d(-50%, -50%, 0) scale(2);
	z-index: 1;
}

.process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:before {
	animation-name: processShapesScaleOne;
	animation-delay: 300ms;
}

.process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:after {
	animation-name: processShapesScaleTwo;
}

.process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:before, .process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:after {
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	animation-timing-function: linear;
}

.process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:before {
	animation-name: processShapesScaleOne;
	animation-delay: 300ms;
}

.process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:after {
	animation-name: processShapesScaleTwo;
}

.process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:before, .process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:after {
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	animation-timing-function: linear;
}

.process.process-shapes.process-shapes-always-animate .process-step .process-step-circle.process-shapes-always-animate-delay:before {
	animation-name: processShapesScaleOne;
	animation-delay: 1000ms;
}

.process.process-shapes.process-shapes-always-animate .process-step .process-step-circle.process-shapes-always-animate-delay:after {
	animation-name: processShapesScaleTwo;
	animation-delay: 700ms;
}

@keyframes processShapesScaleOne {
	0% {
		opacity: 0.6;
		transform: translate3d(-50%, -50%, 0) scale(1.5);
	}

	25% {
		opacity: 0;
		transform: translate3d(-50%, -50%, 0) scale(1.8);
	}

	50% {
		opacity: 0;
		transform: translate3d(-50%, -50%, 0) scale(1);
	}

	100% {
		opacity: 0.6;
		transform: translate3d(-50%, -50%, 0) scale(1.5);
	}
}

@keyframes processShapesScaleTwo {
	0% {
		opacity: 0.3;
		transform: translate3d(-50%, -50%, 0) scale(2);
	}

	25% {
		opacity: 0;
		transform: translate3d(-50%, -50%, 0) scale(2.3);
	}

	50% {
		opacity: 0;
		transform: translate3d(-50%, -50%, 0) scale(1);
	}

	100% {
		opacity: 0.3;
		transform: translate3d(-50%, -50%, 0) scale(2);
	}
}

@media (min-width: 992px) {
	.process .process-step:before {
		content: '';
		height: 2px;
		display: block;
		background-color: #EDEDED;
		position: absolute;
		width: 50%;
		top: 45px;
		left: 75%;
	}

	.process .process-step:last-child:before {
		display: none;
	}

	.process.process-shapes .process-step:before {
		top: 23px;
	}
}

.process-vertical {
	text-align: left;
}

.process-vertical .process-step {
	width: 100%;
	flex-direction: row;
	justify-content: start;
	align-items: start;
	position: relative;
	padding-bottom: 60px;
}

.process-vertical .process-step:before {
	display: none;
}

.process-vertical .process-step:after {
	width: 2px;
	display: block;
	background-color: #EDEDED;
	position: absolute;
	content: '';
	height: calc(100% - 80px);
	top: 70px;
	left: 30px;
}

.process-vertical .process-step:last-child:after {
	display: none;
}

.process-vertical .process-step-circle {
	height: 60px;
	width: 60px;
	margin: 0 15px 0 0;
	min-height: 60px;
	min-width: 60px;
}

.process-step-content {min-height:180px;max-height:180px;
	padding-top: 0; font-size:14px;
}


@media only screen and (max-width: 767px) {

.process-step-content {min-height:50px;max-height:200px;
	padding-top: 0; font-size:14px;
}

}


.process-vertical .process-step-content {min-height:180px;max-height:180x;
	padding-top: 0;
}
.process-connecting-line {
	position: relative;
	text-align: left;
}

.process-connecting-line .connecting-line {
	content: '';
	position: absolute;
	top: 25px;
	left: 15px;
	right: 15px;
	height: 3px;
	background: #FF4045;
}

.process-connecting-line .process-step {
	align-items: flex-start;
	padding-right: 28px;
	padding-right: 1rem;
	padding-left: 28px;
	padding-left: 1rem;
}

.process-connecting-line .process-step:before {
	content: none;
}

.process-connecting-line .process-step-circle {
	background: #FFF;
	width: 50px;
	height: 50px;
	border: 3px solid #FF4045;
}


.section-header {
	border-bottom: 1px solid #ddd;
	padding-bottom: 18px;
	position: relative;
	margin-bottom: 18px;
}
.section-header .cs-heading {
	margin-bottom: 0;
	float: left;
	margin-right: 58px;
}



.cs-heading {
	text-transform: uppercase;
	font-weight: 500;
	position: relative;
	padding-left: 22px;
	margin-bottom: 28px;

	border-left:9px solid #6c757d;
}




.section-header p {font-size:12px;
	float: left;
	max-width: 520px;
	margin-top: 8px;
	margin-bottom: 0;
}
.section-header img {
	position: absolute;
	bottom: 0;
	right: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


.section__heading {
  padding-bottom: 1.2rem;
  position: relative;
}
.section__heading::before {
  position: absolute;
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  border: 1px solid #ec6856;
  left: 0;
  top: 3px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .section__heading::before {
    top:5px;left: 1rem;;width: 1.25rem;
  height:1.25rem;
  }
}
.section__heading::after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  background:  #ec6856;
  left: 7px;
  top: 10px;
  border-radius: 50%;
}


.section__heading--maintitle {
  text-transform: uppercase;
  padding-left: 2.4rem;font-size:1.125rem;padding-top:5px;;
}
.section__heading--maintitle span {
  font-weight:500;
}
@media (max-width: 767px) {
  .section__heading::after {
    top: 8px; left: 20px;
  }

.section__heading--maintitle {
  text-transform: uppercase;
  font-size:1rem;padding-top:5px;;
}
.section__heading--maintitle span {
  font-weight:500;
}


}
.main_title_cs {
  position: relative;
  border-left: 3px solid #e3e3e6;
  padding-left: 15px;
}

.main_title_cs span {
  width: 3px;
  height: 30px;
  background-color: #ec6856;
  position: absolute;
  left: -3px;
  top: 0;
  display: block;font-size:14px;
}

.main_title_cs h2, .main_title_cs h3 {
  font-size:20px;
  font-size:  1.25rem;
  margin: 0;
  display: inline-block;color:#ec6856;
}
@media (max-width: 767px) {
  .main_title_cs h2, .main_title_cs h3 {
    font-size: 16px;
    font-size: 1rem;
  }
}
.main_title_cs p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 20px;color:#444;
}
@media (max-width: 767px) {
  .main_title_cs p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.main_title_cs a {
  display: inline-block;
  right: 0;
  bottom: 0;
  position: absolute;
}
@media (max-width: 767px) {
  .main_title_cs a {
    top: -10px;
  }
}
.main_title_cs a:after {
  font-family: 'ElegantIcons';
  content: "\24";
  font-size: 21px;
  font-size: 1.3125rem;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  top: 5px;
  margin-left: 4px;
}

.main_title_c {
  position: relative;
  border-left: 3px solid #ededee;
  padding-left: 15px;
}
@media (max-width: 767px) {
  .main_title_c {
    border-left: none;
    padding-left: 0;
  }
}
.main_title_c span {
  width: 3px;
  height: 30px;
  background-color: #0ab8dd;
  position: absolute;
  left: -3px;
  top: 0;
  display: block;
}
@media (max-width: 767px) {
  .main_title_c span {
    display: none;
  }
}
.main_title_c h2, .main_title_c h3 {
  font-size: 26px;
  font-size: 1.625rem;
  margin: 0;
  display: inline-block;
}
@media (max-width: 767px) {
  .main_title_c h2, .main_title_c h3 {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
.main_title_c p {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .main_title_c p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.main_title_c a {
  display: inline-block;
  right: 0;
  bottom: 0;
  position: absolute;
}
@media (max-width: 767px) {
  .main_title_c a {
    top: -10px;
  }
}
.main_title_c a:after {
  font-family: 'ElegantIcons';
  content: "\24";
  font-size: 21px;
  font-size: 1.3125rem;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  top: 5px;
  margin-left: 4px;
}

.main_title_4 p {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .main_title_4 p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.feature.feature-1 {margin-top:-50px; margin-bottom:80px;border-bottom: 0px solid #DDD;}
.feature.feature-1 .icon { margin-bottom: 0px; }
.feature.feature-1 .icon { margin-bottom: 0px; }
@media (max-width: 767px) {
  a.grid_item figure {
    height: 90px !important;
  }
}
@media (max-width: 575px) {
  a.grid_item figure {
    height: 80px !important;
  }
}

hr.middle {border-top: 1px solid #999;	margin-top: 10px;margin-bottom:10px;}
table {
	font-size: 0.875rem;font-size: 14px;
	
}
#csbox { padding:20px;box-sizing:border-box; margin-top:0px; border-top:2px solid #ff4a51 !important; 
border:1px solid #eee;height:800px;font-size:13px; color:#7c7c7c; line-height:1.7; overflow-y:scroll;word-break:keep-all; }


@media (max-width: 767px) {
  #csbox {height:600px;font-size:12px;  }

}


.c-box {border: 1px solid #e3cec2;padding:20px; background-color: #fbf2f1;}
.title_sub4_1{display:block; font-size:16px; color:#000; font-weight: 500; margin-top:10px; margin-bottom:0px;}
.title_sub4_2{display:block; font-size:14px; color:#121212; font-weight: 400; margin-top:0px; margin-bottom:5px;}
.title_sub4_3{display:block; font-size:14px; color:#121212; font-weight: 400; margin-top:0px; margin-bottom:5px;}
.title_sub4_4{display:block; font-size:14px; color:#121212; font-weight: 400; margin-top:0px; margin-bottom:0px;}
 ol{
  list-style: none;
  margin:0px 0 10px 0;color:#4e545a;
  padding: 0;
}