#mouse{
position:absolute;
}

.eventmov  { height:70vh !important;}

.artistimage  { min-height:45vh !important;}

.INFOBOX {
padding: 30px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width:700px;  border-radius: 10px 10px 10px 10px; box-shadow:10px 10px 10px rgba(0,0,0,0); z-index: 2000 !important; background-color: rgba(204, 51, 51, 0.2); /* semi-transparent */-webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);}



.INFOBOXGUIDE {
padding: 20px; position: fixed; left: 20px; bottom: 43px; transform: translate(-0%,-0%); cursor: pointer; background-color: transparent; width:60px; height:60px; border-radius: 10px 10px 10px 10px; box-shadow:0px 0px 0px rgba(0,0,0,0.2); z-index: 200 !important; text-align: center; }





img {  
   user-drag: none;  
   user-select: none;
   -moz-user-select: none;
   -webkit-user-drag: none;
   -webkit-user-select: none;
   -ms-user-select: none;
}


.BLOCKTOP { min-height:0vh !important;}
.trueheight { min-height:0vh !important;}

.slideimage { 
	object-fit: cover; 
	position: relative;
  right: 0;
  bottom: 0;
height: 100%; 
}



.dongle-regular {
  font-family: "Dongle", serif;
  font-weight: 100;
  font-style: normal;
}



 /* MENU ITEMS */
    .callout {
        display: block;
        color:#1b50d7;
        font-family: 'Gilroy-Bold ☞', sans-serif;
        font-size: 40px;
        margin: 10px 0;
        cursor: pointer;
		line-height: 40px;
		font-weight: 300;
    }


    /* Hover effect */
    .callout:hover {
		text-decoration: line-through;
    }

 /* 
   .menu-item:hover {
		transform: translateX(-5px) !important;
        transition: transform 0.0001s linear;
    }
Hover effect */


.PAGELOGOS { position:absolute; z-index: 9000; left:-30px; top:-300px; }


.SEARCHBLOCK { left: 50%; transform: translate(-50%,-50%); top: 50%;  }


.TEXTBLOCKS { left: 50%; transform: translate(-50%,-50%); top: 50%; }

.pagetext { font-family: 'Gilroy-Bold ☞', sans-serif!important; font-size: 40pt !important; line-height: 30pt; text-decoration: none}


.menutext2 { font-family: 'Gilroy-Bold ☞', sans-serif!important; font-size: 25pt !important; line-height: 30pt;}

.COURSE { font-family: 'Gilroy-Bold ☞', sans-serif!important; font-size: 48pt !important; line-height: 35pt;}


.MENUMAIN { line-height:65pt !important; font-size:90pt !important;  }


.BODYTEXT  { font-family: "Dongle", serif; font-size: 24pt !important; line-height: 28pt !important; color: white;}



.Header1 { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 30pt !important; line-height: 40pt; color: #244795; }


.COPYRIGHT { font-family: 'Gilroy-Bold ☞', sans-serif; line-height:15pt !important; font-size:16pt !important; color: #da0000 !important;  }

.COPYRIGHT2 { font-family: 'Gilroy-Bold ☞', sans-serif; line-height:9pt !important; font-size:10pt !important; color: #e12d1a !important;  }


.DJ { font-family: 'Gilroy-Bold ☞', sans-serif; line-height:9pt !important; font-size:30pt !important; color: white !important;  }


.NAMES { font-family: 'Gilroy-Bold ☞', sans-serif; line-height:15pt !important; font-size:50pt !important; color: #da0000 !important; }

.menulogo2 { width: 80px !important;}


.widescreenfull { height: 100%; width:100%;}


.object-fit_cover { object-fit: cover; width: 100%; }

.img2 { height: 100%; opacity:1;filter:alpha(opacity=100);}

.img2:hover {
  opacity: 1;filter:alpha(opacity=100);
  transition: .5s ease;
}

.image {

  width: 100%;
  height: 100%;
  }


.FULLWIDTH { width:100%; height:50vh; float: left; }
.responsiveI4LT { width:50%; height:25vw; float: left; }
.responsiveI4RT { width:50%; height:25vw; float: left; }



.responsiveI4L { width:50%; height:25vw; float: left; }
.responsiveI4R { width:50%; height:25vw; float: left; }
.responsiveI4LS { width:25%; height:25vw; float: left; }
.responsiveI4FW { width:100%; height:30vw; float: left; }


 .logosmall { width: 100% !important;}
  
.responsiveI { width:50%; height:50vh; float:left; min-height:130px;}
.playimage { width: 250px !important;}


.header2  { font-size: 18pt !important; line-height: 14pt !important;}
.POPUPTEXTBODY  { font-size: 12pt !important; line-height: 25pt !important;}

.BOXHEAD { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 16pt !important; line-height: 22pt;  color: #191919;}
.BOXTITLE { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 15pt !important; line-height: 20pt;  color: #191919;}



.MAINMENUTEXT { font-size: 35pt !important; line-height: 35pt; font-family: 'Abolition Test', sans-serif !important;}



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



	
.TITLEBLOCKMAIN { left: 100px; transform: translate(-0%,-50%); top: 50%; width: 70%; }
	
	
.arrow { width:100 px !important}
.ARROWDOWN { left: 50%; transform: translate(-50%,-0%); bottom: 25px !important; }
.SEARCHBLOCK { right: 0px; transform: translate(-0,-0); bottom: 25px}
.titleblock { text-align:right !important}

	
	 }




@media only screen and (max-width : 768px) and (orientation: landscape)
{ 
	
	
.SEARCHBLOCK { right: 0px; transform: translate(-50%,-50%); bottom: 5px !important; }
.titleblock { text-align:right !important}
.responsiveI3 { width:50%; height:25vw; float: left;}
	
	
.responsiveI4LT { width:50%; height:25vw; float: left; }
.responsiveI4RT { width:50%; height:25vw; float: left; }
	
.responsiveI4L { width:50%; height:25vw; float: left; }
.responsiveI4R { width:50%; height:25vw; float: left; }
.responsiveI4LS { width:25%; height:25vw; float: left; }
.responsiveI4FW { width:100%; height:30vw; float: left; }

	 }



@media only screen and (max-width : 768px) and (orientation: portrait)
{ 
	
.SEARCHBLOCK { right: 0px; transform: translate(-50%,-0%); bottom: 30px !important;}
.titleblock { text-align:right !important}

.slideONE { background-image: url("images/unsexP.jpg") !important;}
.slideTWO { background-image: url("images/womenP.jpg") !important;}

	 }





@media only screen and (max-width : 1200px) 
{ 
	
	
	
	.right { width: 25px !important;}
	.left  { width: 25px !important;}
	
	.COURSE { font-size: 30pt !important; line-height: 30pt;}
	
	.pagetext { font-size: 25pt !important; line-height: 30pt; }
	
	.REVEALARROW { width: 25px !important;}
	
	.NAMES {  font-size:26pt !important;  }
	
	.PAGELOGOS { left:-10px; top:-150px; }
	
	.INFOBOXGUIDE { left: 10px; bottom: 43px; width:30px; height:30px; }
	
	.VIDEO_GUIDE5 { width: 320px !important;}
	
	.menulogoF { width: 150px !important;}
	
	
	.menulogoFsml { width: 110px !important;}
	
	
	.ellie { width: 180px !important;}
	
	.LOGOANI { width: 270px !important;}
	
	.LOGOANI2 { width: 120px !important;}
	
	.Header1 {font-size: 25pt !important; line-height: 30pt;}
	
	
	.COLLEFT { right:30px !important;}
	
	
	.icon { width: 60px !important;}
	
	.COPYRIGHT { font-family: 'Gilroy-Bold ☞', sans-serif; line-height:12pt !important; font-size:10pt !important; }



.smallerlogo { width: 160px !important;}
	
.menulogofull { width: 320px !important;}
	
	
	
.MENUMAIN { line-height:50pt !important; font-size:60pt !important;  }
.mainscreenlogo { width: 300px !important;}	
	

.menutext2 { font-family: 'Gilroy-Bold ☞', sans-serif!important; font-size: 15pt !important; line-height: 30pt;}

.HEADER1 { font-size: 20pt !important; line-height: 20pt; }
.HEADER3 { font-size: 22pt !important; line-height: 20pt; }
	
	
.col { width:100%; float: left;}
	
	
.responsiveI3 { width:100%; height:56vw; float: left;}
	
.responsiveI4LT { width:50%; height:45vw; float: left; }
.responsiveI4RT { width:50%; height:45vw; float: left; }
	
.responsiveI4L { width:100%; height:45vw; float: left; }
.responsiveI4R { width:100%; height:45vw; float: left; }
.responsiveI4LS { width:100%; height:45vw; float: left; }
.responsiveI4FW { width:100%; height:60vw; float: left; }


.BOXTITLE { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 8pt !important; line-height: 15pt;  color: #191919;}
.BOXHEAD { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 12pt !important; line-height: 10pt;  color: #191919;}
	
	
	.MAINMENUTEXT { font-size: 25pt !important; line-height: 35pt !important; }
	
	
	
	
	 }








@media only screen and (max-width : 1200px) and (orientation: portrait)
{ 
		
	.eventmov  { max-height:30vh !important;}
	
	.artistimage  { min-height:30vh !important;}
	
 .image1change { content:url('images/image3_PORT.jpg') !important;}
	
	 .image1change2 { content:url('images/image4_PORT.jpg') !important;}
	
	
	 .image1change3 { content:url('images/image5_PORT.jpg') !important;}
	
	
	.image1change6 { content:url('images/image6_PORT.jpg') !important;}
	
	
	.image1change7 { content:url('images/image7_PORT.jpg') !important;}
	
	
	.image1change8 { content:url('images/image8_PORT.jpg') !important;}
	
	
	.image1change9 { content:url('images/image9_PORT.jpg') !important;}
	
	
	.image1change10 { content:url('images/image10_PORT.jpg') !important;}
	
	
	.image1change11 { content:url('images/image11_PORT.jpg') !important;}
	
	
	
	.image1change12 { content:url('images/image12_PORT.jpg') !important;}
	
	
	
	.image1change13 { content:url('images/image13_PORT.jpg') !important;}
	
	
	.overlap { margin-top:-25px !important;}
	
	
	margin-top:-75px;
	

.hide { display:none !important;}
		
.bordertop { margin-top:4px !important;}

.half { width:100% !important; height: 40vh !important;}
.half3 { display:none;}
.half4 { width:100% !important; padding-left:100px !important;}
.full { width:100% !important; height: 100vh !important;}
	 }






  @media only screen and (max-width : 768px)  
{ 
	
	.callout {
        font-size: 25px;
    }
	
	.backicon { width: 30px !important; display: none;}
	.backiconholder { top: 30px !important;}

.INFOBOX {
padding: 30px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width:300px;}
	
	
	.smallerlogo { width: 120px !important;}
	
	.logoani { width: 180px !important;}
	
	
	.icon { width: 50px !important;}
	
	
.COLLEFT { right:30px !important;}
	
.COPYRIGHT { line-height:9pt !important; color:#c7bfaf; font-size:10pt !important; }
.mainscreenlogo { width: 250px !important;}
	
.MENUMAIN { line-height:30pt !important; font-size:45pt !important;  }


	

	.TITLEBLOCKMAIN { left: 30px; transform: translate(-0%,-0%); bottom: 30px !important;  width: 70%; }
	
	

	.menupos { right: 12px !important; top: 10px !important; }
	.menulogo2 { width: 60px !important; }
	
.responsiveI4LT { width:50%; height:45vw; float: left; }
.responsiveI4RT { width:50%; height:45vw; float: left; }
	
.responsiveI4L { width:100%; height:45vw; float: left; }
.responsiveI4R { width:100%; height:45vw; float: left; }
.responsiveI4LS { width:100%; height:45vw; float: left; }
.responsiveI4FW { width:100%; height:60vw; float: left; }
	
	
	.BOXHEAD { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 12pt !important; line-height: 10pt;  color: #191919;}
.BOXTITLE { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 8pt !important; line-height: 15pt;  color: #191919;}
	

	.arrow { width:50px !important}
.ARROWDOWN { left: 50%; transform: translate(-50%,-50%); bottom: 15px !important; }
	
	.titletext { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 10pt !important; line-height: 15pt;}
	
.menutext2 { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 15pt !important; line-height: 20pt;}
.Header1 { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 20pt !important; line-height: 30pt;}
	
	
	
	.header2  { font-size: 14pt !important; line-height: 12pt !important;}
	.POPUPTEXTBODY  { font-size: 10pt !important; line-height: 22pt !important;}
	
	
	
	.FOOTERTEXT  { font-size: 10pt !important; line-height: 16pt !important;}
	
	
	.playimage { width: 180px !important;}
	
	.SEARCH { width: 160px !important;}
	
	input#message {
	
	font-size: 10pt !important; 
		height: 20px !important; 
}

.LOGO { width: 120px !important;}
	
	.social { width: 40px !important;}
	
	.menu { width: 40px !important;}
	

	.menulogo { width: 70px !important;}

	
	.menulogosmall { width: 200px !important;}
	.menulogofull2 { width: 310px !important;}
	
	
	
	 .responsiveI2 { width:100%; height:35vh;  min-height:130px;}
	
	.col { height: 120px !important;} 
	
	
	.footertext1 { font-family: 'Cisco Sans', sans-serif; font-weight: 300; font-size: 10pt !important; line-height: 25pt;}
	.TITLETEXT { font-family: 'Cisco Sans', sans-serif; font-weight: 300; font-size: 30pt !important; line-height: 25pt;}
	
	.logowhite { width: 170px !important;}
	
	
	


	
.menu {  max-width: 100px !important;}
	
.MAINMENUTEXT { font-size: 25pt !important; line-height: 25pt !important; }
	
.BODYTEXT  { font-size: 18pt !important; line-height: 17pt !important;}
	
}