body{
	font-family: 'Poppins', sans-serif !important;
	overflow-x: hidden;
}
.loader {
	font-size: 10px;
	margin: 50px auto;
	text-indent: -9999em;
	width: 11em;
	height: 11em;
	border-radius: 50%;
	background: #0fbe93;
	background: -moz-linear-gradient(left, #0fbe93 10%, rgba(15,190,147, 0) 42%);
	background: -webkit-linear-gradient(left, #0fbe93 10%, rgba(15,190,147, 0) 42%);
	background: -o-linear-gradient(left, #0fbe93 10%, rgba(15,190,147, 0) 42%);
	background: -ms-linear-gradient(left, #0fbe93 10%, rgba(15,190,147, 0) 42%);
	background: linear-gradient(to right, #0fbe93 10%, rgba(15,190,147, 0) 42%);
	position: relative;
	-webkit-animation: load3 1.4s infinite linear;
	animation: load3 1.4s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
.loader:before {
	width: 50%;
	height: 50%;
	background: #0fbe93;
	border-radius: 100% 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
}
.loader:after {
	background: #0fbe93;
	width: 75%;
	height: 75%;
	border-radius: 50%;
	content: '';
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
@-webkit-keyframes load3 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load3 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
#loadingDiv {
	position:absolute;;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#a0a0a0;
}
.navbar-default .navbar-nav>li>a {color: #3c3c3c;font-weight: 700;}
.navbar-default .navbar-nav>li:hover a {color: #4b8dfd;}
.navbar-default .navbar-nav>li:hover .btn-circle {color: white;}
.navbar-brand { position: relative; z-index: 2;float:left;transition: all 0.4s ease 0s; padding:1px 15px;}
.navbar-brand img{width:100%;}
.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; }
.nav>li>a:hover{color:#4a57ff;}
.navbar .navbar-collapse { position: relative; }
.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 22px; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }
.navbar-toggle .icon-bar {background-color: white;}
.btn.btn-circle { border-radius: 50px; }
.navbar{margin-bottom:0px;background:transparent;padding-bottom: 10px;border-bottom:1px solid #a09d9b;}
.nav-scroll{box-shadow: 1.5px 3.99px 27px 0px rgba( 0, 0, 0, 0.1);border-bottom:none;background:rgba(0, 0, 0, 0.5);}
.navbar-nav>li>a {color:white;font-weight: bold;}
.navbar-default .navbar-nav>li>.btn-circle{color:white;}
.navbar-default .navbar-nav>li>.btn-circle:hover{background-color:#4b8dfd;box-shadow: 1.5px 3.99px 27px 0px rgba( 0, 0, 0, 0.1);color:white;}
.btn-circle{background-color:transparent;color:white;transition: 0.3s;border-color:#fff;}
@media screen and (max-width: 767px) {
	.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; } 

	.navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
	.navbar .nav-collapse .navbar-form { margin: 0; }
	.nav-collapse>li { float: none; }
}


/*==============================================
			06. Banner
			==============================================*/
			.banner{background:url('../images/home-bg1.jpg');background-size:cover;background-repeat: no-repeat;background-position: center center;}
			.banner {
				
				
				position: relative;
				/* min-height: 775px; */
				 min-height: 660px;
				/* padding: 50px 0 50px 0; */
				padding:100px 0 50px 0;
				color: #fff;
				-moz-transition: all 0.9s ease;
			}

			.banner .jarallax-img {
				opacity: 0.05;
			}
			.home2.banner {
				padding: 0;
				min-height: auto;
			}

			.home2.banner .fixed-bg {
				background-attachment: inherit !important; 
			}
			.slider1 h2{
				letter-spacing: 5px;
				font-weight: bold;
				font-family: 'Poppins';
				color:#ffffff;

			}
			
			.slider1 p {
				font-size: 20px;
				color: #fff;
				line-height: normal;
				font-weight: bold;
				padding: 0 15% 0 0;
				font-family: 'Poppins', sans-serif;
				letter-spacing: 1px;
				margin-top:20px;
			}
			a.cbtn {
				color: #fff;
				text-align: center;
				text-transform: uppercase;
				display: inline-block;
				float: left;
				border-radius: 70px;
				padding: 0 0 0 25px;
				position: relative;
				backface-visibility: hidden;
				line-height: 56px;
				font-family: 'Poppins', sans-serif
			}
			.slider1 a.cbtn {
				margin: 50px 0 0;
				min-width: 200px;
				border:2px solid transparent;
				-webkit-transition: all 0.7s ease;
				-moz-transition: all 0.7s ease;
				-ms-transition: all 0.7s ease;
				-o-transition: all 0.7s ease;
				transition: all 0.7s ease;
			}
			.slider1 a.cbtn:hover {
				background: transparent !important;
				border: 2px solid #ffd11a;
				color: #ffd11a;
			}

			a.cbtn span {
				position: relative;
				display: inline-block;
				font-size: 15px;
				font-weight: 500;
				letter-spacing: -1px;
				font-family: 'Poppins', sans-serif
			}
			a.cbtn span:before {
				content: "";
				background: #fff;
				position: absolute;
				top: 50%;
				-webkit-transform: translateY(-50%) rotateY(0deg);
				-moz-transform: translateY(-50%) rotateY(0deg);
				-ms-transform: translateY(-50%) rotateY(0deg);
				-o-transform: translateY(-50%) rotateY(0deg);
				transform: translateY(-50%) rotateY(0deg);
				height: 2px;
				z-index: 1;
				width: 15px;
				left: -25px;
				backface-visibility: hidden;
				-webkit-transition: all 0.9s ease;
				-moz-transition: all 0.9s ease;
				-ms-transition: all 0.9s ease;
				-o-transition: all 0.9s ease;
				transition: all 0.9s ease;
			}
			.slider1 a.cbtn:hover span:before {
				background: #ffd11a;
				-webkit-transform: translateY(-50%)rotateY(360deg);
				-moz-transform: translateY(-50%)rotateY(360deg);
				-ms-transform: translateY(-50%)rotateY(360deg);
				-o-transform: translateY(-50%)rotateY(360deg);
				transform: translateY(-50%)rotateY(360deg);
				backface-visibility: hidden;
			}


			.overlay.overlay-theme {
				z-index: -100;
				opacity: 1;
			}
			.overlay {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: -1;
			}
			.overlay-theme {
				background: #3157f8;
				background: -webkit-linear-gradient(bottom left, #3157f8 0%, #f93d87 100%);
				background: -o-linear-gradient(bottom left, #3157f8 0%, #f93d87 100%);
				background: linear-gradient(to top right, #3157f8 0%, #f93d87 100%);
			}
			.overlay:before {
				position: absolute;
				content: "";
				z-index: -1;
				left: 0;
				top: 0;
				bottom: 0;
				right: 0;
			}
			.banner .slider1{
				width: 100%;
				float: left;
				position: relative;
				padding-top: 25%;
			}
			.slider1 h1 {
				margin: 0px 0 20px;
				font-size: 50px;
				line-height: normal;
				font-weight: bold;
				padding: 0 0 0 0;
				letter-spacing: 0px;
				
				color:#fff;
			}
			.banner .slider1 a.cbtn{background: #ffd11a;}
			
			.register-form {
				font-family: 'Poppins', sans-serif;
				background-color:#edecec;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
				border-radius: 10px;
				box-shadow: 1.5px 12.99px 15px 0px rgba( 0, 0, 0, 0.5);
				/* padding: 20px 30px 20px 30px; */
			}
			.register-form .title {
				font-family: 'Poppins', sans-serif;
				font-size: 25px;
				color:#000;
				text-transform: uppercase;
				font-weight: bold;
				/* text-shadow: 0 0 1em #000; */
				text-shadow: 1px 2px 4px #001;
				padding-top: 28px;
			}
			.register-form .sub-title {
				font-family: 'Poppins', sans-serif;
				color: #fff;
				font-size: 24px;
				margin-bottom: 42px;
			}
			.register-form .form-control{
				font-family: 'Poppins', sans-serif;
				height: 45px;
				border: 0;
				border-left: 4px solid #4a57ff;
				margin-bottom: 15px;
				box-shadow: 0.5px 0.866px 10px 0px rgba( 0, 0, 0, .1);
			}

			.register-form .btn {
				margin-top: 15px;
			}

			.banner .field-row {
				margin: 0 -5px 1em;
			}
			.banner .barrow-label{
				margin-bottom:35px;
			}
			.barrow-label .col-label {
				font-family: 'Poppins', sans-serif;
				text-align: left;
				padding-left: 0;
				font-size: 15px;
				font-weight: 600;
				color:#000;
				/* text-shadow: 0 0 1em #9cc2ff; */
			}
			.barrow-label .col-value {
				font-family: 'Poppins', sans-serif;
				text-align: right;
				padding-right: 0;
				font-size: 16px;
				font-weight: 600;
				color:#000;
				/* color:#606060; */
				/* text-shadow: 0 0 1em #9cc2ff; */
			}
			a.morelink {
				text-decoration:none;
				outline: none;
			}
			.morecontent span {
				display: none;
				-webkit-animation: fadeIn 1s;
				animation: fadeIn 1s;
			}
			@-webkit-keyframes fadeIn {
				from { opacity: 0; }
				to { opacity: 1; }
			}

			@keyframes fadeIn {
				from { opacity: 0; }
				to { opacity: 1; }
			}
			.register-form .btn-circle{
				font-family: 'Poppins', sans-serif;
				text-transform: uppercase;
				color:white;
				background: #185a9d;
				transition: all 0.7s ease;
				border: 2px solid transparent;
			}
			.register-form .btn-circle:hover {
				background: transparent;
				border: 2px solid #185a9d;
				color: #185a9d;
			}
			.section-content{
				margin-top: 60px;
			}

			/* How it Works */
			section .section-title{
				font-weight: bold;
				font-family: 'Poppins', sans-serif;

			}
			section .section-title:after{
				background: #4a57ff;
				content: '';
				height: 2px;
				width: 50px;
				position: absolute;
				left: 50%;
				bottom: -24px;
				margin-left: -25px;

			} 
			.single-element {
				padding: 36px 20px 22px 20px;
				/* margin-bottom: 50px; */
				-webkit-transition: all .5s ease-in-out;
				-moz-transition: all .5s ease-in-out;
				transition: all .5s ease-in-out;
		    /* border-radius: 6px; 
		    border: 1px solid #eee;*/
		    border-right:1px solid #eee;
		    min-height: 270px;
		    background:white; 
		    
		}
		.single-element p{padding:10px 60px;}
		.single-element:nth-child(4){
			border-right: none;
		}
		.about-section{
			background:url('../images/bg-2.jpg');
			padding:50px 0px;
		}
		.about-text{
			background:#ecedf0;
			padding:50px;
		}
		.about-text h1{
			color:#4a57ff;
			font-weight: bold;
			margin-bottom: 20px;
			text-align: center;
		}
		.about-text p{
			font-size: 16px; 
			text-align: justify;
			margin-bottom: 15px;
		}
		.about-section h3{
			color:white;
		}
		.about-section h3 span{
			font-weight:bold;
		}
		figure {
		    margin: 0;
		}
		.col-content {
		    padding-left: 1em;
		    margin-bottom:1em;
		}
		.side-icons{
			height:485px;
			display:flex;
			align-items:center;
		}
		.side-icons .middle-sm{
			vertical-align: middle;
		}
		/* .single-element:hover {
		    background-color: rgb( 255, 255, 255 );
		   box-shadow: 0px 0px 40px 0px rgba( 249, 69, 121, .1 );
		    box-shadow: 0px 0px 40px 0px rgba(69, 199, 249, 0.3);
		
		    } */
		    /* advantages */
		    .advantages{
		    	background:url(../images/bg-2.png);
		    	background-repeat: no-repeat;
		    	background-size: cover;
		    	background-position: center;
		    	padding: 50px 0px 100px;
		    }
		    /* .how-it-section{padding:50px 0px;} */
		    .left-advantages {
		    	border: 1px solid #e2e2e2;
		    	border-radius: 10px;
		    	box-shadow: 0px 3px 2px 0px rgba(230,230,230,0.4);
		    	background:white;
		    }
		    .single-left-advantage {
		    	display: flex;
		    	align-items: center;
		    }
		    .single-left-advantage .left-img {
		    	margin: 0px 45px;
		    	max-width: 34px;
		    	width: 100%;
		    }
		    .single-left-advantage p {
		    	overflow: hidden;
		    	font-size: 18px;
		    	color: #454545;
		    	font-weight: 300;
		    	line-height: 1.9;
		    	margin: 15px 0px;
		    	padding-right: 50px;
		    }
		    .right-advantages h1{
		    	font-size: 30px;
		    	color: #4b8dfd;
		    	font-family: 'Poppins';
		    	margin: 0px 0px 5px 0px;
		    	font-weight: 600;
		    }
		    .right-single-advantage {
		    	padding: 18px 0px;
		    	border-bottom: 2px solid #1b629d;
		    	display: flex;
		    	align-items: center;
		    }

		    .right-single-advantage p{
		    	font-size: 18px;
		    	color: #000000;
		    	font-family: 'Poppins';
		    	margin: 0px;
		    	padding-left: 10px;
		    	vertical-align: sub;
		    }
		    .right-single-advantage-last{
		    	border: 0px;
		    	padding-bottom: 0px;
		    }
		    .right-single-advantage-last p{
		    	padding-left: 16px;
		    }
		    .cta-button-block {
		    	margin-top: 50px;
		    }
		    .btn-cta {
		    	display: block;
		    	margin: 0 auto;
		    	font-size: 16px;
		    	color: #fff;
		    	font-weight: 400;
		    	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.07);
		    	background-color: #4a57ff;
		    	max-width: 230px;
		    	height: 50px;
		    	width: 100%;
		    	border-radius: 35px;
		    	text-align: center;
		    	padding: 14px 0px 8px 0px;
		    	border: 2px solid transparent;
		    	position: relative;
		    	-webkit-transition: all 0.9s ease;
		    	-moz-transition: all 0.9s ease;
		    	-ms-transition: all 0.9s ease;
		    	-o-transition: all 0.9s ease;
		    	transition: all 0.9s ease;
		    	text-transform: uppercase;
		    }
		    .btn-cta:hover{
		    	background: transparent;
		    	border: 1px solid #185a9d;
		    	box-shadow: 0px 0px 40px 0px rgba(69, 199, 249, 0.3);
		    }
		    .register-form .form-error{
		    	border-left: 4px solid #c70000;
		    	background: #ffdbdbc4;
		    }
		    .register-form .form-success{border-left: 4px solid #00c734;
		    	background: #b3fdc6a1;}
		    	.register-form label.error{
		    		color:#ff8080;
		    		text-align:left;
		    	}

		    	/* Common-banner */
		    	#common-banner{
		    		background:url(../images/footer.jpg);
		    		background-size: cover;
		    		background-repeat: no-repeat;
		    		background-position: center  center;
		    		padding: 50px 0px;
		    		color:white;
		    	}
		    	#common-banner h1{
		    		font-weight: bold;
		    		margin-bottom: 30px;
		    		text-shadow: 0 0 1em #000;
		    	}
		    	#common-banner .btn-cta,#short-faq .btn-cta {background:transparent;color:white;border-color: white;}
		    	#common-banner p{font-size: 16px;margin-bottom:30px;}

		    	/* Short-FAQ Section */
		    	/* #short-faq{
		    		background:white;
		    		padding:50px 0px;
		    	}
		    	#short-faq h2,#short-faq h1{color:black; text-transform:uppercase;}
		    	#short-faq h1{font-weight: bold;}
		    	#short-faq .panel-group{margin-top:50px;}
		    	#short-faq .panel-colored{background:white;color:#797979;padding-left:30px;padding-right: 30px;}
		    	#short-faq .panel-title{font-size: 20px;color:black;}
		    	#short-faq a{text-decoration: none;}
		    	#short-faq .panel-body{border-top:none;padding:15px 40px 15px 40px;font-size: 16px;}
		    	#short-faq a[aria-expanded="true"]:after {
		    		content: "\2212";
		    		color: black;
		    		font-weight: bold;
		    		float: right;
		    		margin-right: 15px;
		    	}
		    	#short-faq a[aria-expanded="false"]:after {
		    		content: '\002B';
		    		color: black;
		    		font-weight: bold;
		    		float: right;
		    		margin-right: 15px;
		    	}

		    	#short-faq .btn-cta {margin-top:30px;}
		    	.faq-row{z-index:1;position:relative;background:white;-webkit-box-shadow: 0px 10px 15px -6px rgba(0,0,0,0.49);-moz-box-shadow: 0px 10px 15px -6px rgba(0,0,0,0.49);box-shadow: 0px 10px 15px -6px rgba(0,0,0,0.49);} */
		    	/* Short-Intro */
		    	#short-intro{background:url(../images/bg-3.png);background-size:contain;background-repeat: no-repeat;padding:50px 0px;}
		    	#short-intro .btn-abt-learn,#short-intro .btn-abt {display: inline-block;margin-right: 5px;}
		    	#short-intro .btn-abt-learn{background:#f1f1f1;color:#125684;}
		    	#short-intro .btn-cta:hover {background: transparent;border: 1px solid #185a9d;box-shadow: 0px 0px 40px 0px rgba(69, 199, 249, 0.3);}
		    	#short-intro p {font-size: 20px;color: #000;margin-bottom: 45px;line-height: 1.7;padding:0px 50px; font-family: 'Poppins', sans-serif;}
		    	#short-intro .single-element p{font-family: 'Poppins', sans-serif;font-size: 14px;margin: 0 0 10px;line-height: 1.42857143;padding:0px;}
		    	/*Why Section */
				#why-section {
					position: relative;
					margin-top: 0px;
					background: url(../images/why-bg.jpg);
					background-size: cover;
					background-repeat: no-repeat;
					z-index: 0;
					padding-top: 50px;
					padding-bottom: 50px;
				}
				#why-section h1{
					text-align: center;
					text-transform: uppercase;
					font-weight: bold;
				}
				.center-xs {
				    -webkit-box-pack: center;
				    -ms-flex-pack: center;
				    justify-content: center;
				    text-align: center;
				}
				#why-section .row {
				    box-sizing: border-box;
				    display: -webkit-box;
				    display: -ms-flexbox;
				    display: flex;
				    -webkit-box-flex: 0;
				    -ms-flex: 0 1 auto;
				    flex: 0 1 auto;
				    -webkit-box-orient: horizontal;
				    -webkit-box-direction: normal;
				    -ms-flex-direction: row;
				    flex-direction: row;
				    -ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				    margin-right: -15px;
				    margin-left: -15px;
				}
				.row-list .item-box {
				    color: #fff;
				    margin-top: 2.5em;
				    background:#353534;
				    padding:20px;
				    min-height: 295px;
				}
				/* .card-container {
				  cursor: pointer;
				  perspective: 600;
				  position: relative;
				  
				  
				}
				.card {
				  height: 100%;
				  position: absolute;
				  transform-style: preserve-3d;
				  transition: all 1s ease-in-out;
				  width: 100%;
				  color: #fff;
				 
				}
				.card:hover {
				  transform: rotateY(180deg);
				  transform: translatez(70px) scale(0.8);
					line-height: 1.5em;
				}
				.card .side {
				  backface-visibility: hidden;
				  border-radius: 6px;
				  height: 100%;
				  position: absolute;
				  overflow: hidden;
				  width: 100%;
				   margin-top: 2.5em;
						    		background:#353534;
						    		padding:20px;
						    		min-height:200px;
						    		transform-style: preserve-3d;
				}
				.card .side img{
					margin:0px auto;
				}
				.card .back {
				  background: #4a57ff;
				  color: white;
				  
				  text-align: center;
				  transform: rotateY(180deg);
				} */
				.card .back p {font-size: 18px;}
				.item-box h4{font-weight: 700;}
				.item-box img{margin:0px auto;}

				.card-container {
					width: 100%;
					min-height: 220px;
					border-radius: 20px;
					position: relative;
					-webkit-transition: 1.5s ease-in-out;
					transition: 1.5s ease-in-out;
					transform-style: preserve-3d;
					margin-bottom: 20px;
				}

				.side {
					position: absolute;
					text-align: center;
					width: 100%;
					height: 100%;
					padding: 20px 20px;
					color: #fff;
					transform-style: preserve-3d;
					backface-visibility: hidden;
					border-radius: 20px;
				}
				.content {
					transform: translatez(70px) scale(0.8);
					line-height: 1.5em;
				}
				.content h1 {
					position: relative;
				}
				.content p {
					line-height: 2em;
				}
				.content h1:before {
					content: "";
					position: absolute;
					bottom: -20px;
					height: 3px;
					background-color: #3e3;
					width: 70px;
					left: 50%;
					transform: translateX(-50%);
				}
				.front {
					z-index: 2;
					background-size: 100vh;
					background-size: cover;
					 background-image: url(../images/rotate-bg.jpg);
					/* background-color: #353534; */
				}
				.back {
					background-color: #333;
					transform: rotateY(180deg);
					z-index: 0;
					padding-top: 10px;
					/*background-color: #353534;*/
					background-image: url(../images/rotate-bg.jpg);
				}
				.card-container:hover {
					-webkit-transform: rotateY(180deg);
					transform: rotateY(180deg);
				}
				.front img{
					margin: 0px auto;
				}
				.front h4{
					font-size: 25px;
				}
				.back p{
					font-size: 17px;
				}


		    	Footer
		    	/* #footer-mini {
		    		padding: 20px 0px;
		    		background: #2b2b2a;
		    	}
		    	#footer-mini {
		    		position: relative;
		    		bottom: 0;
		    	}
		    	#footer-mini .logo-footer img {
		    		width: 30%;
		    	}
		    	#footer-mini .footer-menu a {
		    		color: white;
		    		font-family: 'Poppins', sans-serif;
		    	}
		    	#footer-mini ul li {
		    		float: left;
		    		list-style-type: none;
		    		margin: 0px 10px;
		    		font-family: 'Poppins', sans-serif;
		    	}
		    	#footer-mini a {
		    		color: #fff;
		    		font-family: 'Poppins', sans-serif;
		    	}
		    	#footer-mini .copyrights-message.text-white, #footer-mini .copyrights-message.text-white strong {
		    		color: #9a9a9a;
		    		font-family: 'Poppins', sans-serif;
		    	}
		    	#footer-mini .copyrights-message {
		    		font-weight: 600;
		    		float:right;
		    	} */
		    	/* How-It-works  page*/
		    	#how-it-work{
		    		margin-top:50px;
		    		/* background:url(../images/bg-4.png); */
		    		background-size: cover;
		    		background-repeat: no-repeat;
		    		background-position: center;
		    	}
		    	#how-it-work p{
		    		font-size:18px;
		    		padding:0px 50px ;
		    		margin-bottom:25px;
		    		line-height: 1.8em;
		    	}
		    	#how-it-2{
		    		background:url('../images/bg-5.png');
		    		background-size: cover;
		    		background-repeat: no-repeat;
		    		background-position: center;
		    		padding:50px 0px;
		    	}
		    	#how-it-2 .single-element p{font-family: 'Poppins', sans-serif;font-size: 14px;margin: 0 0 10px;line-height: 1.42857143;padding:0px;}
		    	#how-it-2 .single-element{background:white;}

		    	/* Contact Us Page */
		    	#contact,#rates{
		    		
		    		padding: 50px 0px;
		    	}
		    	.form-box {
		    		margin-top: 20px;
		    		padding: 30px;
		    		margin-bottom: 20px;
		    	}
		    	.content-text {
		    		margin: 30px 0px;
		    	}
		    	.contact-left-single-details {
		    		margin-top: 20px;
		    		display: flex;
		    		align-items: flex-start;
		    		flex-direction: row;
		    		padding-bottom: 20px;
		    		margin-bottom: 25px;
		    	}
		    	.contact-detail {
		    		margin-left: 20px;
		    	}
		    	.contact-detail h4 {
		    		font-size: 20px;
		    		color: #515151;
		    		font-weight: bold;
		    		margin: 0px 0px 6px 0px;
		    		text-transform: uppercase;
		    	}
		    	.contact-form{margin-top:20px;}
		    	.contact-form .form-control{
		    		font-family: 'Poppins', sans-serif;
		    		height: 45px;
		    		border: 0;
		    		border-left: 4px solid #4a57ff;
		    		margin-bottom: 25px;
		    		box-shadow: 0.5px 0.866px 10px 0px rgba( 0, 0, 0, .1);
		    	}
		    	.contact-form textarea.form-control{
		    		resize:none;
		    		height:100px;
		    	}
		    	.btn.colorful {
		    		background: #4a57ff;
		    		border-color: #0dc0c0;
		    		width:100%;
		    		color:white;
		    		font-weight:bold;
		    		font-size:14px;
		    		text-transform: uppercase;
		    	}
		    	#rates p{
		    		font-family: 'Poppins', sans-serif;
		    		font-size:16px;
		    		margin-bottom: 22px;
		    	}
		    	.modal-content .close{
		    		background-color:red;
		    		padding:8px;
		    	}
		    	#get-started .modal-body{padding:0px;}
		    	.register-form .barrow-label {
		    		margin-bottom: 35px;
		    	}
		    	.register-form .field-row {
		    		margin: 0 -5px 1em;
		    	}
		    	.modal-btn{
		    		display: inline-block;
		    		color: #fff;
		    		background-color: #4a57ff;
		    		border-radius: 35px;
		    		text-align: center;
		    		margin:0px auto;
		    		width: 130px;
		    	}
		    	.modal-btn.close-btn{
		    		background:#f56161;
		    	}
		    	.modal-content .register-form{
		    		height:auto;
		    	}
		    	.curved-box{
		    		background-color:#498dfc;
		    		border-bottom-left-radius:50%;
		    		border-bottom-right-radius:50%;
		    		padding:10px;
		    		border-bottom: 5px solid #aed5f6;
		    		box-shadow: 1.5px 3.99px 27px 0px rgba(0, 0, 0, 0.2);
		    	}
		    	#registration_form, #modal_registration_form{
		    		padding: 20px 30px 20px 30px;
		    	}
		    	.single-element .entry-title a{
		    		color:black;
		    		font-weight:bold;
		    		text-decoration: none;
		    	}
		    	#rates .panel-heading{
		    		background-color:#4a57ff;
		    		color:white;
		    		padding: 20px 15px;
		    	} 
		    	#rates .panel-title a{
		    		text-decoration: none;
		    	}

		    	/* ABOUT US PAGE */
		    	#about-banner{
		    		background:url('../images/about-banner.jpg');
		    		background-size: cover;
		    		background-position: center;
		    		padding:80px 0px;
		    		text-align: center;
		    		color:white;
		    		font-weight: bold;
		    	}
		    	.page-title{
		    		color:#4a57ff;
		    		font-weight: bold;
		    		text-align:center;
		    		margin-bottom:30px;
		    	}
		    	.page-text p {
				    margin: 0 0 10px;
				    font-size: 18px;
				}
		    	/* Responsive Styles */
		    	@media(max-width: 1200px){
		    		.single-element {min-height: 335px;}
		    		#footer-mini .copyrights-message{font-size:13px;}
		    		.navbar-nav li a{font-size:12px;}
		    		.slider1 h1 {font-size:45px;}
		    		.slider1 p {letter-spacing: 2px;line-height: 1.5em;}
		    	}
		    	@media(max-width: 992px){
		    		.banner {padding: 40px 0 40px 0;}
		    		/* .register-form{padding: 40px 30px 40px 30px;} */
		    		.slider1{display:none;}
		    		.single-element {min-height: 260px;}
		    		#footer-mini ul li a,#footer-mini .copyrights-message{font-size:10px;}
		    		#common-banner {background: url(../images/footer-bg-2.jpg);background-size: cover;background-repeat: no-repeat;background-position: center center;padding:50px 0px;}

		    	}
		    	@media(max-width: 992px) and (min-width: 767px){
		    		.navbar-header{width:25%;}
		    	}
		    	@media(max-width: 767px){
		    		.barrow-label .col-label {margin-bottom:30px;}
		    		section .section-title{font-size:30px;}
		    		.single-element{min-height: auto;}
		    		.single-element p{font-size:16px;}
		    		#footer-mini{text-align:center;}
		    		#footer-mini .copyrights-message{float:none;text-align:center;}
		    		#footer-mini ul{display:inline-block;}
		    		.text-center h1{font-size:25px;}
		    		.single-element p {padding: 10px 20px;}
		    		.single-element {padding: 20px 15px 20px 15px;border-right: none;border-bottom: 1px solid #eee;}
		    		.about-text {padding:12px;}
		    		.about-text h1 {font-size: 2em;}
		    		.col-content{text-align: center;padding:0px 12px;}
		    		.col-item{width:100%;}
		    		#why-section h1{font-size: 2em;text-align: center;}
		    	}
		    	@media(max-width: 480px){
		    		/* .register-form {padding: 20px 15px 20px 15px;} */
		    		.single-left-advantage p{font-size: 12px;padding-right: 10px;}
		    		.single-left-advantage .left-img {margin: 0px 20px;}
		    		#short-faq h1,#short-faq h2{font-size:25px;}
		    		#short-faq .panel-title {font-size:12px;}
		    		#short-faq .panel-colored {padding-left: 10px;padding-right: 10px;}
		    		#short-faq .panel-body {padding: 15px 15px 15px 15px;font-size: 11px;}
		    		section .section-title,.section-title {font-size: 25px;}
		    		.right-advantages h1 {font-size: 25px;}
		    		.right-single-advantage p {font-size: 14px;}
		    		#short-intro p, #how-it-work p {font-size:16px;padding:0px 10px;}
		    		#short-intro .btn-cta {float: left;width:50%;margin-right:0px;}
		    		#short-intro .btn-abt-learn{margin:0px;}
		    		#short-intro .btn-cta.center-btn{float:none;margin:0 auto;}
		    		.navbar-default .navbar-brand {width:70%;}
		    	}
		    	@media only screen and (min-width: 768px){
		    		.middle-sm {
					    -webkit-box-align: center;
					    -ms-flex-align: center;
					    align-items: center;
					}
		    	}
/*================= FOOTER =================  */

.footer {
	background-color: #d1c8be;
	/* text-align: center; */
	padding: 4rem 0rem 0rem 0rem;
  }
  
  .row-seals{
	display: flex;
	flex-direction: row;
  }
  .secure-logos{
	display: inline-flex;
  }
  
  .secureLogosWidth{
	width: 50%;
	float: right;
	margin-left: 10px;
	max-height: 32px;
  }
   
  .footer img {
	margin-bottom: 2rem;
	width: 80%;
  }
  img[alt="OLA Seal"] {
	width: 40px !important;
	height: 40px !important;
	margin-left: 10px;
  }
  .footer ul li {
	display: inline;
	color: #243f6d;
  }
  .footer ul {
	margin: auto;
	text-align: center;
	width: 100%;
    padding: 0px;
	margin-bottom: 1rem;
  }
  
  .footer ul li a {
	color: #243f6d;
	font-size: 14px;
	/* margin-left: 20px; */
  }
  
  #copyright {
	text-align: center;
	font-size: 12px;
	margin: 2rem 0rem 2rem 0rem;
  }
  
  #footerDesc_ {
	text-align: justify;
	font-size: 12px;
  }

.footer-sealLogo{
	display: flex;
	justify-content: space-between;
	width: 100%;
  }
@media screen and (max-device-width: 991px) {

  .footer-sealLogo {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px 15px;
	}
}
  @media screen and (min-device-width: 425px) and (max-device-width: 768px) {
	.footer img {
		width: 75%;
		margin-bottom: 2rem;
	}
	.footer-sealLogo{
		display: flex;
		justify-content: space-between;
		/* justify-content: center; */
		width: 100%;
	  }
	  .back {
		background-color: #333;
		transform: rotateY(180deg);
		z-index: 0;
		padding-top: 0px;
		/*background-color: #353534;*/
		background-image: url(../images/rotate-bg.jpg);
	}
	.content p {
		line-height: 22px;
	}
	.footer ul {
		margin: 0px 0px 10px;
		text-align: center;
		width: 100%;
		padding: 0px 10px;
	}
}	

@media screen and (max-device-width: 425px) {

.footer {
	background-color: #d1c8be;
	/* text-align: center; */
	padding: 2rem 0.5rem 0rem 0.5rem;
  }
  .footer img {
	width:80%;
  }
  .footer img {
	width: 100%;
  }
  .footer-sealLogo{
	display: flex;
	flex-direction: column;
	align-items: center;
  }
  #why-section{
	  display: none;
  }
}
@media screen and (max-device-width: 1024px) {

	.single-element p {
		padding: 10px 10px;
	}
}
@media screen and (max-width: 425px){
	.navbar .navbar-collapse .navbar-right > li:last-child {
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-nav li a {
		font-size: 16px;
		background-color: #4a57ff;
		padding: 10px 20px;
	}
	.navbar .navbar-collapse {
		position: relative;
		padding: 0px 22px;
	}
	.navbar .navbar-collapse .navbar-right > li:last-child {
		 padding: 0px 0px; 
	}

}
@media screen and (max-width: 320px){
	.navbar-brand {
		position: absolute;
	}
	.navbar-brand img {
		width: 80%;
	}
}