body {
	font-family: 'Outfit', sans-serif !important;
	background-color: black;
    background-repeat: no-repeat;
	color: white;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
}

video {
	max-width: 100%;
}

hr {
	border: 1px solid #686868;
}

.navbar {
	padding: 28px 0;
}

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

.navbar .navbar-nav .nav-item .nav-link {
	padding: 0 !important;
	margin-right: 20px;
	font-size: 16px;
	letter-spacing: 0;
	text-transform: uppercase;
}

.navbar .navbar-nav .nav-item .nav-link.active {
	font-weight: bold;
}

.navbar .navbar-nav .nav-item .nav-link.last {
	margin-right: 0;
}

.myalert {
	margin-bottom: 39px;
	padding: 15px 24px 16px 24px;
	background: rgba(255, 194, 102, 0.3);
	border: none;
	border-radius: 6px;
	transition: 0.3s;
}

.myalert p {
	display: block;
	max-width: 1179px;
	margin: 0;
	color: #FFC366;
	font-size: 16px;
	line-height: 23px;
}

.mysection1 {
	margin-bottom: 158px;
	padding-top: 39px;
	padding-bottom: 40px;
	background-image: url('../img/mys1-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: 0.3s;
}

.mysection1 h1 {
	margin: 0;
	font-size: 65px;
	font-family: 'Darker Grotesque', sans-serif;
	line-height: 58px;
}

.mysection1 h1.gold {
	margin-bottom: 20px;
	color: #F9BF64;
}

.mysection1 p.description {
	max-width: 600px;
	color: #C8C8C7;
	font-size: 18px;
	line-height: 28px;
}

.mysection2 {
	margin-bottom: 123px;
	padding-bottom: 65px;
	border-bottom: 2px solid #1E1E1E;
}

.mysection2 h2 {
	margin: 0 0 10px 0;
	font-size: 51px;
	font-family: 'Darker Grotesque', sans-serif;
	font-weight: 400;
}

.mysection2 p.description {
	display: block;
	margin: 0 auto 99px auto;
	max-width: 664px;
	color: #A3A3A3;
	font-size: 18px;
	line-height: 26px;
}

.mysection2 .myrow .mycol {
	margin-bottom: 26px;
}

.mysection2 .myrow .mycol .inside {
	padding: 65px 24px 45px 24px;
	background: #151515;
	height: 100%;
}

.mysection2 .myrow .mycol .inside .upper .icon {
	margin-bottom: 15px;
}

.mysection2 .myrow .mycol .inside .upper h3 {
	color: #F9BF64;
	font-size: 36px;
	font-family: 'Darker Grotesque', sans-serif;
	font-weight: 400;
}

.mysection2 .myrow .mycol .inside .upper p {
	margin-bottom: 9px;
	font-size: 17px;
	line-height: 27px;
}

.mysection2 .myrow .mycol .inside .upper p.verysmall {
	margin-bottom: 28px;
	color: #989898;
	font-size: 16px;
	line-height: 23px;
}

.mysection2 .myrow .mycol .inside .lower img {
	margin-bottom: 33px;
}

.mysection2 .myrow .mycol .inside .lower ul {
	margin: 0;
	list-style-image: url("../img/check.svg");
}

.mysection3 {
	margin-bottom: 123px;
	padding-bottom: 123px;
	border-bottom: 2px solid #1E1E1E;
}

.mysection3 h2 {
	margin: 0 0 10px 0;
	font-size: 51px;
	font-family: 'Darker Grotesque', sans-serif;
	font-weight: 400;
}

.mysection3 h2 span {
	color: #F9BF64;
}

.mysection3 p.description {
	display: block;
	margin: 0 auto 99px auto;
	max-width: 664px;
	color: #A3A3A3;
	font-size: 18px;
	line-height: 26px;
}

.mysection3 .myrow .mycol .inside {
	padding: 72px 20px 33px 20px;
	height: 100%;
	background: #151515;
}

.mysection3 .myrow .mycol .inside img {
	margin-bottom: 26px;
}

.mysection3 .myrow .mycol .inside h3 {
	margin: 0 0 14px 0;
	max-width: 231px;
	font-family: 'Darker Grotesque', sans-serif;
	font-size: 36px;
	font-weight: 400;
	line-height: 35px;
}

.mysection3 .myrow .mycol .inside p {
	color: #BBBBBB;
	font-size: 17px;
	line-height: 24px;
}

.mysection4 {
	margin-bottom: 162px;
}

.mysection4 h2 {
	margin: 0 0 10px 0;
	font-size: 51px;
	font-family: 'Darker Grotesque', sans-serif;
	font-weight: 400;
}

.mysection4 h2 span {
	color: #F9BF64;
}

.mysection4 p.description {
	display: block;
	margin: 0 auto 57px auto;
	max-width: 800px;
	color: #A3A3A3;
	font-size: 18px;
	line-height: 26px;
}

.mysection4 .cta1 {
	margin-right: 5px;
	padding: 14px 43px 15px 43px;
	background-color: #FFC366;
	color: black;
	border: none;
	border-radius: 50px;
	transition: 0.3s;
}

.mysection4 .cta1:hover {
	background-color: white;
	transition: 0.3s;
}

.mysection4 .cta2 {
	padding: 13px 43px 14px 43px;
	background: none;
	color: #FFC366;
	border: 2px solid #FFC366;
	border-radius: 50px;
	transition: 0.3s;
}

.mysection4 .cta2:hover {
	padding: 14px 43px 15px 43px;
	background-color: white;
	color: black;
	border: none;
	transition: 0.3s;
}

.fom-video {
	margin-bottom: 60px;
}







.footer {
	padding-top: 120px;
	margin-bottom: 0;
	background-color: #111111;
	color: white;
}

.footer .myrow {
	margin-bottom: 130px;
}

.footer .mycol h2 {
	margin-bottom: 22px;
	font-size: 47px;
	font-family: 'Darker Grotesque', sans-serif;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.footer .mycol ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer .mycol ul li {
	margin-bottom: 10px;
	font-size: 16px;
	text-transform: uppercase;
}

.footer .mycol ul li a {
	color: #ABABAB;
	text-decoration: none;
	transition: 0.2s;
}

.footer .mycol ul li a:hover {
	color: white;
	transition: 0.2s;
}

.footer .mycol1 {
	padding-top: 28px;
	border-right: 1px solid #2B2B2B;
}

.footer .mycol1 .logo-footer {
	margin-bottom: 33px;
}

.footer .mycol1 p {
	max-width: 339px;
	font-size: 19px;
	line-height: 30px;
}

.footer .mycol2 {
	margin-top: 10px;
	padding-left: 68px;
	border-right: 1px solid #2B2B2B;
}

.footer .mycol2 .active {
	color: white;
	font-weight: bold;
}

.footer .mycol3 {
	margin-top: 10px;
	padding-left: 68px;
}

.footer .copyright {
	margin-bottom: 0;
	padding-top: 23px;
	padding-bottom: 43px;
	font-size: 18px;
}


/*---------------------------------------------------------------

Responsive MIN

-----------------------------------------------------------------*/

@media screen and (min-width: 2150px) {



}

@media screen and (min-width: 1860px) and (max-width: 2150px) {



}


@media screen and (min-width: 1860px) {


}

@media screen and (min-width: 1400px) {


}

@media screen and (min-width: 1200px) and (max-width: 1400px) {



}

@media screen and (min-width: 1200px) {



}

@media screen and (min-width: 991px) and (max-width: 1200px) {


}

@media screen and (min-width: 991px) {



}


/*---------------------------------------------------------------

Responsive MAX

-----------------------------------------------------------------*/

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


}  

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


}    

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

	.footer {
		padding-top: 90px;
	}

	.footer .myrow {
		margin-bottom: 90px;
	}

	.footer .mycol h2 {
		font-size: 43px;
	}

	.footer .mycol1 p {
		font-size: 17px;
  		line-height: 26px;
	}

	.footer .copyright {
		margin-bottom: 0;
		padding-top: 16px;
		padding-bottom: 35px;
		font-size: 16px;
	}

}    

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

	.navbar .navbar-nav {
		margin-top: 50px;
		text-align: center;
	}

	.navbar .navbar-nav .nav-item {
		margin-bottom: 10px;
	}

	.navbar .navbar-nav .nav-item .nav-link {
		margin-bottom: 2px;
		font-size: 18px;
	}

	.navbar .navbar-nav .nav-item .nav-link.last {
		margin-right: 20px;
	}

	.mysection1 h1 {
		font-size: 58px;
	}

	.mysection2 .myrow .mycol .inside .upper h3 {
		line-height: 36px;
	}

}    

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

	.myalert p {
		max-width: 610px;
	}

	.mysection1 {
		margin-bottom: 98px;
		padding-bottom: 60px;
	}

	.mysection1 .myrow .mycol2 {
		margin-bottom: 35px;
	}

	.mysection1 .myrow .mycol2 img {
		max-height: 420px;
	}

	.mysection1 .myrow .mycol1 h1 {
		font-size: 50px;
		line-height: 45px;
		text-align: center;
	}

	.mysection1 p.description {
		text-align: center;
	}

	.mysection1 .myrow .mycol1 .inside {
		display: block;
		margin: 0 auto
	}

	.mysection2 h2 {
		font-size: 42px;
	}

	.mysection2 p.description {
		margin: 0 auto 70px auto;
	}

	.mysection2 .myrow1 {
		margin-bottom: 7px;
	}

	.mysection2 .myrow .mycol {
  		margin-bottom: 7px;
	}

	.mysection2 {
  		margin-bottom: 83px;
	}

	.mysection3 {
		margin-bottom: 93px;
		padding-bottom: 53px;
	}

	.mysection3 p.description {
		margin: 0 auto 70px auto;
	}

	.mysection3 .myrow .mycol .inside h3 {
		max-width: 100%;
		margin: 0 0 8px 0;
	}

	.mysection4 {
  		margin-bottom: 102px;
	}
	
	.mysection4 h2 {
		display: block;
		margin: 0 auto 16px auto;
		max-width: 660px;
		line-height: 48px;
	}

	.footer {
		padding-top: 60px;
		text-align: center;
	}

	.footer .myrow {
		margin-bottom: 60px;
	}

	.footer .copyright {
		padding-top: 17px;
		padding-bottom: 31px;
		font-size: 17px;
	}

	.footer .mycol h2 {
		margin-bottom: 11px;
	}

	.footer .mycol1 {
		margin: 0 0 40px 0;
		border: none;
	}

	.footer .mycol1 p {
		max-width: 500px;
		display: block;
		margin: 0 auto;
	}

	.footer .mycol2 {
		margin: 0 0 30px 0;
		padding: 0;
		border: none;
	}

	.footer .mycol3 {
		margin: 0;
		padding: 0;
	}

}

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


}

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

	.navbar .navbar-nav {
		margin-top: 55px;
	}

	.navbar .navbar-brand img {
		margin-left: 10px;
		max-height: 38px;
	}

	.mysection1 {
		padding-bottom: 45px;
	}

	.mysection1 .myrow .mycol2 img {
		max-height: 290px;
	}

	.mysection1 .myrow .mycol1 h1 {
		font-size: 46px;
		line-height: 42px;
	}

	.mysection1 p.description {
		font-size: 17px;
		line-height: 27px;
	}

	.mysection1 {
    	margin-bottom: 58px;
	}

	.mysection2 {
    	margin-bottom: 63px;
  	}

	.mysection2 h2 {
		font-size: 37px;
		line-height: 40px;
  	}

	.mysection2 p.description {
		margin: 0 auto 40px auto;
		font-size: 17px;
  		line-height: 25px;
	}

	.mysection2 .myrow .mycol .inside .upper h3 {
		font-size: 32px;
		line-height: 32px;
	}

	 .mysection3 {
    	margin-bottom: 73px;
	 }

	.mysection3 h2 {
		font-size: 37px;
		line-height: 40px;
  	}

	.mysection3 p.description {
		margin: 0 auto 40px auto;
		font-size: 17px;
  		line-height: 25px;
	}

	.mysection3 .myrow .mycol .inside {
  		padding: 52px 20px 33px 20px;
	}

	.mysection3 .myrow .mycol .inside h3 {
		font-size: 32px;
		line-height: 32px;
	}

	.mysection3 .myrow .mycol .inside img {
		max-height: 54px;
	}

	.mysection4 {
   		margin-bottom: 80px;
  	}

	.mysection4 h2 {
		font-size: 37px;
		line-height: 40px;
  	}

	.mysection4 p.description {
		margin: 0 auto 40px auto;
		font-size: 17px;
  		line-height: 25px;
	}

	.mysection4 .cta1 {
  		margin-right: 5px;
		margin-bottom: 10px;
	}

	.mysection4 .cta2 {
  		padding: 13px 34px 14px 34px;
	}










	.footer {
		padding: 50px 20px 0 20px;
	}

	.footer .myrow {
		margin-bottom: 50px;
	}

	.footer .mycol1 .logo-footer {
		max-height: 45px;
	}

	.footer .mycol1 p {
		font-size: 16px;
		line-height: 25px;
	}

	.footer .mycol h2 {
		font-size: 33px;
	}

	.footer .copyright {
		padding-top: 12px;
    	padding-bottom: 28px;
		font-size: 15px;
	}

}

/*-------------------
# Back on Top Button
--------------------*/
.buttontop-top {
	display: inline-block;
	position: fixed;
	bottom: 40px;
	right: 10px;
	padding-top: 6px;
	height: 60px;
	width: 60px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	white-space: nowrap;
	z-index: 2;
	color: #262626;
	background: #ececec;
	font-size: 34px;
	text-align: center;
	border-radius: 50%;
	transition: 0.2s;
}

.buttontop-top.buttontop-is-visible,
.buttontop-top.buttontop-fade-out,
.no-touch .buttontop-top:hover {
	transition: opacity .3s 0s, visibility 0s 0s;
}

.buttontop-top.buttontop-is-visible {
	visibility: visible;
	opacity: 1;
	transition: 0.2s;
}

.buttontop-top.buttontop-fade-out {
	opacity: .5;
}

.buttontop-top:hover {
	opacity: 1;
	color: #262626  !important;
	text-decoration: none  !important;
	transition: 0.2s;
}