/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */
header {
  padding: 156px 0 100px;
}

section {
  padding: 70px 0;
}
	section .title {
		color: #231F20;
		font-weight: 600;
		font-size: 28px;
	}
	section .p {
		color: #aaa;
		font-weight: 400;
		font-size: 16px;
		margin-top: 20px;
	}

body {
	background: #F4F7FC;
	font-family: 'Poppins', sans-serif;
}
.navbar {
	background: #FFFFFF;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
	.navbar-brand img {
		width: 220px;
		height: 40px;
		margin-right: 50px;
	}
	.navbar-nav li a {
		color: #AAAAAA;
		text-transform: uppercase;
		font-size: 16px;
		transition: all ease 0.3s;
		border-bottom: 2px solid #fff;
	}
		.navbar-nav li a:hover {
			color: #9EDEE8;
			transition: all ease 0.3s;
		}
	.navbar-expand-lg .navbar-nav .nav-item  {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		/*padding-right: 1.5rem;
		padding-left: 1.5rem;*/
	}
		.nav-link.active {
			color: #ae3c3c; 
			border-bottom: 2px solid #ae3c3c;
		}
		.navbar-nav li a:hover {
			color: #6A6A6A; 
		}
.sign-in {
	position: absolute;
    right: 35px;
}

.about-holder {
	background: linear-gradient(76.58deg, #A83838 -8.34%, #EC5E5E 103.78%);
	padding-bottom: 400px;
	padding-top: 155px;
	clip-path: polygon(
    0 0, /* left top */
    100% 0, /* right top */ 
    100% 70%, /* right bottom */
    0 100% /* left bottom */
  );
}
	.about-content {
		text-align: center;
	}
		.about-content h2 {
			color: #fff;
			font-weight: 600;
			font-size: 28px;
		}
		.about-content p {
			color: #fff;
			font-weight: 300;
			font-size: 16px;
			margin-top: 20px;
			margin-bottom: 40px;
		}
		.about-content img {
			width: 80%;
		}


.benefits-holder {
	margin-top: -350px;
}
	.benefit {
		background: #FFFFFF;
		box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1);
		border-radius: 30px;
		padding: 55px 15px;
		text-align: center;
		cursor: pointer;
		margin-bottom: 30px;
	}
		.benefit h4 {
			margin-top: 50px;
			margin-bottom: 25px;
			font-size: 21px;
			font-weight: 600;
			color: #231F20;
		}
		.benefit p {
			font-size: 16px;
			line-height: 26px;
			font-weight: 400;
			color: #aaa;
		}
		.benefit a {
			font-size: 16px;
			font-weight: 600;
			color: #AE3C3C;
			margin-top: 15px;
			display: inline-block;
		}
	.benefit-active {
		display: none;
	}
	.benefit:hover .benefit-active {
		display: block;
		margin: 0 auto;
	}
	.benefit:hover .benefit-def {
		display: none;
	}

.demo-holder {

}

	.demo-form {

	}
		.demo-grp {
			margin-top: 25px;
		}
			.demo-grp label {
				text-transform: uppercase;
				font-size: 12px;
				color: #6A6A6A;
			}
			.demo-grp .form-control {
				border-radius: 7px;
				border: 1px solid #E9EBEE;
				padding: 10px 15px!important;
				height: auto;
				font-size: 14px;
			}
				.demo-grp .form-control::placeholder {
					color: #dedede;
				}

	.demo-img {
		text-align: right;
	}
		.demo-img img {
			width: 90%;

		}

.bt {
	padding: 11px 30px;
	border-radius: 50px;
}
	.bt-send {
		font-weight: 600;
		font-size: 16px;
		border: 2px solid #231F20;
		-webkit-box-shadow: 2px 2px 0px 0px #ae3c3c ,  inset 2px 2px 0px 0px #fff;
		-moz-box-shadow: 2px 2px 0px 0px #ae3c3c , inset 2px 2px 0px 0px #fff;
		box-shadow: 2px 2px 0px 0px #ae3c3c , inset 2px 2px 0px 0px #fff;
		color: #fff;
		background: #AE3C3C;
		margin-top: 20px;
	}
	.bt-signin {
		font-weight: 600;
		font-size: 16px;
		border: 2px solid #231F20;
		-webkit-box-shadow: 2px 2px 0px 0px #FBB03B ,  inset 2px 2px 0px 0px #fff;
		-moz-box-shadow: 2px 2px 0px 0px #FBB03B , inset 2px 2px 0px 0px #fff;
		box-shadow: 2px 2px 0px 0px #FBB03B , inset 2px 2px 0px 0px #fff;
		color: #fff;
		background: #FBB03B;
	}
	.bt-full {
		width: 100%;
		font-weight: 600;
		font-size: 16px;
		border: 2px solid #231F20;
		-webkit-box-shadow: 2px 2px 0px 0px #FBB03B ,  inset 2px 2px 0px 0px #fff;
		-moz-box-shadow: 2px 2px 0px 0px #FBB03B , inset 2px 2px 0px 0px #fff;
		box-shadow: 2px 2px 0px 0px #FBB03B , inset 2px 2px 0px 0px #fff;
		color: #fff;
		background: #FBB03B;
	}

.pricing-holder {

}
	.price {
		background: #FFFFFF;
		box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1);
		border-radius: 30px;
		padding: 30px;
		margin-top: 30px;
		position: relative;
		height: 533px;
		text-align: center;
	}
		.price h4 {
			color: #231F20;
			text-align: center;
			font-weight: 600;
			margin-bottom: 20px;
			font-size: 21px;
		}
		.price p {
			color: #aaa;
			text-align: center;
			font-weight: 400;
			font-size: 16px;
		}
		.price h3 {
			color: #aaa;
			text-align: center;
			font-weight: 400;
			font-size: 16px;
			margin-bottom: 50px;
		}
			.price h3 span {
				color: #ae3c3c;
				font-size: 50px;
				margin-right: 10px;
				margin-left: 10px;
			}
		.price ul {
			list-style: none;
			padding: 0;
			margin: 0;
			text-align: left;
		}
			.price ul li {
				padding: 10px;
				font-size: 16px;
				color: #aaa;
				position: relative;
				padding-left: 35px;
			}
				.price ul li::before {
					content: url(../img/check.svg);
					left: 0;
					bottom: 7px;
					position: absolute;
				}
		.best-value {
			margin-bottom: 20px;
			margin-top: 10px;
		}
		.space {
			height: 30px;
		}
		/*.best-value-bg {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
		}*/
.faq-holder {

}

	.question {
		border-bottom: 1px solid #e3e3e3;
	}
		.question:last-child {
			border-bottom: 1px solid #F4F7FC;
		}
		.question a {
			font-weight: 600;
			font-size: 16px;
			color: #aaa;
			position: relative;
			display: block;
			transition: all ease 0.3s;
			padding: 35px 0;
		}
			.question a:hover, .question a:active {
				color: #231F20;
				text-decoration: none;
				transition: all ease 0.3s;
			}
			.question a img {
				float: right;
				transition: all ease 0.3s;
			}
.rotate {
	transform: rotate(90deg);
	transition: all ease 0.3s;
}
.ans p {
	margin: 0;
	padding-bottom: 35px;
	color: #333;
	font-size: 14px;
	line-height: 24px;
}


footer {
	background: linear-gradient(76.58deg, #A83838 -8.34%, #EC5E5E 103.78%);
	clip-path: polygon(0 70%, 100% 0%, 100% 100%, 0% 100%);
	padding: 50px 0;
	padding-top: 300px;
}
.footer-logo {
	text-align: center;
}
	.footer-logo img {
		width: 120px;
		height: 20px;
	}
	.footer-link {
		text-align: center;
		margin-top: 20px;
	}
		.footer-link ul {
			list-style: none;
			padding: 0;
		}
			.footer-link li {
				display: inline-block;
			}
				.footer-link li a {
					display: inline-block;
					padding: 15px 25px;
					color: #fff !important;
					opacity: 0.7;
					font-size: 14px;
					text-transform: uppercase;
					transition: all ease 0.3s;
				}
					.footer-link li a:hover {
						text-decoration: none;
						opacity: 1;
						transition: all ease 0.3s;
					}
	.social {
		text-align: center;
		margin-bottom: 20px;
	}
		.social a {
			margin-right: 7px;
		}
	footer .text-white {
		font-size: 14px;
	}

.signin-holder {

}	
	.signin-img {
		text-align: center;
	}
		.signin-img img {
			width: 103px;
			margin-top: 50px;
		}
	.signin-holder h4 {
		color: #333;
		font-size: 16px;
		font-weight: 600;
		margin-top: 50px;
		margin-bottom: 20px;
	}
	.signin-holder a {
		font-size: 12px;
		color: #333;
		display: block;
		text-align: center;
	}
#signin {
	background: rgba(255, 255, 255, 0.93);
}
.md-sign {
	border: none;
	background: transparent;
	position: relative;
}


.nav-link {
	color: #AAAAAA !important;
	text-transform: uppercase;
	font-size: 16px;
	transition: all ease 0.3s;
	border-bottom: 2px solid #fff;
	cursor: pointer;
}



@media (max-width: 992px) {
	.navbar-brand img {
		width: 190px;
		height: 40px;
		margin-right: 50px;
	}

	.sign-in {
		position: absolute;
		right: 75px;
		top: 20px;
	}
	.nav-item {
		padding-right: 0!important;
		padding-left: 0!important;
		padding-top: 15px!important;
		padding-bottom: 15px!important;
	}
	.navbar-nav {
		margin-top: 20px;
	}
	.contact-details{
		margin-top: 20%;
	}

	footer {
		clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%);
		padding-top: 150px;
	}
}