@font-face {
    font-family: Canela; /*a name to be used later*/
    src: url('../font_l2ax3rN/canela/Canela-Light.otf'); /*URL to font*/
}

html::-webkit-scrollbar { width: 0 !important }

body{
	background-color: black;
}

section, footer{
	background-size: cover;
	font-family: Canela;
	font-size: 21px;
	min-height: 100vh;
	min-height:  -webkit-fill-available;
}

#footer-container, #partners{
	min-height: 100vh;
}

main{
	/*background-image: url('../img/beetroot_img.jpg');*/
	color: #746F6A;
	font-family: Canela;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	/*background-image: url('../img_l2ax3rN/poster.jpg');
	background-size: cover;
	background-position: 50% 50%;	*/
}

#only-ios{
    display: none;
  }



.underlined{
	text-decoration: underline;
}

#close-modal{
	position: absolute;
	right: 10px;
	top: 10px
	z-index:100;
}

#myVideo{
	position: absolute;
	width: 100%;
    height: 100%;
    object-fit: cover;
}

#title, #title-mobile{
	font-size:140px;
}

#play{
	text-decoration: underline;
	cursor: pointer;
	z-index: 100;
	color: #746F6A ;
	font-size: 21px;
	position: absolute;
	bottom: 30%;
	left: 50%;
	transform: translateX(-50%);
}

.color1{
	background-color: #191411 ;
	color: #746F6A !important;
}
.color2{
	background-color: #FFDEBF;
	color: #B53E4C !important;
}
.color3{
	background-color: #77778B;
	color: #160A34 !important;
}
.color4{
	background-color: #042C18;
	color: #838383 !important;
}
.color1 a{
	background-color: #191411 ;
	color: #746F6A !important;
}
.color2 a{
	background-color: #FFDEBF;
	color: #B53E4C !important;
}
.color3 a{
	background-color: #77778B;
	color: #160A34 !important;
}
.color4 a{
	background-color: #042C18;
	color: #838383 !important;
}


.reverse1{
	background-color: #746F6A ;
	color: #191411 !important;
}
.reverse2{
	background-color: #B53E4C;
	color: #FFDEBF !important;
}
.reverse3{
	background-color: #160A34;
	color: #77778B !important;
}
.reverse4{
	background-color: #838383;
	color: #042C18 !important;
}

.reverse1 svg{
	fill: #191411 !important;
	max-width: 80%;
	object-fit: contain;
	margin-top: auto;
	margin-bottom: auto;
	flex-direction: column;
}
.reverse2 svg{
	fill: #FFDEBF !important;
	max-width: 80%;
	object-fit: contain;
	margin-top: auto;
	margin-bottom: auto;
	flex-direction: column;
}
.reverse3 svg{
	fill: #77778B !important;
	max-width: 80%;
	object-fit: contain;
	margin-top: auto;
	margin-bottom: auto;
	flex-direction: column;
}
.reverse4 svg{
	fill: #042C18 !important;
	max-width: 80%;
	object-fit: contain;
	margin-top: auto;
	margin-bottom: auto;
	flex-direction: column;
}


.color-title1{
	
	color: #746F6A !important;
}
.color-title2{
	
	color: #B53E4C !important;
}
.color-title3{
	
	color: #160A34 !important;
}
.color-title4{
	
	color: #838383 !important;
}



.lined{
	width: 30%;
}

.body-color1{
	background-color: #191411 ;
	
}
.body-color2{
	background-color: #FFDEBF;
	
}
.body-color3{
	background-color: #77778B;
	
}
.body-color4{
	background-color: #042C18;
	
}

.color1 .lined{
	border-top: 1px solid #746F6A;
	
}
.color2 .lined{
	border-top: 1px solid #B53E4C;
	
}
.color3 .lined{
	border-top: 1px solid #160A34;
	
}
.color4 .lined{
	border-top: 1px solid #838383;
}	

.cls-1 {
    fill: #746F6A;
}

.cls-2 {
    fill: #B53E4C;
}

.cls-3 {
    fill: #160A34;
}

.cls-4 {
    fill: #838383;
}


@media only screen and (max-width: 767px) {
    #title, #title-mobile{
		font-size:65px;
	}
	#play{
		bottom: 20%;	
	}	
}

@media only screen and (min-width: 320px) {
    #moto{
	font-size:36px;
	}	
}

@media only screen and (min-width: 768px) {
    #moto{
	font-size:38px;
	}
	.color1 #moto{
		color: #746f6a;
	}	
}

@media only screen and (min-width: 992px) {
    .modal-lg{
    	max-width: 60vw;
    }
    #splash-video{
    	object-position: 50% 100%;
	}
	main{
	/*background-image: url('../img/beetroot_img.jpg');*/
	background-image: url('../img_l2ax3rN/poster.jpg');
	background-size: cover;
	background-position: 50% 50%;	
	}
}

.modal-backdrop
{
    opacity:1 !important;
}

a{
	text-decoration: none;
}

#splash-video{
	position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    
}



.item{
        height: 100vh;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        margin:0;
        padding: 0;
}

#only-ios{
	display: none;
}

.espa-img{
	height: 4.5vmax;
	width: auto;
}

@supports (-webkit-overflow-scrolling: touch) {
    main{
    	display: none !important;
    }
    #only-ios{
    	display: block;
    }
  
}


.footerLink{
	color: inherit !important;
	text-decoration: none !important;
}