@charset "UTF-8";

/* CARREGAMENTO DE FONTS */
@font-face {
  font-family: 'GothamBlack';
  src: url('/lib/fonts/GothamBlack.eot?#iefix') format('embedded-opentype'), 
	     url('/lib/fonts/GothamBlack.woff') format('woff'), url('/lib/fonts/GothamBlack.ttf')  format('truetype'), url('/lib/fonts/GothamBlack.svg#GothamBlack') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamBold';
  src: url('/lib/fonts/GothamBold.eot?#iefix') format('embedded-opentype'),
	     url('/lib/fonts/GothamBold.woff') format('woff'), url('/lib/fonts/GothamBold.ttf')  format('truetype'), url('/lib/fonts/GothamBold.svg#GothamBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamBook';
  src: url('/lib/fonts/GothamBook.eot?#iefix') format('embedded-opentype'),
	     url('/lib/fonts/GothamBook.woff') format('woff'), url('/lib/fonts/GothamBook.ttf')  format('truetype'), url('/lib/fonts/GothamBook.svg#GothamBook') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamLight';
  src: url('/lib/fonts/GothamLight.eot?#iefix') format('embedded-opentype'),
	     url('/lib/fonts/GothamLight.woff') format('woff'), url('/lib/fonts/GothamLight.ttf')  format('truetype'), url('/lib/fonts/GothamLight.svg#GothamLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamMedium';
  src: url('/lib/fonts/GothamMedium.eot?#iefix') format('embedded-opentype'),
	     url('/lib/fonts/GothamMedium.woff') format('woff'), url('/lib/fonts/GothamMedium.ttf')  format('truetype'), url('/lib/fonts/GothamMedium.svg#GothamMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamThin';
  src: url('/lib/fonts/GothamThin.eot?#iefix') format('embedded-opentype'),
	     url('/lib/fonts/GothamThin.woff') format('woff'), url('/lib/fonts/GothamThin.ttf')  format('truetype'), url('/lib/fonts/GothamThin.svg#GothamThin') format('svg');
  font-weight: normal;
  font-style: normal;
}


html, body, ol, ul, li{
	margin: 0 !important;
	padding: 0;
}

body{
	font-family: 'GothamLight' !important;
	font-size: 14px !important;
	height: 100%;
	color:#333333;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

.sectionUC {height: 100vh;}

.activeIdiomas{text-decoration: underline !important;}

/* PRELOADER */
#wrapLoader{
	height:100%;
	width: 100%;
	background-color: #FFFFFF;
	position:fixed;
	z-index: 9999999;
}
#loaderUC {
  position: absolute;
  z-index: 10000000;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #dfdfdf;
  border-radius: 50%;
  border-top: 16px solid #f37920;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* SETTINGS DA NAVEGACAO */
.mainMenuUC {
	position: fixed;
	top: 0;
	width: 100%;
	height: 70px;
	background: #f37920;
	z-index: 9997;
	text-transform: uppercase;
}
.logotipoUcLetras{   
	position: absolute;
	background: url(/documents/images/logo-uc.png) no-repeat;
	background-size: 140px 46px;
	width: 140px;
	height: 46px;
	margin: 12px 0;
	top:0;
    left:30px;
}
.logotipoSAM{   
	position: absolute;
	background: url(/documents/images/logo-sam.png) no-repeat;
	background-size: 98px 46px;
	width: 100px;
	height: 46px;
	margin: 12px 0;
	top:0;
    left:180px;
}
.btnsIdiomas{
	position: absolute;
	font-family: 'GothamBold';
	color: #ffffff;
	top:0;
    right:75px;
	padding: 25px 0;
    font-size: 12px;
}
.c-button {
	position: absolute;
	color:#ffffff;
	top:0;
    right:30px;
	padding: 23px 0;
	background: none;
	box-shadow: none;
	border: none;
	border-radius: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  	cursor: pointer;
}
.c-button:focus {outline: none;}
.c-button:disabled {cursor: not-allowed;}

.c-menu__close {
  	color: #ffffff;
	text-align: right;
	padding: 12px 25px;
	background: none;
	box-shadow: none;
	border: none;
	border-radius: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  	cursor: pointer;
}
.c-menu__close:focus {outline: none;}
.divBtnFecharMenu{/*border-bottom:1px solid #ffffff;*/}

/* Barra Menu Pequena */
.mainMenuUC.smaller {
	height: 45px;
}
.mainMenuUC.smaller .logotipoUcLetras{
	background: url(/documents/images/logo-uc-smaller.png) no-repeat;
	background-size: 91px 30px;
	width: 91px;
	height: 30px;
	margin: 7px 0 8px 0;
}
.mainMenuUC.smaller .btnsIdiomas{
	padding: 12px 0;
}
.mainMenuUC.smaller .c-button {
	padding: 10px 0;
}


/* HOMEPAGE */
/* VIDEO */
.screen0 {margin-top: 50px;}
.screen0Mobile {display: none;}
.screen0Desktop {display: inherit;}

.homepage-video-module {position: relative;top:50px;}
.homepage-video-module .titlesHomepage{
	position: absolute;
	width: 100%;
	z-index: 999;
	bottom: 40%;
	text-align: center;
}
.homepage-video-module h2{
	font-family: 'GothamLight';
	font-size: 80px;
	color: #ffffff;
	margin: 0;
}
.homepage-video-module h5{
	font-family: 'GothamMedium';
	font-size: 26px;
	color: #ffffff;
	margin: 0;
}

/* TEXTO */
#screen1 {background: white;}
.homepage-texto-module {
	text-align: center;
	font-size: 14px;
}


/* SERVICOS */
#screen2 {}
.btnsAreasRevSlider{color:#ffffff; text-decoration:none;}
.btnsAreasRevSlider:hover{color:#ffffff; text-decoration:none;}
.btnsAreasRevSlider:active{color:#ffffff; text-decoration:none;}
.btnsAreasRevSlider:visited{color:#ffffff; text-decoration:none;}
.prev-slide{
	position: absolute;
	z-index: 999;
	bottom: 30%;
	left: 2%;
	background: url(/documents/images/arrow-left.png) no-repeat center center;
	width: 30px;
	height: 30px;
}
.next-slide{
	position: absolute;
	z-index: 999;
	bottom: 30%;
	right: 2%;
	background: url(/documents/images/arrow-right.png) no-repeat center center;
	width: 30px;
	height: 30px;
}
.btnPlusUC{
	position: absolute;
	z-index: 999;
	width: 100%;
	bottom: 25%;
	margin: 0;
	text-align: center; 
}
.servicos-video-module {position: relative;}
/*.divBgContentServicos{
	position: absolute;
	width: 100%;
	background-color: rgba(247, 121, 32, 0.7);
	z-index: 99999;
	bottom: 20%;
	padding: 40px;
}*/
.tparrows{background: rgba(0,0,0,0) !important;}
.tparrows:before{font-size: 35px !important;}
.servicos-video-module h2{
	width: 100%;
	font-family: 'GothamLight';
	font-size: 76px;
	color: #ffffff;
	margin: 0;
	text-align: center;
}
.servicos-video-module h6{
	width: 100%;
	font-family: 'GothamMedium';
	font-size: 30px;
	color: #ffffff;
	margin: 0;
	text-align: center;
}

/* PORTFOLIO */
#screen3 {
	background: url(/documents/images/bg-portfolio-section.jpg) no-repeat;
	background-size: cover;
}
.bg-folio {
	background: url(/documents/images/bg-portfolio-section.jpg) no-repeat;
	background-size: cover;
}
.portfolioLista{
	font-family: 'GothamLight';
	font-size: 21px;
	text-align: center;
	letter-spacing: -0.8px;
}
.portfolioLista p{
	font-family: 'GothamBook';
	font-size: 14px;
	text-align: center;
	letter-spacing: -0.1px;
}
.filtrosPortfolio{}
#filters {
	font-family: 'GothamLight';
	font-size: 24px;
	margin:0;
	padding:0;
	text-decoration:none;
	cursor: pointer;
	text-align: center;
}
#filters span {}
#filters span.active {}
 

#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:23%;
	margin:1%;
	display:none;
	float:left;
	overflow:hidden;
}

.portfolio-wrapper {
	overflow:hidden;
	position: relative !important;
	cursor:pointer;
}

.portfolio img {
	max-width:100%;
	position: relative;
	top:0;
	-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);		
}
.portfolio .label {
	position: absolute;
	width: 100%;
	font-family: 'GothamLight';
	font-size: 16px;
	height:60px;
	bottom:-60px;
	-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.portfolio .label-bg {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}
.portfolio .label-text {
	position: relative;
	z-index:500;
	padding:10px;
}
.portfolio .label-text .text-title{
	color:#ffffff;
	text-decoration: none;
}
.portfolio .label-text .text-title:hover{
	color:#ffffff;
	text-decoration: none;
}			
.portfolio .text-category {
	font-size: 14px;
	display:block;
}
	
.portfolio:hover .label {
    bottom:0;
}
.portfolio:hover img {
    top:0;
}
/* FANCYBOX */
.fancybox-button--right {
    border-bottom-right-radius: 0 !important;
    position: absolute !important;
    top: 100vh !important;
    margin-top: -50vh !important;
    right: 0 !important;
    background: #f37920 !important;
}
.fancybox-button--right:hover {background: #f37920 !important;}
.fancybox-button--left {
    border-bottom-left-radius: 0 !important;
    position: absolute !important;
    top: 100vh !important;
    margin-top: -50vh !important;
    left: 0 !important;
    background: #f37920 !important;
}
.fancybox-button--left:hover {background: #f37920 !important;}
.fancybox-button--right:after {right: 17px !important;}
.fancybox-button--left:after {left: 17px !important;}
.fancybox-button--left:after, .fancybox-button--right:after {
    top: 14px !important;;
    width: 16px !important;;
    height: 16px !important;;
    background: transparent;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
}
.fancybox-button, .fancybox-infobar__body{background: #f37920 !important; color: #ffffff !important; font-size: 14px !important; font-family: 'GothamLight' !important; }


/* CONTACTOS */
#screen4 {}
#screen4 h6{
	font-family: 'GothamLight';
	font-size: 16px;
	color: #f37920;
}
#screen4 a{
	text-decoration: none !important;
	color: #000000 !important;
}
.titleContactos{
	font-size: 50px;
	width: 100%;
	text-align: center;
}
.mapaUC {
	background-color: #dfdfdf;
    width: 100%;
    height: 300px;
}
.google-mapsUC {
	position: relative;
	padding-bottom: 75%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
.google-mapsUC iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.formContactosUC input {
    border: 0;
    background: #e7e8e9;
    height: 45px;
    width: 100%;
    padding: 0 20px;
    margin: 0 0 10px 0;
}
.formContactosUC textarea {
    border: 0;
    background: #e7e8e9;
    height: 150px !important;
    width: 100% !important;
    resize: none;
    padding: 20px;
}
.bg-greyFormUC {
    background: #e7e8e9;
    padding: 10px 20px;
    margin-top: -5px;
}
.greyBgUC{background-color: #e7e8e9;}
input[type=submit] {
    background: url(/documents/images/btn-form-UC.png) no-repeat;
    border: 0;
    display: block;
    height: 25px;
    width: 25px;
    margin: 0;
    padding: 0;
}



/* RODAPE */
.ucOrangeBg{
	height: 45px;
	background: #f37920;
}
.redesSociais{
	height: 31px;
	margin-right:30px;
	text-align: right;
    padding-top: 8px;
}
.socialFacebook{background: url(/documents/images/facebook.png) no-repeat; height: 31px; width: 31px; display:inline-block;}
.socialFacebook:hover{background: url(/documents/images/facebook_white.png) no-repeat;}
.socialFacebook:active{background: url(/documents/images/facebook_white.png) no-repeat;}

.socialInstagram{background: url(/documents/images/instagram.png) no-repeat; height: 31px; width: 31px; display:inline-block;}
.socialInstagram:hover{background: url(/documents/images/instagram_white.png) no-repeat;}
.socialInstagram:active{background: url(/documents/images/instagram_white.png) no-repeat;}

.socialLinkedin{background: url(/documents/images/linkedin.png) no-repeat; height: 31px; width: 31px; display:inline-block;}
.socialLinkedin:hover{background: url(/documents/images/linkedin_white.png) no-repeat;}
.socialLinkedin:active{background: url(/documents/images/linkedin_white.png) no-repeat;}

.socialYoutube{background: url(/documents/images/youtube.png) no-repeat; height: 31px; width: 31px; display:inline-block;}
.socialYoutube:hover{background: url(/documents/images/youtube_white.png) no-repeat;}
.socialYoutube:active{background: url(/documents/images/youtube_white.png) no-repeat;}


/* ---------- INNER PAGES ---------- */
.setaLeftInner{position: absolute; top: 50%; left: 0; height: 44px; margin-top:-22px; z-index: 99;}
.setaRightInner{position: absolute; top: 50%; right: 0; height: 44px; margin-top:-22px; z-index: 99;}
.innerPagesContainer{padding:75px 50px !important;}

.innerTopoVideo {
	height: 650px;
	position: relative;
}
.innerTopoVideoContainer {
	position: absolute;
	height:100%;
	width:100%;
	overflow: hidden;
}
.fillWidth {
	position:absolute;
	width: 100%;
	/*top:0;*/
	top: 50%;
	transform: translateY(-50%);
}

.contentHoverInnerVid {}
.contentHoverInnerVidOrange {}
.contentHoverInnerVidGrey {}
.contentHoverInnerVidWhite {}


.contentHoverInnerVid h2{font-family: 'GothamLight'; font-size: 52px;}
.contentHoverInnerVid h6{font-family: 'GothamMedium'; font-size: 20px;}
.contentHoverInnerVid p{font-family: 'GothamLight'; font-size: 14px; padding:0 15px; line-height: 20px;}

.contentHoverInnerVidOrange h2{font-family: 'GothamLight'; font-size: 52px;}
.contentHoverInnerVidOrange h6{font-family: 'GothamMedium'; font-size: 20px;}
.contentHoverInnerVidOrange p{font-family: 'GothamLight'; font-size: 14px; padding:0 15px; line-height: 20px;}

.contentHoverInnerVidGrey h2{font-family: 'GothamLight'; font-size: 52px;}
.contentHoverInnerVidGrey h6{font-family: 'GothamMedium'; font-size: 20px;}
.contentHoverInnerVidGrey p{font-family: 'GothamLight'; font-size: 14px; padding:0 15px; line-height: 20px;}

.contentHoverInnerVidWhite h2{font-family: 'GothamLight'; font-size: 52px;}
.contentHoverInnerVidWhite h6{font-family: 'GothamMedium'; font-size: 20px;}
.contentHoverInnerVidWhite p{font-family: 'GothamLight'; font-size: 14px; padding:0 15px; line-height: 20px;}

.portfolioInnerPagesUC{
	background-color:#E7E8E9;
	padding: 50px 0;
}

/* DIGITAL */
.aboutDigitalUC{}
.aboutDigitalUC h4{
	font-family: 'GothamLight';
	font-size: 26px;
}
.aboutDigitalUC h5{
	font-family: 'GothamLight';
	font-size: 20px;
}
.aboutTitleUC{
	width:100%;
	background:#000000;
	padding:5px 20px;
	color:#FFFFFF;
	text-align:center;
}

/* EVENTS */
.aboutEventsUC{}
.aboutEventsUC h4{
	font-family: 'GothamLight';
	font-size: 26px;
}
.aboutEventsUC p{font-size: 14px;}
.aboutTitleUCOrange{
	width:100%;
	background:#f37920;
	padding:5px 20px;
	color:#FFFFFF;
	text-align:center;
}

/* CREATIVITY */
.aboutCreativityUC{}
.aboutCreativityUC h4{
	font-family: 'GothamLight';
	font-size: 26px;
}
.aboutCreativityUC h5{
	font-family: 'GothamLight';
	color:#f37920;
	font-size: 20px;
}
.aboutCreativityUC p{font-size: 14px;}
.aboutTitleUCGrey{
	width:100%;
	background:#E7E8E9;
	padding:5px 20px;
	color:#333333;
	text-align:center;
}

/* PRESS */
.aboutPressUC{}
.aboutPressUC h4{
	font-family: 'GothamLight';
	font-size: 26px;
}
.aboutPressUC p{font-size: 14px;}
.aboutTitleUCDarkGrey{
	width:100%;
	background:#939598;
	padding:5px 20px;
	color:#FFFFFF;
	text-align:center;
}


/* POPUP WELCOME SCREEN */
#overlay-passatempo {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9997;
}
#text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
#overlay-passatempo #text {
    width: 45%;
    height: auto;
}
.imgPassatempo {
    width: 100%;
    display: block;
    /* cursor: pointer; */
}
#text .closeLightbox-passatempo {
    position: absolute;
    top: 2px;
    right: 14px;
    font-weight: 700;
    z-index: 9999;
    cursor: pointer;
}


/* CSS CORES + PADDINGS + MARGINS + POSITIONS */
.bgBlack{background-color: #000000;}
.bgWhite{background-color: #ffffff;}
.bgaqua{background-color: aqua;}
.bgagreen{background-color: green;}
.bgablue{background-color: blue;}

.pos-relativa{position: relative;}
.pos-absoluta{position: absolute;}

.dsp-inline{display: inline-block;}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.cursorPointer{cursor:pointer;}

/* NO PADDINGS E MARGINS */
.no-padding{padding: 0 !important;}
.no-margin{margin: 0 !important;}
.no-padding-margin{padding: 0 !important; margin: 0 !important;}
.no-padding-margin-special{padding: 0 !important; margin: 0 !important;}

/* TEXT ALIGNS */
.align-left{text-align: left;}
.align-right{text-align: right;}
.align-center{text-align: center;}

/* MARGINS */
.margin-10px{margin:10px !important;}

.margin-top-5{margin-top:5px !important;}
.margin-top-10{margin-top:10px !important;}
.margin-top-15{margin-top:15px !important;}
.margin-top-20{margin-top:20px !important;}
.margin-top-25{margin-top:25px !important;}
.margin-top-30{margin-top:30px !important;}
.margin-top-40{margin-top:40px !important;}
.margin-top-50{margin-top:50px !important;}
.margin-top-100{margin-top:100px !important;}

.margin-bottom-5{margin-bottom:5px !important;}
.margin-bottom-10{margin-bottom:10px !important;}
.margin-bottom-15{margin-bottom:15px !important;}
.margin-bottom-20{margin-bottom:20px !important;}
.margin-bottom-25{margin-bottom:25px !important;}
.margin-bottom-30{margin-bottom:30px !important;}
.margin-bottom-40{margin-bottom:40px !important;}
.margin-bottom-50{margin-bottom:50px !important;}
.margin-bottom-100{margin-bottom:100px !important;}

.margin-left-5{margin-left:5px !important;}
.margin-left-10{margin-left:10px !important;}
.margin-left-15{margin-left:15px !important;}
.margin-left-20{margin-left:20px !important;}
.margin-left-25{margin-left:25px !important;}
.margin-left-30{margin-left:30px !important;}
.margin-left-40{margin-left:40px !important;}
.margin-left-50{margin-left:50px !important;}

.margin-right-5{margin-right:5px !important;}
.margin-right-10{margin-right:10px !important;}
.margin-right-15{margin-right:15px !important;}
.margin-right-20{margin-right:20px !important;}
.margin-right-25{margin-right:25px !important;}
.margin-right-30{margin-right:30px !important;}
.margin-right-40{margin-right:40px !important;}
.margin-right-50{margin-right:50px !important;}

/* PADDINGS */
.padding-5px{padding:5px !important;}
.padding-10px{padding:10px !important;}
.padding-15px{padding:15px !important;}
.padding-20px{padding:20px !important;}
.padding-25px{padding:25px !important;}
.padding-50px{padding:50px !important;}

.padding-top-5{padding-top:5px !important;}
.padding-top-10{padding-top:10px !important;}
.padding-top-15{padding-top:15px !important;}
.padding-top-20{padding-top:20px !important;}
.padding-top-25{padding-top:25px !important;}
.padding-top-30{padding-top:30px !important;}
.padding-top-40{padding-top:40px !important;}
.padding-top-50{padding-top:50px !important;}
.padding-top-100{padding-top:100px !important;}

.padding-bottom-5{padding-bottom:5px !important;}
.padding-bottom-10{padding-bottom:10px !important;}
.padding-bottom-15{padding-bottom:15px !important;}
.padding-bottom-20{padding-bottom:20px !important;}
.padding-bottom-25{padding-bottom:25px !important;}
.padding-bottom-30{padding-bottom:30px !important;}
.padding-bottom-40{padding-bottom:40px !important;}
.padding-bottom-50{padding-bottom:50px !important;}
.padding-bottom-100{padding-bottom:100px !important;}


.top-5{top:5px !important;}
.top-10{top:10px !important;}
.top-15{top:15px !important;}
.top-20{top:20px !important;}
.top-25{top:25px !important;}
.top-30{top:30px !important;}
.top-40{top:40px !important;}
.top-50{top:50px !important;}

.bottom-5{bottom:5px !important;}
.bottom-10{bottom:10px !important;}
.bottom-15{bottom:15px !important;}
.bottom-20{bottom:20px !important;}
.bottom-25{bottom:25px !important;}
.bottom-30{bottom:30px !important;}
.bottom-40{bottom:40px !important;}
.bottom-50{bottom:50px !important;}

.left-5{left:5px !important;}
.left-10{left:10px !important;}
.left-15{left:15px !important;}
.left-20{left:20px !important;}
.left-25{left:25px !important;}
.left-30{left:30px !important;}
.left-40{left:40px !important;}
.left-50{left:50px !important;}

.right-5{right:5px !important;}
.right-10{right:10px !important;}
.right-15{right:15px !important;}
.right-20{right:20px !important;}
.right-25{right:25px !important;}
.right-30{right:30px !important;}
.right-40{right:40px !important;}
.right-50{right:50px !important;}

/* MEDIA QUERIES */
@media (max-width: 320px) {
	#portfoliolist .portfolio {width:95%;}
	
	.screen0 {background: none;}
	.screen0Desktop {display: none;}
	.screen0Mobile {display: inherit;}
	#screen2 {
	    background: url("/documents/images/bg-video-creativity.jpg") no-repeat;
		background-size: cover;
	}
	.homepage-video-module h2{font-size: 48px;}
	.servicos-video-module h2{font-size: 48px;}
	.servicos-video-module h6{font-size: 26px;}
	.no-padding-margin-special{padding: 0 15px !important;}
	.fillWidth{display:none;}
	
	.contentHoverInnerVid h2{font-family: 'GothamLight'; font-size: 37px;}
	.contentHoverInnerVid h6{font-family: 'GothamMedium'; font-size: 20px;}
	.contentHoverInnerVid p{font-family: 'GothamLight'; font-size: 13px; padding:0 15px; line-height: 16px;}
	
	.contentHoverInnerVidOrange h2{font-family: 'GothamLight'; font-size: 37px;}
	.contentHoverInnerVidOrange h6{font-family: 'GothamMedium'; font-size: 20px;}
	.contentHoverInnerVidOrange p{font-family: 'GothamLight'; font-size: 13px; padding:0 15px; line-height: 16px;}
	
	.contentHoverInnerVidGrey h2{font-family: 'GothamLight'; font-size: 37px;}
	.contentHoverInnerVidGrey h6{font-family: 'GothamMedium'; font-size: 20px;}
	.contentHoverInnerVidGrey p{font-family: 'GothamLight'; font-size: 13px; padding:0 15px; line-height: 16px;}
	
	.contentHoverInnerVidWhite h2{font-family: 'GothamLight'; font-size: 37px;}
	.contentHoverInnerVidWhite h6{font-family: 'GothamMedium'; font-size: 20px;}
	.contentHoverInnerVidWhite p{font-family: 'GothamLight'; font-size: 13px; padding:0 15px; line-height: 16px;}
	
	.mobilePosterDigital{
		background:url(/documents/images/bg-video-digital.jpg) no-repeat center center;
		background-size:cover;
	}
	.mobilePosterEvents{
		background:url(/documents/images/bg-video-events.jpg) no-repeat center center;
		background-size:cover;
	}
	.mobilePosterForward{
		background:url(/documents/images/bg-video-forward.jpg) no-repeat center center;
		background-size:cover;
	}
	.mobilePosterCreativity{
		background:url(/documents/images/bg-video-creativity.jpg) no-repeat center center;
		background-size:cover;
	}
	.h2GenericoRevSlider{font-size: 16px !important;}
	.h6GenericoRevSlider{font-size: 10px !important;}
	
	.paddingNegativoMobile{margin-top:-40px !important;}
	
	.mobileInnerLogoCreativity{max-width: 175px !important;}
	.mobileInnerLogoEvents{max-width: 150px !important;}
	.mobileInnerLogoComun{max-width: 150px !important;}
	.mobileInnerLogoDigi{max-width: 150px !important;}
	
	.mobileLogoHomePub{max-width: 175px !important;}
	.mobileLogoHomeEvents{max-width: 155px !important;}
	.mobileLogoHomePress{max-width: 135px !important;}
	.mobileLogoHomeDigi{max-width: 155px !important;}
	.mobileLogoHomeStep{max-width: 125px !important;}
	
	.logotipoUcLetras{background-size: 100px 33px; width: 100px; height: 33px; margin: 18px 0; left: 20px;}
	.logotipoSAM{background-size: 75px 35px; width: 75px; height: 35px; margin: 18px 0; left: 127px;}
}

@media (min-width: 321px) 
  and (max-width: 480px) {
	#portfoliolist .portfolio {width:95%;}
	
	.screen0 {background: none;}
	.screen0Desktop {display: none;}
	.screen0Mobile {display: inherit;}
	#screen2 {
	    background: url("/documents/images/bg-video-creativity.jpg") no-repeat;
		background-size: cover;
	}
	.homepage-video-module h2{font-size: 48px;}
	.servicos-video-module h2{font-size: 48px;}
	.servicos-video-module h6{font-size: 26px;}
	.no-padding-margin-special{padding: 0 15px !important;}
	.fillWidth{display:none;}
	
	.contentHoverInnerVid h2{font-family: 'GothamLight'; font-size: 37px;}
	.contentHoverInnerVid h6{font-family: 'GothamMedium'; font-size: 20px;}
	.contentHoverInnerVid p{font-family: 'GothamLight'; font-size: 13px; padding:0 15px; line-height: 16px;}
	
	.contentHoverInnerVidOrange h2{font-family: 'GothamLight'; font-size: 37px;}
	.contentHoverInnerVidOrange h6{font-family: 'GothamMedium'; font-size: 20px;}
	.contentHoverInnerVidOrange p{font-family: 'GothamLight'; font-size: 13px; padding:0 15px; line-height: 16px;}
	
	.contentHoverInnerVidGrey h2{font-family: 'GothamLight'; font-size: 37px;}
	.contentHoverInnerVidGrey h6{font-family: 'GothamMedium'; font-size: 20px;}
	.contentHoverInnerVidGrey p{font-family: 'GothamLight'; font-size: 13px; padding:0 15px; line-height: 16px;}
	
	.contentHoverInnerVidWhite h2{font-family: 'GothamLight'; font-size: 37px;}
	.contentHoverInnerVidWhite h6{font-family: 'GothamMedium'; font-size: 20px;}
	.contentHoverInnerVidWhite p{font-family: 'GothamLight'; font-size: 13px; padding:0 15px; line-height: 16px;}
	
	.mobilePosterDigital{
		background:url(/documents/images/bg-video-digital.jpg) no-repeat center center;
		background-size:cover;
	}
	.mobilePosterEvents{
		background:url(/documents/images/bg-video-events.jpg) no-repeat center center;
		background-size:cover;
	}
	.mobilePosterForward{
		background:url(/documents/images/bg-video-forward.jpg) no-repeat center center;
		background-size:cover;
	}
	.mobilePosterCreativity{
		background:url(/documents/images/bg-video-creativity.jpg) no-repeat center center;
		background-size:cover;
	}
	.h2GenericoRevSlider{font-size: 18px !important;}
	.h6GenericoRevSlider{font-size: 12px !important;}
	.paddingNegativoMobile{margin-top:-40px !important;}
	  
	.mobileInnerLogoCreativity{max-width: 175px !important;}
	.mobileInnerLogoEvents{max-width: 150px !important;}
	.mobileInnerLogoComun{max-width: 150px !important;}
	.mobileInnerLogoDigi{max-width: 150px !important;}
	  
	.mobileLogoHomePub{max-width: 175px !important;}
	.mobileLogoHomeEvents{max-width: 155px !important;}
	.mobileLogoHomePress{max-width: 135px !important;}
	.mobileLogoHomeDigi{max-width: 155px !important;}
	.mobileLogoHomeStep{max-width: 125px !important;}
	  
	.logotipoUcLetras{background-size: 100px 33px; width: 100px; height: 33px; margin: 18px 0; left: 20px;}
	.logotipoSAM{background-size: 75px 35px; width: 75px; height: 35px; margin: 18px 0; left: 127px;}
}
	
@media (min-width: 481px) 
  and (max-width: 768px) {
	#portfoliolist .portfolio {width:47%;}  
	
	.screen0 {background: none;}
	.screen0Desktop {display: none;}
	.screen0Mobile {display: inherit;}
	#screen2 {
	    background: url("/documents/images/bg-video-creativity.jpg") no-repeat;
		background-size: cover;
	}
	.homepage-video-module h2{font-size: 48px;}
	.servicos-video-module h2{font-size: 48px;}
	.servicos-video-module h6{font-size: 26px;}
	.no-padding-margin-special{padding: 0 15px !important;}
	.fillWidth{display:none;}
	.mobilePosterDigital{
		background:url(/documents/images/bg-video-digital.jpg) no-repeat center center;
		background-size:cover;
	}
	.mobilePosterEvents{
		background:url(/documents/images/bg-video-events.jpg) no-repeat center center;
		background-size:cover;
	}
	.mobilePosterForward{
		background:url(/documents/images/bg-video-forward.jpg) no-repeat center center;
		background-size:cover;
	}
	.mobilePosterCreativity{
		background:url(/documents/images/bg-video-creativity.jpg) no-repeat center center;
		background-size:cover;
	}
	.h2GenericoRevSlider{font-size: 20px !important;}
	.h6GenericoRevSlider{font-size: 14px !important;}
	.paddingNegativoMobile{margin-top:-40px !important;}
	  
	.mobileInnerLogoCreativity{max-width: 175px !important;}
	.mobileInnerLogoEvents{max-width: 150px !important;}
	.mobileInnerLogoComun{max-width: 150px !important;}
	.mobileInnerLogoDigi{max-width: 150px !important;}
	  
	.mobileLogoHomePub{max-width: 175px !important;}
	.mobileLogoHomeEvents{max-width: 155px !important;}
	.mobileLogoHomePress{max-width: 135px !important;}
	.mobileLogoHomeDigi{max-width: 155px !important;}
	.mobileLogoHomeStep{max-width: 125px !important;}
	  
	.logotipoUcLetras{background-size: 100px 33px; width: 100px; height: 33px; margin: 18px 0; left: 20px;}
	.logotipoSAM{background-size: 75px 35px; width: 75px; height: 35px; margin: 18px 0; left: 127px;}
}

@media (min-width: 769px) 
  and (max-width: 1024px) {
	#portfoliolist .portfolio {width:31%;}
	
	.no-padding-margin-special{padding: 0 15px !important;}
	.fillWidth{display:none;}
	.mobilePosterDigital{
		background:url(/documents/images/bg-video-digital.jpg) no-repeat center center;
		background-size:cover;
	}
	.mobilePosterEvents{
		background:url(/documents/images/bg-video-events.jpg) no-repeat center center;
		background-size:cover;
	}
	.mobilePosterForward{
		background:url(/documents/images/bg-video-forward.jpg) no-repeat center center;
		background-size:cover;
	}
	.mobilePosterCreativity{
		background:url(/documents/images/bg-video-creativity.jpg) no-repeat center center;
		background-size:cover;
	}
}

@media (min-width: 1025px) 
  and (max-width: 1280px) {

}

@media (min-width: 1281px) 
  and (max-width: 1440px) {

}

@media (min-width: 1441px) 
  and (max-width: 1600px) {

}

@media (min-width: 1601px) 
  and (max-width: 1900px) {

}

@media (min-width: 1901px) {

}

/* MOBILE LANDSCAPE */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation: landscape) {
	 
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}