@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300ita‌​lic,400italic,500,500italic,700,700italic,900italic,900);
html, html * {
  font-family: Roboto;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	vertical-align:baseline;
}

html {
	line-height:1;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0
}
caption, th, td {
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
}
q, blockquote {
	quotes:none
}
q:before, q:after, blockquote:before, blockquote:after {
	content:"";
	content:none
}
a img {
	border:none
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block;
}

* {
	outline:none;
}
body, html {
	font-size:100%;
	height:100%;
	min-width:1024px;
	 background-color:#ebebec;
}
@media screen and (max-height: 900px) {
body, html {
font-size:90%;
	 background-color:#ebebec;
}
}
#main {
	width:100%;
	height:100%;
	min-width:1024px;
	display:none;
}

.policy{
	font-size: 12px !important;
	line-height: 14px !important;
}
div.policy-scroll { 
                margin:4px, 4px !important; 
                padding:60px 30px !important; 
                width: 100% !important; 
                height: 450px !important; 
                color:#fcf8de !important;
                font-size:16 !important;
                font-weight: 300 !important;
                overflow-y: auto !important ; 
                text-align:justify !important;
            }

.roulette {
	width:100%;
	height:100%;
	padding-top:65px;
}
.roulette .column {
	width:33.3333333%;
	height:100%;
	float:left
}
.roulette .column div.crop {
	border:1px solid red;
	position:fixed;
	width:33.3333333%;
	height:100%;
	z-index:10;
	top:0;
	overflow:hidden;
}
.roulette .column h1 {
	width:100%;
	height:100%;
	padding-top:50%;
	color:#fff;
	font-weight:normal;
	font-size:2em;
	text-align:center;
	text-transform:uppercase;
}
.roulette .column div.animate {
	width:100%;
	position:relative;
	top:25%;
	left:0;
	margin-top:50%;
	height:100%;
	text-align:center
}
.roulette .column div.animate .font {
	width:100%;
	height:100%;
	position:relative;
	display:inline-block;
	max-width:528px
}
.roulette .column img {

	position:relative;
	border:none
}
.roulette .column img.origin {
	position:absolute
}
.roulette .column ul.bgs {
	width:33.3333333%;
	min-width:342px;
	height:100%;
	list-style:none;
	overflow:hidden;
	position:fixed;
	z-index:10
}
.roulette .column ul.bgs li {
	width:100%;
	height:100%;
	position:absolute;
	background:#fff;
	background-size:26% auto!important;
	text-align:center;
	overflow:hidden
}
.roulette .column ul.bgs li div.font img {
	
	left:0%;
	top:0%;
}
.internal {
	width:100%;
	height:100%;
	position:fixed;
	display:none;
	top:0;
	left:0;
	z-index:99;
	background:rgb(255, 97, 88);
	margin-top:65px;
}
.internal footer {
	font-size:0.750em;
	background:#34394c;
	width:100%;
	height:5.3%;
	position:absolute;
	bottom:0;
	text-align:center;
	padding-top:2%;
	z-index:103
}
.internal footer a {
	color:#69708b;
	text-decoration:none
}
.internal footer p {
	display:inline-block;
	height:22px;
	padding:5px 0px 0px 28px
}
.internal footer p:first-child {
	margin-right:10px
}
.internal footer p.ic-phone {
	background:url(../images/assets.png) 0px -50px no-repeat
}
.internal footer p.ic-phone a:first-child {
	margin-right: 0px;
}
.internal footer p.ic-street {
	background:url(../images/assets.png) 0px -100px no-repeat;
	padding-left:36px;
}

.internal footer p.ic-street span {
color: #69708b;
    font-size: 10px;
    padding: 10px;
}
.internal footer p.ic-street:hover {
	background-position:1px -139px
}

@media screen and (max-height: 900px) {
.internal .clients ul li img {
height:90%
}
}

.internal .lead {
	color:#fcf8de;
	text-align:center;
	position:absolute;
	width:100%;
	top:14%;
	opacity:0
}
.internal .lead a {

	text-decoration:none;
	color:#fcf8de;
	font-size:1.5em;
	font-weight:normal
}
.internal .lead p {
	font-weight:300;
	font-size:0.9375em;
	font-style:italic;
	margin-bottom:1%;
	letter-spacing:1px;
	line-height:1.3em
}
.internal .lead p em {
	color:#ffdedc
}

.faca-1.intro, .force-1.intro {
	top:-100%
}
.fuce-1.intro {
	top:100%
}
#qLbar {
	top:auto!important;
	bottom:0
}

div.table {
	display:table;
	width:100%;
	height:100%
}
div.table .table-cell {
	display:table-cell;
	vertical-align:middle
}
form#newsletter {
	display:inline-block;
	height:30px;
	padding:5px 0px 0px 28px;
	position:relative;
	top:-7px
}
.internal footer>div {
	position:relative;
	top:0
}


/*
@media screen and (max-width: 1023px) {
html, body {
width:100%!important;
min-width:1px!important
}
#main {
min-width:1px!important
}
#main .share {
width:8.76%!important;
bottom:7.97%;
margin-left:-4.38%!important
}
.roulette .column {
width:100%;
position:fixed;
top:0;
left:0
}
.roulette .column .animate.not-align {
margin-top:0!important
}
.roulette .column ul.bgs {
width:100%
}
.roulette .column ul.bgs li div.font {
width:70%
}
.roulette .column ul.bgs li div.font img {
width:80%;
margin-top:5%
}
.internal {
position:absolute!important;
display:block!important
}
.internal ul.areas {
bottom:auto!important;
height:100%!important
}
.internal ul.areas li h2 {
display:block!important;
max-width:100%!important;
margin-top:0.8%!important;
padding:0 15% 0 9%
}
.internal ul.areas li img {
width:50%!important;
margin-top:-10%;
padding-right:8%
}
.internal .lead {
position:relative!important;
top:0!important;
padding:0 14% 0 8%
}
.internal .lead p {
margin-bottom:12%
}
.internal footer {
height:100%!important;
bottom:auto!important;
top:0;
zoom:1!important
}
.internal footer p {
display:block!important;
padding:28px 0px 0px 0px;
height:10px!important;
font-size:16px;
line-height:24px;
background:url("../images/assets-mobile.png") no-repeat!important
}
.internal footer p:first-child {
margin-bottom:60px
}
.internal footer p.ic-phone, .internal footer p.ic-phone:hover {
background-position:center -50px!important
}
.internal footer p.ic-street, .internal footer p.ic-street:hover {
background-position:center -100px!important
}
.internal footer p.form {
background:none!important
}
.internal footer p.newsletter {
margin:0 auto!important;
color:#69708b!important;
padding:0px 0px 0px 5px!important;
width:212px!important;
height:30px!important;
background:#2b2e3d!important;
position:relative;
text-align:left
}
.internal footer form {
display:block!important;
padding:60px 0px 0px 0px!important;
height:30px!important
}
.internal footer form span {
padding-top:2px!important
}
.internal footer form input[type="text"] {
width:117px;
height:21px;
top:1px!important
}
.header h1 {
top:-3%!important
}
.header h1 img {
width:35%!important
}
header div.ic-sobre {
margin-left:-25px!important;
width:50px!important;
left:205!important;
top:20%!important
}
header div.ic-arrow {
width:4.17%!important
}
.force-10 img {
max-width:200px!important
}
}
*/

@media screen and (max-width:480px) {
	.roulette .column div.animate {}
}