/**
 * Videos.css by T.Demaria
 */
 
@font-face {
  font-family: 'Wire One';
  font-style: normal;
  font-weight: 400;
  src: local('Wire One'), local('WireOne'), url(../fonts/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff'),
  url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
}

html, body { 
  overflow: hidden;
  background: white;
}

body {
  font-family: 'Wire One', sans-serif;
  margin: 0;
  background: linear-gradient(#999, White); /* Standard syntax */
  width: 100vw;
}
.rn iframe { overflow:hidden !important; width:100%; height:100%;}
.h_special {position: absolute; left: -9999px;}
#wrap { width: 100%; position: relative; overflow: hidden; }
#credits {  border-radius: 0.5vw; -webkit-border-radius: 0.5vw; -moz-border-radius: 0.5vw; -o-border-radius: 0.5vw;  left: 70vw; border: 1px solid navy; padding: 0.5vw; }
#bg { border-bottom-left-radius: 0.5vw; border-bottom-right-radius: 0.5vw;  -webkit-border-bottom-left-radius: 0.5vw; -webkit-border-bottom-right-radius: 0.5vw; -moz-border-bottom-left-radius: 0.5vw; -moz-border-bottom-right-radius: 0.5vw; -o-border-bottom-left-radius: 0.5vw; -o-border-bottom-right-radius: 0.5vw; }
#videotitle { font-size: 0.9vw;}
#inline_Credits { text-align: justify; text-justify: inter-word; font-family: "Lucida Sans Unicode";}
#db_indicator { position: absolute; top: 0px; left: 28vw; width: 0.7vw; height: 0.7vw; margin: 0vw; margin-right: 1vw; padding: 0vw; border: 0px;}

@media only screen and (min-width: 751px) {
	#menu {	position: absolute;	color: #7a1616;	font-weight: bold; top: 1vw; margin: 0; padding: 0; left: 9vw;  font-size: 3vw; width: 40vw; }
	.menu-list { position: relative; list-style: none;  display: inline-block;  cursor: pointer; margin-right: 5vw;}
	.menu-list a {text-decoration: none;	color: #7a1616; }
	.menu-list a:hover {  color: #eb1c30; }
	.center  {    display: block !important;    margin-left: auto !important;    margin-right: auto !important; }
	
	#bg { width: 85vw; height: 46vw; background-color: white;}
	#cover {position: absolute; top:5.5vw; left: 9vw; display: block; width: 60vw; height: 33.8vw; margin-left: 0; padding: 0; border: 0; border-radius: 0.5vw;}
	#credits { position: absolute; top: 5.5vw; width: 20vw; height: 36.7vw; font-family: 'Abel', sans-serif; font-size: 0.8vw;}
	#video_credits { position: absolute; top: 35.8vw; left: 70.5vw; width: 20vw; color: black; font-size: 0.8vw; font-family: "Lucida Sans Unicode"; }

	#main-ribbon {position: absolute; top:39.3vw; left: 9vw; width: 60vw;  height: 4vw;}
		#fcbk, #twttr, #shops {width: 33.33%; height: 4vw; display: inline-block; margin: 0; padding: 0; float: left}
		#fcbk {background-color: rgb(59,89,152); border-radius: 0 0 0 0.5vw; opacity: 0.8}
		#fcbk:hover {opacity: 1} 
		#twttr { background-color: rgb(85, 172, 238)} 
		#twttr:hover { background-color: rgb(50,106,218)} 
		#shops { background: linear-gradient(#FFFFC2, #FFA62F);  border-radius: 0 0.5vw 0.5vw 0; opacity: 0.8} 
		#shops:hover { opacity: 1} 

		#fcbk img, #twttr img, #shops img { position: relative; display:block; margin-left: auto; margin-right: auto; margin-top: 1vw; opacity: 1;}
		#fcbk img{ width: 1vw;}
		#twttr img { width: 2.5vw;}
		#shops img  { width: 3.5vw; margin-top: 0.5vw}
	footer { position: relative; top: -0.5vw;}
	#copyright {	 position: relative; font-family: 'Abel', sans-serif; text-align: center; margin-top: 1vw; font-size: 0.7vw; color: #666666; }
	#copyright a { text-decoration: none; }
	#video { position: relative; top: 0; width: 25vw; height: 14vw ; margin-left: auto; margin-right: auto; }
	#video iframe { width: 25vw; height: 14vw ;}

	@media only screen and (min-width: 750px) and (max-width: 1280px) {
		#bg { width: 95vw; background-color: white;}
		#cover {position: absolute; top:5.5vw; left: 9vw; display: block; width: 60vw; height: 33.8vw; margin-left: 0; padding: 0; border: 0; border-radius: 1vw; }
		#credits { width: 20vw; font-family: 'Abel', sans-serif; font-size: 0.8vw; position: absolute; top: 5.5vw; left: 70vw; border: 1px solid navy; padding: 0.5vw; }
		#main-ribbon {position: absolute; left: 9vw; width: 60vw;  height: 4vw;}
		div.fb-share-button { display: none;}
	}

}

@media only screen and (min-width: 0px) and (max-width: 645px) {

	body {
	  width: 100vw;
	  height: 240vw;
	  overflow: hidden;
	}
	#menu {	position: absolute;	color: #7a1616;	font-weight: bold; top: 2vw; margin: 0; padding: 0; left: 18vw; font-size: 8vw; width: 63vw; }
	.menu-list { position: relative; list-style: none;  display: inline-block;  cursor: pointer;}
	.menu-list a {text-decoration: none;	color: #7a1616; }
	.menu-list a:hover {  color: #eb1c30; }
	.menu-list:nth-child(1),.menu-list:nth-child(2) { margin-right: 6vw; }
	.menu-list:nth-child(3) { margin-right: 0; }

	#bg { width: 85vw; height: 165vw; background-color: white;}
	#cover {position: absolute; top:15vw; left: 18vw; display: block; width: 62vw; height: 35vw !important; margin-left: 0; padding: 0; border: 0; }
	#video_credits { display: none;}
	#credits { position: absolute; padding: 2vw; left: 18vw; top: 60vw; width: 58vw; font-family: 'Abel', sans-serif; font-size: 2.5vw;}
	#videotitle	{font-size: 2.5vw;}
	#main-ribbon {position: absolute; top:50vw; left: 18vw; width: 62vw;  height: 8vw;}
		#fcbk, #twttr, #shops {width: 33.33%; height: 8vw; display: inline-block; margin: 0; padding: 0; float: left}
		#fcbk {background-color: rgb(59,89,152); border-radius: 0.5vw 0 0 0.5vw; opacity: 0.8}
		#fcbk:hover {opacity: 1} 
		#twttr { background-color: rgb(85, 172, 238)} 
		#twttr:hover { background-color: rgb(50,106,218)}
		#shops { background: linear-gradient(#FFFFC2, #FFA62F);  border-radius: 0 0.5vw 0.5vw 0; opacity: 0.8} 
		#shops:hover { opacity: 1} 

		#fcbk img, #twttr img, #shops img { position: relative; display:block; margin-left: auto; margin-right: auto; margin-top: 1vw; opacity: 1;}
		#fcbk img{ width: 3vw;}
		#twttr img { width: 7vw;}
		#shops img  { width: 7vw; margin-top: 0.5vw}
	
	.center  {    display: block !important;    margin-left: auto !important;    margin-right: auto !important; }

	#limitation { display: none; }
	footer { width: 95vw; }
	#copyright { position: relative; left: 4vw; font-family: 'Abel', sans-serif; text-align: center; margin-top: 1vw; font-size: 0.1em; color: #666666; }
	#copyright a { text-decoration: none; }
	#video { display: none; }
}