

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



 @font-face {
    font-family: 'Gilroy-Bold ☞';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Bold ☞'), url('Gilroy-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gilroy-Heavy ☞';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Heavy ☞'), url('Gilroy-Heavy.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gilroy-Light ☞';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Light ☞'), url('Gilroy-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gilroy-Medium ☞';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Medium ☞'), url('Gilroy-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gilroy-Regular ☞';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Regular ☞'), url('Gilroy-Regular.woff') format('woff');
    }



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





.TEXTBLOCKS { left: 50%; transform: translate(-50%,-0%); top: 25%; width: 70%; }
.LOADINGTEXT { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 24pt !important; color: white;}



.bodytext { font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif'sans-serif; font-size: 15pt !important; line-height: 25pt;  color: white;}

.HEADER1 { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 25pt !important; line-height: 25pt;  color: #F76218;}
.HEADER3 { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 35pt !important; line-height: 32pt;  color: #F76218;}



.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;}




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

	
	.TITLEBLOCKMAIN { left: 100px; transform: translate(-0%,-50%); top: 50%; width: 70%; }
	
	.MASKBLOCKMAIN { left: 50%; transform: translate(-50%,-0%); bottom: 35px !important; width: 90%; } 
	
	
	.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}


	 }



@media only screen and (max-width : 1200px) 
{ 
	
	.titleblock2 { top: !important, bottom:0px}

	
	.right { width:20px;}
	

	
	
		.bodytext { font-size: 12pt !important; line-height: 20pt; }

.HEADER1 { font-size: 20pt !important; line-height: 20pt; }
	.HEADER3 { font-size: 22pt !important; line-height: 22pt; }
	
	
		
	.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;}
	 }




@media only screen and (max-width : 1200px) and (orientation: landscape)
{ 
		
		.LOADINGTEXT { font-size: 15pt !important;}
	
		.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; }


	

	 }







  @media only screen and (max-width : 768px)  
{ 
	
	
	.line { width:200px !important;}
	
	
		.MASKBLOCKMAIN { left: 50%; transform: translate(-50%,-0%); bottom: 25px !important; width: 80%; } 
	
	.TITLEBLOCKMAIN { left: 30px; transform: translate(-0%,-0%); bottom: 30px !important;  width: 70%; }
	.TEXTBLOCKS { left: 50%; transform: translate(-50%,-0%); top: 13%; width: 70%; }
	
	
	.verified { height:40px;}
	.verifiedM { right:15px !important; bottom:15px !important; display: none;}
	
	.bodytext { font-size: 11pt !important; line-height: 18pt; }
	
	.cross { height: 55px !important;}
	.crosstext { font-size: 7.5pt !important;}
	

	.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;}
	.menutext { font-size: 16pt !important; line-height: 25pt;}
.menutext2 { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 15pt !important; line-height: 30pt;}
.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;}
	
	
	.BODYTEXT  { font-size: 6pt !important; line-height: 11pt !important;}
		.FOOTERTEXT  { font-size: 10pt !important; line-height: 16pt !important;}
	
	
	.playimage { width: 180px !important;}
	
	.SEARCH { width: 160px !important;}
	
	input#message {
	width: 180px !important;
	font-size: 10pt !important; 
		height: 20px !important; 
}

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

	.menulogo { width: 70px !important;}
	.menulogofull { width: 180px !important;}
	
	
	 .responsiveI2 { width:100%; height:35vh;  min-height:130px;}
	
	.col { height: 120px !important;} 
}




