/*charset "utf-8";

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}*/


* /*{
  margin: 0;
  padding: 0;
}*/
 
/* Default Design */
.everscenestudiohomepage-div { 
  /* To make all elements top and left */
  display: flex;
  justify-content: left;
  align-items: top;
}

#container {
	float: left;
	height: 1080px;
	width: 1920px;
	margin-right: auto;
	margin-left: auto;
}

#SPACER_01_SLICE {
	background-image: url(images/SPACER_01_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 51px;
	width: 287px;
}
#SPACER_02_SLICE {
	background-image: url(images/SPACER_02_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 51px;
	width: 288px;
}
#SPACER_03_SLICE {
	background-image: url(images/SPACER_03_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 51px;
	width: 405px;
}
#SPACER_04_SLICE {
	background-image: url(images/SPACER_04_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 51px;
	width: 25px;
}
#SPACER_05_SLICE {
	background-image: url(images/SPACER_05_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 51px;
	width: 915px;
}
#SPACER_06_SLICE {
	background-image: url(images/SPACER_06_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 34px;
}
#GALLERIES_BUTTON_NORMAL {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 219px;
}
#SPACER_08_SLICE {
	background-image: url(images/SPACER_08_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 34px;
}
#SPACER_09_SLICE {
	background-image: url(images/SPACER_09_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 693px;
}
#SPACER_10_SLICE {
	background-image: url(images/SPACER_10_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 25px;
}
#SPACER_11_SLICE {
	background-image: url(images/SPACER_11_SLICE.jpg); 
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 915px;
}
#SPACER_12_SLICE {
	background-image: url(images/SPACER_12_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 34px;
}
#MARKETPLACE_BUTTON_NORMAL {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 219px;
}
#SPACER_14_SLICE {
	background-image: url(images/SPACER_14_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 34px;
}
#SPACER_15_SLICE {
	background-image: url(images/SPACER_15_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 693px;
}
#SPACER_16_SLICE {
	background-image: url(images/SPACER_16_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 25px;
}
#SPACER_17_SLICE {
	background-image: url(images/SPACER_17_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 915px;
}
#SPACER_18_SLICE {
	background-image: url(images/SPACER_18_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 34px;
}
#REMOTE_SCOPE_BUTTON_NORMAL {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 219px;
}
#SPACER_20_SLICE {
	background-image: url(images/SPACER_20_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 34px;
}
#SPACER_21_SLICE {
	background-image: url(images/SPACER_21_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 693px;
}
#SPACER_22_SLICE {
	background-image: url(images/SPACER_22_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 25px;
}
#SPACER_23_SLICE {
	background-image: url(images/SPACER_23_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 915px;
}
#SPACER_24_SLICE {
	background-image: url(images/SPACER_24_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 34px;
}
#LICENSING_BUTTON_NORMAL {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 219px;
}
#SPACER_26_SLICE {
	background-image: url(images/SPACER_26_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 34px;
}
#SPACER_27_SLICE {
	background-image: url(images/SPACER_27_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 693px;
}
#SPACER_28_SLICE {
	background-image: url(images/SPACER_28_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 25px;
}
#SPACER_29_SLICE {
	background-image: url(images/SPACER_29_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 915px;
}
#SPACER_30_SLICE {
	background-image: url(images/SPACER_30_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 34px;
}
#CONNECT_BUTTON_NORMAL {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 219px;
}
#SPACER_32_SLICE {
	background-image: url(images/SPACER_32_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 34px;
}
#SPACER_33_SLICE {
	background-image: url(images/SPACER_33_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 693px;
}
#SPACER_34_SLICE {
	background-image: url(images/SPACER_34_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 25px;
}
#SPACER_35_SLICE {
	background-image: url(images/SPACER_35_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 915px;
}
#EVERSCENE_LOGO_AND_SIGNATURE_SLICE {
	background-image: url(images/EVERSCENE_LOGO_AND_SIGNATURE_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 317px;
	width: 575px;
}
#SPACER_37_SLICE {
	background-image: url(images/SPACER_37_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 317px;
	width: 405px;
}
#SPACER_38_SLICE {
	background-image: url(images/SPACER_38_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 317px;
	width: 25px;
}
#SPACER_39_SLICE {
	background-image: url(images/SPACER_39_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 317px;
	width: 915px;
}
#SPACER_40_SLICE {
	background-image: url(images/SPACER_40_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 14px;
	width: 34px;
}
#SPACER_41_SLICE {
	background-image: url(images/SPACER_41_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 14px;
	width: 145px;
}
#SPACER_42_SLICE {
	background-image: url(images/SPACER_42_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 14px;
	width: 801px;
}
#SPACER_43_SLICE {
	background-image: url(images/SPACER_43_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 14px;
	width: 25px;
}
#SPACER_44_SLICE {
	background-image: url(images/SPACER_44_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 14px;
	width: 915px;
}
#SPACER_45_SLICE {
	background-image: url(images/SPACER_45_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 180px;
	width: 34px;
}
#EVERCAST_BUTTON_NORMAL {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 180px;
	width: 145px;
}
#SOCIAL_MEDIA_AND_COPYRIGHT_SLICE {
	background-image: url(images/SOCIAL_MEDIA_AND_COPYRIGHT_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 180px;
	width: 801px;
}
#SPACER_48_SLICE {
	background-image: url(images/SPACER_48_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 180px;
	width: 25px;
}
#GALLERIES_BUTTON_BOTTOM_NORMAL {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 180px;
	width: 180px;
}
#MARKETPLACE_BUTTON_BOTTOM_NORMAL {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 180px;
	width: 180px;
}
#REMOTE_SCOPE_BUTTON_BOTTOM_NORMAL {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 180px;
	width: 151px;
}
#MAELSTROM_BUTTON_BOTTOM_NORMAL {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 180px;
	width: 212px;
}
#SPACER_53_SLICE {
	background-image: url(images/SPACER_53_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 180px;
	width: 192px;
}
#SPACER_54_SLICE {
	background-image: url(images/SPACER_54_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 28px;
	width: 34px;
}
#SPACER_55_SLICE {
	background-image: url(images/SPACER_55_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 28px;
	width: 946px;
}
#SPACER_56_SLICE {
	background-image: url(images/SPACER_56_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 28px;
	width: 25px;
}
#SPACER_57_SLICE {
	background-image: url(images/SPACER_57_SLICE.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 28px;
	width: 915px;
}


/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
and (orientation: portrait) {
  .everscenestudiohomepage-div {  
  }
}

    
    
    
    
 /* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 640px) {
  .everscenestudiohomepage-div {
  }
}       
    
    
    
           
    
/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
and (orientation: landscape) {
  .everscenestudiohomepage-div {
  }
}    
    
   
    
    
    
/* For Mobile Landscape View */
@media screen and (max-device-width: 2778px)
and (orientation: landscape) {
  .everscenestudiohomepage-div {
  }
}    
    
 
    
 
 
/* For Tablet View */
@media screen and (min-device-width: 768px)
and (max-device-width: 1024px) {
  .everscenestudiohomepage-div {
  }
}   
    
    
      
    
    
/* For iPhone SE 2022 4.7" Portrait or Landscape View | Viewport Size 375px × 667px*/
@media (min-device-width: 750px) and (max-device-width: 1334px) 
and (-webkit-min-device-pixel-ratio: 2) {
  .everscenestudiohomepage-div {
  }
}     
        

        
    
/* For iPhone 13 Mini 5.4" Portrait or Landscape View | Viewport Size 375px × 812px*/
@media (min-device-width: 1080px) and (max-device-width: 2340px)
and (-webkit-min-device-pixel-ratio: 3) {
  .everscenestudiohomepage-div {
  }
}     
        

    

/* For iPhone 13 Pro 6.1" Portrait or Landscape View | Viewport Size 390px × 844px*/
@media (min-device-width: 1170px) and (max-device-width: 2532px)
and (-webkit-min-device-pixel-ratio: 3) {
  .everscenestudiohomepage-div {
  }
}            
    
/* For iPhone 13 Pro 6.7" Portrait or Landscape View | Viewport Size 428px × 926px*/
@media (min-device-width: 1284px) and (max-device-width: 2778px)
and (-webkit-min-device-pixel-ratio: 3) {
  .everscenestudiohomepage-div {
  }
}             
    


       
        
/* For Samsung Galaxy Note 8" Portrait or Landscape View */
@media (min-device-width: 1440px) and (max-device-width: 2960px)
and (-webkit-min-device-pixel-ratio: 3) {
  .everscenestudiohomepage-div {
  }
}              


 
        
    
/* For iPad Pro 11 Portrait or Landscape View | Viewport Size 834px × 1194px*/
@media (min-device-width: 1668px) and (max-device-width: 2388px)
and (-webkit-min-device-pixel-ratio: 2) {
  .everscenestudiohomepage-div {
  }
}                     
         
/* For iPad Pro 12.9 Portrait or Landscape View | Viewport Size 1024px × 1366px*/
@media (min-device-width: 2048px) and (max-device-width: 2732px)
and (-webkit-min-device-pixel-ratio: 2) {
  .everscenestudiohomepage-div {
  }
}                     
        


       
    
  /* For Desktop View */
@media screen and (min-width: 1024px) {
  .everscenestudiohomepage-div {
  }
}  
    
    
    
        
    
/* For Dell Monitor 2001 FP | Viewport Size ?px × ?px | Exact Pixel Ratio ?*/
@media (min-device-width: 1200px) and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1) {
  .everscenestudiohomepage-div {
  }
}         
    
 

  
    
/* For Sony VPCF115FM Laptop Monitor | Viewport Size ?px × ?px | Exact Pixel Ratio .75? | https://icecat.biz/en-sa/p/sony/vpcf115fm-b/vaio-notebooks-vpcf115fm-14850147.html*/
/*@media (min-device-width: 1080px) and (max-device-width: 1920px)
and (-webkit-min-device-pixel-ratio: 1) {
  .everscenestudiohomepage-div {
  }
} /*        
    

/* For Sony VPCF115FM Laptop Monitor | Viewport Size ?px × ?px | Exact Pixel Ratio .75? | https://icecat.biz/en-sa/p/sony/vpcf115fm-b/vaio-notebooks-vpcf115fm-14850147.html*/
@media (min-width: 1080px) and (max-width: 1920px)
and (-webkit-min-device-pixel-ratio: 1) {
  .everscenestudiohomepage-div {
  }
}         


    
    
    
/* For MacBook Air 13.3 Also Samsung Galaxy Tab S8 | Viewport Size (probably) 1280px × 800px*/
@media (min-device-width: 1600px) and (max-device-width: 2560px)
and (-webkit-min-device-pixel-ratio: 2) {
  .everscenestudiohomepage-div {
  }
}                
    
/* Media Queries for MacBook Air 13.3" (Optional Scaled Resolution)
@media only screen 
and (min-device-width : 1050px) 
and (max-device-width : 1680px)*/



   
    
/* For Microsoft Surface Laptop Studio | Viewport Size ?px × ?px | Exact Pixel Ratio (verify) 1.34*/
@media (min-device-width: 1600px) and (max-device-width: 2400px)
and (-webkit-min-device-pixel-ratio: 1.34) {
  .everscenestudiohomepage-div {
  }
}                    

/* For Microsoft Surface Pro 7+ | Viewport Size ?px × ?px | Exact Pixel Ratio 1.7*/
@media (min-device-width: 1824px) and (max-device-width: 2736px)
and (-webkit-min-device-pixel-ratio: 2) {
  .everscenestudiohomepage-div {
  }
}           

/* For Microsoft Surface Pro 8 | Viewport Size ?px × ?px | Exact Pixel Ratio 1.7*/ 
@media (min-device-width: 1920px) and (max-device-width: 2880px)
and (-webkit-min-device-pixel-ratio: 2) {
  .everscenestudiohomepage-div {
  }
}           
        


    

/* For 4K 16" Laptop (example: Asus ProArt Studiobook Pro 16 OLED) | Viewport Size ?px × ?px | Exact Pixel Ratio 1.89*/
@media (min-device-width: 2400px) and (max-device-width: 3840px)
and (-webkit-min-device-pixel-ratio: 2) {
  .everscenestudiohomepage-div {
  }
}            



    
    
/* For LG 34UC97 Wide Screen Monitor | Viewport Size ?px × ?px | Exact Pixel Ratio .73 | https://www.displayspecifications.com/en/model/5ab0348*/
@media (min-device-width: 1440px) and (max-device-width: 3440px)
and (-webkit-min-device-pixel-ratio: .73) {
  .everscenestudiohomepage-div {
  }
}        
    
    
 
    

/* For iMac 24 | Viewport Size ?px × ?px | Exact Pixel Ratio 1.45*/
@media (min-device-width: 2520px) and (max-device-width: 4480px)
and (-webkit-min-device-pixel-ratio: 1.45) {
  .everscenestudiohomepage-div {
  }
}        
        
/* For iMac Studio Display 27" | Viewport Size ?px × ?px | Exact Pixel Ratio 1.45*/
@media (min-device-width: 2880px) and (max-device-width: 5120px)
and (-webkit-min-device-pixel-ratio: 1.45) {
  .everscenestudiohomepage-div {
  }
}   


    
    
    
/* For Microsoft Surface Studio 2 Display | Viewport Size ?px × ?px | Exact Pixel Ratio 1.28*/
@media (min-device-width: 3000px) and (max-device-width: 4500px)
and (-webkit-min-device-pixel-ratio: 1.28) {
  .everscenestudiohomepage-div {
  }
}    









/* THIS IS ORIGINAL STYLING BEFORE SPECIFIC DEVICES ETC WERE ADDED (excluding max-width number) Using max-width prioritizes destop viewing. This query pertains to mobile device Return to Studio Home button
@media all and (max-width: 3440px) {
  .overlay a {font-size: 20px}
  .closebtn {
    font-size: 22px !important;
    font-family: 'Lato', bold, sans-serif;
    position: absolute;
    top: 765px;
    left: 385px;    
  }*/    



    
    
    
    
    
    
    
    
    
    
/* This query pertains to mobile device Return to Studio Home button*/
/*@media all and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .closebtn {
    font-size: 22px !important;
    font-family: 'Lato', bold, sans-serif;
    position: absolute;
    top: 765px;
    left: 385px;    
  }*/    





/*@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .closebtn {
    font-size: 22px !important;
    font-family: 'Lato', bold, sans-serif;
    position: absolute;
    top: 765px;
    left: 385px;    
  }*/    



 /* @media screen and (max-width: 480px) {
    .overlay a {font-size: 20px}
    .closebtn {
      font-size: 22px !important;
      font-family: 'Lato', bold, sans-serif;
      position: absolute;
      top: 765px;
      left: 385px;    
    } */   






    
    
    
    
    
    
    
    
/*Media Queries for iPads
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)

iPad Pro Specific
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1366px)




Media Queries for Microsoft Surface Go 3
@media only screen 
and (min-device-width : 1280px) 
and (max-device-width : 1920px)

Media Queries for Microsoft Surface Laptop 4
@media only screen 
and (min-device-width : 1504px) 
and (max-device-width : 2256px)

    


    
    
    
    
    

 

 

    
    
    
    
   
    
    



    

    
    
   
    
    

    
    
    
    
    
    
    
    
    
    
 
 

 
/* For iPhone 4 Portrait or Landscape View 
@media screen and (min-device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  .gfg-div {
    width: 400px;
    height: 400px;
    background-color: brown;
    color: black;
  }
}
 
/* For iPhone 5 Portrait or Landscape View 
@media (device-height: 568px) and (device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  .gfg-div {
    width: 400px;
    height: 400px;
    background-color: cornflowerblue;
    color: black;
  }
}
 
/* For iPhone 6 and 6 plus Portrait or Landscape View
@media (min-device-height: 667px) and (min-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 3) {
  .gfg-div {
    width: 400px;
    height: 400px;
    background-color: darkgoldenrod;
    color: black;
  }
} */




    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    




