*{ margin: 0; padding: 0; border: 0; }
/*
font-family: 'Open Sans', sans-serif;
font-family: 'Noto Sans HK', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Saira Semi Condensed', sans-serif;
*/

@font-face { font-family: Circular; src: url("./CircularStd-Bold.otf") format("opentype");}

html, body { font-family: Circular;height: 100%;width:100%;outline: none;}

.main_text {font-size:3vw;padding:5%;z-index: 190;position:relative;width:80%;}

img { width:100%;height:auto;z-index:170;position:relative;}

.back_video { position:fixed;top:0;left:0;z-index:180; display:none;} 
.years_video { position:fixed;top:0;left:0;z-index:180; display:none;} 
.years_video_mobile, .tmpd_video_mobile { width:100%; height: auto;} 

.back_img {display: none; position:fixed;top:0;left:0;z-index:180; width:100%; height: auto;}

.gallery_image {margin-top:2%;margin-bottom: 2%;}

/*span {cursor:pointer;z-index: 190;}*/

a {text-decoration: none;color: #ff3372;z-index: 190;}  
a:hover {text-decoration: none;color: white; background:#ff3372;}  
/*otro color que mola #ffcc00 */

.white_color{color:white !important;}


.sp_link {color: #33C0FF;}
.sp_link:hover {text-decoration: none;color:white; background:#33C0FF;}  
.grass_link {color:#33ffbf;}
.grass_link:hover {text-decoration: none;color:white; background:#33ffbf;}  
.tmpd_link {color: #FE554F;} 
.tmpd_link:hover {text-decoration: none;color:white; background: #FE554F;}  
.companion_link {color:#05de72;}
.companion_link:hover {text-decoration: none;color:white; background:#05de72;}  


.full_height {height:100%;width:auto;}
.full_width {width:100%;height:auto;} 
::selection {background: cyan;} 

.years_link {color:#33ffbf !important;}
.years_link:hover {text-decoration: none;color:white !important; background:#33ffbf !important;}  
	
.bp_link {color:#440e94 !important;}
.bp_link:hover {text-decoration: none;color:white !important; background:#440e94 !important;}  

.bio_style {background: #0045c7; color:white;}
.bio_style a {color:#ffcc00 !important;}
.bio_style a:hover {background:#ffcc00 !important;color:#0045c7 !important;}

#confetti{ opacity:0; position: fixed;top:0;left:0;z-index:80; width:100%;height:100%;} 
.play_bckground {background: #FDF85D} 

.play_link {color:black !important;}
.play_link:hover {text-decoration: none;color: #FDF85D !important; background:black;}  

.show_on_touch_device {display:none !important;}

.msg_mobile p {text-align:center;top:25%; width:80%;left:10%;font-size:3rem;position:relative;overflow: hidden;z-index: 2000;}
.msg_mobile {top:0; left:0; width:100%;height:100%;font-size:3rem;position:fixed;overflow: hidden;display: none;z-index: 2000;}
.play_mobile_body {overflow:none;}

.msg_click_link p {text-align:center;top:10%; width:80%;left: 50%; top: 50%; transform: translate(-50%, -50%);font-size:3rem;position:relative;overflow: hidden;z-index: 2000;}
.msg_click_link {top:0; left:0; width:100%;height:100%;font-size:3rem;position:fixed;overflow: hidden;z-index: 2000; color:black; background:aquamarine;display: none; }



.line_through {text-decoration: line-through;}

/* .main_text, .main_text a {font-size: 3vw;z-index: 190;} */

/* .play_link {position: absolute; top: 7%; left: 10%;} */
/* .exhibitions_link {position: absolute; top: 7%; right: 10%;} */
/* .main_text {position: absolute; top: 25%; left: 10%; width:60%;} */
/* .pubblications_link {position: absolute; bottom: 7%; left: 10%;} */
/* .info_link {position: absolute; bottom: 7%; right: 10%;} */




/* .tmpd_bckground {background: #FE554F;} */
/* .tmpd_color, .tmpd_link {color: #FE554F;} */
/* .sp_bckground {background: #33C0FF;} */
 
/* .grass_bckground {background:#33ffbf;} */
/* .grass_link {color:#33ffbf;} */
/* .grass_color {color:#33ffbf;} */

/* .info_bckground {background:#3f02b5;} */
/* .info_color {color:#3f02b5;} */
/* .info_intro {position: absolute; color:#01b95d; width:60%;top:55%;font-size: 5.5vw;left:10%;display: none;} */


/* .color_white {color:white;} */


.img-container {position:relative;}
.left-arrow {position:absolute;top:0;left:0;width:49.5%;height: 100%;z-index: 200; cursor: url('../imgs/home/left-arrow.png'), pointer;}
.right-arrow {position:absolute;top:0;right:0;width:49.5%;height: 100%;z-index: 200; cursor: url('../imgs/home/right-arrow.png'), pointer;}
.cursor_default {cursor:default !important;}
.display-none {display: none;}

@media only screen and (max-width: 800px) { .main_text {font-size:6vw;width:90%;} .img-container{margin-top:3%; margin-bottom:3%;}}

.enter_page_msg {width:100%;position:fixed;z-index:2000;color:#ff3372;text-align:center;    font-family: Circular;font-size: 3vw;display:none;background:transparent;bottom:10%;}

.tmpd_gallery_video {width:100%;height: auto;display: none;}