.d-table {
	width:100%;
	height:100%
}
.d-table-cell {
	vertical-align:middle
}
.pt-100 {
	padding-top:100px
}
.pb-70 {
	padding-bottom:70px
}
.section-title {
	text-align:center;
	margin-bottom:45px
}
.section-title h2 {
	font-size:45px;
	margin-bottom:0;
	line-height:1
}
.section-title .bar {
	height:5px;
	width:100px;
	background:#2c55a5;
	position:relative;
	border-radius:5px;
	overflow:hidden;
	margin:20px auto 20px
}
.section-title .bar::before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:100%;
	width:5px;
	background:#fff;
	-webkit-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:MOVE-BG;
	animation-name:MOVE-BG
}
.section-title p {
	max-width:650px;
	margin:auto
}
@-webkit-keyframes MOVE-BG {
	from {
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
to {
	-webkit-transform:translateX(85px);
	transform:translateX(85px)
}
}@keyframes MOVE-BG {
	from {
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
to {
	-webkit-transform:translateX(85px);
	transform:translateX(85px)
}
}.single-how-it-works {
	margin-bottom:30px;
	-webkit-transition:.5s;
	transition:.5s;
	background-color:#fff;
	-webkit-box-shadow:0 0 1.25rem rgba(108,118,134,0.1);
	box-shadow:0 0 1.25rem rgba(108,118,134,0.1);
	padding:30px;
	margin-top:20px;
	margin-right:20px;
	position:relative;
	z-index:1
}
.single-how-it-works::before {
	content:'';
	position:absolute;
	right:-15px;
	top:-15px;
	z-index:-1;
	width:100%;
	height:100%;
	-webkit-transition:.5s;
	transition:.5s;
	border:5px solid #ebe5f5
}
.single-how-it-works::after {
	content:'';
	position:absolute;
	right:0;
	top:0;
	z-index:-1;
	width:100%;
	height:100%;
	-webkit-transition:.5s;
	transition:.5s;
	background-color:#fff
}
.single-how-it-works .icon {
	margin-bottom:25px
}
.single-how-it-works .icon i {
	display:inline-block;
	height:80px;
	width:80px;
	line-height:80px;
	text-align:center;
	background-color:#f4f1fb;
	color:#2c55a5;
	border-radius:70% 30% 30% 70% / 60% 40% 60% 40%;
	font-size:40px;
	-webkit-transition:.5s;
	transition:.5s
}
.single-how-it-works h3 {
	font-size:25px;
	margin-bottom:12px
}
.single-how-it-works h3 a {
	color:#202647
}
.single-how-it-works p {
	margin-bottom:0;
	position:relative;
	z-index:1
}
.single-how-it-works .number {
	display:inline-block;
	height:50px;
	width:50px;
	line-height:50px;
	text-align:center;
	background-color:#f4f1fb;
	color:#2c55a5;
	font-size:25px;
	border-radius:50px;
	position:absolute;
	top:15px;
	right:15px;
	-webkit-transition:.5s;
	transition:.5s
}
.single-how-it-works .shape {
	display:inline-block;
	height:80px;
	width:80px;
	background-color:#f1eef8;
	border-radius:70% 30% 30% 70% / 60% 40% 60% 40%;
	position:absolute;
	bottom:20px;
	right:20px;
	-webkit-transition:.5s;
	transition:.5s
}
.single-how-it-works:hover {
	margin-top:0;
	margin-right:0
}
.single-how-it-works:hover::before {
	top:0;
	right:0;
	opacity:0;
	visibility:hidden
}
.single-how-it-works:hover .icon i {
	background-color:#2c55a5;
	color:#fff;
	border-radius:50%
}
.single-how-it-works:hover .number {
	background-color:#2c55a5;
	color:#fff
}
.single-how-it-works:hover .shape {
	opacity:0;
	visibility:hidden
}
.solution-area {
	position:relative;
	z-index:1;
	overflow:hidden
}
.solution-area .container-fluid {
	max-width:1920px;
	padding-left:0
}
.solution-image {
	position:relative;
	z-index:1;
	padding:50px;
	overflow:hidden
}
.solution-image::before {
	position:absolute;
	content:"";
	height:100%;
	width:100%;
	background:-webkit-gradient(linear,left top,right top,from(#010b5c),color-stop(#031266),color-stop(#041871),color-stop(#041e7b),to(#032586));
	background:linear-gradient(to right,#010b5c,#031266,#041871,#041e7b,#032586);
	left:0;
	right:0;
	top:0;
	z-index:-1;
	-webkit-clip-path:polygon(0 0,86% 0,100% 100%,0% 100%);
	clip-path:polygon(0 0,86% 0,100% 100%,0% 100%)
}
.solution-image .image-shape-1 {
	position:absolute;
	left:0;
	top:-20%;
	z-index:-1;
	-webkit-animation:moveLeftBounce 10s linear infinite;
	animation:moveLeftBounce 10s linear infinite
}
.solution-image .image-shape-2 {
	position:absolute;
	right:-25%;
	bottom:-60%;
	z-index:-1;
	-webkit-animation:moveBounce 10s linear infinite;
	animation:moveBounce 10s linear infinite
}
@-webkit-keyframes moveBounce {
	0% {
	-webkit-transform:translateY(0px);
	transform:translateY(0px)
}
50% {
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
100% {
	-webkit-transform:translateY(0px);
	transform:translateY(0px)
}
}@keyframes moveBounce {
	0% {
	-webkit-transform:translateY(0px);
	transform:translateY(0px)
}
50% {
	-webkit-transform:translateY(50px);
	transform:translateY(50px)
}
100% {
	-webkit-transform:translateY(0px);
	transform:translateY(0px)
}
}@-webkit-keyframes moveLeftBounce {
	0% {
	-webkit-transform:translateX(0px);
	transform:translateX(0px)
}
50% {
	-webkit-transform:translateX(20px);
	transform:translateX(20px)
}
100% {
	-webkit-transform:translateX(0px);
	transform:translateX(0px)
}
}@keyframes moveLeftBounce {
	0% {
	-webkit-transform:translateX(0px);
	transform:translateX(0px)
}
50% {
	-webkit-transform:translateX(20px);
	transform:translateX(20px)
}
100% {
	-webkit-transform:translateX(0px);
	transform:translateX(0px)
}
}.solution-content {
	max-width:680px
}
.solution-content h3 {
	font-size:40px;
	margin-bottom:0
}
.solution-content .bar {
	height:5px;
	width:100px;
	background:#2c55a5;
	position:relative;
	border-radius:5px;
	overflow:hidden;
	margin:20px auto 20px 0
}
.solution-content .bar::before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:100%;
	width:5px;
	background:#fff;
	-webkit-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:MOVE-BG;
	animation-name:MOVE-BG
}
.solution-content p {
	margin-bottom:0
}
.solution-content .inner-content {
	position:relative;
	margin-top:35px;
	padding-left:90px
}
.solution-content .inner-content .icon {
	position:absolute;
	left:0;
	top:0
}
.solution-content .inner-content .icon i {
	display:inline-block;
	height:70px;
	width:70px;
	line-height:70px;
	background-color:#2c55a5;
	color:#fff;
	text-align:center;
	font-size:35px;
	border-radius:50px;
	-webkit-transition:.5s;
	transition:.5s
}
.solution-content .inner-content h4 {
	font-size:25px;
	margin-bottom:10px
}
.solution-content .inner-content p {
	margin-bottom:0
}
.solution-content .inner-content:hover .icon i {
	background-color:#2c55a5;
	color:#fff
}
.solution-shape {
	position:absolute;
	right:0;
	bottom:0;
	z-index:-1;
	opacity:30%;
	-webkit-animation:moveLeftBounce 10s linear infinite;
	animation:moveLeftBounce 10s linear infinite
}
.services-area {
	position:relative;
	z-index:1;
	overflow:hidden
}
.services-area.bg-optional-color {
	background-color:#fafafb
}
.single-services {
	background-color:#fff;
	-webkit-box-shadow:0 0 1.25rem rgba(108,118,134,0.1);
	box-shadow:0 0 1.25rem rgba(108,118,134,0.1);
	padding:35px 30px;
	margin-bottom:30px;
	position:relative;
	z-index:1;
	-webkit-transition:.5s;
	transition:.5s;
	border-radius:5px
}
.single-services::before {
	top:50%;
	left:50%;
	width:0;
	z-index:-1;
	height:100%;
	content:"";
	position:absolute;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	background-color:#2c55a5;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	border-radius:5px;
	-webkit-transition:.5s;
	transition:.5s
}
.single-services .title {
	position:relative;
	margin-bottom:25px
}
.single-services .title i {
	font-size:50px;
	color:#2c55a5;
	-webkit-transition:.5s;
	transition:.5s;
	position:absolute;
	top:0;
	left:0;
	line-height:1
}
.single-services .title h3 {
	font-size:25px;
	margin-bottom:0;
	-webkit-transition:.5s;
	transition:.5s;
	text-align:center;
	padding-top:10px
}
.single-services .title h3 a {
	color:#202647
}
.single-services p {
	margin-bottom:12px;
	-webkit-transition:.5s;
	transition:.5s
}
.single-services .read-more-btn {
	font-size:14px;
	font-weight:600;
	padding-bottom:5px;
	-webkit-transition:.5s;
	transition:.5s;
	position:relative
}
.single-services .read-more-btn::before {
	width:100%;
	height:1px;
	position:absolute;
	left:0;
	bottom:0;
	content:'';
	-webkit-transition:.5s;
	transition:.5s;
	background-color:#eee
}
.single-services .read-more-btn::after {
	width:0;
	height:1px;
	position:absolute;
	left:0;
	-webkit-transition:.5s;
	transition:.5s;
	bottom:0;
	content:'';
	background-color:#2c55a5
}
.single-services .read-more-btn:hover::before {
	width:0
}
.single-services .read-more-btn:hover::after {
	width:100%
}
.single-services:hover {
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px)
}
.single-services:hover::before {
	width:100%
}
.single-services:hover .title i {
	color:#fff
}
.single-services:hover h3 a {
	color:#fff
}
.single-services:hover p {
	color:#fff
}
.single-services:hover .read-more-btn {
	color:#fff;
	letter-spacing:1px
}
.single-services:hover .read-more-btn::after {
	background-color:#000244
}
.single-services-box {
	border:1px solid #f4f5fe;
	padding:30px;
	margin-bottom:30px;
	-webkit-transition:.5s;
	transition:.5s;
	border-radius:5px
}
.single-services-box .icon {
	margin-bottom:25px
}
.single-services-box .icon i {
	display:inline-block;
	width:85px;
	height:85px;
	line-height:85px;
	background-color:#2c55a5;
	color:#fff;
	text-align:center;
	font-size:45px;
	position:relative;
	border-radius:15px;
	-webkit-transition:.5s;
	transition:.5s
}
.single-services-box h3 {
	font-size:25px;
	margin-bottom:12px
}
.single-services-box h3 a {
	color:#202647
}
.single-services-box p {
	margin-bottom:10px
}
.single-services-box .read-more-btn {
	font-size:15px;
	font-weight:600;
	-webkit-transition:.5s;
	transition:.5s
}
.single-services-box:hover {
	background-color:#fff;
	border-radius:0;
	border-color:#fff;
	-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.07);
	box-shadow:0 10px 30px rgba(0,0,0,0.07);
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px)
}
.single-services-box:hover .icon i {
	background-color:#000244
}
.single-services-box:hover .read-more-btn {
	letter-spacing:1px
}
.hosting-content h3 {
	font-size:40px;
	margin-bottom:0
}
.hosting-content .bar {
	height:5px;
	width:100px;
	background:#2c55a5;
	position:relative;
	border-radius:5px;
	overflow:hidden;
	margin:20px auto 20px 0
}
.hosting-content .bar::before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:100%;
	width:5px;
	background:#fff;
	-webkit-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:MOVE-BG;
	animation-name:MOVE-BG
}
.hosting-content p {
	margin-bottom:0
}
.hosting-content .inner-content {
	position:relative;
	padding-left:75px;
	margin-top:35px
}
.hosting-content .inner-content .icon {
	position:absolute;
	left:0;
	top:0
}
.hosting-content .inner-content .icon i {
	display:inline-block;
	height:65px;
	width:65px;
	line-height:65px;
	border-radius:50%;
	background-color:#f0f4fc;
	color:#2c55a5;
	font-size:35px;
	text-align:center;
	-webkit-transition:.5s;
	transition:.5s
}
.hosting-content .inner-content h4 {
	font-size:22px;
	margin-bottom:10px
}
.hosting-content .inner-content p {
	margin-bottom:0
}
.hosting-content .inner-content:hover .icon i {
	background-color:#2c55a5;
	color:#fff
}
.how-it-works-area{
	margin-top:100px;
}
.support-content h4{
	margin-bottom:0;
	margin-top:20px;
}
@media only screen and (max-width:767px) {
	.pt-100 {
		padding-top:50px
	}
	.pb-70 {
		padding-bottom:20px
	}
	.section-title {
		margin-bottom:35px
	}
	.section-title h2 {
		font-size:30px
	}
	.section-title p {
		font-size:15px
	}
	.single-how-it-works h3 {
		font-size:22px
	}
	.solution-area .container-fluid {
		padding-left:15px
	}
	.solution-image {
		text-align:center
	}
	.solution-image::before {
		-webkit-clip-path:unset;
		clip-path:unset
	}
	.solution-content {
		margin-top:30px
	}
	.solution-content h3 {
		font-size:25px
	}
	.solution-content .inner-content {
		padding-left:70px
	}
	.solution-content .inner-content h4 {
		font-size:22px
	}
	.solution-content .inner-content .icon i {
		height:55px;
		width:55px;
		line-height:55px;
		font-size:25px
	}
	.single-services {
		padding:0px 25px
	}
	.single-services .title i {
		font-size:45px
	}
	.single-services .title h3 {
		font-size:20px;
		text-align: left;
		padding-left:55px;
		padding-top:12px
	}
	.hosting-content h3 {
		font-size:28px
	}
	.single-services-box .icon i {
		width:70px;
		height:70px;
		line-height:70px;
		font-size:35px
	}
	.single-services-box {
		text-align:center
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.pb-100 {
		padding-bottom:70px
	}
	.pb-70 {
		padding-bottom:40px
	}
	.solution-area .container-fluid {
		padding-left:15px
	}
	.solution-image {
		text-align:center
	}
	.solution-image::before {
		-webkit-clip-path:unset;
		clip-path:unset
	}
	.solution-content {
		margin-top:30px
	}
	.single-services {
		padding:35px 25px
	}
	.single-services .title i {
		font-size:45px
	}
	.single-services .title h3 {
		padding-left:55px;
		padding-top:10px
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.single-how-it-works {
		padding:20px
	}
	.single-how-it-works h3 {
		font-size:20px
	}
	.single-services {
		padding:35px 25px
	}
	.single-services .title i {
		font-size:45px
	}
	.single-services .title h3 {
		padding-left:55px;
		padding-top:10px;
		font-size:22px
	}
}