/*
	======================================================
	General
	======================================================
*/
	body{
		background-color: #fff;
		font-weight: 400;
	    font-family: 'Muli', sans-serif;
		color: #000000;
		overflow-x: hidden !important;
	}
	main{
		overflow: hidden;
	}
	a{
		color: #000000;
		text-decoration: none;
		transition: all .4s ease;
	}
	a:hover{
		color: #1d2786;
		filter: brightness(85%);
		text-decoration: none;
	}
	#to-top{
		padding: .5rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background-color: #1d2786;
		color: #fff;
		width: 50px;
		height: 50px;
		text-align: center;
		border-radius: 0;
		position: fixed;
		bottom: 30px;
		right: 30px;
		transition: all .4s ease;
		opacity: 0;
		visibility: hidden;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
		z-index: 1000;
	}
	#to-top img{
		max-height: 30px;
	}
	#to-top:hover {
		cursor: pointer;
	}
	#to-top.show {
		opacity: 1;
		visibility: visible;
	}
	.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6{
		font-weight: 900;
		line-height: 1.5;
	}
	.h1, h1 {
	    font-size: 2.25rem;
	}
	.h6, h6{
		font-size: 1.35rem;
	}
	b, strong{
		font-weight: bold;
	}
	.text-darkgray{
		color: #474748;
	}
	.text-lightpurple{
		color: #6a65d8;
	}
	.text-pink{
		color: #fbbebe;
	}
	.text-purple{
		color: #1d2786;
	}
	.font-bold{
		font-weight: 600 !important;
	}
	.font-black{
		font-weight: 900 !important;
	}
	.font-regular{
		font-weight: 400 !important;
	}
	.font-light{
		font-weight: 300 !important;
	}
	.btn{
		display: inline-flex;
		align-items: center;
		border-radius: 0;
		transition: all .4s ease;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 1rem;
		padding: .5rem 2rem;
		border-radius: 8px;
		position: relative;
	}
	.btn:hover{
		filter: brightness(85%);
	}
	.btn-primary{
		background-color: #1d2786;
		border-color: #1d2786;
	}
	.btn-primary:hover,
	.btn-primary:focus{
		background-color: #6a65d8;
		border-color: #6a65d8;
		filter: none;
	}
	.btn-outline-primary{
		background-color: transparent;
		border: 2px solid #1d2786;
		border-radius: 30px;
		color: #1d2786;
		font-style: italic;
		font-weight: 300;
		padding: .35rem 2rem;
		text-transform: initial;
	}
	.btn-outline-primary:hover{
		background-color: #1d2786;
		border-color: #1d2786;
		color: #fff;
	}
	.form-control{
		padding: .5rem 1rem;
		border-color: #fbbebe;
		border-width: 2px;
		border-radius: 30px;
		font-weight: 600;
	}
	.form-control:focus{
		border-color: #6a65d8;
		box-shadow: none;
	}
	.form-control::placeholder{
		color: #474748;
		text-transform: uppercase;
		font-weight: 600;
	}
	section,
	.section{
		padding: 100px 0;
		position: relative;
	}
	section .container,
	.section .container,
	section .container-fluid,
	.section .container-fluid{
		position: relative;
		z-index: 2;
	}
	section img,
	.section img{
		display: block;
		max-width: 100%;
	}
	.clippy-section{
		display: flex;
		align-items: center;
		min-height: 1200px;
	}
	.clippy-section:before{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.clippy-section-left:before{
		left: 0;
		clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
	}
	.clippy-section-right:before{
		right: 0;
		clip-path: polygon(0 5%, 100% 0%, 100% 95%, 0 100%);
	}
	.clippy-lightpurple:before{
		background-color: #f0effb;
	}
	.clippy-pink:before{
		background-color: #ffe7ec;
	}
	.clippy-purple:before{
		background-color: #1d2786;
	}
	.section-title{
		line-height: 1.3;
		margin-bottom: 1rem;
	}
	.section-description{
		font-size: 1rem;
	}
	.section-description h5{
		margin-bottom: 1.5rem;
	}
	.section-description p{
		margin-bottom: 0;
	}
	.section-description p:not(:last-child){
		margin-bottom: 1.5rem;
	}
	.section-description-list{
		margin: 0 0 1.5rem;
		padding-left: 20px;
	}
	.featured-text{
		background-color: #cc2a49;
		padding: 5px 10px 10px;
		color: #fff;
		text-align: center;
		margin-bottom: 1rem;
	}
	.featured-text h5{
		font-size: 1.25rem;
		text-transform: uppercase;
		margin-bottom: 0;
	}
	@media (max-width: 1365px) and (min-width: 992px){
		.px-lg-100{
			padding: 0 100px;
		}
	}
	@media (min-width: 768px){
		.order-md-initial{
			order: initial;
		}
	}
	@media (min-width: 992px){
		.h1, h1 {
		    font-size: 3.5rem;
		}
		.h2, h2 {
		    font-size: 3rem;
		}
		.h3, h3 {
		    font-size: 2.5rem;
		}
		.h4, h4 {
		    font-size: 2rem;
		}
		.h5, h5 {
		    font-size: 1.75rem;
		}
		.clippy-section:before,
		.clippy-section:after{
			width: 80%;
		}
		.clippy-section-left:before{
			clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);
		}
		.clippy-section-right:before{
			clip-path: polygon(0 15%, 100% 0%, 100% 85%, 0 100%);
		}
		.order-lg-intial{
			order: initial;
		}
	}
	@media (min-width: 1200px){
		.section-description{
			font-size: 1.25rem;
		}
	}
	@media (min-width: 1366px){
		.container{
			max-width: 1360px;
		}
		.clippy-section:before,
		.clippy-section:after{
			width: 90%;
		}
	}
	@media (min-width: 1600px){
		.clippy-section:before,
		.clippy-section:after{
			width: 80%;
		}
		.px-lg-100{
			padding: 0 100px;
		}
	}
	@media(max-width: 991px){
		.order-md-0{
			order: 0;
		}
		.order-md-1{
			order: 1;
		}
		.order-md-2{
			order: 2;
		}
		.order-md-3{
			order: 3;
		}
		.order-md-4{
			order: 4;
		}
	}
/*
	======================================================
	Header
	======================================================
*/
	header{
		z-index: 2;
	}
	.navbar:before{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		transition: all .4s ease;
		transform: translate(0, -100%);
	}
	.bg-menu:before{
		background-color: rgba(255,255,255,.9);
		transform: translate(0%);
		box-shadow: 0 0 5px rgba(0,0,0,.2);
	}
	.navbar{
		padding: 1rem;
	}
	.navbar-brand{
		color: #6a65d8;
		font-weight: 600;
	}
	.navbar-brand img{
		display: block;
		max-height: 30px;
	}
	.navbar .nav-link,
	.navbar-expand-lg .navbar-nav .nav-link{
		color: #6a65d8;
		font-size: 15px;
		font-weight: 700;
		padding: .35rem 1rem;
		text-transform: uppercase;
		border: 2px solid transparent;
		border-radius: 15px;
		filter: none;
	}
	.navbar-toggler svg{
		height: 20px;
		width: auto;
	}
	.navbar-toggler svg rect{
		fill: #6a65d8;
		transition: all .4s ease;
	}
	.navbar-toggler:hover svg rect{
		fill: #1d2786;
	}
	.navbar-toggler:focus{
		outline: none;
	}
	@media (min-width: 768px){ 
		.navbar-brand img{
			max-height: 40px;
		}
	}
	@media (min-width: 992px){ 
		.navbar-nav{
			align-items: center;
		}
		.navbar .nav-link:hover,
		.navbar-expand-lg .navbar-nav .nav-link:hover{
			border-color: #6a65d8;
			color: #6a65d8;
		}
	}
	@media (min-width: 1200px){ 
		.navbar-expand-lg .navbar-nav .nav-item{
			margin-right: 1rem;
		}
		.featured-link{
			border-color: #6a65d8 !important;
		}
		.featured-link:hover{
			background-color: #6a65d8;
			color: #fff !important;
		}
	}
	@media (max-width: 991px){
		header .navbar{
			background-color: rgba(255,255,255,.9);
			box-shadow: 0 0 10px rgba(0,0,0,.2);
			padding: 2rem;
		}
		.bg-menu:before{
			content: none;
		}
		#main-navbar .navbar-nav{
			margin-top: 1rem;
		}
		#main-navbar .navbar-nav .nav-link{
			padding-left: 0;
			padding-right: 0;
		}
		.navbar .nav-link:hover{
			color: #001d7e;
			filter: none;
		}
	}
/*
	======================================================
	YouTube Videos
	======================================================
*/	
	.embed-responsive{
		position: relative;
		display: block;
		width: 100%;
		padding: 0;
		overflow: hidden;
		z-index: 9;
	}
	.embed-responsive:before {
	    display: block;
	    content: "";
		padding-top: 56.25%;
	}
	.embed-responsive iframe{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
/*
	======================================================
	Hero
	======================================================
*/
	.hero{
		background-position: bottom left;
		background-size: cover;
		background-repeat: no-repeat;
		min-height: 80vh;
		display: flex;
		align-items: center;
	}
	.clippy-hero:before{
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
	}
	.big-hero{
		min-height: 100vh;
	}
	.hero-title{
		color: #6a65d8;
		font-weight: 900;
		line-height: 1;
		margin: 0 0 2rem;
	}
	.hero-subtitle{
		color: #6a65d8;
		margin-bottom: 0;
		font-weight: 300;
		font-style: italic;
	}
	
	.hero-description{
		color: #1d2786;
		margin-bottom: 0;
		font-weight: 700;
		font-style: italic;
		font-size: 1rem;
		padding-bottom:20px;
	}
	
	.hero .btn-outline-primary{
		font-size: 1.5rem;
	}
	@media (min-width: 992px){
		.hero-title{
		    font-size: 2.5rem;
		}
	}
	@media (min-width: 1200px){
		.hero-title{
		    font-size: 2.5rem;
		}
	}
	@media (min-width: 1366px){
		.hero-title {
		    font-size: 3.5rem;
		}
	}
	@media (max-width: 991px){
		.hero{
			margin-top: 100px;
		}
		.hero .container{
			margin-bottom: 100px;
		}
		.hero-description{
			margin-bottom: 100px;
		}
	}
/*
	======================================================
	Contact form
	======================================================
*/	
	.contact-form .form-control{
		background-color: transparent;
	}
/*
	======================================================
	Blog
	======================================================
*/	
	.post-item{
		display: flex;
		color: #fff;
	}
	.post-ico{
		margin-right: 1rem;
	}
	.post-ico img{
		display: block;
		max-height: 40px;
	}
	.post-content{
		width: calc(100% - 56px);
	}
	.post-content p{
		margin-bottom: 0;
	}
	.post-title{
		text-transform: uppercase;
		margin-bottom: 0;
	}
	.blog-main-img{
		padding: 1rem;
		position: relative;
		margin: 0 auto 2rem;
	}
	.blog-main-img img{
		position: relative;
		margin: auto;
		z-index: 2;
	}
	.blog-main-img:before,
	.blog-main-img:after{
		content: '';
		display: block;
		background-color: #6a65d8;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		z-index: 1;
	}
	.blog-main-img:before{
		height: 2px;
		width: 100%;
		left: -10px;
		right: -10px;
		max-width: 340px;
	}
	.blog-main-img:after{
		height: 100%;
		top: -10px;
		bottom: -10px;
		width: 2px;
	}
	@media(min-width: 992px){
		.post-item{
			max-width: 228.333px;
		}
		.post-title{
			font-size: 1rem;
		}
		.post-ico-top,
		.post-ico-bottom{
			flex-direction: column;
		}
		.post-ico-top .post-content,
		.post-ico-bottom .post-content{
			width: 100%;
		}
		.post-ico-top .post-ico,
		.post-ico-bottom .post-ico{
			margin: 1rem auto;
		}
		.post-ico-right .post-ico,
		.post-ico-bottom .post-ico{
			order: 1;
		}
		.post-ico-right .post-content,
		.post-ico-bottom .post-content{
			order: 0;
		}
		.post-item-lg-center{
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		.post-item-lg-right{
			text-align: right;
		}
		.post-ico-right .post-ico{
			margin-left: 1rem;
			margin-right: 0;
		}
		.blog-main-img{
			margin: auto;
		}
		.blog-main-img img{
			width: 100% !important;
		}
	}
	@media(min-width: 1200px){
		.post-item{
			max-width: 278.333px;
		}
	}
	@media(min-width: 1366px){
		.post-item{
			max-width: 339.433px;
		}
	}
/*
	======================================================
	Vector
	======================================================
*/	
	.vector{
		display: flex;
		position: absolute;
		overflow: visible;
 		z-index: 1;
	}
	.vector svg{
		width: auto;
		height: 100%;
		overflow: visible;
	}
	.embed-vector.top-right{
		height: 100px;
		right: -12.5px;
		top: -60px;
	}
	.embed-vector.bottom-right{
		height: 150px;
		right: 0;
		bottom: -75px;
	}
	.hero-vector.bottom-left{
		height: 150px;
		left: 15px;
		bottom: 30px;
	}
	.about-vector.top-right{
		height: 150px;
		right: 0;
		top: 0px;
		opacity: .6;
	}
	.comments-vector.top-right{
		height: 300px;
		top: 100px;
		right: -10px;
	}
	.blog-vector.top-left{
		height: 200px;
		top: 0;
		left: -20px;
	}
	.blog-vector.bottom-left{
		height: 100px;
		left: 15px;
		bottom: 10px;
	}
	.contact.top-right{
		height: 80px;
		right: 0;
		top: -70px;
	}
	@media (min-width: 768px){
		.about-vector.top-right{
			height: 200px;
			opacity: 1;
		}
		.comments-vector.top-right{
			right: -50px;
		}
		.blog-vector.top-left{
			height: 300px;
		}
	}
	@media (min-width: 992px){
		.embed-vector.top-right{
			right: -35px;
		}
		.embed-vector.bottom-right{
			right: -15px;
		}
		.hero-vector.bottom-left{
			left: 50px;
		}
		.about-vector.top-right{
			height: 300px;
		}
		.comments-vector.top-right{
			height: 350px;
			right: -20px;
		}
		.blog-vector.bottom-left{
			height: 120px;
			left: 30px;
			bottom: 110px;
		}
		.contact.top-right{
			height: 100px;
			right: -35px;
			top: -100px;
		}
	}
	@media (min-width: 992px){
		.comments-vector.top-right{
			height: 400px;
			right: -50px;
		}
	}
/*
	======================================================
	Footer
	======================================================
*/
	.footer{
		background-color: #6a65d8;
		color: #fff;
		padding: 0;
	}
	.copyright{
		display: flex;
		align-items: center;
		padding: 1.5rem 0;
		justify-content: center;
	}
	.copyright p{
		margin-bottom: 0;
		font-size: 15px;
	}
	.copyright img{
		display: inline-flex;
		max-height: 20px;
		margin-right: .5rem;
	}
	.copyright p a{
		color: #fff;
		font-weight: 600;
	}
	.copyright p a:hover{
		color: #001d7e;
		filter: none;
	}
	@media (min-width: 992px){
		.footer-block .logo{
			max-height: 50px;
		}
		.footer h5{
			margin-top: 0;
		}	
	}