@charset "UTF-8";
/* CSS Document */




@font-face {
  font-family: 'Roboto';
  src: url('roboto.eot'); /* IE9 Compat Modes */
  src: url('roboto.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('roboto.woff') format('woff'), /* Modern Browsers */
  url('roboto.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('roboto.svg#svgFontName') format('svg'); /* Legacy iOS */
}


		.mobile-container {
  max-width: 480px;
  margin: auto;

  color: red;
  border-radius: 10px;
}
		.topnav {
  overflow: hidden;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  float: left;
  color: red;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a.icon {
  float: right;
}

.topnav a:hover {
  color: black;
}

.active {
  color: red;
}



.container{
	position: absolute;
	z-index: 100;
}
.topleft {
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 18px;
}

.topright {
  position: absolute;
  top: 8px;
  right: 16px;
  font-size: 18px;
}

.bottomright {
  position: absolute;
  bottom: 8px;
  right: 16px;
  font-size: 18px;
}

.bottomleft {
  position: absolute;
  bottom: 8px;
  left: 16px;
  font-size: 18px;
	z-index: 100;
}

.container{
	position: relative;
}
a {
	color: #ceee81 ;
	display: inline-block;	
}


a:hover {
color: white;
	text-decoration: none;
}

.copyright {

	color:#ceee81 ;
font-size: 10px;
text-align: center;
	padding-top: 5px;
}

.button a{
  background-color: transparent;
  border: none;
color: #ceee81;
  text-align: center;
  cursor: pointer;
	display: inline;

}

.button {
  background-color: transparent;
  border: none;
color: #ceee81;
	padding-left: 0px;
  padding-right: 0px;  text-align: center;
  cursor: pointer;
	display: inline;
}



#cookieChoiceInfo{
	color: white;
 background-color: red;
font-size: 17px;
margin: 0px;
text-align: left;}


#cookieInfoLink {
	color: black;
}

#cookieInfoLink:hover{
	color: black;
}

#cookieChoiceDismiss{
}


body {
color:#000000;
}

.slide{
	transition: 0.2s;
}


.logo-cobra{
text-align: center;
vertical-align: middle;
padding: 0px;
position:absolute;
margin-top: 0px; 
z-index: 1;
font-size: 0vw;
color: #ceee81 ;
 top: 50%; /* moved down by 50% of the screen height */
 transform: translateY(-50%); /* moved back up (Y axis) by half of its height to achieve the perfect center */
 width: 100%; /* needs to be defined to keep the default block behavior */
 margin: 0;
}


.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.carousel-control.left, .carousel-control.right {
 background-image:none !important;
filter:none !important;}


ul {
text-align: center;
	
}


nav ul li {
display: inline-block;
padding-left: 40px;
padding-right: 40px;
padding-top: 12px;
text-decoration: none;	
}


nav a {
font-family: 'roboto-Regular', sans-serif;
font-style: normal;
font-weight: 400;
font-display: swap;
color: black;
font-size: 22px; 
}


nav a:hover{
text-decoration: none;
}


.contact-carousel {

position: absolute;
width: 100%;
display: block;
transition: top 0.3s;
z-index: 50;
}
	
.contact-carousel li{
display: inline-block;
cursor: pointer;
text-align: center;
text-decoration: none;
font-size: 22px;
padding:40px;
padding-bottom: 0px;
padding-top: 360px;
}

.contact-carousel a:hover{
color: #ceee81;
text-transform:capitalize;
font-size: 21px;
text-decoration: none;
font-family: 'Ogg-Italic';
padding-right: 10px;
}

.contact-carousel a {
text-transform:uppercase;
color: #ceee81;
}
	
	
.nav-carousel {
position: absolute;
width: 100%;
display: block;
transition: top 0.3s;
z-index: 100;
}
	
.nav-carousel li{
display: inline-block;
cursor: pointer;
text-align: center;
text-decoration: none;
font-size: 22px;
padding: 40px;
padding-bottom: 0px;
padding-top: 12px;
}


.nav-carousel a:hover{
color: #ceee81;
text-transform:capitalize;
font-size: 21px;
text-decoration: none;
font-family: 'Ogg-Italic';
padding-right: 10px;
}

.nav-carousel a {
text-transform:uppercase;
color: #ceee81;
}

nav {
background-color: white;
width: 100%;
justify-content: center;
align-items: center;
position: fixed;
}





marquee {
	display: none;
width: 100%;
padding: 0px;
position:absolute;
top: 200px; 
z-index: 1;
font-size: 200px;
color: #ceee81;
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	
	.logo-cobra{
		font-size: 15vw;
	}
	
marquee {
width: 100%;
padding: 0px;
position:absolute;
top: 17vw; 
z-index: 1;
	font-size: 30vw;
color: #daff01;
margin-top: 28vw;

}
	
	nav {
		display: none;
	}


ul {
text-align: center;
}


nav ul li {
display: inline-block;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 7px;
text-decoration: none;	
}



.nav-carousel li{
  font-family: 'Roboto';

font-weight: 400;
display: inline-block;
cursor: pointer;
text-align: center;
text-decoration: none;
font-size: 5px;
padding-left: 0px;
padding-right: 10px;
padding-top: 7vw;
}
	

	
.contact-carousel li{
font-family: 'roboto', sans-serif;
font-weight: 400;
display: inline-block;
cursor: pointer;
text-align: center;
text-decoration: none;
font-size: 5px;
padding-left: 0px;
padding-right: 10px;
padding-top: 129vw;
}
	
	

	#cookieChoiceInfo{
font-size: 18px;

}

}


@media screen and (min-width: 320px) and (max-width: 480px) {
	
	
	.logo-cobra{
		font-size: 15vw;
	}
	
marquee {
width: 100%;
padding: 0px;
position:absolute;
top: 17vw; 
z-index: 1;
	font-size: 30vw;
color: #daff01;
margin-top: 28vw;

}
	



.nav-carousel li{
  font-family: 'Roboto';

font-weight: 400;
display: inline-block;
cursor: pointer;
text-align: center;
text-decoration: none;
font-size: 20px;
padding-left: 0px;
padding-right: 20px;
padding-top: 15px;
}
	

	
.contact-carousel li{
  font-family: 'Roboto';

font-weight: 400;
display: inline-block;
cursor: pointer;
text-align: center;
text-decoration: none;
font-size: 20px;
padding-right: 40px;
padding-top: 129vw;
}
	
	

	#cookieChoiceInfo{
font-size: 18px;

}
.copyright {

color: #ceee81;
font-size: 8px;
text-align: center;
	padding-top: 5px;
	margin-right: 40px;
}



}

@media screen and (min-width: 481px) and (max-width: 600px){
	

	
nav {
display: none;
}


	
ul {
text-align: center;
}

	

nav ul li {
display: inline-block;
padding-left: 25px;
padding-right: 25px;
padding-top: 12px;
padding-bottom: 7px;
text-decoration: none;	
}


	
nav a {
color: black;
font-size: 22px;	
}



.carousel-control:hover {
color: transparent;
}

	
.nav-carousel li{
padding-left: 0px;
padding-right: 30px;
}

	
.contact-carousel li{
padding-left: 0px;
padding-right: 30px;
}
	

	
	
}

@media screen and (min-width: 601px) and (max-width: 768px){

	
nav {
display: none;
}
	

nav ul li {
display: inline-block;
padding-left: 28px;
padding-right: 28px;
padding-top: 12px;
padding-bottom: 7px;
text-decoration: none;	
}


nav a {
color: black;
font-size: 22px;	
}


	
	.contact-carousel {
position: absolute;
width: 100%;
display: block;
z-index: 50;
}
	
.contact-carousel li{
display: inline-block;
cursor: pointer;
text-align: center;
text-decoration: none;
font-size: 22px;
padding-left: 40px;
padding-right: 40px;
bottom:
	20px;}

.contact-carousel a:hover{
color: #ceee81;
text-transform:capitalize;
font-size: 22px;
text-decoration: none;
font-family: 'Ogg-Italic';

}

.contact-carousel a {
text-transform:uppercase;
color: #ceee81;
}
	
marquee {
width: 100%;
padding: 0px;
position:absolute;
top: 17vw; 
z-index: 1;
font-size: 20vw;
color: #daff01;
margin-top: 28vw;
}
	

	
}


@media screen and (min-width: 769px) and (max-width: 1024px){




marquee {
width: 100%;
position:absolute;
top: 20vw; 
z-index: 1;
font-size:25vw;
color: #daff01;
}
	

	

}

@media screen and (min-width: 1025px) and (max-width: 2000px){
	
	
.text {
color: black;
text-align: left;
font-size: 40px;
line-height: 45px;
margin-left: 150px;
margin-right:140px;
margin-top:6vw;
}


.text-small-sx-lg {
color: #000000;
text-align: center;
font-size: 140px;
line-height: 140px;
margin-left: 0px;
margin-right: 0px;
margin-top:110px;
margin-bottom:40px;
text-transform: uppercase;
font-weight:normal;
}

	
.text-small-sx {
display: none;
}


.text-small-dx {
color: #000000;
text-align: left;
font-size: 35px;
line-height: 40px;
margin-left: 13vw;
margin-right:13vw;
margin-top:65px;
margin-bottom:100px;
}



}


@media screen and (min-width: 2000px){
	
	
.text {
color: black;
text-align: left;
font-size: 40px;
line-height: 45px;
margin-left: 150px;
margin-right:140px;
margin-top:6vw;
}


.text-small-sx-lg {
color: #000000;
text-align: center;
font-size: 140px;
line-height: 140px;
margin-left: 0px;
margin-right: 0px;
margin-top:110px;
margin-bottom:40px;
text-transform: uppercase;
font-weight:normal;
}

	
.text-small-sx {
display: none;
}


.text-small-dx {
color: #000000;
text-align: left;
font-size: 35px;
line-height: 40px;
margin-left: 13vw;
margin-right:13vw;
margin-top:65px;
margin-bottom:100px;
}



}