/* @override http://www.vanitymodelsagency.com/landing/style.css */


html { background: url('/landing/background2.png') }
body {
	width: 100%;
}
.landing {
	text-align: center;
	max-width: 640px;
	margin: 0 auto;
	padding: 0 2em;
}
#logo { max-width: 640px; }
#logo.animated.zoomin img {
	max-width: 640px;
}
.landing, #logo, #logo.animated.zoomin img {}

a { color: #666; 
text-decoration:none;
font-family: "Roboto", sans-serif;
font-weight: 100;
}
a:hover {
	color: #000;
}
#paises {
	padding-top: 8em;
	padding-bottom: 6em;
	height: 1em;
}
.pais a:hover, #contacto p a:hover {
	color: #000;
}
.pais {
	padding-right: 3em;
	padding-left: 3em;
}
a:hover { color: blue }
body { background: none; }
div.datos ul { width: 100px; }

.fa-facebook-square, 
.fa-instagram, 
.fa-twitter-square {
	color: #CCA4A3;
}
.chile, .dinamarca, .italia {
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	color: #888;
}
.fa-facebook {
	background-color: #CCA4A3;
	width: 1.2em;
	height: 1.2em;
	color: #fff
}
i.fa {
	font-size: 1.3em;
	margin-right: 0.2em;
	margin-left: 0.2em;
}
i.fa:hover {
	color: #000;
}
i.fa-circle {
	font-size: 6px;
	color: #666;
}
#contacto {
	padding-top: 6em;
}
.tercio {
	width: 30%;
	float: left;
	font-family: "Roboto", sans-serif;
}

.ciudad {
	display: none;
}
.chile{
	background: url('/landing/chile2.png') no-repeat;
	height: 23px;
	max-width: 102px;
	margin: 0 auto;
	-webkit-transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
}
.chile:hover {
	background: url('/landing/chile2.png') 0 -23px no-repeat;
	-webkit-transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
}
.italia {
	background: url('/landing/italia2.png') no-repeat;
	height: 23px;
	max-width: 102px;
	margin: 0 auto;
	-webkit-transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
}
.italia:hover {
	background: url('/landing/italia2.png') 0 -23px no-repeat;
	-webkit-transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
}

.dinamarca {
	background: url('/landing/dinamarca2.png') no-repeat;
	height: 23px;
	max-width: 102px;
		margin: 0 auto;
	-webkit-transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
}
.dinamarca:hover {
	background: url('/landing/dinamarca2.png') 0 -23px no-repeat;
-webkit-transition: background 200ms ease-in-out;
-moz-transition: background 200ms ease-in-out;
-ms-transition: background 200ms ease-in-out;
-o-transition: background 200ms ease-in-out;
transition: background 200ms ease-in-out;
}

.sep {
	float: left;
	width: 5%;
	padding-top: 0.7em;
}


@media only screen and ( max-width: 767px ) {
#container, #logo, #logo.animated.zoomin img, .landing { width: 360px; }
.pais { padding-right: 2em;padding-left: 2em;}
#paises { padding-top: 4em; padding-bottom: 5em;}
#contacto {padding-top: 5em; font-size: 1em; }
i.fa { font-size: 1.3em; }
i.fa-circle {font-size: 6px; }
}


@media only screen and ( max-width: 479px ) {
#container, #logo, #logo.animated.zoomin img, .landing { width: 280px; }
.pais { padding-right: 1em;padding-left: 1em;}
#paises { padding-top: 3em; padding-bottom: 4em;}
#contacto {padding-top: 3em; font-size: 1em; }
i.fa { font-size: 1.8em; }
i.fa-circle {font-size: 6px; }
}