a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html {
	font-size: 62.5%
}
body {
	font-size: 1.6rem;
	font-family: Roboto, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
	color: #FFF;
	background-color: #1C202B;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
body a {
	color: #F1E7C0;
	text-decoration: none
}
body a:active, body a:focus, body a:hover {
	outline: 0!important;
	text-decoration: none!important;
	color: #F1E7C0
}
button {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
button:active, button:focus, button:hover {
	outline: 0!important
}
.clear {
	clear: both
}
.no-padding {
	padding: 0!important
}
.no-pad-top {
	padding-top: 0
}
.no-pad-right {
	padding-right: 0
}
.opacity-0 {
	opacity: 0
}
.display-none {
	display: none
}
.list-sections {
	height: 100vh;
	width: 100vw;
	position: relative;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	background: url(back-info.jpg) center center no-repeat;
	background-size: cover
}
.list-sections .item-list {
	height: 80%;
	overflow: hidden;
	background: rgba(43,45,53,.7);
	-webkit-transition: all .6s cubic-bezier(.42, 0, .58, 1);
	-moz-transition: all .6s cubic-bezier(.42, 0, .58, 1);
	-ms-transition: all .6s cubic-bezier(.42, 0, .58, 1);
	-o-transition: all .6s cubic-bezier(.42, 0, .58, 1);
	transition: all .6s cubic-bezier(.42, 0, .58, 1);
	-webkit-transform: translateY(100vh);
	-moz-transform: translateY(100vh);
	-ms-transform: translateY(100vh);
	-o-transform: translateY(100vh);
	transform: translateY(100vh);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.list-sections .item-list a.open-popup-link {
	position: absolute;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer
}
.list-sections .item-list .logo-home {
	max-width: 30%;
	margin-bottom: 1em
}
.list-sections .item-list.show-ready {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	border-bottom: 1px solid #2B2D35
}
.list-sections .item-social {
	height: 20%;
	background: rgba(59,89,152,.9);
	-webkit-transition: all .3s cubic-bezier(.42, 0, .58, 1);
	-moz-transition: all .3s cubic-bezier(.42, 0, .58, 1);
	-ms-transition: all .3s cubic-bezier(.42, 0, .58, 1);
	-o-transition: all .3s cubic-bezier(.42, 0, .58, 1);
	transition: all .3s cubic-bezier(.42, 0, .58, 1)
}
.list-sections .item-social:hover {
	background: #3b5998
}
.list-sections .item-social .item-title {
	text-align: center;
	width: 100%;
	padding-left: 0
}
.list-sections .item-social i {
	border-right: none;
	width: auto;
	margin-right: 0
}
@media only screen and (min-width:768px) {
	.list-sections .item-list {
		height: 100%;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
	.list-sections .item-list::after {
		height: 100vh;
		width: 100%;
		opacity: 0;
		-webkit-transition: all .6s cubic-bezier(.42, 0, .58, 1);
		-moz-transition: all .6s cubic-bezier(.42, 0, .58, 1);
		-ms-transition: all .6s cubic-bezier(.42, 0, .58, 1);
		-o-transition: all .6s cubic-bezier(.42, 0, .58, 1);
		transition: all .6s cubic-bezier(.42, 0, .58, 1)
	}
	.list-sections .item-list.show-ready {
		opacity: 1;
		border-bottom: none;
		border-right: 1px solid #2B2D35
	}
	.list-sections .item-list.show-ready::after {
		opacity: .2
	}
}
@media only screen and (min-width:1200px) {
	.list-sections .item-list::after {
		background-attachment: fixed;
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		-webkit-transform-origin: 50% 0;
		-moz-transform-origin: 50% 0;
		-ms-transform-origin: 50% 0;
		-o-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transition: all .7s cubic-bezier(.42, 0, .58, 1);
		-moz-transition: all .7s cubic-bezier(.42, 0, .58, 1);
		-ms-transition: all .7s cubic-bezier(.42, 0, .58, 1);
		-o-transition: all .7s cubic-bezier(.42, 0, .58, 1);
		transition: all .7s cubic-bezier(.42, 0, .58, 1)
	}
	.list-sections .item-list.show-ready {
		border: none
	}
	.list-sections .item-list.show-ready::after {
		opacity: .1
	}
	.no-touch .list-sections .item-list:hover::after {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}
.item-social .item-title {
	top: 10vh
}
@media only screen and (min-width:768px) {
	.item-social .item-title {
		top: 50vh
	}
}
.item-title {
	position: absolute;
	z-index: 1;
	left: 0;
	padding-left: 10%;
	top: 40vh;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.item-title i {
	width: 1.7em;
	border-right: 1px solid #FFF;
	margin-right: 1em
}
.item-title h2 {
	font-size: 2rem;
	line-height: 1.5;
	font-weight: 500
}
.item-title h2 span.point {
	color: #0afad2;
}
.item-title span.border {
	height: 1px;
	width: 145px;
	background: #0afad2;
	margin: .5em 0 3em;
	display: block
}
.item-title p {
	font-size: 1.4rem;
	line-height: 1.4;
	padding: .5em 0;
	color: #BABABA
}
.show-ready .item-title {
	opacity: 1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .6s cubic-bezier(.42, 0, .58, 1);
	-moz-transition: all .6s cubic-bezier(.42, 0, .58, 1);
	-ms-transition: all .6s cubic-bezier(.42, 0, .58, 1);
	-o-transition: all .6s cubic-bezier(.42, 0, .58, 1);
	transition: all .6s cubic-bezier(.42, 0, .58, 1)
}
@media only screen and (min-width:768px) {
	.item-title {
		top: 50vh;
		padding-left: 10%;
		opacity: 0;
		-webkit-transform: translateY(20px) translateX(0);
		-moz-transform: translateY(20px) translateX(0);
		-ms-transform: translateY(20px) translateX(0);
		-o-transform: translateY(20px) translateX(0);
		transform: translateY(20px) translateX(0)
	}
	.item-title h2 {
		font-size: 4rem
	}
	.show-ready .item-title {
		opacity: 1;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: all .6s cubic-bezier(.42, 0, .58, 1);
		-moz-transition: all .6s cubic-bezier(.42, 0, .58, 1);
		-ms-transition: all .6s cubic-bezier(.42, 0, .58, 1);
		-o-transition: all .6s cubic-bezier(.42, 0, .58, 1);
		transition: all .6s cubic-bezier(.42, 0, .58, 1)
	}
}