/* Template: Juno - Multipurpose Landing Page Pack
   Author: InovatikThemes
   Created: Mar 2019
   Description: Master CSS file
*/

/*****************************************
Table Of Contents:

01. General Styles
02. Preloader
03. Navigation
04. Header
05. Featured Videos 
06. Latest Videos
07. About
08. Values
09. Host
10. Questions
11. Master Class
12. Regular Classes
13. Newsletter
14. Contact
15. Footer
16. Copyright
17. Back To Top Button
18. Extra Pages
19. Media Queries
******************************************/

/*****************************************
Colors:

- Backgrounds, navbar - light blue #0ab3ec
- Backgrounds - dark blue #027196
- Backgrounds - light gray #f9fafc
- Buttons, bullets, icons - red #FF8301
- Text - gray #51516c
http://paletton.com/#uid=33p0u0kvQUDjvVopEV6SGT8Qdua
******************************************/


/******************************/
/*     01. General Styles     */
/******************************/
body,
html {
    width: 100%;
	height: 100%;
}

body, p {
	color: #51516c; 
	font: 400 0.875rem/1.375rem "Raleway", sans-serif;
}

.p-large {
	font: 400 1rem/1.5rem "Raleway", sans-serif;
}

.p-small {
	font: 400 0.75rem/1.25rem "Raleway", sans-serif;
}

.p-heading {
	margin-bottom: 3.875rem;
}

.li-space-lg li {
	margin-bottom: 0.25rem;
}

.indent {
	padding-left: 1.25rem;
}

h1 {
	font: 700 2.875rem/3.5rem "Raleway", sans-serif;
}

.h1-large {
	font: 700 2.75rem/3.125rem "Raleway", sans-serif;
}

h2 {
	font: 700 2.375rem/2.875rem "Raleway", sans-serif;
}

h3 {
	font: 700 1.75rem/2.25rem "Raleway", sans-serif;
}

h4 {
	font: 700 1.375rem/1.875rem "Raleway", sans-serif;
}

h5 {
	font: 700 1.125rem/1.625rem "Raleway", sans-serif;
}

h6 {
	font: 700 1rem/1.5rem "Raleway", sans-serif;
}

a {
	color: #51516c;
	text-decoration: underline;
}

a:hover {
	color: #51516c;
	text-decoration: underline;
}

a.red {
	color: #FF8301;
}

a.white {
	color: #fff;
}

.testimonial-text {
	font: italic 400 1rem/1.5rem "Raleway", sans-serif;
}

.testimonial-author {
	font: 700 1rem/1.5rem "Raleway", sans-serif;
}

.line-heading {
	width: 5rem;
	height: 0.125rem;
	margin-top: 0;
	margin-bottom: 4.375rem;
	border: none;
	background-color: #FF8301;
	opacity: 0.8;
}

.btn-solid-reg {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid #FF8301;
	border-radius: 2rem;
	background-color: #FF8301;
	color: #fff;
	font: 700 0.75rem/0 "Raleway", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-reg:hover {
	background-color: transparent;
	color: #FF8301;
	text-decoration: none;
}

.btn-solid-lg {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid #FF8301;
	border-radius: 2rem;
	background-color: #FF8301;
	color: #fff;
	font: 700 0.75rem/0 "Raleway", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-lg:hover {
	background-color: transparent;
	color: #FF8301;
	text-decoration: none;
}

.btn-outline-reg,
.btn-outline-reg-black {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid #FF8301;
	border-radius: 2rem;
	background-color: transparent;
	color: #FF8301;
	font: 700 0.75rem/0 "Raleway", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-reg:hover {
	background-color: #FF8301;
	color: #fff;
	text-decoration: none;
}

.btn-outline-lg {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid #FF8301;
	border-radius: 2rem;
	background-color: transparent;
	color: #FF8301;
	font: 700 0.75rem/0 "Raleway", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-lg:hover {
	background-color: #FF8301;
	color: #fff;
	text-decoration: none;
}

.btn-outline-sm {
	display: inline-block;
	padding: 1rem 1.625rem 0.875rem 1.625rem;
	border: 0.125rem solid #FF8301;
	border-radius: 2rem;
	background-color: transparent;
	color: #FF8301;
	font: 700 0.625rem/0 "Raleway", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-sm:hover {
	background-color: #FF8301;
	color: #fff;
	text-decoration: none;
}

.form-group {
	position: relative;
	margin-bottom: 1.25rem;
}

.form-group.has-error.has-danger {
	margin-bottom: 0.625rem;
}

.form-group.has-error.has-danger .help-block.with-errors ul {
	margin-top: 0.375rem;
}

.label-control {
	position: absolute;
	top: 0.87rem;
	left: 1.375rem;
	color: #51516c;
	opacity: 1;
	font: 400 0.875rem/1.375rem "Raleway", sans-serif;
	cursor: text;
	transition: all 0.2s ease;
}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.label-control {
		top: 0.9375rem;
	}
}

.form-control-input:focus + .label-control,
.form-control-input.notEmpty + .label-control,
.form-control-textarea:focus + .label-control,
.form-control-textarea.notEmpty + .label-control {
	top: 0.125rem;
	opacity: 1;
	font-size: 0.75rem;
	font-weight: 700;
}

.form-control-input,
.form-control-select {
	display: block; /* needed for proper display of the label in Firefox, IE, Edge */
	width: 100%;
	padding-top: 1.0625rem;
	padding-bottom: 0.0625rem;
	padding-left: 1.3125rem;
	border: 1px solid #dadada;
	border-radius: 0.25rem;
	background-color: #fff;
	color: #51516c;
	font: 400 0.875rem/1.875rem "Raleway", sans-serif;
	transition: all 0.2s;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

.form-control-select {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	height: 3rem;
}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.form-control-input {
		padding-top: 1.25rem;
		padding-bottom: 0.75rem;
		line-height: 1.75rem;
	}

	.form-control-select {
		padding-top: 0.875rem;
		padding-bottom: 0.75rem;
		height: 3.125rem;
		line-height: 2.125rem;
	}
}

select {
    /* you should keep these first rules in place to maintain cross-browser behavior */
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('../images/down-arrow.png');
    background-position: 96% 50%;
    background-repeat: no-repeat;
    outline: none;
}

select::-ms-expand {
    display: none; /* removes the ugly default down arrow on select form field in IE11 */
}

.form-control-textarea {
	display: block; /* used to eliminate a bottom gap difference between Chrome and IE/FF */
	width: 100%;
	height: 8rem; /* used instead of html rows to normalize height between Chrome and IE/FF */
	padding-top: 1.25rem;
	padding-left: 1.3125rem;
	border: 1px solid #dadada;
	border-radius: 0.25rem;
	background-color: #fff;
	color: #51516c;
	font: 400 0.875rem/1.75rem "Raleway", sans-serif;
	transition: all 0.2s;
}

.form-control-input:focus,
.form-control-select:focus,
.form-control-textarea:focus {
	border: 1px solid #a1a1a1;
	outline: none; /* Removes blue border on focus */
}

.form-control-input:hover,
.form-control-select:hover,
.form-control-textarea:hover {
	border: 1px solid #a1a1a1;
}

.checkbox {
	font: 400 0.75rem/1.25rem "Raleway", sans-serif;
}

input[type='checkbox'] {
	vertical-align: -15%;
	margin-right: 0.375rem;
}

/* IE10+ hack to raise checkbox field position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	input[type='checkbox'] {
		vertical-align: -9%;
	}
}

.form-control-submit-button {
	display: inline-block;
	width: 100%;
	height: 3.125rem;
	border: 1px solid #FF8301;
	border-radius: 1.5rem;
	background-color: #FF8301;
	color: #fff;
	font: 700 0.75rem/1.75rem "Raleway", sans-serif;
	cursor: pointer;
	transition: all 0.2s;
}

.form-control-submit-button:hover {
	background-color: transparent;
	color: #FF8301;
}

/* Form Success And Error Message Formatting */
#nmsgSubmit.h3.text-center.tada.animated,
#cmsgSubmit.h3.text-center.tada.animated,
#pmsgSubmit.h3.text-center.tada.animated,
#nmsgSubmit.h3.text-center,
#cmsgSubmit.h3.text-center,
#pmsgSubmit.h3.text-center {
	display: block;
	margin-bottom: 0;
	color: #51516c;
	font: 400 1.125rem/1rem "Raleway", sans-serif;
}

.help-block.with-errors .list-unstyled {
	color: #51516c;
	font-size: 0.75rem;
	line-height: 1.125rem;
	text-align: left;
}

.help-block.with-errors ul {
	margin-bottom: 0;
}
/* end of form success and error message formatting */

/* Form Success And Error Message Animation - Animate.css */
@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
/* end of form success and error message animation - Animate.css */

/* Fade-move Animation For Lightbox - Magnific Popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective(37.5rem) rotateX(0); 
	-ms-transform: translateY(0) perspective(37.5rem) rotateX(0); 
	transform: translateY(0) perspective(37.5rem) rotateX(0); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
	-ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
	transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
}

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	transition: opacity 0.2s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}
/* end of fade-move animation for lightbox - magnific popup */

/* Fade Animation For Image Slider - Magnific Popup */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation: fadeIn 0.6s;
	animation: fadeIn 0.6s;
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation: fadeOut 0.8s;
	animation: fadeOut 0.8s;
}
/* end of fade animation for image slider - magnific popup */


/*************************/
/*     02. Preloader     */
/*************************/
.spinner-wrapper {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #2f3a43;
}

.spinner {
	position: absolute;
	top: 50%; /* centers the loading animation vertically one the screen */
	left: 50%; /* centers the loading animation horizontally one the screen */
	width: 3.75rem;
	height: 1.25rem;
	margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */ 
	text-align: center;
}

.spinner > div {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background-color: #fff;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0); }
	40% { -webkit-transform: scale(1.0); }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% { 
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	} 40% { 
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
}


/**************************/
/*     03. Navigation     */
/**************************/
.navbar-custom {
	background-color: #0ab3ec;
	box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
	font: 700 0.75rem/2rem "Raleway", sans-serif;
	transition: all 0.2s;
}

.navbar-custom .navbar-brand.logo-image img {
    width: 7.5rem;
	height: 2rem;
	margin-bottom: 1px;
	-webkit-backface-visibility: hidden;
}

.navbar-custom .navbar-brand.logo-text {
	font: 700 2.375rem/1.5rem "Raleway", sans-serif;
	color: #fff;
	letter-spacing: -0.5px;
	text-decoration: none;
}

.navbar-custom .navbar-nav {
	margin-top: 0.75rem;
}

.navbar-custom .nav-item .nav-link {
	padding: 0 0.75rem 0 0.75rem;
	color: #fff;
	text-decoration: none;
	transition: all 0.2s ease;
}

.navbar-custom .nav-item .nav-link:hover,
.navbar-custom .nav-item .nav-link.active {
	color: #FF8301;
}

/* Dropdown Menu */
.navbar-custom .dropdown:hover > .dropdown-menu {
	display: block; /* this makes the dropdown menu stay open while hovering it */
	min-width: auto;
	animation: fadeDropdown 0.2s; /* required for the fade animation */
}

@keyframes fadeDropdown {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.navbar-custom .dropdown-toggle:focus { /* removes dropdown outline on focus  */
	outline: 0;
}

.navbar-custom .dropdown-menu {
	margin-top: 0;
	border: none;
	border-radius: 0.25rem;
	background-color: #0ab3ec;
}

.navbar-custom .dropdown-item {
	color: #fff;
	text-decoration: none;
}

.navbar-custom .dropdown-item:hover {
	background-color: #0ab3ec;
}

.navbar-custom .dropdown-item .item-text {
	font: 700 0.75rem/1.5rem "Raleway", sans-serif;
}

.navbar-custom .dropdown-item:hover .item-text {
	color: #FF8301;
}

.navbar-custom .dropdown-items-divide-hr {
	width: 100%;
	height: 1px;
	margin: 0.25rem auto 0.25rem auto;
	border: none;
	background-color: #FF8301;
	opacity: 0.2;
}
/* end of dropdown menu */

.navbar-custom .social-icons {
	display: none;
}

.navbar-custom .navbar-toggler {
	border: none;
	color: #fff;
	font-size: 2rem;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-times{
	display: none;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-bars{
	display: inline-block;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-bars{
	display: none;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-times{
	display: inline-block;
	margin-right: 0.125rem;
}

/* IMAGINI */

.alignleft {float:left; margin: 5px 10px 5px 0;}
.alignright {float:right; margin: 5px 0 5px 10px;}
.alignnone {display:block;max-width:100%;}
.aligncenter{display:block;max-width:100%;margin:10px auto;}

/*********************/
/*    04. Header     */
/*********************/
.header {
	position: relative;
}
.header_pagina {max-height:300px;overflow:hidden;min-height:300px!important;}

.header #video-background {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100; 
	background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('../images/header-background.jpg') center center no-repeat;
	background-size: cover; 
}

.header .header-content {
	padding-top: 9.25rem;
	padding-bottom: 7rem;
}

.header .text-container {
	max-width: 32rem;
	margin-right: auto;
	margin-left: auto;
	padding: 2.125rem 2rem 2rem 2rem;
	border-radius: 0.25rem;
	background-color: #027196;
}

.header .h1-large,
.header .p-large {
	color: #fff;
}

.header .h1-large {
	margin-bottom: 1.5rem;
}

.header .p-large {
	margin-bottom: 2rem;
}

.header .button-wrapper {
	text-align: center;
}

.header .btn-solid-lg,
.header .btn-outline-lg {
	margin-right: 0.25rem;
	margin-left: 0.25rem;
	margin-bottom: 1rem;
}

.header .btn-outline-lg {
	border-color: #fff;
	color: #fff;
}

.header .btn-outline-lg:hover {
	background-color: #fff;
	color: #027196;
}

.header .btn-outline-lg .fa-play {
	margin-right: 0.375rem;
	font-size: 0.75rem;
	line-height: 0;
}


/******************************/
/*    05. Featured Videos     */
/******************************/
.slider-1 {
	padding-top: 7.5rem;
	padding-bottom: 6rem;
	background: linear-gradient(to bottom right, #0ab3ec, #027196);
}

.slider-1 .slider-container {
	position: relative;
}

.slider-1 .swiper-container {
	position: static;
	width: 80%;
}

.slider-1 .embed-responsive {
	margin-bottom: 2rem;
}

.slider-1 h3 {
	margin-bottom: 1rem;
	color: #fff;
}

.slider-1 p,
.slider-1 .list-unstyled {
	color: #fff;
}

.slider-1 .list-unstyled .fas {
	color: #FF8301;
	font-size: 0.5rem;
	line-height: 1.375rem;
}

.slider-1 .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.slider-1 .swiper-button-prev,
.slider-1 .swiper-button-next {
	top: 50%;
}

.slider-1 .swiper-button-prev:focus,
.slider-1 .swiper-button-next:focus {
	/* even if you can't see it chrome you can see it on mobile device */
	outline: none;
}

.slider-1 .swiper-button-prev {
	left: -0.375rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-1 .swiper-button-next {
	right: -0.375rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}


/****************************/
/*    06. Latest Videos     */
/****************************/
.cards-1 {
	padding-top: 7rem;
	padding-bottom: 3rem;
	background-color: #f9fafc;
	text-align: center;
}

.cards-1 h2 {
	margin-bottom: 0.875rem;
}

.cards-1 .card {
	display: inline-block;
	max-width: 19.125rem;
	margin-bottom: 3.25rem;
	border: none;
	background-color: transparent;
	text-align: left;
	vertical-align: top;
}

/* Hover Animation */
.cards-1 .image-wrapper {
	overflow: hidden;
	border-radius: 0.25rem;
}

.cards-1 .image-wrapper img {
	margin: 0px;
	transition: all 0.3s;
}

.cards-1 .image-wrapper:hover img {
	-moz-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
} 
/* end of hover animation */

.cards-1 .card-body {
	padding: 1.375rem 0 0;
}

.cards-1 .card-title {
	margin-bottom: 0.375rem;
}


/********************/
/*    07. About     */
/********************/
.slider-2 {
	padding-top: 7rem;
	padding-bottom: 7rem;
	background: linear-gradient(rgba(15, 16, 25, 0.7), rgba(15, 16, 25, 0.7)), url('../images/about-background.jpg') center center no-repeat;
	background-size: cover; 
	text-align: center;
}

.slider-2 h2 {
	margin-bottom: 1rem;
}

.slider-2 h2,
.slider-2 h3,
.slider-2 p {
	color: #fff;
}

.slider-2 h3 {
	margin-top: 3.5rem;
	margin-bottom: 0.75rem;
}

.slider-2 .slider-container {
	position: relative;
}

.slider-2 .testimonial-text,
.slider-2 h5 {
	color: #fff;
}

.slider-2 .swiper-container {
	position: static;
	border-radius: 0.25rem;
}

.slider-2 .swiper-slide .testimonial-text {
	margin-bottom: 1rem;
}	

.slider-2 .swiper-slide h5 {
	margin-bottom: 0;
}

.slider-2 .swiper-pagination {
	right: 0;
	left: 0;
	bottom: -2.75rem;
	color: #efefef;
}

.slider-2 .swiper-pagination-bullet {
	width: 0.75rem;
	height: 0.75rem;
	margin-right: 0.25rem;
	margin-left: 0.25rem;
	background-color: #efefef;
}


/**********************/
/*     08. Values     */
/**********************/
.basic-1 {
	padding-top: 7rem;
	padding-bottom: 7.5rem;
	background-color: #f9fafc;
}

.basic-1 h2 {
	margin-bottom: 1rem;
	text-align: center;
}

.basic-1 .p-large {
	text-align: center;
}

.basic-1 h3 {
	margin-bottom: 1rem;
}

.basic-1 .image-container {
	position: relative;
}

.basic-1 .image-container img {
	border-radius: 0.25rem;
}

.basic-1 .image-number {
	position: absolute;
	top: 36%;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background-color: #FF8301;
	color: #fff;
	font: 700 1.375rem/2.875rem "Raleway", sans-serif;
	text-align: center;
}

.basic-1 .value-1 {
	margin-bottom: 7rem;
}

.basic-1 .value-1 .image-container {
	margin-top: 1rem;
	margin-left: 1.5rem;
}

.basic-1 .value-1 .image-number {
	left: -1.5rem;
}

.basic-1 .value-2 {
	margin-bottom: 4.5rem;
}

.basic-1 .value-2 .image-container {
	margin-right: 1.5rem;
	margin-bottom: 1.75rem;
}

.basic-1 .value-2 .image-number {
	right: -1.5rem;
}

.basic-1 .value-3 .image-container {
	margin-top: 1rem;
	margin-left: 1.5rem;
}

.basic-1 .value-3 .image-number {
	left: -1.5rem;
}


/*******************/
/*    09. Host     */
/*******************/
.basic-2 {
	padding-top: 7.5rem;
	padding-bottom: 7.5rem;
	background: linear-gradient(rgba(15, 16, 25, 0.3), rgba(15, 16, 25, 0.3)), url('../images/host-background.jpg') center center no-repeat;
	background-size: cover; 
}

.basic-2 h2 {
	margin-bottom: 1rem;
}

.basic-2 .text-container {
	max-width: 32rem;
	margin-right: auto;
	margin-bottom: 2rem;
	margin-left: auto;
	padding: 2.125rem 2rem 2rem 2rem;
	border-radius: 0.25rem;
	background-color: #027196;
}

.basic-2 .text-container.second {
	margin-bottom: 0;
}

.basic-2 h2,
.basic-2 h3,
.basic-2 p,
.basic-2 ul {
	color: #fff;
}

.basic-2 h2,
.basic-2 h3 {
	margin-bottom: 1rem;
}

.basic-2 h3 {
	margin-top: 2.5rem;
}

.basic-2 .list-unstyled {
	margin-bottom: 0;
}

.basic-2 .list-unstyled .fas {
	color: #FF8301;
	font-size: 0.5rem;
	line-height: 1.375rem;
}

.basic-2 .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.basic-2 .testimonial-author {
	margin-bottom: 0;
}


/*************************/
/*     10. Questions     */
/*************************/
.basic-3 {
	padding-top: 7rem;
	padding-bottom: 7rem;
	background: linear-gradient(to bottom right, #0ab3ec, #027196);
	text-align: center;
}

.basic-3 h2 {
	margin-bottom: 1.5rem;
	color: #fff;
}

.basic-3 .p-large {
	margin-bottom: 2rem;
	color: #fff;
	text-align: center;
}

.basic-3 .btn-solid-lg {
	font-size: 0.875rem;
}

.basic-3 .btn-solid-lg .fa-phone {
	line-height: 0;
	margin-right: 0.375rem;
}


/***************************/
/*    11. Master Class     */
/***************************/
.basic-4 {
	padding-top: 7.5rem;
	padding-bottom: 4rem;
}

.basic-4 .image-container {
	margin-bottom: 3rem;
}

/* Hover Animation */
.basic-4 .image-wrapper {
	overflow: hidden;
	display: block;
	border-radius: 0.25rem;
}

.basic-4 .image-wrapper img {
	margin: 0;
	transition: all 0.3s;
}

.basic-4 .image-wrapper:hover img {
	-moz-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
} 
/* end of hover animation */

.basic-4 h2 {
	margin-bottom: 1rem;
}

.basic-4 h3 {
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.basic-4 .list-unstyled {
	margin-bottom: 2rem;
}

.basic-4 .list-unstyled .fas {
	color: #FF8301;
	font-size: 0.5rem;
	line-height: 1.375rem;
}

.basic-4 .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.basic-4 .button-wrapper {
	text-align: center;
}

.basic-4 .price-box {
	margin-right: 0.75rem;
	font-weight: 700;
	font-size: 1.5rem;
	vertical-align: -18%;
}


/*******************************/
/*     12. Regular Classes     */
/*******************************/
.slider-3 {
	padding-top: 4rem;
	padding-bottom: 7.5rem;
}

.slider-3 .slider-container {
	position: relative;
}

.slider-3 .swiper-container {
	position: static;
	width: 90%;
	text-align: center;
}

.slider-3 .swiper-button-prev,
.slider-3 .swiper-button-next {
	top: 50%;
	width: 1.125rem;
}

.slider-3 .swiper-button-prev:focus,
.slider-3 .swiper-button-next:focus {
	/* even if you can't see it chrome you can see it on mobile device */
	outline: none;
}

.slider-3 .swiper-button-prev {
	left: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2351516c'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-3 .swiper-button-next {
	right: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2351516c'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-3 .card {
	border: none;
	background-color: transparent;
}

/* Hover Animation */
.slider-3 .card-image {
	overflow: hidden;
	border-radius: 0.25rem;
}

.slider-3 .card-image img {
	margin: 0;
	transition: all 0.3s;
}

.slider-3 .card-image:hover img {
	-moz-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
} 
/* end of hover animation */

.slider-3 .card-body {
	padding: 1.5rem 0 0 0;
}

.slider-3 .card-title {
	margin-bottom: 0.5rem;
}

.slider-3 .card .btn-solid-reg {
	left: 0;
	right: 0;
	margin-top: 0.375rem;
	margin-right: auto;
	margin-left: auto;
}


/**************************/
/*     13. Newsletter     */
/**************************/
.form-1 {
	padding-top: 7rem;
	padding-bottom: 6.25rem;
	background: linear-gradient(rgba(33, 34, 45, 0.85), rgba(33, 34, 45, 0.85)), url('../images/newsletter-background.jpg') center center no-repeat;
}

.form-1 h2,
.form-1 .p-large,
.form-1 .checkbox {
	color: #fff;
}

.form-1 h2 {
	margin-bottom: 1rem;
	text-align: center;
}

.form-1 .p-large {
	margin-bottom: 3rem;
	color: #fff;
	text-align: center;
}

.form-1 #newsletterForm {
	max-width: 25rem;
	margin-right: auto;
	margin-left: auto;
}

.form-1 .label-control {
	color: #fff;
}

.form-1 .form-control-input {
	border: 1px solid #67666e;
	background-color: #434248;
	color: #fff;
}

.form-1 .form-control-input:focus,
.form-1 .form-control-input:hover {
	border: 1px solid #fff;
}

.form-1 .help-block.with-errors .list-unstyled {
	color: #fff;
}

.form-1 #nmsgSubmit.h3.text-center.tada.animated,
.form-1 #nmsgSubmit.h3.text-center {
	color: #fff;
}


/***********************/
/*     14. Contact     */
/***********************/
.form-2 {
	padding-top: 7rem;
	padding-bottom: 6.25rem;
	background-color: #f9fafc;
}

.form-2 h2 {
	margin-bottom: 1rem;
	text-align: center;
}

.form-2 .list-unstyled {
	margin-bottom: 3.75rem;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: center;
}

.form-2 .list-unstyled .fas,
.form-2 .list-unstyled .fab {
	margin-right: 0.5rem;
	font-size: 0.875rem;
	color: #FF8301;
}

.form-2 .list-unstyled .fa-phone {
	vertical-align: 3%;
}

.form-2 .slider-container {
	position: relative;
}

.form-2 .swiper-container {
	position: static;
	width: 92%;
	margin-bottom: 4rem;
	border-radius: 0.25rem;
}

.form-2 .swiper-button-prev:focus,
.form-2 .swiper-button-next:focus {
	/* even if you can't see it chrome you can see it on mobile device */
	outline: none;
}

.form-2 .swiper-button-prev {
	left: -1rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2351516c'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.form-2 .swiper-button-next {
	right: -0.875rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2351516c'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

/* Hover Animation */
.form-2 .image-wrapper {
	overflow: hidden;
}

.form-2 .image-wrapper img {
	margin: 0;
	transition: all 0.3s;
}

.form-2 .image-wrapper:hover img {
	-moz-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
} 
/* end of hover animation */


/**********************/
/*     15. Footer     */
/**********************/
.footer {
	padding-top: 5rem;
	background-color: #027196;
}

.footer .footer-col {
	margin-bottom: 2.25rem;
}

.footer h4,
.footer p,
.footer ul {
	color: #fff;
}

.footer h4 {
	margin-bottom: 1rem;
}

.footer .list-unstyled .fas {
	color: #FF8301;
	font-size: 0.5rem;
	line-height: 1.375rem;
}

.footer .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.footer .fa-stack {
	margin-bottom: 0.75rem;
	margin-right: 0.5rem;
	font-size: 1.5rem;
}

.footer .fa-stack .fa-stack-1x {
    color: #1d202c;
	transition: all 0.2s ease;
}

.footer .fa-stack .fa-stack-2x {
	color: #fff;
	transition: all 0.2s ease;
}

.footer .fa-stack:hover .fa-stack-1x {
	color: #fff;
}

.footer .fa-stack:hover .fa-stack-2x {
    color: #FF8301;
}


/*************************/
/*     16. Copyright     */
/*************************/
.copyright {
	padding-top: 1rem;
	padding-bottom: 0.5rem;
	background-color: #027196;
	text-align: center;
}

.copyright .p-small {
	color: #fff;
	opacity: 0.6;
}


/**********************************/
/*     17. Back To Top Button     */
/**********************************/
a.back-to-top {
	position: fixed;
	z-index: 999;
	right: 0.75rem;
	bottom: 0.75rem;
	display: none;
	width: 2.625rem;
	height: 2.625rem;
	border-radius: 1.875rem;
	background: #FF8301 url("../images/up-arrow.png") no-repeat center 47%;
	background-size: 1.125rem 1.125rem;
	text-indent: -9999px;
}

a:hover.back-to-top {
	background-color: #4063c2; 
}


/***************************/
/*     18. Extra Pages     */
/***************************/
.ex-header {
	padding-top: 8rem;
	padding-bottom: 5rem;
	background: linear-gradient(to bottom right, #0ab3ec, #027196);
	color: #fff;
	text-align: center;
}

.ex-basic-1 {
	padding-top: 2rem;
	padding-bottom: 0.875rem;
	background-color: #f9fafc;
}

.ex-basic-1 .breadcrumbs {
	margin-bottom: 1.125rem;
}

.ex-basic-1 .breadcrumbs .fa {
	margin-right: 0.5rem;
	margin-left: 0.625rem;
}

.ex-basic-2 {
	padding-top: 4.75rem;
	padding-bottom: 4rem;
}

.ex-basic-2 h3 {
	margin-bottom: 1rem;
}

.ex-basic-2 .text-container {
	margin-bottom: 3.625rem;
}

.ex-basic-2 .text-container.last {
	margin-bottom: 0;
}

.ex-basic-2 .list-unstyled .fas {
	color: #FF8301;
	font-size: 0.5rem;
	line-height: 1.375rem;
}

.ex-basic-2 .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.ex-basic-2 .btn-outline-reg {
	margin-top: 1.75rem;
}

.ex-basic-2 .image-container-large {
	margin-bottom: 4rem;
}

.ex-basic-2 .image-container-large img {
	border-radius: 0.25rem;
}

.ex-basic-2 .image-container-small img {
	border-radius: 0.25rem;
}

.ex-basic-2 .text-container.dark-bg {
	padding: 1.625rem 1.5rem 0.75rem 2rem;
	background-color: #f9fafc;
}


/*****************************/
/*     19. Media Queries     */
/*****************************/	
/* Min-width width 768px */
@media (min-width: 768px) {
	
	/* General Styles */
	.p-heading {
		width: 85%;
		margin-right: auto;
		margin-left: auto;
	}

	.h1-large {
		font: 700 4rem/4.5rem "Raleway", sans-serif;
	}
	/* end of general styles */


	/* Navigation */
	.navbar-custom {
		padding: 2.125rem 1.5rem 2.125rem 2rem;
		box-shadow: none;
        background: transparent;
	}
	
	.navbar-custom .navbar-brand.logo-text {
		color: #fff;
	}

	.navbar-custom .navbar-nav {
		margin-top: 0;
	}

	.navbar-custom .nav-item .nav-link {
		padding: 0.25rem 0.75rem 0.25rem 0.75rem;
		color: #fff;
	}
	
	.navbar-custom .nav-item .nav-link:hover,
	.navbar-custom .nav-item .nav-link.active {
		color: #FF8301;
	}

	.navbar-custom.top-nav-collapse {
        padding: 0.5rem 1.5rem 0.5rem 2rem;
		box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
		background-color: #0ab3ec;
	}

	.navbar-custom.top-nav-collapse .navbar-brand.logo-text {
		color: #fff;
	}

	.navbar-custom.top-nav-collapse .nav-item .nav-link {
		color: #fff;
	}
	
	.navbar-custom.top-nav-collapse .nav-item .nav-link:hover,
	.navbar-custom.top-nav-collapse .nav-item .nav-link.active {
		color: #FF8301;
	}

	.navbar-custom .dropdown-menu {
		box-shadow: 0 0.25rem 0.375rem 0 rgba(0, 0, 0, 0.03);
	}

	.navbar-custom .dropdown-item {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

	.navbar-custom .dropdown-items-divide-hr {
		width: 84%;
	}
	/* end of navigation */


	/* Header */
	.header .header-content {
		padding-top: 12.5rem;
		padding-bottom: 11rem;
	}

	.header .text-container {
		padding: 3.125rem 3.25rem 4rem 3.25rem;
	}

	.header .btn-solid-lg,
	.header .btn-outline-lg {
		margin-bottom: 0;
	}
	/* end of header */


	/* Featured Videos */
	.slider-1 .swiper-container {
		width: 90%;
	}

	.slider-1 .swiper-button-prev {
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}
	
	.slider-1 .swiper-button-next {
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}
	/* end of featured videos */


	/* Latest Videos */
	.cards-1 .card {
		margin-right: 1rem;
		margin-left: 1rem;
	}
	/* end of latest videos */


	/* About */
	.slider-2 {
		padding-top: 7.5rem;
		padding-bottom: 7.75rem;
	}

	.slider-2 .text-container {
		width: 39rem;
		height: 39rem;
		margin-right: auto;
		margin-left: auto;
		padding: 7.5rem 2rem 2rem 2rem;
		border-radius: 50%;
		background-color: #0ab3ec;
	}

	.slider-2 h2 {
		max-width: 21rem;
		margin-right: auto;
		margin-left: auto;
	}

	.slider-2 p {
		max-width: 28rem;
		margin-right: auto;
		margin-left: auto;
	}

	.slider-2 .swiper-container {
		width: 80%;
	}
	/* end of about */


	/* Values */
	.basic-1 .image-number {
		top: 41%;
		width: 4rem;
		height: 4rem;
		line-height: 3.75rem;
	}

	.basic-1 .value-1 .image-number,
	.basic-1 .value-2 .image-number,
	.basic-1 .value-3 .image-number {
		left: -1.875rem;
	}
	/* end of values */


	/* Host */
	.basic-2 .text-container {
		max-width: 30rem;
		padding: 2.625rem 2.5rem 2.625rem 2.75rem;
	}
	/* end of host */


	/* Regular Classes */
	.slider-3 .swiper-button-prev {
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}
	
	.slider-3 .swiper-button-next {
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}
	/* end of regular classes */


	/* Contact */
	.form-2 .list-unstyled li {
		display: inline-block;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.form-2 .list-unstyled .address {
		display: block;
	}

	.form-2 .swiper-button-prev {
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}
	
	.form-2 .swiper-button-next {
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}
	/* end of contact */


	/* Extra Pages */
	.ex-header {
		padding-top: 11rem;
		padding-bottom: 9rem;
	}

	.ex-basic-2 .text-container.dark {
		padding: 2.5rem 3rem 2rem 3rem;
	}

	.ex-basic-2 .text-container.column {
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	}
	/* end of extra pages */
}
/* end of min-width width 768px */


/* Min-width width 992px */
@media (min-width: 992px) {
	
	/* Navigation */
	.navbar-custom .social-icons {
		display: block;
		margin-left: 0.5rem;
	}

	.navbar-custom .fa-stack {
		margin-bottom: 0.1875rem;
		margin-left: 0.375rem;
		font-size: 0.75rem;
	}
	
	.navbar-custom .fa-stack-2x {
		color: #fff;
		transition: all 0.2s ease;
	}
	
	.navbar-custom .fa-stack-1x {
		color: #0ab3ec;
		transition: all 0.2s ease;
	}

	.navbar-custom .fa-stack:hover .fa-stack-2x {
		color: #FF8301;
	}

	.navbar-custom .fa-stack:hover .fa-stack-1x {
		color: #fff;
	}

	.navbar-custom.top-nav-collapse .fa-stack-2x {
		color: #fff;
	}
	
	.navbar-custom.top-nav-collapse .fa-stack-1x {
		color: #0ab3ec;
	}

	.navbar-custom.top-nav-collapse .fa-stack:hover .fa-stack-2x {
		color: #FF8301;
	}
	
	.navbar-custom.top-nav-collapse .fa-stack:hover .fa-stack-1x {
		color: #fff;
	}
	/* end of navigation */


	/* General Styles */
	.p-heading {
		width: 65%;
	}
	/* end of general styles */


	/* Header */
	.header {
		min-height: 50rem;
	}

	.header .header-content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100vh;
		min-height: 50rem;
		padding-top: 1rem;
		padding-bottom: 0rem;
	}

	.header .button-wrapper {
		text-align: left;
	}

	.header .btn-solid-lg {
		margin-right: 0.5rem;
		margin-left: 0;
	}

	.header .btn-outline-lg {
		margin-right: 0;
		margin-left: 0;
	}
	/* end of header */


	/* Featured Videos */
	.slider-1 .swiper-button-prev,
	.slider-1 .swiper-button-next {
		top: 33%;
	}
	/* end of featured videos */


	/* Latest Videos */
	.cards-1 .card {
		margin-right: 1.875rem;
		margin-left: 1.875rem;
	}
	/* end of latest videos */


	/* About */
	.slider-2 .swiper-container {
		width: 70%;
	}
	/* end of about */


	/* Values */
	.basic-1 .value-1 h3,
	.basic-1 .value-2 h3, 
	.basic-1 .value-3 h3 {
		margin-top: 2.5rem;
	}

	.basic-1 .image-number {
		top: 38%;
	}

	.basic-1 .value-1 .image-container {
		margin-top: 0;
	}	

	.basic-1 .value-2 {
		margin-bottom: 7rem;
	}

	.basic-1 .value-2 .image-container {
		margin-bottom: 0;
	}
	
	.basic-1 .value-3 .image-container {
		margin-top: 0;
	}	
	/* end of values */


	/* Host */
	.basic-2 .text-container {
		max-width: 26rem;
	}
	/* end of host */


	/* Questions */
	.basic-3 .p-large {
		max-width: 42rem;
		margin-right: auto;
		margin-left: auto;
	}
	/* end of questions */


	/* Master Class */
	.basic-4 .image-container {
		margin-bottom: 0;
	}

	.basic-4 .button-wrapper {
		text-align: left;
	}
	/* end of master class */


	/* Newsletter */
	.form-1 .p-large {
		max-width: 42rem;
		margin-right: auto;
		margin-left: auto;
	}
	/* end of newsletter */


	.form-2 .swiper-container {
		margin-bottom: 0;
	}
	/* end of contact */


	/* Extra Pages */
	.ex-header h1 {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}

	.ex-basic-2 {
		padding-bottom: 5rem;
	}

	.ex-basic-2 .text-container.column {
		margin-bottom: 0;
	}
	/* end of extra pages */
}
/* end of min-width width 992px */


/* Min-width width 1200px */
@media (min-width: 1200px) {
	
	/* Navigation */
	.navbar-custom {
		padding: 2.125rem 5rem 2.125rem 5rem;
	}

	.navbar-custom.top-nav-collapse {
        padding: 0.5rem 5rem 0.5rem 5rem;
	}
	/* end of navigation */

	
	/* General Styles */
	.p-heading {
		width: 44%;
	}
	/* end of general styles */


	/* Featured Videos */
	.slider-1 {
		padding-bottom: 7.625rem;
	}

	.slider-1 .swiper-button-prev,
	.slider-1 .swiper-button-next {
		top: 48%;
	}

	.slider-1 .embed-responsive {
		width: 98%;
		margin-bottom: 0;
	}

	.slider-1 .text-container {
		margin-top: 2.375rem;
		margin-left: 1.5rem;
	}
	/* end of featured videos */


	/* Values */
	.basic-1 .value-1 h3,
	.basic-1 .value-2 h3, 
	.basic-1 .value-3 h3 {
		margin-top: 4rem;
	}

	.basic-1 .value-1 .text-container {
		margin-right: 2rem;
		margin-left: 1rem;
	}

	.basic-1 .value-2 .text-container {
		margin-right: 1rem;
		margin-left: 2rem;
	}

	.basic-1 .value-3 .text-container {
		margin-right: 2rem;
		margin-left: 1rem;
	}
	/* end of values */


	/* Master Class */
	.basic-4 .image-container {
		margin-right: 1rem;
		margin-left: 1.75rem;
	}
	
	.basic-4 .text-container {
		margin-right: 2.5rem;
		margin-left: 1.5rem;
	}
	/* end of master class */


	/* Regular Classes */
	.slider-3 .swiper-container {
		width: 95%;
	}
	
	.slider-3 .swiper-button-prev {
		left: -1rem;
	}

	.slider-3 .swiper-button-next {
		right: -1rem;
	}
	/* end of regular classes */
	

	/* Contact */
	.form-2 #contactForm {
		max-width: 30rem;
		margin-right: auto;
		margin-left: auto;
	}
	/* end of contact */


	/* Footer */
	.footer .footer-col {
		width: 90%;
	}

	.footer .footer-col.middle {
		margin-right: auto;
		margin-left: auto;
	}

	.footer .footer-col.last {
		margin-right: 0;
		margin-left: auto;
	}
	/* end of footer */


	/* Extra Pages */
	.ex-header h1 {
		width: 60%;
		margin-right: auto;
		margin-left: auto;
	}

	.ex-basic-2 .form-container {
		margin-left: 1.75rem;
	}

	.ex-basic-2 .image-container-small {
		margin-left: 1.75rem;
	}
	/* end of extra pages */
}
/* end of min-width width 1200px */