/*

	COLORS:
		Source Gradient			#780fc3	#0c5d88	#2f839b
			New gradient 1			#560b8a	#053247	#1b5362
			New gradient 2			#9915f5	#199ce0	#4ac6e8
		New gradient 3			#9915f5	#199ce0	#4ac6e8
		text.gray				#99a2b2
		footer.icon				#2f849c

	FONTS:
		font-family: 'IBM Plex Sans', sans-serif;
		font-family: 'IBM Plex Sans', sans-serif;
		font-family: 'Rubik Mono One', sans-serif;

		-------------|-----------|-----------|-----------------------------	
		Element			Color		Bg-color	Font
		-------------|-----------|-----------|-----------------------------
		Slider h1:		#ffffff					Rubik Mono One Regular 57px
		Slider p:		#ffffff					Arial Regular 30px
		Menu:			#ffffff					RussoOne Regular 20px
		Button Blue		#ffffff		#4ac6e9		Russo One Regular 20px
		Button White	#b1aeed		#ffffff		Russo One Regular 20px
		hr				#9561d4					2px
		p:				#818a99					Arial Regular 20px
		li:				#818a99					Arial Regular 20px
		h1:				#000000					Russo One Regular 30px
		h2:				#000000					Russo One Regular 20px
		h3:				#000000					Russo One Regular 18px
		::placeholder	#ffffff					Russo One Regular 20px

*/

body
{
	font-family: 'IBM Plex Sans', sans-serif;
}

h1, .h1
{
	color: #000;
	font-family: 'PT Sans Caption', sans-serif;
	font-size: 38px;
	line-height: 44px;
}

h2, .h2
{
	color: #000;
	font-family: 'PT Sans Caption', sans-serif;
	font-size: 34px;
	line-height: 40px;
	letter-spacing: 2px;
}

h3, .h3, .main-services h3
{
	color: #000;
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: 24px;
	line-height: 29px;
}

p
{
	font-family: 'IBM Plex Sans', sans-serif;
	color: #818a99;
	font-size: 18px;
	line-height: 24px;
	text-align: left;	
}

#scroll-to-top {z-index: 1199;cursor: pointer;position: fixed;right: 2%;bottom: 2%;color: #9915f5;background: #fff;padding: 4px;border-radius: 4px;opacity: 0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;width: 48px;height: 48px}
#scroll-to-top:hover {color: #199ce0}

.gray
{
	color: #99a2b2;
}

.padding-top-60 {padding-top: 120px}

.btn, .btn-blue, .btn-white
{
	font-family: 'IBM Plex Sans', sans-serif;
	text-shadow: none;
	border: none;
	letter-spacing: 1.2px;
}
.btn-blue
{
	background: #4ac6e9;
}
.btn-white
{
	background: #fff;
}

.flex-align-center
{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}

/*#9915f5	#199ce0	#4ac6e8*/
@keyframes pulse-1 {
	0% {
		border-radius: 2px;
		-moz-box-shadow: 0 0 0 0 #199ce070;
		box-shadow: 0 0 0 0 #199ce070;
	}
	70% {
		border-radius: 2px;
			-moz-box-shadow: 0 0 0 30px #199ce000;
			box-shadow: 0 0 0 30px #199ce000;
	}
	100% {
		border-radius: 2px;
			-moz-box-shadow: 0 0 0 0 #199ce000;
			box-shadow: 0 0 0 0 #199ce000;
	}
}

.motivation-1, .motivation-2
{
	padding: 48px 32px;
	margin: 24px auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-radius: 4px;
}
.motivation-1, .motivation-2
{
	animation: pulse-1 3s infinite;
	margin-top: 48px;
	background: #9915f5;
	background: -webkit-linear-gradient(135deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	background: -o-linear-gradient(135deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	background: -moz-linear-gradient(135deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	background: linear-gradient(135deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#199ce0", endColorstr="#4ac6e8", GradientType=1 );	
}
	.motivation-1 > div, .motivation-2 > div
	{
		text-align: center;
	}
	.motivation-1 p, .motivation-2 p
	{
		color: #fff;
		font-size: 26px;
		line-height: 38px;
		font-weight: 800;
		text-align: center;
	}
	.motivation-1 .btn, .motivation-2 .btn
	{
		min-width: 180px;
	}

.main-services img
{
	width: 100%;
	max-width: 230px;
}
.main-services p
{
	text-align: center;
}

.home-section:before
{
	-webkit-transform: rotate(-174deg);
	background: #9915f5;
	background: -webkit-linear-gradient(-4584deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	background: -o-linear-gradient(-4584deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	background: -moz-linear-gradient(-4584deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	background: linear-gradient(-4584deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4ac6e8", endColorstr="#199ce0", GradientType=1 );
}

.navbar-fixed-top.opaque
{
	background: #9915f5;
	background: -webkit-linear-gradient(-135deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	background: -o-linear-gradient(-135deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	background: -moz-linear-gradient(-135deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	background: linear-gradient(-135deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4ac6e8", endColorstr="#199ce0", GradientType=1 );
}

.navbar-brand
{
	padding: 0 15px;
}

.navbar-fixed-top .navbar-nav > li > a, .navbar-fixed-top .navbar-nav > li > a:hover
{
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: 18px !important;
	text-transform: none;
	letter-spacing: 1px;
	text-shadow: none;
}

.navbar-fixed-top .navbar-nav > li > a:hover, .navbar-fixed-top.opaque #navbar-collapse-02 .current a
{
	color: #fff !important;
	position: relative;
}
.navbar-fixed-top .navbar-nav > li > a::after
{
	content: "";
	position: absolute;
	left: 25%;
	bottom: 8px;
	width: 50%;
	height: 2px;
	background: transparent;
	-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease
}
.navbar-fixed-top .navbar-nav > li > a:hover::after
{
	background: #fff;
}

#header-phone
{
	padding: 16px !important;
	border: 1px solid #fff;
	letter-spacing: 1.5px;
	border-radius: 12px;
	font-size: 14px !important;
	line-height: 14px !important;
	margin-left: 18px;
}

.home-section .padding-top-80
{
	padding-top: 40px !important;
}

.home-section h1
{
font-family: 'Russo One', sans-serif;
	font-size: 60px;
	line-height: 60px;
	text-shadow: none;
	letter-spacing: 10px;
}
.home-section img
{
	width: auto;
	margin-left: -72px;
}
.home-section p
{
	text-shadow: none;
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: 30px;
	line-height: 36px;
}
.home-section .btn
{
	font-size: 22px;
	line-height: 26px;
	padding: 20px;
	min-width: 210px;
	-webkit-box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.12);
	-moz-box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.12);
	box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.12);
	-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease
}
.home-section .btn:hover
{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.home-section
{
	padding-bottom: 20px;
}

#block-2
{
	padding-top: 80px;
}

#block-3 ol li
{
	position: relative;
	padding-left: 82px;
}

#block-3 ol li::before
{
	position: absolute;
	left: 40px;
	top: -5px;
	padding: 0 11px;
	border-radius: 50%;
	color: #fff;
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: 18px;
	background: #9915f5;
	background: -webkit-linear-gradient(-135deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	background: -o-linear-gradient(-135deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	background: -moz-linear-gradient(-135deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	background: linear-gradient(-135deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4ac6e8", endColorstr="#199ce0", GradientType=1 );

}
#block-3 ol li:nth-of-type(1)::before {content: "1";padding: 0 12px;}
#block-3 ol li:nth-of-type(2)::before {content: "2"}
#block-3 ol li:nth-of-type(3)::before {content: "3"}
#block-3 ol li:nth-of-type(4)::before {content: "4"}
#block-3 ol li:nth-of-type(5)::before {content: "5"}
	#block-3 ol li h4
	{
		text-align: left;
		text-transform: none;
		font-family: 'IBM Plex Sans', sans-serif;	
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 1.5px;
	}
	#block-3 ol li p
	{
		margin-left: -40px;
	}

#block-5 .panel-heading, #block-5 .panel-body
{
	padding-left: 0;
}

#block-5::after
{
	content: url(/assets/images/block-4-1.png);
	position: absolute;
	width: 640px;
	left: 50%;
	margin-left: -320px;
	bottom: -220px;
	z-index: 99;
}
#block-6 .section-image
{
	text-align: center;
}
#block-6 img
{
	max-width: 640px;
}

#newsletter-form #submit-button-newsletter
{
	width: 165px;
	height: 65px;
	background: #fff;
	border: none;
	display: inline;
	letter-spacing: 1px;
	color: #9915f5;
	margin: 0 0 0 -5px;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	font-size: 18px;
	font-weight: 700;
	vertical-align: top;
	transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
}

.section-white.no-padding-bottom, .section-grey.no-padding-bottom {
	padding: 24px 0 0 0;
}
.section-white.small-padding-top, .section-grey.small-padding-top
{
	padding: 0 0 30px 0;
}

.section-white.small-paddings, .section-grey.small-paddings
{
	padding: 0;
}

.section-lyla-shape
{
	padding-bottom: 0;
}
.section-lyla-shape:before
{
	background: #9915f5;
	background: -webkit-linear-gradient(135deg,#4ac6e8 0%,#199ce0 25%,#9915f5 40%);
	background: -o-linear-gradient(135deg,#4ac6e8 0%,#199ce0 25%,#9915f5 40%);
	background: -moz-linear-gradient(135deg,#4ac6e8 0%,#199ce0 25%,#9915f5 40%);
	background: linear-gradient(135deg,#4ac6e8 0%,#199ce0 25%,#9915f5 40%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4ac6e8", endColorstr="#199ce0", GradientType=1 );
}
.section-lyla-shape h2
{
	margin-top: 32px;
}
.section-lyla-shape .newsletter-form
{
	margin-bottom: 32px;
}
.section-lyla-shape .newsletter-form .btn-white
{
	border-radius: 12px !important;
	margin-left: -12px !important;
}
.newsletter_form_wrapper {
	width: 100%;
	text-align: center;
	margin-bottom: 68px;
}

/*.section-lyla-shape input[placeholder] {font-family: 'IBM Plex Sans', sans-serif;font-size: 17px;}*/
.section-lyla-shape input::-webkit-input-placeholder {font-family: 'IBM Plex Sans', sans-serif;font-size: 18px}
.section-lyla-shape input::-moz-placeholder {font-family: 'IBM Plex Sans', sans-serif;font-size: 18px}
.section-lyla-shape input:-moz-placeholder {font-family: 'IBM Plex Sans', sans-serif;font-size: 18px}
.section-lyla-shape input:-ms-input-placeholder {font-family: 'IBM Plex Sans', sans-serif;font-size: 18px}

#block-7 > .container > .row
{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
#block-7 p.h1
{
	letter-spacing: 1.1px;
}

#block-8 {
	margin-bottom: 32px;
}
#block-8 .fun-facts-box .fun-facts-icon
{
	margin-right: 4px;
}
	#block-8 .fun-facts-box .fun-facts-icon img
	{
		max-width: 64px;
	}
#block-8 .fun-facts-box .fun-facts-text p
{
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
}

#main-contacts .contact-info i
{
	color: #199ce0;
}

.footer:before
{
	background: #9915f5;
	background: -webkit-linear-gradient(-4584deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	background: -o-linear-gradient(-4584deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	background: -moz-linear-gradient(-4584deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	background: linear-gradient(-4584deg,#4ac6e8 20%,#199ce0 30%,#9915f5 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4ac6e8", endColorstr="#199ce0", GradientType=1 );
}

#footer-copyright p, #footer-copyright a
{
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
}

.swal2-popup {
	max-width: 520px;
	width: 100%;
}
.swal2-confirm
{
	color: #fff !important;
	background: #4ac6e9 !important;
	min-width: 140px !important;
	-webkit-transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
	transition: all 0.5s ease !important;
	font-family: 'Cabin', sans-serif !important;
	font-size: 16px !important;
	line-height: 22px !important;
	font-weight: 700 !important;
	border-radius: 6px 6px !important;
	margin: 10px 0 !important;
	padding: 16px 30px !important;
	display: inline-block !important;
}
.swal2-confirm:hover
{
	background: #3498db !important;
}

.swal2-confirm, .swal2-confirm:focus, .swal2-confirm:active
{
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none !important;
}

@media screen and (min-width: 992px)
{
	*
	{
		outline: 0 !important;
	}
}
@media screen and (min-width: 1200px)
{
	#block-5
	{
		position: relative;
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 1199px)
{
	#block-5::after
	{
		display: none;
	}
}
@media screen and (max-width: 991px)
{
	.flex-align-center
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.home-section h1
{
		font-size: 43px;
		line-height: 45px;
		text-align: center;	
	}
	.home-section img
	{
		width: 100%;
		margin: 32px auto 0 auto;
	}
	#block-3 img, #block-5 img
	{
		margin-left: auto;
		margin-right: auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	#block-3 ol li
	{
		position: relative;
		padding-left: 52px;
	}
	#block-3 ol li::before
	{
		left: 10px;
	}
	img
	{
		max-width: 340px;
	}
	h2.section-title
	{
		margin-top: 15px;
		font-size: 36px;
		line-height: 41px;
	}
	#block-7 .slideInRight
	{
		display: none !important;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form
	{
		border-color: #87e5ff;
		background: #4ac6e8;
	}
	#header-phone, #header-phone:active, #header-phone:focus
	{
		text-align: center;
		width: 90%;
		margin: 0 5%;
		color: #fff;
	}
	.section-lyla-shape h2
	{
		margin-top: -60px !important;
	}	
}

@media screen and (max-width: 767px)
{
	.home-section .btn
	{
		width: 100%;
	}
	.contact-info {
		margin-bottom: 8px;
		text-align: center;
	}
	.home-section p
	{
		text-align: center;
	}
	h1, h2, h3, .h1, .h2, .h3
	{
		text-align: center;
	}
	h2.section-title
	{
		font-size: 32px;
		line-height: 48px;
	}
	.motivation-1, .motivation-2
	{
		display: block;
	}
		.motivation-1 p, .motivation-2 p
		{
			font-size: 24px;
			line-height: 29px;	
		}
	#newsletter-form #submit-button-newsletter
	{
		width: 100%;
		max-width: 340px;
		margin: 8px auto 0 auto !important;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#block-2
	{
		padding-top: 0;
	}
	#block-3 .margin-bottom-40
	{
		margin-bottom: 0;
	}
	#block-6 img
	{
		margin-top: -50px;
	}
	#block-7
	{
		padding: 0 !important;
	}
	#block-7 p.h1
	{
		font-size: 20px;
		line-height: 28px;
		letter-spacing: 1px;
	}
	.section-white
	{
		padding: 0 0 70px 0!important;
	}

	#newsletter-section .padding-bottom-20
	{
		padding-top: 0 !important;
		margin-top: -60px;
	}
	.section-lyla-shape
	{
		padding-bottom: 0;
	}

	#block-8 .fun-facts-box .fun-facts-text p
	{
		font-family: 'IBM Plex Sans', sans-serif;
		font-size: 21px;
		line-height: 27px;
	}
	input.contact-input, textarea.contact-commnent
	{
		color: #9915f5;
		background-color: #9915f5;
		border: 1px solid #9915f5!important;
		font-size: 21px;
	}
	input.contact-input::-webkit-input-placeholder, textarea.contact-commnent::-webkit-input-placeholder {color: #fff}
	input.contact-input::-moz-placeholder, textarea.contact-commnent::-moz-placeholder, {color: #fff}
	input.contact-input:-moz-placeholder, textarea.contact-commnent:-moz-placeholder, {color: #fff}
	input.contact-input:-ms-input-placeholder, textarea.contact-commnent:-ms-input-placeholder {color: #fff}
	.home-section .btn, #submit-button
	{
		width: 100%;
		max-width: 340px;
		margin: 12px auto;
		display: flex;
		justify-content: center;
		font-size: 21px;
		letter-spacing: 1.25px;
	}
}