@charset "UTF-8";

/* ==========================================================================
 0. Geral
 ========================================================================== */

/* fonts */
@font-face {
	font-family: 'magic';
	src:url('../fonts/icons/fonts/magic.eot?3z1zuo');
	src:url('../fonts/icons/fonts/magic.eot?3z1zuo#iefix') format('embedded-opentype'),
		url('../fonts/icons/fonts/magic.ttf?3z1zuo') format('truetype'),
		url('../fonts/icons/fonts/magic.woff?3z1zuo') format('woff'),
		url('../fonts/icons/fonts/magic.svg?3z1zuo#magic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Extrabold';  
  src: url('../fonts/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/OpenSans-Extrabold.woff') format('woff'), 
       url('../fonts/OpenSans-Extrabold.ttf')  format('truetype'), 
       url('../fonts/OpenSans-Extrabold.svg#OpenSans-Extrabold') format('svg');
  font-weight: normal;
  font-style: normal;
}

i[class^="magic-icon-"],
.links-list li a:before {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'magic' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.magic-icon-ok:before { content: "\e912"; }
.magic-icon-pinterest:before { content: "\e90b"; }
.magic-icon-select:before { content: "\e901"; }
.magic-icon-arrow-down:before { content: "\e90d"; }
.magic-icon-arrow-ind-left:before { content: "\e907"; }
.magic-icon-arrow-ind-right:before { content: "\e906"; }
.magic-icon-arrow-next:before { content: "\e910"; }
.magic-icon-arrow-prev:before { content: "\e90f"; }
.magic-icon-arrow-up:before { content: "\e90e"; }
.magic-icon-arrow2-down:before { content: "\e908"; }
.magic-icon-arrow2-left:before { content: "\e909"; }
.magic-icon-arrow2-right:before { content: "\e90a"; }
.magic-icon-arrow2-up:before { content: "\e904"; }
.magic-icon-arrow3-left:before { content: "\e913"; }
.magic-icon-arrow3-right:before { content: "\e914"; }
.magic-icon-blog:before { content: "\e915"; }
.magic-icon-close:before { content: "\e911"; }
.magic-icon-desktop:before { content: "\e917"; }
.magic-icon-eye:before { content: "\e90c"; }
.magic-icon-flag:before { content: "\e900"; }
.magic-icon-mail:before { content: "\e903"; }
.magic-icon-mobile:before { content: "\e905"; }
.magic-icon-open-file:before { content: "\e902"; }
.magic-icon-www:before { content: "\e918"; }
.magic-icon-youtube3:before { content: "\e916"; }
.magic-icon-bin:before { content: "\e9ad"; }
.magic-icon-calendar:before { content: "\e954"; }
.magic-icon-checkmark:before { content: "\ea11"; }
.magic-icon-facebook:before { content: "\ea91"; }
.magic-icon-flickr:before { content: "\eaa4"; }
.magic-icon-github:before { content: "\eab1"; }
.magic-icon-google-plus:before { content: "\ea8c"; }
.magic-icon-home:before { content: "\e919"; }
.magic-icon-html-five:before { content: "\eae5"; }
.magic-icon-instagram:before { content: "\ea94"; }
.magic-icon-linkedin:before { content: "\eacb"; }
.magic-icon-location:before { content: "\e948"; }
.magic-icon-lock:before { content: "\e990"; }
.magic-icon-phone:before { content: "\e943"; }
.magic-icon-play:before { content: "\e91a"; }
.magic-icon-price-tags:before { content: "\e937"; }
.magic-icon-rss:before { content: "\ea9c"; }
.magic-icon-skype:before { content: "\eac6"; }
.magic-icon-star-full:before { content: "\e9da"; }
.magic-icon-twitter:before { content: "\ea97"; }
.magic-icon-vimeo:before { content: "\eaa1"; }
.magic-icon-whatsapp:before { content: "\ea95"; }
.magic-icon-youtube:before { content: "\ea9e"; }
.magic-icon-zoom-in:before { content: "\e989"; }
.magic-icon-zoom-out:before { content: "\e98a"; }



/* geral */
body {
	background: #FFF;
	font-size: 16px;
	font-family: 'Open Sans', Arial, sans-serif;
	/*-ms-overflow-style: scrollbar; hack para IE - Desativar Scrollbar Overlay*/
	-ms-overflow-x: hidden;
	    overflow-x: hidden;
}

b,
strong,
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 700; }

/* util */
.text-light 		{ font-weight: 300 !important; }
.text-regular 		{ font-weight: 400 !important; }
.text-semibold 		{ font-weight: 600 !important; }
.text-bold 			{ font-weight: 700 !important; }
.text-extrabold 	{ font-weight: 800 !important; }

.text-upper 		{ text-transform: uppercase !important; }
.text-lower 		{ text-transform: lowercase !important; }

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

span.br {
	display: block;
	width: 0;
}


.container {}
.container--small { max-width: 1280px; }


::selection {
	color: #FFF;
	background: #67038c; /* WebKit/Blink Browsers */
}
::-moz-selection {
	color: #FFF;
	background: #67038c; /* Gecko Browsers */
}

/* form */
.control-label {}

.form-control {}

textarea.form-control {
	font-family: inherit;
	height: auto !important;
	resize: none;
	padding: 8px;
}

.form-control::-webkit-input-placeholder {
	color: inherit;
	text-transform: lowercase;
}
.form-control:-moz-placeholder {
	color: inherit;
	text-transform: lowercase;
}
.form-control::-moz-placeholder {
	color: inherit;
	text-transform: lowercase;
}
.form-control:-ms-input-placeholder {
	color: inherit;
	text-transform: lowercase;
}

.input-group-addon,
.input-group-addon + .form-control + .input-group-btn,
.input-group-addon + .form-control + .input-group-btn .btn,
.form-control,
.bootstrap-select > .btn,
.form-control[size] { height: 42px; }

.input-group-addon + .form-control + .input-group-btn .btn { padding: 4px 18px; }
.input-group-addon,
.input-group-addon + .form-control,
.input-group-addon + .form-control + .input-group-btn { vertical-align: top; }
.input-group-addon {
	width: 32px;
	line-height: 30px;
	padding: 0;
	text-align: center;
}

.form-group { margin-bottom: 15px; }
.form-group > .row > [class^="col-"] { margin-top: 15px; }
.form-group > .row > [class^="col-"]:first-child { margin-top: 0; }

form .row {
	margin-left: -9px;
	margin-right: -9px;
}
form [class^="col-"] {
	padding-left: 9px;
	padding-right: 9px;
}
form .radio,
form .checkbox {
	margin: 10px 0;
	line-height: 1;
}
form .radio label,
form .checkbox label {
	min-height: 18px;
	font-weight: 600;
	font-size: 0.875em; /* 14/16 */
}


form .radios-inline {
	margin-top: -10px;
	margin-left: -30px;
}
form .radios-inline .radio {
	display: inline-block;
	vertical-align: middle;
	margin: 10px 0 0 30px;
}
form .radios-inline .radio label {
	line-height: 1.3;
	font-size: 1em;
}


/* form > errors */
form label.error {
	display: block;
	padding-left: 0;
	margin-top: 1px;
	color: #D12F25;
	font-size: 11px;
	line-height: 1;
	font-weight: 600;
}

.form-validation--hide-label-errors label.error { display: none !important; }

.error.form-control { border-color: #D12F25; }
.error.form-control::-webkit-input-placeholder 	{ color: #D12F25; }
.error.form-control:-moz-placeholder	 			{ color: #D12F25; }
.error.form-control::-moz-placeholder	 			{ color: #D12F25; }
.error.form-control:-ms-input-placeholder	 		{ color: #D12F25; }



/* Parallax Effect */
.parallax-window {
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
	    -ms-transform: translate3d(0,0,0);
	     -o-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
	background-attachment: fixed !important;
	background-repeat: no-repeat;
	background-position: 50% 0;
}


/* buttons */
.btn {}


.btn-send { position: relative; }
.btn-send i {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px;
	margin-right: -12px;
}


.btn-close-text {
	padding: 0 5px;
	background: transparent;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.btn-close-text,
.btn-close-text > * {
	display: inline-block;
	vertical-align: middle;
}
.btn-close-text .icon {
	color: #969696;
	width: 26px;
	height: 26px;
	line-height: 28px;
	text-align: center;
	font-size: 12px;
	background: #FFF;
	margin-right: 8px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.btn-close-text .icon i {}
.btn-close-text .text {
	color: #848484;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 700;
}


.btn-go-top {
	display: block;
	color: #535353;
	border: 1px solid #535353;
	width: 40px;
	height: 64px;
	background: transparent;
	border-radius: 22px;
	text-align: center;
	line-height: 50px;
	font-size: 24px;
	-webkit-transition: all ease-out .12s;
	   -moz-transition: all ease-out .12s;
	    -ms-transition: all ease-out .12s;
	     -o-transition: all ease-out .12s;
	        transition: all ease-out .12s;
}
.btn-go-top i {
	display: inline-block;
	vertical-align: bottom
}
.btn-go-top:hover,
.btn-go-top:active {
	color: #FFF;
	background: #535353;
}
.btn-go-top:active {
	box-shadow: inset 0 4px 4px 0 rgba(0,0,0,.25), inset 0 2px 2px 0 rgba(0,0,0,.25);
}


.btn-back {
	color: #FFF;
	background: #C7C7C7;
	text-transform: uppercase;
	font-size: 0.8125em; /* 13/16 */
	line-height: 1;
	padding: 9px 16px;
	border-radius: 18px;
}
.btn-back i {
	margin-right: 20px;
	font-size: 16px;
}
.btn-back,
.btn-back * {
	display: inline-block;
	vertical-align: middle;
}


.btn-newsletter {
	position: fixed;
	-webkit-transform: translateZ(0);
	z-index: 300;
	color: #FFF;	
	text-transform: uppercase;
	border: none;
	padding: 6px 26px;
	margin: 0;
	right: 15px;
	bottom: 0;
	border-radius: 10px 0 0 0;
}
.btn-newsletter,
.btn-newsletter .icon {
	display: block;
	background: #8400B1;
}
.btn-newsletter > * {
	display: inline-block;
	vertical-align: middle;
}
.btn-newsletter > i {
	font-size: 16px;
	margin-right: 8px;
}
.btn-newsletter .icon {
	position: absolute;
	right: 0;
	top: -30px;
	width: 26px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 12px 12px 0 0;
}
.btn-newsletter .icon i {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}
.btn-newsletter .text {
	font-weight: 800;
	font-size: 0.8125em; /* 13/16 */
	line-height: 1;
	letter-spacing: 1px;
	letter-spacing: 0.5px;
}
.btn-newsletter { display: none; }


.navbar-toggle {
	display: none !important;
    background: #67038C;
    width: 44px;
    height: 44px;
    padding: 8px 8px;
    margin: 0;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.navbar-toggle .icon-bar { background: #FFF; }
.navbar-toggle:hover,
.navbar-toggle:active { background-color: #000; }
.navbar-toggle:active {
	-webkit-box-shadow: inset 0 2px 6px 0 rgba(0,0,0,.3);
			box-shadow: inset 0 2px 6px 0 rgba(0,0,0,.3);
}
.navbar-toggle:active .icon-bar {
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.3);
			box-shadow: 0 0 2px 0 rgba(0,0,0,.3);
}
.navbar-toggle .icon-bar {
	width: 100%;
	height: 3px;
}


/* commons */
.links-list {
	list-style-type: none;
	margin: 0 0 0 -28px;
	padding: 0;
}
.links-list li a {
	display: block;
	position: relative;
	padding-left: 28px;
	text-decoration: none;
}
.links-list li a:before {
	content: "\e906";
	display: block;
	width: 24px;
	text-align: center;
	font-size: 10px;
	color: #6B038E;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.links-list li a:hover,
.links-list li a:active {
	font-weight: 700;
}
.links-list li a:hover:before,
.links-list li a:active:before {
	opacity: 1;
}


.social-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.social-list li { display: block; }
.social-list li a {
	display: block;
	padding-left: 36px;
	position: relative;
}
.social-list li a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
	width: 26px;
	height: 14px;
	background: url('../images/sprite_social.png') -200px -200px;
}

.social-list .facebook a:before { background-position: 0 0; }
.social-list .twitter a:before { background-position: 0 -38px; }
.social-list .instagram a:before { background-position: 0 -76px; }
.social-list .blog a:before { background-position: 0 -114px; }
.social-list .linkedin a:before { background-position: 0 -152px; }



.sub-dashed-list,
.sub-dashed-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sub-dashed-list ul { margin: 5px 0; }
.sub-dashed-list li {
	display: block;
	position: relative;
}
.sub-dashed-list ul > li {
	padding-left: 36px;
}
.sub-dashed-list ul > li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 12px;
	background: #AEAEAE;
	width: 28px;
	height: 1px;
}



.lista-clientes {
	display: block;
	list-style: none;
	margin: -17px -25px 0 -25px;
	padding: 0;
}
.lista-clientes li {
	float: left;
    width: 20%;
    height: 135px;
    padding: 0px 10px;
    text-align: center;
}
.lista-clientes li .lista-clientes__item {}
.lista-clientes li .lista-clientes__item > span {
	display: table-cell;
	vertical-align: middle;
}
.lista-clientes li img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}



/* ANIMATIONS */
.animated {
	-webkit-animation-duration: .4s;
		animation-duration: .4s;
	-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}

.pullDown {
	animation-name: pullDown;
	-webkit-animation-name: pullDown;

	animation-duration: 1.1s;
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;

	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
}

@keyframes pullDown {
	0% 		{ transform: scaleY(0.1); }
	40% 	{ transform: scaleY(1.02); }
	60% 	{ transform: scaleY(0.98); }
	80% 	{ transform: scaleY(1.01); }
	100% 	{ transform: scaleY(0.98); }
	80% 	{ transform: scaleY(1.01); }
	100% 	{ transform: scaleY(1); }
}

@-webkit-keyframes pullDown {
	0% 		{ -webkit-transform: scaleY(0.1); }
	40% 	{ -webkit-transform: scaleY(1.02); }
	60% 	{ -webkit-transform: scaleY(0.98); }
	80% 	{ -webkit-transform: scaleY(1.01); }
	100% 	{ -webkit-transform: scaleY(0.98); }
	80% 	{ -webkit-transform: scaleY(1.01); }
	100% 	{ -webkit-transform: scaleY(1); }
}

.pullUp {
	animation-name: pullUp;
	-webkit-animation-name: pullUp;

	animation-duration: 1.1s;
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;

	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
}

@keyframes pullUp {
	0% 		{ transform: scaleY(1); }
	40% 	{ transform: scaleY(1.01); }
	60% 	{ transform: scaleY(0.98); }
	80% 	{ transform: scaleY(1.01); }
	100% 	{ transform: scaleY(0.98); }
	80% 	{ transform: scaleY(1.02); }
	100% 	{ transform: scaleY(0.1); }
}

@-webkit-keyframes pullUp {
	0% 		{ -webkit-transform: scaleY(1); }
	40% 	{ -webkit-transform: scaleY(1.01); }
	60% 	{ -webkit-transform: scaleY(0.98); }
	80% 	{ -webkit-transform: scaleY(1.01); }
	100% 	{ -webkit-transform: scaleY(0.98); }
	80% 	{ -webkit-transform: scaleY(1.02); }
	100% 	{ -webkit-transform: scaleY(0.1); }
}



/* ==========================================================================
 1. jQuery Plugins
 ========================================================================== */

/* 1.1 Slick Slider
 ========================================================================== */
.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	-webkit-user-select: none;
		 -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus { outline: none; }
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
		 -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	outline: none;
	position: relative;
}
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden { display: none; }

.slick-arrow,
.slick-arrow i {
	-webkit-transition: all ease-out .25s;
		 -moz-transition: all ease-out .25s;
			-ms-transition: all ease-out .25s;
			 -o-transition: all ease-out .25s;
					transition: all ease-out .25s;
}
.slick-arrow {
	display: block;
	position: absolute;
	bottom: 240px;
	width: 32px;
	height: 58px;
	font-size: 58px;
	line-height: 0.83;
	z-index: 10;
	border: none;
	color: #FFF;
	opacity: .65;
	filter: alpha(opacity=65);
	background: transparent;
	outline: none;
}
.slick-arrow i {
	display: inline-block;
	vertical-align: middle;
	text-shadow: 1px 1px 4px rgba(0,0,0,.1);
}
.slick-arrow.slick-prev { left: -104px; }
.slick-arrow.slick-next { right: -104px; }

.slick-arrow:hover,
.slick-arrow:active {
	opacity: .70;
	filter: alpha(opacity=70);
}
.slick-arrow:active i { text-shadow: 1px 1px 10px rgba(0,0,0,.4); }

.slick-dots {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
}
.slick-dots > li {
	position: relative;
	z-index: 5;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
.slick-dots > li span {
	position: relative;
	z-index: 10;
	border: 2px solid #fff;
	background-color: transparent;
	-webkit-border-radius: 50%;
			border-radius: 50%;
}
.slick-dots > li + li { margin-left: 8px; }
.slick-dots > li,
.slick-dots > li span,
.slick-dots > li button {
	width: 18px;
	height: 18px;
}
.slick-dots > li button,
.slick-dots > li span { display: block; }
.slick-dots > li button {
	opacity: 0;
	filter: alpha(opacity=0);
	background: transparent;
	border: 0;
}
.slick-dots > .slick-active,
.slick-dots > .slick-active span,
.slick-dots > .slick-active button {}
.slick-dots > .slick-active span {
	background-color: #00a2ff;
	border-color: #00a2ff;
}

.slick-slider .slick-arrow {
	display: block;
	border: none;
	width: 54px;
	height: 90px;
	padding: 0;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -45px;
	z-index: 20;
	background: transparent;
}
.slick-slider .slick-arrow i {
	font-size: 82px;
	height: 82px;
	display: inline-block;
	vertical-align: top;
	color: #fff;
}
.slick-slider .slick-prev {
	left: 20px;
}
.slick-slider .slick-next {
	right: 20px;
}

.slick-slider .slick-arrow.slick-disabled {
	opacity: .1;
	cursor: not-allowed;
}


/* 1.2 Colorbox Core Style
 ========================================================================== */

#colorbox,
#cboxOverlay,
#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: visible;
	-webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper { max-width: none; }
#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#cboxTitle { margin: 0; }
#cboxLoadingOverlay,
#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow { cursor: pointer; }
.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}
.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
/*
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
	opacity: 0.7;
	filter: alpha(opacity 70);
	background: #333;
}
#colorbox { outline: 0; }
#cboxContent {
	background: #FFF;
	box-shadow: 0 0 18px 0 rgba(0,0,0,.5);
}
.cboxIframe { background: #fff; }
#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}
#cboxLoadedContent {
	background: #FFF;
}
#cboxTitle {
	position: absolute;
	top: -20px;
	left: 0;
	color: #ccc;
}
#cboxCurrent {
	position: absolute;
	top: -20px;
	right: 0px;
	color: #ccc;
}
#cboxLoadingGraphic { background: url('../images/colorbox/loading.gif') no-repeat center center; }

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	width: auto;
	background: none;
}

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active { outline: 0; }
#cboxSlideshow {
	position: absolute;
	top: -20px;
	right: 90px;
	color: #fff;
}


#cboxPrevious,
#cboxNext {
	color: #4B4B4B;
	position: absolute;
	display: block;
	top: 50%;
	width: 62px;
	height: 110px;
	margin-top: -55px;
}
#cboxPrevious i,
#cboxNext i {
	font-size: 110px;
}

#cboxPrevious { left: 15px; }
#cboxNext { right: 15px; }

#cboxClose {
	width: 46px;
	height: 46px;
	line-height: 48px;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	right: 20px;
	display: block;
	color: #FFF;
	background: #9609D1;
	text-align: center;
}
#cboxClose i { font-size: 18px; }
#cboxClose:hover,
#cboxClose:active { background-color: #A20AE2; }
#cboxClose:active { box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.5); }

/* ==========================================================================
 2. Main Header
 ========================================================================== */

.main-header .lingua{display: none !important;}
.main-header {
	/*position: fixed;
	-webkit-transform: translateZ(0);
	left: 0;
	top: 0;*/
	width: 100%;
	background: #FFF;
	z-index: 200;
	position: relative;
}

.main-header .navbar-toggle {
	position: absolute;
	right: 15px;
	top: 14px;
	margin-top: 0;
	display: block;
}

.main-header,
.main-header .nav-menu,
.main-header .nav-social { height: 100px; }

.main-header .navbar-brand {
	padding: 10px 0;
	width: 118px;
	margin: 0;
}
.main-header .navbar-brand a,
.main-header .navbar-brand img { display: block; }
.main-header .navbar-brand img {
	max-width: 100%;
	max-height: 100%;
	max-height: 80px;
}

.main-header .container {
	display: table;
	position: relative;
	z-index: 10;
	width: 93%;
	max-width: 1760px;
}
.main-header .navbar-brand { height: auto; }
.main-header .container > * {
	float: none;
	display: table-cell;
	vertical-align: top;
}
.main-header #main-nav {
	padding-left: 60px;
	position: relative;
}

.main-header .nav-menu {
	color: #5b5b5b;
	font-weight: 600;
	text-transform: lowercase;
	font-size: 1.125em; /* 18/16 */
	line-height: 1;
	display: table;
}
.main-header .nav-menu > li {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	border: none;
	padding: 0;
}
.main-header .nav-menu > li a {
	color: inherit;
	padding: 15px 20px;
	display: table-cell;
	vertical-align: middle;
	height: 100px;
	letter-spacing: 1px;
	position: relative;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	-webkit-transition: all ease-out .16s;
	   -moz-transition: all ease-out .16s;
	    -ms-transition: all ease-out .16s;
	     -o-transition: all ease-out .16s;
	        transition: all ease-out .16s;
}
.main-header .nav-menu > li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 0;
	background: #642B85;
	opacity: 0;
	z-index: 10;
	border-left: 1px solid #642B85;
	border-right: 1px solid #642B85;
	-webkit-transition: all ease-out .16s;
	   -moz-transition: all ease-out .16s;
	    -ms-transition: all ease-out .16s;
	     -o-transition: all ease-out .16s;
	        transition: all ease-out .16s;
}
.main-header .nav-menu > li a:focus { background: transparent; }
.main-header .nav-menu > li a:hover,
.main-header .nav-menu > li a:active,
.main-header .nav-menu > .active > a {
	border-left-color: #EAEAEA;
	border-right-color: #EAEAEA;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.main-header .nav-menu > li:hover:before,
.main-header .nav-menu > .active:before {
	height: 4px;
	opacity: 1;
}
.main-header .nav-menu ul { display: none; }

.main-header .nav-social {
	position: relative;
	display: table;
}
.main-header .nav-social li {
	float: none;
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
	position: relative;
	z-index: 1;
}
.main-header .nav-social li:first-child { padding-left: 0; }
.main-header .nav-social li a {
	padding: 0;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 44px;
	border-radius: 50%;
	color: #FFF;
	background: #C8C8C8;
	text-align: center;
	-webkit-transition: all ease-out .12s;
	   -moz-transition: all ease-out .12s;
	    -ms-transition: all ease-out .12s;
	     -o-transition: all ease-out .12s;
	        transition: all ease-out .12s;
}
.main-header .nav-social li a i {
	display: inline-block;
	vertical-align: middle;
	font-size: 22px;
}
.main-header .nav-social li.idiomas{
	width: 110px;
	padding: 0px;
	display: table-cell;
}
.main-header .nav-social li.idiomas .bordaIdioma{
	border: 2px solid #D2D2D2;
	overflow: hidden;
	margin-left: 10px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.main-header .nav-social li.idiomas a {
	float: left;
	width: 50%;
	text-indent: -9999px;
	background: #FFF;
	-webkit-border-radius: 0;
	        border-radius: 0;
}
.main-header .nav-social li.idiomas a:hover {background: #FFF;}
.main-header .nav-social li.idiomas a.active{background: #DEDEDE;}
.main-header .nav-social li.idiomas a span{
	background: url('../images/idiomas.png') no-repeat;
	width: 27px;
	height: 17px;
	float: left;
	margin: 17px 11px;
}
.main-header .nav-social li.idiomas a.ptBR {border-right: 1px solid #d2d2d2;}
.main-header .nav-social li.idiomas a.eng {border-left: 1px solid #d2d2d2;}
.main-header .nav-social li.idiomas a.ptBR span {background-position: 0px -25px;}
.main-header .nav-social li.idiomas a.eng span {background-position: -36px -25px;}
.main-header .nav-social li.idiomas a.ptBR.active span {background-position: 0px 0px;}
.main-header .nav-social li.idiomas a.eng.active span {background-position: -36px 0px;}
.main-header .nav-social li.idiomas a.eng:hover span {background-position: -36px 0px;}



.main-header .nav-social li a:hover,
.main-header .nav-social li a:active { background: #67038C; }

.main-header .nav-social .blog a { line-height: 48px; }
.main-header .nav-social .blog i { font-size: 10px; }

.main-header .nav-social .youtube i { font-size: 26px; }

.main-header .nav-social .vimeo i { font-size: 20px; }
.main-header .nav-social .linkedin i { font-size: 20px; }

.main-header .nav-social:before {
	/*content: "";
	position: absolute;
	left: -26%;
	top: 0;
	width: 146%;
	height: 125%;
	background: url('../images/bg_social_menu.png') no-repeat 50% 100%;
	z-index: 0;*/
}

.main-header:after,
.main-header #main-nav .sub-menus,
.main-header #main-nav .sub-menus ul,
.main-header #main-nav .sub-menus li a { height: 50px; }

.main-header--sub-menu-active:after {
	display: block;
	background: #7119B5;
	z-index: 1;
	left: 0;
	top: 100%;
	width: 100%;
	content: "";
}

.main-header #main-nav .sub-menus {
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	color: #FFF;
	z-index: 10;
	padding-left: 70px;
}
.main-header #main-nav .sub-menus ul {
	list-style-type: none;
	display: table;
	float: left;
	margin: 0;
	padding: 0;
}
.main-header #main-nav .sub-menus li {
	display: table-cell;
	vertical-align: middle;
	border: none;
	padding: 0 0 0 30px;
}
.main-header #main-nav .sub-menus li:first-child { padding-left: 0; }
.main-header #main-nav .sub-menus li a {
	display: table-cell;
	vertical-align: middle;
	color: inherit;
	font-size: 1em;
	letter-spacing: 1px;
	font-weight: 600;
	padding: 12px;
	text-decoration: none;
	position: relative;
}
.main-header #main-nav .sub-menus li a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
	background: #fff;
	opacity: 0;
	-webkit-transition: all ease-out .25s;
	   -moz-transition: all ease-out .25s;
	    -ms-transition: all ease-out .25s;
	     -o-transition: all ease-out .25s;
	        transition: all ease-out .25s;
}
.main-header #main-nav .sub-menus li a:hover:before,
.main-header #main-nav .sub-menus li.active a:before,
.main-header #main-nav .sub-menus li a:active:before {
	height: 3px;
	opacity: 1;
}

.main-header--sub-menu-active #main-nav .sub-menus { display: block; }

.main-header #main-nav .sub-menus.f-sub-menus {
	z-index: 9999; 
	position: fixed; 
	left: 0; 
	top: 0;
	background: #7119B5;
	width: 100%;
	padding-left: 203px;
}
.btRedeMagicMob{display: none !important;}
.main-header #main-nav .btRedeMagic{position: relative;margin: 7px 20px -16px 0px; display: block;}
.main-header #main-nav .btRedeMagic a{
	background: #EAEAEA;
	box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.2);
	padding: 8px 20px;
	width: 333px;
	height: 96px;
	-webkit-border-radius: 55px;
	border-radius: 55px;
}
.main-header #main-nav .btRedeMagic a:hover{background: #ddd;}
.main-header #main-nav .btRedeMagic .colEsq{
	float: left;
	width: 50%;
	margin: 10px 0px;
}
.main-header #main-nav .btRedeMagic .colEsq h5{
	color: #282828;
	font-size: 20px;
	font-weight: 900;
	float: left;
	text-align: left;
	margin: 0px 0px;
}
.main-header #main-nav .btRedeMagic .colEsq .btClique{
	font-size: 15px;
	color: #9200C3;
	font-weight: bold;
	float: left;
	clear: both;
	line-height: 15px;
}
.main-header #main-nav .btRedeMagic .colDir{
	float: left;
	width: 50%;
	margin: 10px 0px;
    text-align: right;
}
.main-header #main-nav .btRedeMagic .btMais{
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: 0 auto;
}


/* ==========================================================================
 3. Main Footer
 ========================================================================== */

.main-footer {
	background: #FFF;
	border-top: 2px solid #E7E7E7;
	margin-top: 22px;
}


.footer__nav {
	color: #000;
	font-size: 1.125em; /* 18/16 */
	letter-spacing: 1px;
}

.footer__nav .btn-go-top {
	position: absolute;
	right: -42px;
	top: 52px;
	display: block !important;
}

.footer__nav ul li { margin-bottom: 3px; }

.footer__nav a {
	color: inherit;
}
.footer__nav .container {
	position: relative;	
}
.footer-nav__container {
	position: relative;
	width: 1570px;
	margin: 0 auto;
	display: table;
}
.footer-nav__container > * {
	display: table-cell;
	vertical-align: top;
}
.footer__nav ul {
	list-style-type: none;
}

.footer-nav__title {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 1em;
	margin: 0 0 10px 0;
	line-height: 1;
}

.footer__nav .col {
	position: relative;
	padding: 22px;
}
.footer__nav .col:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2px;
	background: #E7E7E7;
	margin-top: -2px;
}


.footer__nav .acesso-rapido { width: 35%; }
.footer__nav .redes-sociais { width: 17%; }
.footer__nav .outros-acessos {
	color: #AEAEAE;
	width: 37%;
}

.footer__nav .acesso-rapido:before { background: #6B038E; }
.footer__nav .redes-sociais:before { background: #01C6DA; }

.footer__nav .redes-sociais { text-align: center; }
.footer__nav .social-list {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	min-width: 150px;
}


.footer__nav .links-list,
.footer__nav .sub-dashed-list {
	-webkit-columns: 2;
	   -moz-columns: 2;
	        columns: 2;
}



.footer__magic {
	text-align: center;
	padding: 0 0 25px 0;
}
.footer__magic a,
.footer__magic a > * {
	display: inline-block;
	vertical-align: middle;
}
.footer__magic a {
	text-decoration: none;
	color: #4F4F4F;
	font-size: 11px;
	letter-spacing: 2px;
}
.footer__magic a img {
	max-width: 60px;
	margin: 0 16px;
	height: auto;
}
.footer__magic a:hover { color: #67038C; }
.footer__magic a:hover span { text-decoration: underline; }


body {
	padding-bottom: 100px;
	-webkit-transition: padding-bottom ease-out .25s;
	   -moz-transition: padding-bottom ease-out .25s;
	    -ms-transition: padding-bottom ease-out .25s;
	     -o-transition: padding-bottom ease-out .25s;
	        transition: padding-bottom ease-out .25s;
}
body.hide-newsletter { padding-bottom: 0; }

.footer__newsletter .container { position: relative; }
.newsletter__close {
	position: absolute;
	right: 0;
	top: 15px;
	border-radius: 0;
}
.footer__newsletter {
	position: fixed;
	-webkit-transform: translateZ(0);
	z-index: 200;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #000;
	background: #E6E6E6 url('../images/grid_pattern.png') repeat;
}
.footer__newsletter .newsletter__container {
	max-width: 1266px;
	margin: 0 auto;
}
.footer__newsletter .newsletter__title {
	text-transform: uppercase;
	font-size: 1.125em; /* 18/16 */
	line-height: 1;
	margin: 0 0 5px 0;
	font-weight: 800;
}
.footer__newsletter .newsletter__sub-title {
	margin: 0;
	font-size: 0.875em; /* 14/16 */
	line-height: 1.4;
	font-weight: 400;
	letter-spacing: 1px;
	letter-spacing: 0.5px
}
.footer__newsletter .cols { height: 100px; }
.footer__newsletter .cols,
.footer__newsletter .cols form {
	display: table;
	width: 100%;
}
.footer__newsletter .cols .col,
.footer__newsletter .cols form > * {
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
}
.footer__newsletter .cols .col:first-child,
.footer__newsletter .cols form > *:first-child { padding-left: 0; }

.footer__newsletter .cols .col-tt { width: 384px; }
.footer__newsletter .cols .form-footer { width: 112px; }

.footer__newsletter .form-control {
	border: none;
	color: inherit;
	height: 38px;
	border-radius: 20px;
	padding: 2px 24px;
}



/* ==========================================================================
 4.Content
 ========================================================================== */


.page-title {
	line-height: 0.78;
	margin: 16px 0 26px 0;	
	color: #DCDCDC;
	font-size: 6.25em; /* 100/16 */
	letter-spacing: -0.077em; /* 14/180 */
}


.colorbox-cases #cboxPrevious,
.colorbox-cases #cboxNext {
	background: #41DDEC;
	color: #FFF;
	width: 60px;
	height: 110px;
}
.colorbox-cases #cboxPrevious i,
.colorbox-cases #cboxNext i { font-size: 28px; }
.colorbox-cases #cboxPrevious { left: -30px; }
.colorbox-cases #cboxNext { right: -30px; }


.callback-form {
	color: inherit;
	padding: 50px;
	padding-left: 168px;
	position: relative;
	width: 100%;
	margin: 0 auto;
	border: 2px solid #ECECEC;
	border-color: rgba(236, 236, 236, 0.6);
	max-width: 1046px;
	font-size: 1.25em; /* 20/16 */
}
.callback-form .icon {
	position: absolute;
	left: 32px;
	top: 50%;
	color: #FFF;
	background: #9D9D9D;
	border-radius: 50%;
	width: 102px;
	height: 102px;
	line-height: 116px;
	margin-top: -51px;
	text-align: center;
}
.callback-form .icon i { font-size: 32px; }
.callback-form p { margin: 0; }

.callback-form__title {
	font-size: 1.3em; /* 26/20 */
	font-weight: 800;
	letter-spacing: -1px;
	letter-spacing: -1.2px;
	margin: 0 0 8px 0;
}


.callback-form--success .icon { background-color: #10AE00; }


/* 4.1 HOME
 ========================================================================== */

.page-home {}



.home-slider {}
.home-slider__container {} 
.home-slider__slide { display: none; }
.home-slider__slide:first-child { display: block; }
.home-slider__slide {
	position: relative;
	overflow: hidden;
}
.home-slider__slide .bg {
	position: relative;
	z-index: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-color: #FFF;
}

.home-slider__slide .bg,
.home-slider__slide .image { height: 702px; }

.home-slider__slide .content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10;
}
.home-slider__slide .content .container {
	padding-left: 50px;
	padding-right: 50px;
	position: relative;
}
.home-slider__slide .container > * {
	position: absolute;
	z-index: 1;
}

.home-slider__slide .slide-destaque {
	right: 18px;
	top: 10.5%;
	color: #FFF;
	/* padding-left: 3.4%;
	padding-right: 1%;
	padding-top: 5%;
	padding-bottom: 10%; */
	width: 28%;
	padding-top: 5%;
	padding-bottom: 10%;
	z-index: 10;
}
.home-slider__slide .slide-destaque .col {
	position: absolute;
	z-index: 0;
}
.home-slider__slide .slide-destaque .col1 {
	background: #67038C;
	left: 0;
	top: 9%;
	width: 48.5%;
	z-index: 1;
	height: 73%;
	padding: 30px;
	box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
}
.home-slider__slide .slide-destaque .col2 {
	background: #67038C;
	background-color: rgba(103, 3, 140, 0.60);
	right: 0;
	top: 0;
	width: 60%;
	height: 100%;
	box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
	padding-bottom: 150px;
}
.home-slider__slide .slide-destaque > img,
.home-slider__slide .slide-destaque > .img {
	position: relative;
	z-index: 10;
	padding: 0;
}
.home-slider__slide .slide-destaque img {	
	max-width: 80%;
	max-height: 320px;
	display: block;
	margin: 0 auto;
}
.home-slider__slide .slide-destaque > .img {
	max-width: 100%; height: 320px;
}
.home-slider__slide .slide-destaque .col2 .btn {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 50px;
	padding: 0;
	z-index: 10;
	width: 100px;
	height: 100px;
	line-height: 100px;
	margin-left: -50px;
	text-align: center;
	border-radius: 0;
}
.home-slider__slide .slide-destaque .col2 .btn i {
	display: inline-block;
	vertical-align: middle;
	font-size: 68px;
	color: #FFF;
}
.home-slider__slide .slide-destaque .col2 .btn i.more {
	font-weight: 300;
}

.home-slider__slide .slide-destaque .n {
	position: absolute;
	font-weight: 700;
	font-size: 3.75em; /* 60/16 */
	left: 30px;
	top: 20px;
	line-height: 1;
	letter-spacing: -4px;
	letter-spacing: -0.06em; /* 4/60 */
}
.home-slider__slide .slide-destaque .tt {
	position: absolute;
	left: 30px;
	bottom: 30px;
	font-size: 1.625em; /* 26/16 */
	line-height: 1;
	max-width: 56%;
}

.home-slider__slide .image > [class^="slide-"] {
	position: absolute;
	max-height: 100%;
}
.home-slider__slide .image > [class^="slide-"] img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.home-slider__slide .image {
	position: relative;
	max-width: 79.5%;
}

.home-slider__slide .slide-splash {
	z-index: 0;
	left: 7.2%;
	bottom: 8%;
	max-width: 90%;
}
.home-slider__slide .slide-person {
	z-index: 7;
	width: 100%;
	padding-top: 22px;
}
.home-slider__slide .slide-laptop {
	z-index: 8;
	right: -20px;
	top: 20px;
	max-width: 72%;
}
.home-slider__slide .slide-phone {
	z-index: 8;
	left: 70%;
	bottom: 0;
	max-width: 32%;
}
.home-slider__slide .slide-tablet {
	z-index: 5;
	left: 0;
	top: 15px;
	max-width: 67%;
}
.home-slider__slide .slide-square {
	z-index: 4;
	top: 7%;
	width: 100%;
	text-align: center;
	padding-right: 5px;
}
.home-slider__slide .slide-square span {
	display: inline-block;
	vertical-align: middle;
	width: 36.8%;
	border: 8px solid #FFF;
}
.home-slider__slide .slide-square span:before {
	content: "";
	display: block;
	padding-top: 100%;
}


/* BANNER ADEMILAR */
.home-slider__slide.ademilar .image {z-index: 11;}
.home-slider__slide.ademilar .slide-square {
	padding-right: 0;
	padding-left: 15.5%;
}
.home-slider__slide .slide-square span { width: 43.4%; }
.home-slider__slide.ademilar .slide-person { padding-top: 0px; z-index: 9;}
.home-slider__slide.ademilar .slide-person img {}
.home-slider__slide.ademilar .slide-laptop {
	right: auto;
	left: 19%;
	bottom: 0%;
	top: auto;
}
.home-slider__slide.ademilar .slide-phone {
	left: auto;
	right: 0%;
	bottom: 0%;
	z-index: 8;
	max-width: 29%;
}
.home-slider__slide.ademilar .bg { background-color: #f2e7d9; }


/* BANNER AEROFLEX */
.home-slider__slide.aeroflex .image {z-index: 11;}
.home-slider__slide.aeroflex .slide-square {
	padding-right: 0;
	padding-left: 15.5%;
}
.home-slider__slide .slide-square span { width: 43.4%; }
.home-slider__slide.aeroflex .slide-person {    
	z-index: 9;
    left: -11%;
    bottom: 0%;
    top: auto;
    max-width: 63%;
}
.home-slider__slide.aeroflex .slide-person img {}
.home-slider__slide.aeroflex .slide-laptop {
    left: 23%;
    bottom: 0%;
    top: auto;
    max-width: 72%;
}
.home-slider__slide.aeroflex .slide-phone {
	left: auto;
	right: 0%;
	bottom: 0%;
	z-index: 8;
	max-width: 29%;
}
.home-slider__slide.aeroflex .bg { background-color: #f2e7d9; }


/* BANNER AEROFLEX */
.home-slider__slide.aeroflex .image {z-index: 11;}
.home-slider__slide.aeroflex .slide-square {
	padding-right: 0;
	padding-left: 15.5%;
}
.home-slider__slide .slide-square span { width: 43.4%; }
.home-slider__slide.aeroflex .slide-person {    
	z-index: 9;
    left: -11%;
    bottom: 0%;
    top: auto;
    max-width: 63%;
}
.home-slider__slide.aeroflex .slide-person img {}
.home-slider__slide.aeroflex .slide-laptop {
    left: 23%;
    bottom: 0%;
    top: auto;
    max-width: 72%;
}
.home-slider__slide.aeroflex .slide-phone {
	left: auto;
	right: 3%;
	bottom: 0%;
	z-index: 8;
	max-width: 29%;
}
.home-slider__slide.aeroflex .bg { background-color: #f2e7d9; }

/* BANNER LAGUNA */
.home-slider__slide.laguna .image {z-index: 11;}
.home-slider__slide.laguna .slide-square {
	padding-right: 0;
	padding-left: 14.7%;
	top: auto;
	bottom: 14%;
}
.home-slider__slide .slide-square span { width: 43%; }
.home-slider__slide.laguna .slide-person {padding-top: 0;}
.home-slider__slide.laguna .slide-person img {margin-right: 0%;}
.home-slider__slide.laguna .slide-laptop {
	right: auto;
	left: 16%;
	top: auto;
	bottom: 0%;
    z-index: 6;
    max-width: 70%;
}
.home-slider__slide.laguna .slide-tablet {
	left: -12%;
	top: 8.5%;	
}
.home-slider__slide.laguna .slide-phone {
	left: auto;
	right: -2%;
	bottom: 0%;
	z-index: 8;
	max-width: 35%;
}
.home-slider__slide.laguna .slide-splash {
	left: auto;
	bottom: 6.5%;
	right: -5.5%;
}
.home-slider__slide.laguna .slide-destaque {
	right: 1%;
	/* padding-left: 5.2%;
	padding-right: 4.2%;
	padding-top: 5%;
	padding-bottom: 7%; */
	width: 30%;
}
.home-slider__slide.laguna .bg { background-color: #527da9; }

/* BANNER TEMPUR */
.home-slider__slide.tempur .image {z-index: 11;}
.home-slider__slide.tempur .slide-square {
	padding-right: 0;
	padding-left: 14.7%;
	top: auto;
	bottom: 14%;
}
.home-slider__slide .slide-square span { width: 43%; }
.home-slider__slide.tempur .slide-person { padding-top: 28px; }
.home-slider__slide.tempur .slide-person img { margin-right: -1.6%; }
.home-slider__slide.tempur .slide-laptop {
    right: auto;
    left: 10%;
    top: auto;
    bottom: 0%;
    z-index: 6;
    max-width: 69%;
}
.home-slider__slide.tempur .slide-phone {
    left: auto;
    right: 8%;
    bottom: 0%;
    z-index: 8;
    max-width: 29%;
}
.home-slider__slide.tempur .slide-tablet {
	left: auto;
    right: -44%;
    top: 44%;
    z-index: 8;
}
.home-slider__slide.tempur .slide-destaque {
	right: 1%;
	/* padding-left: 5.2%;
	padding-right: 4.2%;
	padding-top: 5%;
	padding-bottom: 7%; */
	width: 30%;
}
.home-slider__slide.tempur .bg { background-color: #e9e1db; }


/* BANNER SEPAC */

.home-slider__slide.sepac .slide-detalhe {
	position: absolute;
	left: 0;
	top: -2%;
	z-index: 20;
	max-width: 34%;
}
.home-slider__slide.sepac .slide-square {
	padding-right: 0;
	padding-left: 15%;
	top: 17%;
	z-index: 1;
	opacity: 0;
}
.home-slider__slide .slide-square span { width: 59%; }
.home-slider__slide .slide-square span:before { padding-top: 73%; }
.home-slider__slide.sepac .slide-person {
	z-index: 8;
	bottom: 0px;
	left: -16%;
	width: 44%;
}
.home-slider__slide.sepac .slide-person img {}
.home-slider__slide.sepac .slide-laptop {
	right: auto;
	left: 11%;
	top: auto;
	bottom: 2%;
	z-index: 8;
	max-width: 80%;
}
.home-slider__slide.sepac .slide-tablet {
	left: -8.3%;
	top: 5.2%;
}
.home-slider__slide.sepac .slide-phone {
	left: 61%;
	bottom: 0%;
	z-index: 9;
	max-width: 38%;
}
.home-slider__slide.sepac .slide-splash {
	left: auto;
	bottom: 13.3%;
	right: -1.5%;
	z-index: 2;
}
.home-slider__slide.sepac .slide-destaque {
	right: 1%;
	/* padding-left: 5.2%;
	padding-right: 4.5%; */
	padding-top: 5%;
	padding-bottom: 14%;
}
.home-slider__slide.sepac .image {z-index: 12;}
.home-slider__slide.sepac .bg { background-color: #b2a9d2; }


/* BANNER BabyBoo */

.home-slider__slide.babyBoo .slide-detalhe {
	position: absolute;
	left: 0;
	top: -2%;
	z-index: 20;
	max-width: 34%;
}
.home-slider__slide.babyBoo .slide-square {
	padding-right: 0;
	padding-left: 15%;
	top: 17%;
	z-index: 1;
	opacity: 0;
}
.home-slider__slide .slide-square span { width: 59%; }
.home-slider__slide .slide-square span:before { padding-top: 73%; }
.home-slider__slide.babyBoo .slide-person {
	z-index: 9;
	bottom: 0;
	left: 62%;
	width: 32%;
}
.home-slider__slide.babyBoo .slide-person img {}
.home-slider__slide.babyBoo .slide-laptop {
	right: auto;
	left: -8%;
	top: auto;
	bottom: 0%;
	z-index: 8;
	max-width: 63%;
}
.home-slider__slide.babyBoo .slide-tablet {
	left: -8.3%;
	top: 5.2%;
}
.home-slider__slide.babyBoo .slide-phone {
	left: 39%;
	bottom: 0%;
	z-index: 9;
	max-width: 28%;
}
.home-slider__slide.babyBoo .slide-splash {
	left: auto;
	bottom: 13.3%;
	right: -1.5%;
	z-index: 2;
}
.home-slider__slide.babyBoo .slide-destaque {
	right: 1%;
	/* padding-left: 5.2%;
	padding-right: 4.5%; */
	padding-top: 5%;
	padding-bottom: 14%;
}
.home-slider__slide.babyBoo .image {z-index: 12;}
.home-slider__slide.babyBoo .bg { background-color: #b2a9d2; }


.home-slider__slide .slide-destaque,
.home-slider__slide .slide-splash,
.home-slider__slide .slide-person,
.home-slider__slide .slide-laptop,
.home-slider__slide .slide-phone,
.home-slider__slide .slide-tablet,
.home-slider__slide .slide-square,
.home-slider__slide .case-logo {
	-webkit-transition: all ease-out .30s;
	   -moz-transition: all ease-out .30s;
	    -ms-transition: all ease-out .30s;
	     -o-transition: all ease-out .30s;
	        transition: all ease-out .30s;
}

.home-slider__slide .slide-square,
.home-slider__slide .slide-splash,
.home-slider__slide .slide-detalhe,
.home-slider__slide .case-logo {
	opacity: 0;
}
.home-slider__slide .slide-tablet,
.home-slider__slide .slide-destaque {
	opacity: 0;
	-webkit-transform: translate3d(0,-400px,0);
	   -moz-transform: translate3d(0,-400px,0);
	    -ms-transform: translate3d(0,-400px,0);
	     -o-transform: translate3d(0,-400px,0);
	        transform: translate3d(0,-400px,0);
}
.home-slider__slide .slide-person,
.home-slider__slide .slide-phone {
	opacity: 0;
	-webkit-transition-delay: .10s;
	   -moz-transition-delay: .10s;
	    -ms-transition-delay: .10s;
	     -o-transition-delay: .10s;
	        transition-delay: .10s;
	-webkit-transform: translate3d(0,400px,0);
	   -moz-transform: translate3d(0,400px,0);
	    -ms-transform: translate3d(0,400px,0);
	     -o-transform: translate3d(0,400px,0);
	        transform: translate3d(0,400px,0);
}
.home-slider__slide .slide-laptop, .home-slider__slide .slide-detalhe{
	opacity: 0;
	-webkit-transition-delay: .10s;
	   -moz-transition-delay: .10s;
	    -ms-transition-delay: .10s;
	     -o-transition-delay: .10s;
	        transition-delay: .10s;
	-webkit-transform: translate3d(0,-400px,0);
	   -moz-transform: translate3d(0,-400px,0);
	    -ms-transform: translate3d(0,-400px,0);
	     -o-transform: translate3d(0,-400px,0);
	        transform: translate3d(0,-400px,0);
}
.home-slider__slide .slide-person,
.home-slider__slide .slide-destaque {
	-webkit-transition-delay: .15s;
	   -moz-transition-delay: .15s;
	    -ms-transition-delay: .15s;
	     -o-transition-delay: .15s;
	        transition-delay: .15s;
}

.home-slider__slide .case-logo {
	-webkit-transition-delay: .25s;
	   -moz-transition-delay: .25s;
	    -ms-transition-delay: .25s;
	     -o-transition-delay: .25s;
	        transition-delay: .25s;
}

.home-slider__slide.slick-current .slide-destaque,
.home-slider__slide.slick-current .slide-splash,
.home-slider__slide.slick-current .slide-person,
.home-slider__slide.slick-current .slide-laptop,
.home-slider__slide.slick-current .slide-phone,
.home-slider__slide.slick-current .slide-tablet,
.home-slider__slide.slick-current .slide-detalhe,
.home-slider__slide.slick-current .slide-square {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
	    -ms-transform: translate3d(0,0,0);
	     -o-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
}

.page-ready .page-case .home-slider__slide .slide-destaque,
.page-ready .page-case .home-slider__slide .slide-splash,
.page-ready .page-case .home-slider__slide .slide-person,
.page-ready .page-case .home-slider__slide .slide-laptop,
.page-ready .page-case .home-slider__slide .slide-phone,
.page-ready .page-case .home-slider__slide .slide-tablet,
.page-ready .page-case .home-slider__slide .slide-square,
.page-ready .page-case .home-slider__slide .slide-detalhe,
.page-ready .page-case .home-slider__slide .case-logo,
.page-ready .page-case .home-slider__slide .slide-detalhe {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
	    -ms-transform: translate3d(0,0,0);
	     -o-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
}
.home-no-slider .home-slider__slide .slide-destaque,
.home-no-slider .home-slider__slide .slide-splash,
.home-no-slider .home-slider__slide .slide-person,
.home-no-slider .home-slider__slide .slide-laptop,
.home-no-slider .home-slider__slide .slide-phone,
.home-no-slider .home-slider__slide .slide-tablet,
.home-no-slider .home-slider__slide .slide-square,
.home-no-slider .home-slider__slide .slide-detalhe,
.home-no-slider .home-slider__slide .case-logo,
.home-no-slider .home-slider__slide .slide-detalhe {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
	    -ms-transform: translate3d(0,0,0);
	     -o-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
}


/* CASES */

.home-cases { background: #F0F0F0; }

.home-cases .page-title {
	display: inline-block;
	vertical-align: top;
	position: relative;
	font-size: 11.25em; /* 180/16 */
}
.home-cases .page-title > span {
	position: relative;
	z-index: 0;
}
.home-cases .page-title .img {
	display: block;
	position: absolute;
	right: -105px;
	top: 36px;
	z-index: 10;
	opacity: .1;
}
.mix-blend-mode .home-cases .page-title .img {
	opacity: 1;
	mix-blend-mode: soft-light;
}
.home-cases .row {
	position: relative;
	z-index: 10;
}

.grid-cases {}
.grid-cases a {
	display: block;
	position: relative;
	float: left;
	width: 25%;
	overflow: hidden;
	-webkit-transition: all ease-out .10s;
	   -moz-transition: all ease-out .10s;
	    -ms-transition: all ease-out .10s;
	     -o-transition: all ease-out .10s;
	        transition: all ease-out .10s;
}
.grid-cases a > * {
	display: block;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.grid-cases a > .bg {
	-webkit-transition: all ease-out .20s;
	-moz-transition: all ease-out .20s;
	-ms-transition: all ease-out .20s;
	-o-transition: all ease-out .20s;
	transition: all ease-out .20s;
	z-index: 1;
	opacity: 0.7;
	height: 25%;
	position: absolute;
	top: 75%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.grid-cases a:hover > .bg { 
	opacity: .7; 
	height: 100%;
	top: 0;
}
.grid-cases a > .img {
	position: relative;
	z-index: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #E1E1E1;
}
.grid-cases a > .img:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.grid-cases a > .desc {
	height: 80px;
	top: auto;
	bottom: 0;
	text-align: left;
	color: #FFF;
	padding: 0 20px 0px 70px;
	font-size: 0.75em; /* 12/16 */
	line-height: 1;
	-webkit-transition: all ease-out .25s;
	-moz-transition: all ease-out .25s;
	-ms-transition: all ease-out .25s;
	-o-transition: all ease-out .25s;
	transition: all ease-out .25s;
	/*opacity: 1;
	
	-webkit-transform: translate(0,0px);
	   -moz-transform: translate(0,0px);
	    -ms-transform: translate(0,0px);
	     -o-transform: translate(0,0px);
	        transform: translate(0,0px);*/
}
.grid-cases a:hover >.desc {
	opacity: 1;
	height: auto;
	-webkit-transform: translate(0,-50px);
	   -moz-transform: translate(0,-50px);
	    -ms-transform: translate(0,-50px);
	     -o-transform: translate(0,-50px);
	        transform: translate(0,-50px);
}
.grid-cases a > .desc .p{
	opacity: 0;
	-webkit-transition: all ease-out .25s;
	   -moz-transition: all ease-out .25s;
	    -ms-transition: all ease-out .25s;
	     -o-transition: all ease-out .25s;
	        transition: all ease-out .25s;
}
.grid-cases a > .desc .icon:before{
	opacity: 0;
	-webkit-transition: all ease-out .25s;
	   -moz-transition: all ease-out .25s;
	    -ms-transition: all ease-out .25s;
	     -o-transition: all ease-out .25s;
	        transition: all ease-out .25s;
}
.grid-cases a:hover > .desc .p{opacity: 1;}
.grid-cases a:hover > .desc .icon:before{opacity: 1;}

.grid-cases a > .desc > * { display: block; }
.grid-cases a > .desc .icon {
	position: absolute;
	left: 20px;
	top: 30px;
	font-size: 38px;
	line-height: 18px;
}
.grid-cases a > .desc .icon:before {
	content: "";
	background: url('../images/bg_diagonal_1.png') no-repeat;
	width: 143px;
	height: 143px;
	position: absolute;
	left: -30px;
	bottom: -60px;
}
.grid-cases a > .desc > strong {
	font-size: 2.3em; /* 30/12 */
	letter-spacing: -2px;
	line-height: 1;
	margin-bottom: 0px;
	vertical-align: middle;
    display: table-cell;
    height: 80px;
}



.grid-cases a.babyboo > .bg {background: #7b6bb7;}
.grid-cases a.sepac > .bg {background: #0e2f69;}
.grid-cases a.tempur > .bg {background: #1b4289;}
.grid-cases a.aeroflex > .bg {background: #000;}
.grid-cases a.portal > .bg {background: #42000e;}
.grid-cases a.laguna > .bg {background: #0d3562;}
.grid-cases a.marca-laser > .bg {background: #1e1e1e;}
.grid-cases a.mizza > .bg {background: #1e1e1e;}
.grid-cases a.icoinomia > .bg {background: #002938;}
.grid-cases a.rede-magic > .bg {background: #6a159e;}
.grid-cases a.minha-promo > .bg {background: #215af0;}
.grid-cases a.branco > .bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8000a+0,6f0005+100 */
	background: -moz-linear-gradient(top,  rgba(232,0,10,1) 0%, rgba(111,0,5,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(232,0,10,1) 0%,rgba(111,0,5,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(232,0,10,1) 0%,rgba(111,0,5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8000a', endColorstr='#6f0005',GradientType=0 ); /* IE6-9 */
}
.grid-cases a.ceabs > .bg {background: #246EAD;}
.grid-cases a.ademilar > .bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1c16+0,810a06+100 */
	background: -moz-linear-gradient(top,  rgba(255,28,22,1) 0%, rgba(129,10,6,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,28,22,1) 0%,rgba(129,10,6,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,28,22,1) 0%,rgba(129,10,6,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1c16', endColorstr='#810a06',GradientType=0 ); /* IE6-9 */
}
.grid-cases a.banco_eventos > .bg {background: #DFA300;}
.grid-cases a.hologram > .bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7100af+0,20032a+100 */
	background: -moz-linear-gradient(top,  rgba(113,0,175,1) 0%, rgba(32,3,42,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(113,0,175,1) 0%,rgba(32,3,42,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(113,0,175,1) 0%,rgba(32,3,42,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7100af', endColorstr='#20032a',GradientType=0 ); /* IE6-9 */
}
.grid-cases a.panzardi > .bg {background: #a9720d;}
.grid-cases a.personale > .bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f75a1+0,002339+100 */
	background: -moz-linear-gradient(top,  rgba(47,117,161,1) 0%, rgba(0,35,57,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(47,117,161,1) 0%,rgba(0,35,57,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(47,117,161,1) 0%,rgba(0,35,57,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f75a1', endColorstr='#002339',GradientType=0 ); /* IE6-9 */
}
.grid-cases a.mizza > .bg {background: #1e1e1e;}
.grid-cases a.jrd > .bg {background: #0a6238;}



.touchevents .grid-cases a > .bg { opacity: .50; }
.touchevents .grid-cases a > .desc { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.38); }
.touchevents .grid-cases a >.desc {
	opacity: 1;
	-webkit-transform: translate(0,0);
	   -moz-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	     -o-transform: translate(0,0);
	        transform: translate(0,0);
}


.grid-cases a.active > .bg {
	-webkit-filter: grayscale(80%);
}
.grid-cases a.active > .img {
	opacity: .30;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}



/*CASES INTERNA*/
.cases-interna{height: 668px; margin-bottom: 60px;}
.cases-interna a {
	width: 33.33%;
	max-width: 747px;
	height: 50%;
}
.page-cases .home-cases__header{
	position: relative;
}
.page-cases .btVoltar {
    position: absolute;
    top: 110px;
    right: 2%;
    background: #f0f0f0;
    border: 1px solid #cccccc;
    color: #8e8e8e;
    padding: 9px 16px;
    -webkit-border-radius: 20px;
            border-radius: 20px;
}
.page-cases .btVoltar:hover {
	text-decoration: none;
	color: #8100B1;
	border: 1px solid #8100B1;
}
.page-cases .btVoltar span{
	font-weight: bold;
}
.page-cases .btVoltar i {
    margin-right: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #8100B1;
}



.modal-case {
	width: 100%;
	background: #FFF;
}
.modal-case__cols {
	display: table;
	table-layout: fixed;
	width: 100%;	
	height: 900px;
}
.modal-case__cols > * {
	display: table-cell;
	vertical-align: top;
}
.modal-case__image {
	width: 48%;
	background-color: #E1E1E1;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}

.modal-case__desc {
	/*padding: 120px 40px 140px 40px;*/
	padding: 65px 40px;
	position: relative;
}
.case-header {margin-bottom: 30px;}
.case-title {
	font-size: 2.5em; /* 40/16 */
	line-height: 1;
	letter-spacing: -2px;
	margin: 0 0 10px -2px;
}

.case-tags {
	font-size: 0.75em; /* 12/16 */
	letter-spacing: 1px;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.case-tags li,
.case-tags li:before {
	display: inline-block;
	vertical-align: top;
}
.case-tags li:before {
	content: "/";
	margin-left: 5px;
	margin-right: 8px;
}
.case-tags li:first-child:before { display: none; }

.case-categs {
	list-style: none;
	margin: 24px 0 0 0;
	padding: 0;
	display: block;
}
.case-categs li {
	display: block;
	float: left;
	color: #FFF;
	background: #41DDEC;
	width: 59px;
	height: 59px;
	line-height: 59px;
	text-align: center;
	margin-left: 1px;
}
.case-categs li:first-child { margin-left: 0; }
.case-categs li i {
	width: 59px;
	height: 59px;
	float: left;
	background: url('../images/icone-cases.png');
}
.case-categs li i.icon-www {background-position: 0px center;}
.case-categs li i.icon-face {background-position: -59px center;}
.case-categs li i.icon-insta {background-position: -120px center;}
.case-categs li i.icon-in {background-position: -180px center;}
.case-categs li i.icon-blog {background-position: -240px center;}
.case-categs li i.icon-youTube {background-position: -302px center;}
.case-categs li i.icon-twitter {background-position: -359px center;}
.case-categs li i.icon-flickr {background-position: -420px center;}
.case-categs li i.icon-pinterest {background-position: -478px center;}
.case-categs li i.icon-rss {background-position: -539px center;}
.case-categs li i.icon-gPlus {background-position: -595px center;}

.case-content {
	line-height: 1.56;
}



.case-content .case-destaque {margin: 24px 0; clear: both; overflow: hidden;}
.case-content .case-destaque.case-projeto{position: absolute; bottom: 5%;}
.case-content .case-destaque p {
	color: #373737;
	font-weight: bold;
	font-size: 1.5625em; /* 25/16 */
	line-height: 1;
	letter-spacing: -2px;
	letter-spacing: -0.08em; /* 2/25 */
	margin: 0 0 0.5em 0;
}
.case-content .case-destaque p b {
	display: block;
	color: #373737;
}
.case-content .case-destaque .btn {
	-webkit-border-radius: 0;
	        border-radius: 0;
	font-size: 1em;
	letter-spacing: 1px;
	letter-spacing: 0;
	position: relative;
	display: block;
	padding: 14px 60px 14px 30px;
	width: 310px;
	/*padding-left: 24%;
	padding-right: 24%;*/
}
.case-content .case-destaque .btn i {
	position: absolute;
	right: 46px;
	right: 15px;
	/*right: 12%;*/
	top: 50%;
	width: 30px;
	height: 28px;
	font-size: 28px;
	margin-left: 18px;
	margin-top: -14px;
}

.case-content .case-destaque .bt-site{
	background: #2EBFCD;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	float: left;
	width: 220px;
	line-height: 28px;
	margin: 10px 0px 0px;
	padding: 8px 14px;
	text-transform: uppercase;
}
.case-content .case-destaque .bt-site:hover{
	background: #1EAFBD;
	text-decoration: none;
}
.case-content .case-destaque .bt-site i{
    width: 42px;
    height: 18px;
    float: right;
    margin: 5px 0px;
    background: url(../images/icone-botao-site.png) 0px 0px no-repeat;
}






.home-20anos {
	color: #FFF;
	background: url('../images/20anos_bg.jpg') no-repeat 50% 50% #6C038E;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	padding: 80px 0 0 0;
	position: relative;
	overflow: hidden;
}
.home-20anos a { color: inherit; }
.home-20anos .container--menor {
	padding-left: 30px;
}
.home-20anos .frase {
	max-width: 33.3%;
	line-height: 1.6;
	position: relative;
	z-index: 10;
}
.home-20anos .frase p { margin: 1.6em 0; }
.home-20anos .container {
	position: relative;
	z-index: 1;
	max-width: 1180px;
}

.home-20anos .frase .cloud {
	float: left;
	margin-left: -70px;
	margin-bottom: 22px;
}
.home-20anos .frase .btn-saiba-mais {
	float: right;
	margin-top: 0.3em;
	margin-right: -25px;
}
.home-20anos .img-20anos {
	position: absolute;
	right: 25px;
	top: -90px;
	max-width: 73%;
	z-index: 1;
}
.home-20anos .img-20anos svg {		
	display: block;		
	max-width: 100%;		
}


.home-solucoes {
	color: #494949;
	position: relative;
	background: url('../images/grid_pattern.png') repeat 50% 50% #FFF;
	padding-top: 60px;
}
.home-solucoes .page-title {
	font-size: 8.75em; /* 140/16 */
	color: #A6A6A6;
	opacity: .7;
	margin-top: 0.65em;
	margin-left: -0.27em;
}
.home-solucoes .page-title > span {
	display: block;
	margin-left: 0.4em;
	margin-top: 0.08em;
}
.home-solucoes:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('../images/solucoes_bg.png') no-repeat 40% 0;
}
.home-solucoes > .container {
	position: relative;
	z-index: 1;
}

.home-solucoes .cols {
	position: relative;
}
.home-solucoes .cols .col {
	float: left;
}
.home-solucoes .cols .col-tt {
	width: 50%;
	position: absolute;
	z-index: 10;
}
.home-solucoes .cols .col-text {
	float: right;
	position: relative;
	z-index: 1;
	width: 72%;
}
.home-solucoes .col-text .marketing {
	float: right;
	display: block;
	max-width: 100%;
	margin-bottom: -92px;
}

.home-solucoes .col-text .text {
	position: relative;
	padding-left: 120px;
	padding-top: 44px;
	min-height: 204px;
	max-width: 506px;
	line-height: 1.56;
}
.home-solucoes .col-text .text p { margin: 0 0 1em 0; }
.home-solucoes .col-text .text .text-icon {
	position: absolute;
	left: 0;
	top: 0;
}

.home-solucoes .col-text .f {
	float: left;
	width: 100%;
	margin-top: -56px;
}
.home-solucoes .col-text .f a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20%;
}





.home-clientes {
	background: #E7E7E7;
	min-height: 300px;
	padding-bottom: 63px;
}
.home-clientes__title {
    text-align: center;
    margin-bottom: 50px;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 30px;
}
.home-clientes__title .page-title {
	margin: 0;
	position: relative;
	z-index: 1;
	color: #888;
	display: inline-block;
	vertical-align: top;
	padding-top: 50px;
}

.home-clientes__title .page-title span {
	display: block;
	position: relative;
	z-index: 1;
	opacity: .7;
}

.home-clientes .lista-clientes {
	position: relative;
	z-index: 10;
}


.home-midias-sociais {
	color: #FFF;
	background: url('../images/midias_sociais_bg.jpg') repeat-x 50% 0 #5B0079;
	padding-bottom: 100px;
}
.stream li[data-link="https://www.youtube.com/watch?v=neY3p8NrQnA"] { display: none !important; }
.home-midias-sociais .page-title {
	float: left;
	color: inherit;
	position: relative;	
	padding-left: 56px;
	padding-top: 36px;
	margin: 0;
}
.home-midias-sociais .page-title:before {
	content: "";
	background: url('../images/midias_sociais_title_bg.png') no-repeat;
	width: 390px;
	height: 393px;
	position: absolute;
	left: -51px;
	top: 0;
	z-index: 0;
}
.home-midias-sociais .page-title > span {
	display: block;
	position: relative;
	z-index: 1;
}
.home-midias-sociais .page-title > span span { display: block; }
.home-midias-sociais .page-title > span span:first-child { margin-left: 76px; }

/*.home-midias-sociais .social-nav {
	float: right;
	display: block;
	margin: 145px 0 0 0;
	padding: 0;
	list-style: none;
}*/

.home-midias-sociais .dcsns-toolbar {
	float: right;
	display: block;
	position: relative;
	z-index: 200;
	margin-top: -152px;
	margin-right: 60px;
}

.home-midias-sociais .social-nav > li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.home-midias-sociais .social-nav > li a {
	color: inherit;
	display: block;
	text-align: center;
	width: 58px;
	height: 58px;
	line-height: 48px;
	border: 3px solid #FFF;
	text-decoration: none;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	-webkit-transition: all ease-out .12s;
	   -moz-transition: all ease-out .12s;
	    -ms-transition: all ease-out .12s;
	     -o-transition: all ease-out .12s;
	        transition: all ease-out .12s;
}
.home-midias-sociais .social-nav > li a i {
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
}
.home-midias-sociais .social-nav > .eye a i { font-size: 20px; }
.home-midias-sociais .social-nav > .flickr a i {
	font-size: 22px;
	line-height: 0.5;
}

.home-midias-sociais .social-nav > li a .magic-icon-blog { font-size: 12px; }

.home-midias-sociais .social-nav > li a:hover,
.home-midias-sociais .social-nav .iso-active { background: #9836B9; }

.home-midias__header {
	min-height: 300px;
	padding-bottom: 50px;
}


.social-feed__container {
	position: relative;
	z-index: 10;
	max-width: 1418px;
	margin: 0 auto;
}
.social-feed__item {
	float: left;
	width: 40%;
	padding: 2px;
}
.social-feed__item .wrap {
	position: relative;
}
.social-feed__item .wrap > .desc {
	display: block;
	float: left;
	width: 50%;
}
.stream .dcsns-instagram > .wrap { padding: 0; }
.wrap .social-feed-img {
	display: block;
	position: relative;
	width: 100%;
}
.wrap .social-feed-img {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #E1E1E1;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
.wrap .social-feed-img:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.wrap .social-feed-img .icon {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 38px;
	height: 38px;
	line-height: 34px;
	color: #FFF;
	background: #0674BB;
	border-radius: 50%;
	text-align: center;
}
.wrap .social-feed-img .icon i {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
}

.wrap .social-feed-img .icon .magic-icon-blog { font-size: 8px; }
.wrap .social-feed-img .icon .magic-icon-flickr {
	font-size: 20px;
	line-height: 0.6;
}

.social-feed__item .wrap > .desc {
	color: #656565;
	background: #FFF;
	font-size: 0.875em; /* 14/16 */	
	position: absolute;
	right: 0;
	height: 100%;
}
.social-feed__item .wrap .desc-content {
	position: relative;
	padding-top: 35px;
	padding-bottom: 48px;
	max-height: 100%;
	overflow: hidden;
}
.social-feed__item .wrap .desc-content p {
	-ms-text-overflow: ellipsis;
	    text-overflow: ellipsis;
}

.social-feed__item .wrap .desc-content,
.social-feed__item .wrap .desc-footer {
	padding-left: 30px;
	padding-right: 30px;
}

.social-feed__item .wrap .desc-title {
	display: inline-block;
	vertical-align: top;
	color: #6B038E;
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 1.14285714286em; /* 16/14 */
	min-height: 28px;
}

.social-feed__item .wrap > .desc p { margin-bottom: 1.28571428571em; /* 18/14 */ }

.social-feed__item .wrap .desc-footer {
	position: absolute;
	left: 0;
	bottom: 14px;
	width: 100%;
}
.social-feed__item .wrap .desc-footer .desc-link {
	float: left;
	display: block;
	color: #6C068F;
	line-height: 1;
	text-decoration: none;
}
.social-feed__item .wrap .desc-footer .desc-link i {
	font-size: 10px;
}
.social-feed__item .wrap .desc-footer .desc-date {
	display: block;
	line-height: 1;
	margin-top: 1px;
	color: #656565;
	float: right;
	font-weight: bold;
	font-size: 0.857142857143em; /* 12/14 */
}


.social-feed__item.facebook .wrap .desc-content { padding-top: 15px; }
.social-feed__item.facebook .wrap .desc { background: #E8E8E8; }
.social-feed__item.facebook .wrap .desc-title {
	padding-top: 14px;
	font-size: 1.07142857143em; /* 15/14 */
	color: #6B038E;
	padding-left: 58px;
	font-weight: 400;
	background: url('../images/magic_facebook.png') no-repeat left center;
	min-height: 48px;
}

.social-feed__item.blog .wrap > .img .icon { background: #6B038E; }

.social-feed__item.instagram,
.social-feed__item.flickr { width: 20%; }


.social-feed__item.instagram .wrap > .img {
	width: 100%;
	background-color: #FFF;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
}

.social-feed__item.flickr .wrap > .img { width: 100%; }
.social-feed__item.flickr .wrap .img .icon {
	background-color: #FFF;
	color: #0A70BC;
}


.contato-section {
	background: #F0F0F0;
	overflow: hidden;
	clear: both;
}
.contato-section .page-title {
	margin: 0;
	color: #6C6C6C;
	opacity: .5;
}
.contato-section__header {
	padding-top: 70px;
	padding-bottom: 30px;
	background: url('../images/splash2.png') no-repeat 57% -82%
}
.contato-section__header .cols {
	display: inline-block;
	vertical-align: top;
	min-width: 94%;
	padding-left: 10%;
	margin-top: 38px;
}

.contato-section .address {
	color: #717182;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.contato-section .address:before {
	content: "";
	display: block;
	position: absolute;
	left: -90px;
	bottom: 10px;
	z-index: 0;
	background: url('../images/linha_diagonal1.png');
	width: 216px;
	height: 216px;
}
.contato-section .address > span {
	position: relative;
	z-index: 1;
}
.contato-section .address > span > strong {	
	font-weight: 800;
	color: #686868;
	font-size: 2.5em; /* 40/16 */
	line-height: 1;
	letter-spacing: -2px;
	margin-bottom: 10px;
	display: block;
}
.contato-section .address > span > b {
	color: #01C6DA;
	font-weight: 800;
}
.contato-section .sp .address > span > b { color: #6B038E; }

.contato-section__map {
	float: left;
	width: 50%;
	height: 430px;
	background: #EAEAEA;
}

.contato-section > .row {
	margin-left: -4px;
	margin-right: -4px;
}
.contato-section > .row .contato-section__map {
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
}

.contato-section .mobile-text { display: none; }


/* 4.2 Cases
 ========================================================================== */

.page-case { padding-top: 50px; } 
.page-case .btn-back,
.page-cases .btn-back { margin: 60px 0 30px 0; }
 
.page-case {
	color: #231F20;
	line-height: 1.56;
}
.page-case p {
	margin: 1.5em 0;
}

/*.page-case .home-slider__container {
	position: relative;
	overflow: hidden;
}
.page-case .home-slider__slide {
	position: fixed;
	width: 100%;
	z-index: 10;
}*/

.page-case .home-slider__container,
.page-case .home-slider__slide,
.page-case .home-slider__slide .bg,
.page-case .home-slider__slide .image { height: 473px; }

.page-case .home-slider__slide .content .container {padding-left: 15px;	padding-right: 15px;}
.page-case .home-slider {padding-top: 0px;}
.page-case .home-slider .boxConteudo{
    width: 100%;
    max-width: 1330px;
    height: 473px;
    margin: 0px auto 0;
    padding: 40px 0px 0px;
    position: relative;
}
.page-case .home-slider .boxConteudo .boxTexto{
    float: left;
    width: 50%;
    max-width: 530px;
}
.page-case .home-slider .boxConteudo .boxTexto p{
	color: #FFF;
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 30px;
}
.page-case .home-slider .boxConteudo .boxTexto p span{font-size: 12px; font-weight: bold;}
.page-case .home-slider .boxConteudo .case-categs{
    clear: both;
    position: absolute;
    bottom: 1px;
    left: 0px;
}



.page-case .simple-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 26px 0 26px 38px;
}
.page-case .simple-list:before { top: 0; }
.page-case .simple-list:after { bottom: 0; }
.page-case .simple-list:before,
.page-case .simple-list:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 99%;
	height: 0;
	border-top: 2px dashed #FFF;
}


.page-case h2.page-sub-title {
	font-size: 3.125em; /* 50/16 */
	letter-spacing: -2px;
	letter-spacing: -0.06em; /* 3/50 */
	line-height: 1;
	margin: 0.6em 0; /* 30/50 */
}

.page-case h3.page-sub-title {
	font-size: 2.5em; /* 40/16 */
	letter-spacing: -2px;
	letter-spacing: -0.05em; /* 2/40 */
	line-height: 1;
	margin: 0.6em 0; /* 30/50 */
}





.page-case .case-intro {overflow: hidden;}

.page-case .case-intro .boxConteudo{
	width: 100%;
	max-width: 1330px;
	margin: 0 auto;	
}
.page-case .case-intro .meiaCol{
	width: 50%;
	float: left;
}
.page-case .case-intro .boxTexto{padding: 80px 86px 0;}

.page-case .case-intro .barraSite{
	width: 100%;
	padding: 33px 0px;
	text-align: center;
    clear: both;
}
.page-case .case-intro .barraSite a{
	font-size: 40px;
	font-weight: bold;
	color: #FFF;
	position: relative;
}
.page-case .case-intro .barraSite p{
	font-size: 40px;
	font-weight: bold;
	color: #FFF;
	position: relative;
	margin: 0;
}
.page-case .case-intro .barraSite span{
    background: #fff27b;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #504185;
    letter-spacing: 2px;
    position: absolute;
    top: -36px;
}
.page-case .case-intro .barraSite i{
	width: 32px;
	height: 32px;
	position: absolute;
	bottom: 0px;
	right: -44px;
	clear: both;
}
.page-case .case-intro h2{
	font-size: 48px;
	font-weight: bold;
	line-height: 56px;
	letter-spacing: -3px;
	color: #FFF;
	margin: 15px 0px 40px;
}
.page-case .case-intro h3{
	font-size: 38px;
	font-weight: bold;
	line-height: 40px;
	color: #FFF;
	margin: 15px 0px 30px;
}
.page-case .case-intro h4{
	font-size: 24px;
	font-weight: bold;
	line-height: 26px;
	color: #FFF;
	margin: 15px 0px 10px;
}
.page-case .case-intro p{
	font-size: 16px;
	line-height: 24px;
	color: #FFF;
	margin:0 0 20px;
}
.page-case .case-intro h2.colorPreto, .page-case .case-intro h3.colorPreto, .page-case .case-intro h4.colorPreto, .page-case .case-intro p.colorPreto{color: #000;}
.page-case .case-intro span.clear{display: block;}


/* CASE BABYBOO*/
.page-case--babyboo .case-categs li{background: #7666A0;}
.case-intro.babyboo .boxBabyboo{
	overflow: hidden;
	width: 100%;
	background: rgba(122, 108, 161, 0.95);
}
.page-case .case-intro.babyboo .foto{
	float: left;
	width: 50%;
}
.page-case .case-intro.babyboo .bgBabyboo{
    width: 100%;
    height: 554px;
    background: url(../images/case-babyboo/bg-case-babyboo.jpg) no-repeat center 0;
    clear: both;
    float: left;
}
.page-case .case-intro.babyboo .bgBabyboo .boxMidias{
	width: 50%;
	height: 554px;
	float: left;
	padding: 0 86px;
	background: rgba(107, 92, 155, 0.95);
}
.page-case .case-intro.babyboo .boxMidias .vertical{
	vertical-align: middle;
	display: table-cell;
	height: 554px;
}
.page-case .case-intro.babyboo .boxLead{
	overflow: hidden;
	width: 100%;
}
.page-case .case-intro.babyboo .boxLead .boxTexto{
	float: left;
	width: 50%;
	height: 550px;
	padding: 40px 86px 0;
	position: relative;
	background: rgba(122, 108, 161, 0.95);
}
.page-case .case-intro.babyboo .boxLead .boxTexto .img{
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 560px;
}
.page-case .case-intro.babyboo .boxLead .boxTexto .img img{width: 100%;}
.page-case .case-intro.babyboo .boxLead .foto{margin-top: 67px;}


.page-case .case-intro.babyboo .barraSite{background: #47B19D;}
.page-case .case-intro.babyboo .barraSite i{background: url("../images/case-babyboo/icon-site.png") no-repeat;}
.page-case .case-intro.babyboo .barraSite span {background: #fff27b; color: #504185;}

.page-case .case-intro.babyboo .boxPromo{
	background: #DDEAED;
	width: 100%;
	overflow: hidden;
}
.page-case .case-intro.babyboo .boxPromo .webCont{
	float: left;
	width: 50%;
}
.page-case .case-intro.babyboo .boxPromo .fotoInteira{
	float: right;
	width: auto;
	margin-right: -86px;
	margin-top: 40px;
}
.page-case .case-intro.babyboo .boxPromo .foto{
	float: left;
	width: 100%;
	margin-left: -86px;
	margin-top: 90px;
}
.page-case .case-intro.babyboo .boxPromo h2, .page-case .case-intro.babyboo .boxPromo p{color: #000;}



/* CASE TEMPUR */
.page-case--tempur .case-categs li{background: #174587;}
.case-intro.tempur .conteudoCase.boxWebSite{padding: 50px 80px 0 0;}
.case-intro.tempur .boxLocalizador{padding: 20px 10px 0px 50px; margin-bottom: 25px;}
.case-intro.tempur .barraSite{background: #004182;}
.case-intro.tempur .barraSite i{background: url("../images/case-tempur/icon-site.png") no-repeat;}
.case-intro.tempur .barraSite span {background: #00aeff; color: #fff;}
.case-intro.tempur .boxPromo{
	background: #fff;
	width: 100%;
	overflow: hidden;
}
.case-intro.tempur .boxPromo .fotoInteira {
    float: right;
    width: auto;
    margin-top: 0px;
}
.case-intro.tempur .boxTempur{
	background: #E7EAEC;
	width: 100%;
	overflow: hidden;
}
.case-intro.tempur .boxTempur .vertical{
	vertical-align: middle;
	display: table-cell;
	height: 559px;
    padding-right: 10%;
}
.case-intro.tempur .blocoTempur {
    overflow: hidden;
    width: 100%;
}
.case-intro.tempur .blocoTempur .bgAzul{background: rgba(0, 76, 151, 0.95);}
.case-intro.tempur .blocoTempur .caixaMArketing{
	background: rgba(0, 76, 151, 0.95);
	padding-bottom: 55px;
}
.case-intro.tempur .blocoTempur .blocoMarketing{margin-bottom: 112px;}
.case-intro.tempur .blocoTempur .bgBranco{
	background: #FFF;
	color: #000;
}
.case-intro.tempur .foto {
    float: left;
    width: 50%;
}
.case-intro.tempur .tempurEdicao{
	width: 100%;
    height: 604px;
    background: url(../images/case-tempur/tempur_case__intro_foto9.jpg) no-repeat center 0;
    clear: both;
    float: left;
}
.case-intro.tempur .bgTempur{
	width: 100%;
    height: 554px;
    background: url(../images/case-tempur/tempur_case__intro_foto8.jpg) no-repeat center 0;
    clear: both;
    float: left;
}
.case-intro.tempur .bgTempur .boxMidias {
    width: 50%;
    height: 554px;
    float: left;
    padding: 0 86px;
    background: rgba(0, 76, 151, 0.95);
}
.case-intro.tempur .boxMidias .vertical {
    vertical-align: middle;
    display: table-cell;
    height: 554px;
}
.case-intro.tempur .blocoTempur .boxMidiaOn{margin-bottom: 70px;}

/* CASE LAGUNA */
.case-intro.laguna .barraSite{background: #74b6db;}
.case-intro.laguna .barraSite i{background: url("../images/case-laguna/icon-site.png") no-repeat;}
.case-intro.laguna .barraSite span {background: #083d79; color: #fff;}
.case-intro.laguna .barraSite a {color: #012753;}
.case-intro.laguna .conteudoCase.boxWebSite {padding: 50px 80px 0 0;}
.case-intro.laguna .foto {float: left; width: 50%;}
.case-intro.laguna h2{margin: 15px 0 10px;}
.case-intro.laguna .subTitLaguna{
	text-transform: uppercase;
	font-size: 38px;
	line-height: 38px;
	font-weight: lighter;
	margin: 0 0 10px;
}
.case-intro.laguna .bgLaguna{
	width: 100%;
    background: url("../images/case-laguna/laguna_case__intro_foto3.jpg") no-repeat center 0;
    clear: both;
    float: left;
}
.case-intro.laguna .bgLaguna .bgAzul {
    background: rgba(8, 61, 121, 0.95);
    padding-bottom: 55px;
    height: 1982px;
}
.case-intro.laguna .bgLaguna .blocolaguna{
    margin: 45px 0 25px;
    float: left;
    clear: both;
}
.case-intro.laguna .bgLaguna .blocolaguna.blocoMidias{margin: 130px 0 0px;}
.case-intro.laguna .bgLaguna .img{float: left; margin: 25px 0px 15px -86px;}
.case-intro.laguna .boxExtranet{
	width: 100%;
	height: 379px;
    background: url("../images/case-laguna/laguna_case__intro_foto4.jpg") no-repeat center 0;
    clear: both;
    float: left;
}


/* CASE ADEMILAR */
.page-case--ademilar .case-categs li{background: #b81219;}
.case-intro.ademilar .barraSite{background: #eae5db; margin-top: 70px;}
.case-intro.ademilar .barraSite i{background: url("../images/case-ademilar/icon-site.png") no-repeat;}
.case-intro.ademilar .barraSite span {background: #ba0f1f; color: #fff;}
.case-intro.ademilar .barraSite a {color: #010101;}
.case-intro.ademilar .conteudoCase.boxWebSite {padding: 50px 80px 0 0;}
.case-intro.ademilar .boxConteudo .foto {float: left; width: 50%;}
.case-intro.ademilar h2 {margin: 15px 0 10px;}
.case-intro.ademilar .bgAdemilar{
	width: 100%;
	height: 1503px;
    background: url("../images/case-ademilar/bg-adeimlar.jpg") no-repeat center 0;
    clear: both;
    float: left;
}
.case-intro.ademilar .bgAdemilar .bgVermelho {
    background: rgba(186, 15, 31, 0.95);
    padding-bottom: 55px;
    height: 1503px;
}
.case-intro.ademilar .bgAdemilar .blocoAdemilar{
    margin: 37px 0 20px;
    float: left;
    clear: both;
}
.case-intro.ademilar .bgAdemilar .blocoAdemilar h3 {margin: 10px 0px 10px;}
.case-intro.ademilar .bgAdemilar .blocoAdemilar h3 .subH3{font-size: 29px; letter-spacing: -1px;}
.case-intro.ademilar .bgAdemilar .img{float: left; margin: 10px 0px 0px -86px;}
.case-intro.ademilar .boxIntranet{
	width: 100%;
	height: 858px;
    background: url("../images/case-ademilar/bg-intranet.jpg") no-repeat center 0;
    clear: both;
    float: left;
}
.case-intro.ademilar .boxIntranet .blocoIntra{
    margin: 45px 30px -15px;
    float: left;
    clear: both;
}
.case-intro.ademilar .boxIntranet .blocoIntra h4{color: #000;}
.case-intro.ademilar .boxIntranet .blocoIntra h4 span{display: block; font-size: 24px;}
.case-intro.ademilar .boxIntranet .blocoIntra p{color: #505050;}


/* CASE PORTAL IC */
.page-case--portal .case-categs li{background: #4e0818;}
.page-case--portal .barraSite{background: #e6dfd7 !important; margin-top: 70px;}
.page-case--portal .barraSite i{background: url("../images/case-portal/icon-site.png") no-repeat;}
.page-case--portal .barraSite span {background: #620e1d !important; color: #fff !important;}
.page-case--portal .barraSite a {color: #480a1c !important;}
.page-case--portal .conteudoCase.boxWebSite {padding: 110px 80px 0 0;}
.page-case--portal .boxConteudo .foto {float: left; width: 50%;}
.page-case--portal h2 {margin: 15px 0 10px;}
.page-case--portal .bgPortalIC{
	width: 100%;
    background: url("../images/case-portal/bg-portal.jpg") no-repeat center 0;
    clear: both;
    float: left;
}
.page-case--portal .bgPortalIC .bgVermelho {background: rgba(96, 36, 54, 0.95); height: auto;}
.page-case--portal .bgPortalIC .blocoAdemilar{
    margin: 37px 0 20px;
    float: left;
    clear: both;
}
.page-case--portal .bgPortalIC .blocoAdemilar h3 {margin: 10px 0px 10px;}
.page-case--portal .bgPortalIC .blocoAdemilar h3 .subH3{font-size: 29px; letter-spacing: -1px;}
.page-case--portal .bgPortalIC .midiasS{float: left; margin-bottom: 130px;}
.page-case--portal .bgPortalIC .comunicacao{padding-top: 520px; margin-bottom: 80px;}
.page-case--portal .bgPortalIC .comunicacao .blocoPortalIC p{color: #000;}
.page-case--portal .bgPortalIC .img{float: right; margin: 65px 0px 0px;}
.page-case--portal .blocoPortal{width: 100%; height: auto; background: #f4efeb; clear: both; float: left;}
.page-case--portal .blocoPortal .intranet {margin: 71px 0px 0px;}
.page-case--portal .blocoPortal .blocoIntra{padding: 50px 90px 11px 0px; float: left; clear: both;}
.page-case--portal .blocoPortal .blocoIntra h2 span{display: block; font-size: 48px;}
.page-case--portal .blocoPortal .blocoIntra h4{color: #000;}
.page-case--portal .blocoPortal .blocoIntra h4 span{display: block; font-size: 24px;}
.page-case--portal .blocoPortal .blocoIntra p{color: #505050;}


/* CASE CEABS */
.page-case--ceabs .home-slider .boxConteudo .boxTexto {
    float: left;
    width: 60%;
    max-width: 735px;
}
.page-case--ceabs .home-slider .boxConteudo .boxTexto p.txtBanner {margin-bottom: 25px; width: 84%;}
.page-case--ceabs .case-categs li{background: #13245a;}
.case-intro.ceabs .barraSite{background: #82d1d6;}
.case-intro.ceabs .barraSite i{background: url("../images/case-ceabs/icon-site.png") no-repeat;}
.case-intro.ceabs .barraSite span {background: #13245a; color: #fff;}
.case-intro.ceabs .barraSite a {color: #012753;}
.case-intro.ceabs .conteudoCase.boxWebSite {padding: 0px 80px 0 0;}
.case-intro.ceabs .boxConteudo .foto{float: left; width: 50%;}
.case-intro.ceabs .boxConteudo .vertical{
    vertical-align: middle;
    display: table-cell;
    height: 664px;
}
.case-intro.ceabs .blocoCeabs h3{color: #000;}
.case-intro.ceabs .blocoCeabs h3 span{
	display: block;
	font-size: 32px;
	color: #000;
}
.case-intro.ceabs .blocoCeabs p{color: #505050;}
.case-intro.ceabs .blocoCeabs .boxArea{
	height: 360px;
	padding: 60px 86px 0;
}
.case-intro.ceabs .blocoCeabs .extranet{background: #e8e8e8; position: relative;}
.case-intro.ceabs .blocoCeabs .extranet:before{content: ''; display: block; width: 100%; height: 100%; background: #e8e8e8; position: absolute; top: 0; left: -100%;}
.case-intro.ceabs .blocoCeabs .intranet{background: #FFF;}
.case-intro.ceabs .bgCeabs{
	width: 100%;
	height: 504px;
    background: url("../images/case-ceabs/bg-ceabs.jpg") no-repeat center 0;
    clear: both;
    float: left;
}
.case-intro.ceabs .bgCeabs .bgAzul {
    background: rgba(22, 63, 128, 0.95);
    height: 504px;
}
.case-intro.ceabs .colImg{
    margin-top: 151px;
    float: left;
}
.case-intro.ceabs .blocoCeabs .fotoFull{width: 100%;}
.case-intro.ceabs .blocoCeabs .fotoFull img{width: 100%;}
.case-intro.ceabs .blocoPortal{
	background: #1FB1D0;
	float: left;
	clear: both;
	width: 100%;
}
.case-intro.ceabs .blocoPortal .boxPortal{
	height: 330px;
    padding: 60px 86px 0;
}
.case-intro.ceabs .blocoPortal .colEsq{float: right; width: auto;}

/* CASE AEROFLEX */
.page-case--aeroflex .home-slider .boxConteudo .boxTexto {
    float: left;
    width: 60%;
    max-width: 735px;
}
.page-case--aeroflex .home-slider .boxConteudo .boxTexto p.txtBanner {margin-bottom: 25px; width: 84%;}
.page-case--aeroflex .case-categs li{background: #13245a;}
.case-intro.aeroflex .barraSite{background: #0074c7;}
.case-intro.aeroflex .barraSite i{background: url("../images/case-aeroflex/icon-site.png") no-repeat;}
.case-intro.aeroflex .barraSite span {background: #071c70; color: #fff; top: -33px;}
.case-intro.aeroflex .barraSite a {display: table; margin: 0 auto;}
.case-intro.aeroflex .conteudoCase.boxWebSite {padding: 0px 80px 0 0;}
.case-intro.aeroflex .boxConteudo .foto{float: left; width: 50%;}
.case-intro.aeroflex .boxConteudo .vertical{
    vertical-align: middle;
    display: table-cell;
    height: 664px;
}
.case-intro.aeroflex .blocoAeroflex{
    background: #EFEFEF;
    width: 100%;
    overflow: hidden;
}
.case-intro.aeroflex .blocoAeroflex h3{color: #000; margin: 0px 0px 30px;}
.case-intro.aeroflex .blocoAeroflex p{color: #505050;}
.case-intro.aeroflex .blocoAeroflex .boxArea{height: auto; padding: 90px 90px 35px 0px;}
.case-intro.aeroflex .blocoAeroflex .intranet{margin: 71px 0px 0px;}
.case-intro.aeroflex .bgAeroflex{
	width: 100%;
	height: 554px;
    background: url("../images/case-aeroflex/bg-Aeroflex.jpg") no-repeat center 0;
    clear: both;
    float: left;
}
.case-intro.aeroflex .bgAeroflex .bgAzul {background: rgba(7, 28, 112, 0.94); height: 554px;}
.case-intro.aeroflex .bgAeroflex .bgAzul .boxTexto{padding: 108px 86px 0;}
.case-intro.aeroflex .colImg{margin-top: 151px; float: left;}


/* CASE SEPAC */
.page-case--sepac .home-slider .boxConteudo .boxTexto {
    float: left;
    width: 60%;
    max-width: 735px;
}
.page-case--sepac .home-slider .boxConteudo .boxTexto p.txtBanner {margin-bottom: 25px; width: 84%;}
.page-case--sepac .case-categs li{background: #1f3f99;}
.case-intro.sepac .barraSite{background: #233080;}
.case-intro.sepac .barraSite i{background: url("../images/case-sepac/icon-site.png") no-repeat;}
.case-intro.sepac .barraSite span {background: #e6b914; color: #233080;}
.case-intro.sepac .barraSite a {color: #fff;}
.case-intro.sepac .conteudoCase.boxWebSite {padding: 0px 80px 0 0;}
.case-intro.sepac .boxConteudo .foto{float: left; width: 50%;}
.case-intro.sepac .boxConteudo .vertical{
    vertical-align: middle;
    display: table-cell;
    height: 664px;
}
.case-intro.sepac .blocoSepac{
    background: #EFEFEF;
    width: 100%;
    overflow: hidden;
}
.case-intro.sepac .blocoSepac h3{
	color: #000;
	margin: 0px 0px 30px;
}
.case-intro.sepac .blocoSepac h3 span{
	display: block;
	font-size: 32px;
	color: #000;
}
.case-intro.sepac .blocoSepac p{color: #505050;}
.case-intro.sepac .blocoSepac .boxArea{
	height: auto;
    padding: 90px 90px 50px 0px;
}
.case-intro.sepac .blocoSepac .extranet{}
.case-intro.sepac .blocoSepac .intranet{
    margin: 71px 0px 0px;
}
.case-intro.sepac .bgSepac{
	width: 100%;
	height: 789px;
    background: url("../images/case-sepac/bg-sepac.jpg") no-repeat center 0;
    clear: both;
    float: left;
}
.case-intro.sepac .bgSepac .bgAzul {
    background: rgba(31, 63, 153, 0.95);
    height: 789px;
}
.case-intro.sepac .colImg{
    margin-top: 151px;
    float: left;
}

.case-intro.sepac .sitesSepac{
	background: #32abbe;
	float: left;
	clear: both;
	width: 100%;
}
.case-intro.sepac .sitesSepac .barraSite{
    background: transparent;
    text-align: right;
}
.case-intro.sepac .sitesSepac .barraSite i{right: 0px;}
.case-intro.sepac .sitesSepac .barraSite span{}
.case-intro.sepac .sitesSepac .barraSite a{
	text-align: right;
    padding-right: 50px;
}
.case-intro.sepac .sitesSepac .visite{
    float: left;
    width: 100%;
    position: absolute;
}
.case-intro.sepac .sitesSepac .visite span{
	background: #1F3F99;
	letter-spacing: 2px;
	color: #fff;
	padding: 4px 10px;
    font-size: 14px;
    font-weight: bold;
    float: left;
}
.case-intro.sepac .blocoPortal .boxPortal{
	height: 330px;
    padding: 60px 86px 0;
}
.case-intro.sepac .blocoPortal .colEsq{float: right; width: auto;}



/* CASE BRANCO */
.case-intro.branco .conteudoCase.boxWebSite {padding: 0px 80px 0 0;}
.case-intro.branco .boxConteudo .foto{float: left; width: 50%;}
.case-intro.branco .boxConteudo .fotoFull img{width: 100%;}
.case-intro.branco .boxConteudo .vertical {
    vertical-align: middle;
    display: table-cell;
    height: 664px;
}
.case-intro.branco .blocoBranco h3{color: #000;}
.case-intro.branco .blocoBranco h3 span{display: block;	font-size: 32px; color: #000;}
.case-intro.branco .blocoBranco p{color: #505050;}
.case-intro.branco .blocoBranco .intranet{background: #e8e8e8; position: relative; padding-bottom: 50px;}
.case-intro.branco .blocoBranco .intranet:before{content: ''; display: block; width: 100%; height: 100%; background: #e8e8e8; position: absolute; top: 0; left: -100%;}
.case-intro.branco .blocoBranco .intranet .fotoFull{width: 200%;}
.case-intro.branco .blocoBranco .fidelidade{background: #FFF;}
.case-intro.branco .blocoBranco .boxArea{height: 360px; padding: 60px 86px 0;}
.case-intro.branco .bgBranco{
	width: 100%;
	height: 553px;
    background: url("../images/case-branco/bg-branco.jpg") no-repeat center 0;
    clear: both;
    float: left;
}
.case-intro.branco .bgBranco .bgVermelho {
    background: rgba(190, 31, 20, 0.95);
    height: 553px;
}
.case-intro.branco .blocoImg{
    background: #c12a20;
    float: left;
    width: 100%;
    clear: both;
}




.page-case .case-intro__col-tt > .wrap,
.page-case .case-intro__col-desc > .wrap {
	padding-left: 6.125em; /* 98/16 */
	padding-right: 6.125em; /* 98/16 */
}


.page-case .case-intro__col-tt {
	position: relative;
	float: left;
	width: 49%;
	color: #FFF;
}
.page-case .case-intro__col-tt:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: #707070;
	width: 500%;
	height: 100%;
}
.page-case .case-intro__col-tt > .wrap {
	position: relative;
	z-index: 1;
	padding-left: 7em; /* 112/16 */
	padding-top: 5em; /* 80/16 */
	padding-bottom: 5em; /* 80/16 */
}
.page-case .case-intro__col-tt .logo {
	display: block;
	max-width: 100%;
	margin-bottom: 8.125em; /* 130/16 */
}

.page-case .case-intro__col-desc {
	float: right;
	width: 51%;
	padding-bottom: 494px;
	position: relative;
}

.page-case .case-intro__col-desc > .wrap {
	padding-top: 6.125em; /* 98/16 */
	padding-bottom: 3.75em; /* 60/16 */
}

.page-case .case-intro__col-desc .case-categs {
	margin: 0 0 1.2em 0;
}
.page-case .case-intro__col-desc .case-tags {
	margin: 0 0 4em 0;
}
.page-case .case-intro__col-desc .fotos {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 500%;
}
.page-case .case-intro__col-desc .fotos li {
	display: block;
	float: left;
	width: 494px;
	height: 494px;
	background-repeat: no-repeat;
	background-color: #E1E1E1;
	background-position: 50% 50%;
}
.page-case .case-intro__col-desc .fotos li.big { width: 988px; }
.page-case .case-intro__col-desc .fotos li.bigger {
	width: 1366px;
	width: 51vw;
}

.page-case .case-intro__col-desc p { margin: 1.5em 0 0 0 ; }
.page-case .case-intro__col-desc h3.page-sub-title { margin: 0; }
.page-case .case-intro__col-desc h3.page-sub-title + p { margin-top: 0.5em; }


.page-case .outros-cases {
	padding: 90px 0;
}
.page-case .outros-cases .row {
	margin-left: 0;
	margin-right: 0;
}
.page-case .outros-cases .page-sub-title {
	color: #BEBEBE;
	font-size: 5em; /* 80/16 */
	letter-spacing: -6px;
	letter-spacing: -0.075em; /* 6/80 */
	margin: 0;
}
.page-case .outros-cases .grid-cases { margin-top: 2em; }


/* 4.2.1 Cases - Ademilar
 ========================================================================== */
.page-case--ademilar .case-categs li { background-color: #B81219; }

.page-case--ademilar .ademilar-mais-vida {
	overflow: hidden;
	background: #DBDBDC;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cfcfd0+0,e8e8e8+28,e8e8e8+72,cfcfd0+100 */
	background: -moz-linear-gradient(left,  rgba(207,207,208,1) 0%, rgba(232,232,232,1) 28%, rgba(232,232,232,1) 72%, rgba(207,207,208,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(207,207,208,1) 0%,rgba(232,232,232,1) 28%,rgba(232,232,232,1) 72%,rgba(207,207,208,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(207,207,208,1) 0%,rgba(232,232,232,1) 28%,rgba(232,232,232,1) 72%,rgba(207,207,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfd0', endColorstr='#cfcfd0',GradientType=1 ); /* IE6-9 */

}

.page-case--ademilar .ademilar-mais-vida .col-text {
	float: left;
	width: 63%;
	position: relative;
}
.page-case--ademilar .ademilar-mais-vida .col-text img {
	display: inline-block;
	vertical-align: top;
}
.page-case--ademilar .ademilar-mais-vida .col-text p { margin-bottom: 0; }

.page-case--ademilar .ademilar-mais-vida .col-text__col1 {
	float: left;
	width: 50%;	
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
.page-case--ademilar .ademilar-mais-vida .col-text__col1 > span {
	display: block;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -82px;
}
.page-case--ademilar .ademilar-mais-vida .col-text__col1 > span img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}

.page-case--ademilar .ademilar-mais-vida .col-text__col1 img {}

.page-case--ademilar .ademilar-mais-vida .col-text__col2 {
	width: 50%;
	padding-top: 7.5em; /* 120/16 */
	float: right;
}
.page-case--ademilar .ademilar-mais-vida .col-text__col2 img {
	max-width: 100%;
	max-height: 100%;
}

.page-case--ademilar .ademilar-mais-vida .col-image {
	float: right;
	width: 37%;
	position: relative;
}
.page-case--ademilar .ademilar-mais-vida .col-image:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 164%;
	height: 100%;
	background: url('../images/case-ademilar/ademilar_screen.jpg') no-repeat 0 0;
}


.page-case--ademilar .midias-sociais__icons {
	text-align: center;
	padding: 30px 0;
	margin: 0;
	list-style: none;
}
.page-case--ademilar .midias-sociais__icons > li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
}
.page-case--ademilar .midias-sociais__icons > li:first-child { margin-left: 0; }
.page-case--ademilar .midias-sociais__icons a {
	display: block;
	width: 58px;
	height: 58px;
	line-height: 44px;
	border: 4px solid #D12F25;
	color: #D12F25;
	text-align: center;
	border-radius: 50%;
	text-decoration: none;
}

.page-case--ademilar .midias-sociais__icons a i {
	font-size: 26px;
	display: inline-block;
	vertical-align: middle;
}
.page-case--ademilar .midias-sociais__icons a .magic-icon-blog 		{ font-size: 10px; }
.page-case--ademilar .midias-sociais__icons a .magic-icon-pinterest { font-size: 28px; }
.page-case--ademilar .midias-sociais__icons a .magic-icon-twitter 	{ font-size: 22px; }
.page-case--ademilar .midias-sociais__icons a .magic-icon-youtube 	{ font-size: 28px; }
.page-case--ademilar .midias-sociais__icons a .magic-icon-rss 		{ font-size: 20px; }

/* Magic20anos
 ========================================================================== */

.page-magic20anos {
}
.page-magic20anos .page-magic20anos-bg {
	color: #FFF;
	background: url('../images/20anos/magic20anos_bg.jpg') no-repeat 50% 50% #59418f;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	padding: 0;
	position: relative;
	overflow: hidden;
	height: 1004px;
}
.page-magic20anos .col-1 {
	float: left;
	position: relative;
	width: 35%;
	margin: 0 2% 0 0;
}
.page-magic20anos .col-2 {
	float: left;
	position: relative;
	width: 55%;
	margin: 150px 2% 0 3%;
}
.page-magic20anos .texto {
	margin: 75px 0 60px 450px;
}
.magic20anos-lista {
    width: 100%;
    float: right;
    margin-right: -190px;
}
.page-magic20anos .tit-page-magic20anos-bg {
	background: url('../images/20anos/solucoes_titulo.png') no-repeat right -72px;
	width: 100%;
	height: 514px;
	position: absolute;
	right: -55px;
}
.page-magic20anos .envelope {
	width: 100%;
    text-align: right;
}
.page-magic20anos .magic20anos-lista a {
	color: #ffffff;
	text-decoration: none;
}
.page-magic20anos .magic20anos-img {
	margin-left: -120px;
}
.solucoes-lista h2 {
	font-size: 38px;
	letter-spacing: -0.077em;
	margin: 0;
	background: #9311C8;
    float: left;
    padding: 8px 30px 8px 28px;
    -webkit-border-radius: 35px;
            border-radius: 35px;
    -webkit-transition: all linear 150ms;
       -moz-transition: all linear 150ms;
        -ms-transition: all linear 150ms;
         -o-transition: all linear 150ms;
            transition: all linear 150ms;
}

.solucoes-lista .btBranding:hover h2{background: #FF7443;}
.solucoes-lista .btDigital:hover h2{background: #11a5c7;}
.solucoes-lista .btSocial:hover h2{background: #F3A104;}
.solucoes-lista .btMarketing:hover h2{background: #ec1616;}
.solucoes-lista .btComunicacao:hover h2{background: #01aaad;}
.solucoes-lista .bubble {
	position: relative;
	-webkit-border-radius: 100px;
			border-radius: 100px;
	margin: 10px;
	padding: 10px 70px 13px 40px;
}
.solucoes-lista .bubble.btSocial {padding: 10px 4px 13px 40px;}
.solucoes-lista .bubble span.circulo {
    position: absolute;
    background: url(../images/circulo.png) -86px -120px no-repeat;
    height: 29px;
    width: 69px;
    left: -13px;
    top: 26px;
    z-index: 2;
}
.solucoes-lista .bubble:hover span.circulo{
    background: url(../images/circulo.png) -2px -5px no-repeat;
    height: 38px;
    width: 155px;
    left: -95px;
    top: 22px;
    z-index: 2;
}
/*.page-magic20anos .bubble span.seta {
	position: absolute;
	background: url(../images/20anos/seta.png) center no-repeat;
	height: 28px;
	width: 28px;
	right: 40px;
	top: 40px;
	z-index: 2;
}*/
.solucoes-lista .bubble p {
	width: 100%;
	margin: 0;
    clear: both;
    float: left;
    margin-top: 0px;
    margin-left: 30px;
}


.page-magic20anos .magic20anos-col-50 {
	float: left;
	width: 50%
}
.page-magic20anos .magic20anos-col-100 {
	float: left;
	width: 100%
}


.page-magic20anos .page-magic20anos-content {
	background: url(../images/20anos/magic20anos_bg_content.png) repeat-y top center;
	height: 4558px;
	position: relative;
}
.page-magic20anos .magic20anos-tit {
	background: url(../images/20anos/tinta_mancha.png) no-repeat top center;
	width: 100%;
	height: 634px;
	text-align: center;
    position: absolute;
    top: -162px;
    z-index: 1;
}
.page-magic20anos .magic20anos-tit h3 {
	color: #5f2a7c;
	font-size: 80px;
	font-weight: bold;
	letter-spacing: -0.077em;
	margin-top: 224px;
}
.page-magic20anos .magic20anos-tit h3 span {
	color: #868686;
}
.page-magic20anos .page-magic20anos-content .timeline {
	background: url(../images/20anos/timeline.png) no-repeat top center;
	width: 100%;
	height: 4370px;
    position: absolute;
    top: 188px;
    z-index: 2;
}
.page-magic20anos .page-magic20anos-content .timeline-mobile {
	display: none;
}
.page-magic20anos .page-magic20anos-content .col-left {
	float: left;
	position: relative;
	width: 50%;
	margin: 0;
}
.page-magic20anos .page-magic20anos-content .col-right {
	float: left;
	position: relative;
	width: 50%;
	margin: 0;
}
.page-magic20anos .page-magic20anos-content .col-left .tempo {
	text-align: right;
    padding-right: 7px;
}
.page-magic20anos .page-magic20anos-content .col-right .tempo {
    padding-left: 6px;
}
.page-magic20anos .page-magic20anos-content .col-left .descricao {
	background-color: #ffffff; 
	font-size: 14px;
	padding: 55px 55px 45px;
    margin: 0px 70px;
    width: 540px;
    float: right;
}
.page-magic20anos .page-magic20anos-content .col-right .descricao {
	background-color: #ffffff; 
	font-size: 14px;
	padding: 55px 55px 45px;
    margin: 0px 70px;
    width: 540px;
}
.page-magic20anos .page-magic20anos-content .descricao h3 {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin: 0;
	margin-bottom: 15px;
}
.page-magic20anos .page-magic20anos-content .bloco-1996 { margin-top: 233px; }
.page-magic20anos .page-magic20anos-content .bloco-1995 {
	margin-top: 62px; }
.page-magic20anos .page-magic20anos-content .bloco-1996-cliente { margin-top: 352px; }
.page-magic20anos .page-magic20anos-content .bloco-flash { margin-top: 274px; }
.page-magic20anos .page-magic20anos-content .bloco-flash img.alejandro { margin-bottom: 10px; }
.page-magic20anos .page-magic20anos-content .bloco-2000 { margin-top: 807px; }
.page-magic20anos .page-magic20anos-content .bloco-2000 .tempo { padding-left: 7px; }
.page-magic20anos .page-magic20anos-content .bloco-2006 { margin-top: 732px; }
.page-magic20anos .page-magic20anos-content .bloco-midiassociais { margin-top: 351px; }
.page-magic20anos .page-magic20anos-content .bloco-mwd { margin-top: 320px; }
.page-magic20anos .page-magic20anos-content .bloco-m20anos { margin-top: 348px; }
.page-magic20anos .page-magic20anos-content .bloco-2007-facebook { margin-top: 959px; }
.page-magic20anos .page-magic20anos-content .bloco-2007-google { margin-top: 88px; }
.page-magic20anos .page-magic20anos-content .bloco-2016 { margin-top: 95px; }

.page-magic20anos .page-20anosconquista-content {
	background: url(../images/20anos/conquistas_bg.png) repeat center;
	display: inline-block;
    margin-top: 2px;
	width: 100%;
}
.page-magic20anos .page-20anosconquista-content .col-1 {
	float: left;
	position: relative;
	width: 40%;
	margin: 0;
}
.page-magic20anos .page-20anosconquista-content .col-2 {
	float: left;
	position: relative;
	width: 60%;
	margin: 0;
}
.page-magic20anos .page-20anosconquista-content .page-premios-mobile {
	display: none;
}
.page-magic20anos .page-20anosconquista-content .tit {
	font-size: 60px;
	font-weight: bold;
	letter-spacing: -0.077em;
    line-height: 70px;
    text-align: right;
	color: #67038c;
	width: 500px;
	float: right;
	margin: 140px 50px 45px 0;
}
.page-magic20anos .page-20anosconquista-content .tit span {
	font-size: 90px;
	color: #4c4c4c;
}
.page-magic20anos .page-20anosconquista-content .menutabs {
	float: right;
	clear: both;
	margin-right: 50px;
}
.page-magic20anos .page-20anosconquista-content .menutabs ul li a {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -0.05em;
	color: #787878;
	text-align: right;
}
.page-magic20anos .page-20anosconquista-content .menutabs ul li a span {
	font-size: 12px;
	font-weight: normal;
	color: #67038c;
	float: right;
    margin: 7px 0 0 35px;
}
.page-magic20anos .page-20anosconquista-content .menutabs ul.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #ffffff;
}
.page-magic20anos .page-20anosconquista-content .menutabs ul.nav-pills > li > a {
    border-radius: 0;
}
.page-magic20anos .page-20anosconquista-content .menutabs ul.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.page-magic20anos .page-20anosconquista-content .menutabs ul.nav-pills > li.active > a, 
.page-magic20anos .page-20anosconquista-content .menutabs ul.nav-pills > li.active > a:hover, 
.page-magic20anos .page-20anosconquista-content .menutabs ul.nav-pills > li.active > a:focus {
    color: #4c4c4c;
    background-color: #ffffff;
    font-size: 35px;
    padding: 0px 15px;
}
.page-magic20anos .page-20anosconquista-content .menutabs ul.nav-pills > li.active > a span, 
.page-magic20anos .page-20anosconquista-content .menutabs ul.nav-pills > li.active > a:hover span, 
.page-magic20anos .page-20anosconquista-content .menutabs ul.nav-pills > li.active > a:focus span {    
    margin: 18px 0 0 35px;
	letter-spacing: -0.06em;
}
.page-magic20anos .page-20anosconquista-content .tab-content {
    color: #6c6c6c;    
    margin: 90px 0 0;
    background-color: #fff;
    padding: 0 90px 90px;
    display: inline-block;
    width: 1096px;
}
.page-magic20anos .page-20anosconquista-content .tab-content .medalha {
	float: left;
	margin: 0px 45px 0 -45px;
}
.page-magic20anos .page-20anosconquista-content .tab-content .txt-medalha {
	float: left;
	width: 90%;
	margin-top: 43px;
	margin-bottom: 35px;;
}
.page-magic20anos .page-20anosconquista-content .tab-content .txt {
	float: left;
	margin-top: 43px;
	margin-bottom: 35px;;
}
.page-magic20anos .page-20anosconquista-content .tab-content h3 {
    font-size: 40px;
	letter-spacing: -0.077em;
}
.page-magic20anos .page-20anosconquista-content .tab-content h3 span {    
    color: #b7b7b7;
    font-weight: normal;
}
.page-magic20anos .page-20anosconquista-content .tab-content ul {    
	margin: 0;
	padding: 0;
}
.page-magic20anos .page-20anosconquista-content .tab-content ul li {    
	list-style: none;
	float: left;
	margin: 0 2px 2px 0;
}

@media screen and (max-width: 350px){
	.page-magic20anos .page-magic20anos-bg {
	    background: url(../images/20anos/magic20anos_bg.jpg) no-repeat 36% 50% #59418f;
	    height: auto;
	    padding-bottom: 120px;
	}
	.page-magic20anos .col-1 {
	    width: 150%;
	    margin: 0;
	}
	.page-magic20anos .col-2 {
	    width: 90%;
	    margin: 50px 5% 0;
	}
	.page-magic20anos .magic20anos-img {
	    margin-left: -100px;
	}
	.page-magic20anos .magic20anos-img img {
		width: 100% !important;
	}
	.page-magic20anos .texto {
		margin: 40px 0;
	}
	.page-magic20anos .magic20anos-col-50 {
		width: 100%
	}
	.page-magic20anos .magic20anos-col-100 {
		width: 100%
	}
	.page-magic20anos .bubble h2 {
		font-size: 20px;
	}
	.page-magic20anos .bubble span.seta {
		right: 40px;
		top: 20px;
	}
	.page-magic20anos .bubble {
	    margin: 10px 0;
	    padding: 10px 70px 13px 40px;
	}
	.page-magic20anos .page-magic20anos-content {
		height: 8120px;
	}
	.page-magic20anos .magic20anos-tit h3 {
		font-size: 60px;
		font-weight: bold;
		letter-spacing: -0.077em;
	}
	.page-magic20anos .magic20anos-tit h3 span {
		color: #868686;
	}
	.page-magic20anos .page-magic20anos-content .timeline {
		display: none;
	}
	.page-magic20anos .page-magic20anos-content .timeline-mobile {
		background: url(../images/20anos/timeline-mobile.png) no-repeat 10px top;
		width: 100%;
		height: 7900px;
	    position: absolute;
	    top: 220px;
	    z-index: 2;
	    display: block;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile {
		width: 95%;
		float: left;
		position: relative;
		margin: 0;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile .tempo {
		padding-left: 27px;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile .tempo img {
	    width: 100%;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile .descricao {
		background-color: #ffffff; 
		font-size: 14px;
		padding: 25px 25px 25px;
	    margin: 0 0 0 37px;
	    width: 87%;
	    float: left;
	}
	.page-magic20anos .page-magic20anos-content .bloco-1995 { margin-top: 94px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-1995 .tempo { padding-left: 27px; }
	.page-magic20anos .page-magic20anos-content .bloco-1996 { margin-top: 107px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-1996 .tempo { padding-left: 27px; }
	.page-magic20anos .page-magic20anos-content .bloco-1996-cliente { margin-top: 124px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-1996-cliente .tempo { padding-left: 24px; }
	.page-magic20anos .page-magic20anos-content .bloco-flash { margin-top: 268px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-flash .tempo { padding-left: 24px; }
	.page-magic20anos .page-magic20anos-content .bloco-flash img.alejandro { margin-bottom: 0; width: 100%; }
	.page-magic20anos .page-magic20anos-content .bloco-2000 { margin-top: 284px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2000 .tempo { padding-left: 26px; }
	.page-magic20anos .page-magic20anos-content .bloco-2006 { margin-top: 95px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2006 .tempo { padding-left: 23px; }
	.page-magic20anos .page-magic20anos-content .bloco-midiassociais { margin-top: 143px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-midiassociais .tempo { padding-left: 25px; }
	.page-magic20anos .page-magic20anos-content .bloco-mwd { margin-top: 140px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-mwd .tempo { padding-left: 25px; }
	.page-magic20anos .page-magic20anos-content .bloco-m20anos { margin-top: 196px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-m20anos .tempo { padding-left: 25px; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-facebook { margin-top: 96px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-facebook .tempo { padding-left: 27px; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-google { margin-top: 70px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-google .tempo { padding-left: 27px; }
	.page-magic20anos .page-magic20anos-content .bloco-2016 { margin-top: 132px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2016 .tempo { padding-left: 28px; }

	.page-magic20anos .page-20anosconquista-content .page-premios {
		display: none;
	}
	.page-magic20anos .page-20anosconquista-content .page-premios-mobile {
	    display: block;
	}
	.page-magic20anos .page-20anosconquista-content .tit {
	    font-size: 40px;
	    line-height: 50px;
	    text-align: right;
	    width: 90%;
	    float: inherit;
	    margin: 60px 30px 45px 0;
	}
	.page-magic20anos .page-20anosconquista-content .tit span {
	    font-size: 55px;
	}
	.page-magic20anos .panel-group .panel {
	    background-color: #ffffff;
	    border: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    border-radius: 0;
	}
	.page-magic20anos .panel-default > .panel-heading {
	    color: #333333;
	    background-color: #ffffff;
	    border-color: transparent;
	}
	.page-magic20anos .panel-body {
	    padding: 15px;
	}
	.page-magic20anos .panel-body img {
	    width: 100%;
	}
	.page-magic20anos .panel-heading {
	    padding: 0;
	}
	.page-magic20anos .panel-title > a {
	    font-size: 20px;
	    font-weight: bold;
	    letter-spacing: -0.05em;
	    color: #787878;
	    text-align: left;
	    text-decoration: none;
	    display: block;
	    padding: 10px 15px;
	}
	.page-magic20anos .panel-title > a span {
	    font-size: 12px;
	    font-weight: normal;
	    color: #67038c;
	    float: right;
	    margin: 7px 0 0 15px;
	}
}

@media screen and (min-width: 351px) and (max-width: 400px) {
	.page-magic20anos .page-magic20anos-bg {
	    background: url(../images/20anos/magic20anos_bg.jpg) no-repeat 36% 50% #59418f;
	    height: auto;
	    padding-bottom: 120px;
	}
	.page-magic20anos .col-1 {
	    width: 150%;
	    margin: 0;
	}
	.page-magic20anos .col-2 {
	    width: 90%;
	    margin: 50px 5% 0;
	}
	.page-magic20anos .magic20anos-img {
	    margin-left: -100px;
	}
	.page-magic20anos .magic20anos-img img {
		width: 100%;
	}
	.page-magic20anos .texto {
		margin: 40px 0;
	}
	.page-magic20anos .magic20anos-col-50 {
		width: 100%
	}
	.page-magic20anos .magic20anos-col-100 {
		width: 100%
	}
	.page-magic20anos .bubble h2 {
		font-size: 20px;
	}
	.page-magic20anos .bubble span.seta {
		right: 40px;
		top: 20px;
	}
	.page-magic20anos .bubble {
	    margin: 10px 0;
	    padding: 10px 70px 13px 40px;
	}
	.page-magic20anos .page-magic20anos-content {
		height: 8120px;
	}
	.page-magic20anos .magic20anos-tit h3 {
		font-size: 60px;
		font-weight: bold;
		letter-spacing: -0.077em;
	}
	.page-magic20anos .magic20anos-tit h3 span {
		color: #868686;
	}
	.page-magic20anos .page-magic20anos-content .timeline {
		display: none;
	}
	.page-magic20anos .page-magic20anos-content .timeline-mobile {
		background: url(../images/20anos/timeline-mobile.png) no-repeat 10px top;
		width: 100%;
		height: 7900px;
	    position: absolute;
	    top: 220px;
	    z-index: 2;
	    display: block;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile {
		width: 95%;
		float: left;
		position: relative;
		margin: 0;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile .tempo {
		padding-left: 27px;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile .tempo img {
	    width: 100%;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile .descricao {
		background-color: #ffffff; 
		font-size: 14px;
		padding: 25px 25px 25px;
	    margin: 0 0 0 37px;
	    width: 87%;
	    float: left;
	}
	.page-magic20anos .page-magic20anos-content .bloco-1995 { margin-top: 85px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-1995 .tempo { padding-left: 26px; }
	.page-magic20anos .page-magic20anos-content .bloco-1996 { margin-top: 146px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-1996 .tempo { padding-left: 27px; }
	.page-magic20anos .page-magic20anos-content .bloco-1996-cliente { margin-top: 163px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-1996-cliente .tempo { padding-left: 24px; }
	.page-magic20anos .page-magic20anos-content .bloco-flash { margin-top: 264px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-flash .tempo { padding-left: 24px; }
	.page-magic20anos .page-magic20anos-content .bloco-flash img.alejandro { margin-bottom: 0; width: 100%; }
	.page-magic20anos .page-magic20anos-content .bloco-2000 { margin-top: 298px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2000 .tempo { padding-left: 26px; }
	.page-magic20anos .page-magic20anos-content .bloco-2006 { margin-top: 143px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2006 .tempo { padding-left: 23px; }
	.page-magic20anos .page-magic20anos-content .bloco-midiassociais { margin-top: 160px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-midiassociais .tempo { padding-left: 25px; }
	.page-magic20anos .page-magic20anos-content .bloco-mwd { margin-top: 155px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-mwd .tempo { padding-left: 25px; }
	.page-magic20anos .page-magic20anos-content .bloco-m20anos { margin-top: 214px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-m20anos .tempo { padding-left: 25px; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-facebook { margin-top: 116px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-facebook .tempo { padding-left: 27px; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-google { margin-top: 110px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-google .tempo { padding-left: 27px; }
	.page-magic20anos .page-magic20anos-content .bloco-2016 { margin-top: 154px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2016 .tempo { padding-left: 28px; }

	.page-magic20anos .page-20anosconquista-content .page-premios {
		display: none;
	}
	.page-magic20anos .page-20anosconquista-content .page-premios-mobile {
	    display: block;
	}
	.page-magic20anos .page-20anosconquista-content .tit {
	    font-size: 40px;
	    line-height: 50px;
	    text-align: right;
	    width: 90%;
	    float: inherit;
	    margin: 60px 30px 45px 0;
	}
	.page-magic20anos .page-20anosconquista-content .tit span {
	    font-size: 55px;
	}
	.page-magic20anos .panel-group .panel {
	    background-color: #ffffff;
	    border: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    border-radius: 0;
	}
	.page-magic20anos .panel-default > .panel-heading {
	    color: #333333;
	    background-color: #ffffff;
	    border-color: transparent;
	}
	.page-magic20anos .panel-body {
	    padding: 15px;
	}
	.page-magic20anos .panel-body img {
	    width: 100%;
	}
	.page-magic20anos .panel-heading {
	    padding: 0;
	}
	.page-magic20anos .panel-title > a {
	    font-size: 20px;
	    font-weight: bold;
	    letter-spacing: -0.05em;
	    color: #787878;
	    text-align: left;
	    text-decoration: none;
	    display: block;
	    padding: 10px 15px;
	}
	.page-magic20anos .panel-title > a span {
	    font-size: 12px;
	    font-weight: normal;
	    color: #67038c;
	    float: right;
	    margin: 7px 0 0 15px;
	}
}

@media screen and (min-width: 401px) and (max-width: 470px) {
	.page-magic20anos .page-magic20anos-bg {
	    background: url(../images/20anos/magic20anos_bg.jpg) no-repeat 36% 50% #59418f;
	    height: auto;
	    padding-bottom: 120px;
	}
	.page-magic20anos .col-1 {
	    width: 150%;
	    margin: 0;
	}
	.page-magic20anos .col-2 {
	    width: 90%;
	    margin: 50px 5% 0;
	}
	.page-magic20anos .magic20anos-img {
	    margin-left: -100px;
	}
	.page-magic20anos .magic20anos-img img {
		width: 100% !important;
	}
	.page-magic20anos .texto {
		margin: 40px 0;
	}
	.page-magic20anos .magic20anos-col-50 {
		width: 100%
	}
	.page-magic20anos .magic20anos-col-100 {
		width: 100%
	}
	.page-magic20anos .bubble h2 {
		font-size: 20px;
	}
	.page-magic20anos .bubble span.seta {
		right: 40px;
		top: 20px;
	}
	.page-magic20anos .bubble {
	    margin: 10px 0;
	    padding: 10px 70px 13px 40px;
	}
	.page-magic20anos .page-magic20anos-content {
		height: 8120px;
	}
	.page-magic20anos .magic20anos-tit h3 {
		font-size: 60px;
		font-weight: bold;
		letter-spacing: -0.077em;
	}
	.page-magic20anos .magic20anos-tit h3 span {
		color: #868686;
	}
	.page-magic20anos .page-magic20anos-content .timeline {
		display: none;
	}
	.page-magic20anos .page-magic20anos-content .timeline-mobile {
		background: url(../images/20anos/timeline-mobile.png) no-repeat 10px top;
		width: 100%;
		height: 7900px;
	    position: absolute;
	    top: 220px;
	    z-index: 2;
	    display: block;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile {
		width: 95%;
		float: left;
		position: relative;
		margin: 0;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile .tempo {
		padding-left: 27px;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile .tempo img {
	    width: 100%;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile .descricao {
		background-color: #ffffff; 
		font-size: 14px;
		padding: 25px 25px 25px;
	    margin: 0 0 0 37px;
	    width: 87%;
	    float: left;
	}
	.page-magic20anos .page-magic20anos-content .bloco-1995 { margin-top: 85px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-1995 .tempo { padding-left: 26px; }
	.page-magic20anos .page-magic20anos-content .bloco-1996 { margin-top: 146px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-1996 .tempo { padding-left: 27px; }
	.page-magic20anos .page-magic20anos-content .bloco-1996-cliente { margin-top: 163px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-1996-cliente .tempo { padding-left: 24px; }
	.page-magic20anos .page-magic20anos-content .bloco-flash { margin-top: 264px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-flash .tempo { padding-left: 24px; }
	.page-magic20anos .page-magic20anos-content .bloco-flash img.alejandro { margin-bottom: 0; width: 100%; }
	.page-magic20anos .page-magic20anos-content .bloco-2000 { margin-top: 308px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2000 .tempo { padding-left: 26px; }
	.page-magic20anos .page-magic20anos-content .bloco-2006 { margin-top: 170px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2006 .tempo { padding-left: 23px; }
	.page-magic20anos .page-magic20anos-content .bloco-midiassociais { margin-top: 190px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-midiassociais .tempo { padding-left: 25px; }
	.page-magic20anos .page-magic20anos-content .bloco-mwd { margin-top: 180px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-mwd .tempo { padding-left: 25px; }
	.page-magic20anos .page-magic20anos-content .bloco-m20anos { margin-top: 199px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-m20anos .tempo { padding-left: 25px; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-facebook { margin-top: 116px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-facebook .tempo { padding-left: 27px; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-google { margin-top: 118px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-google .tempo { padding-left: 27px; }
	.page-magic20anos .page-magic20anos-content .bloco-2016 { margin-top: 162px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2016 .tempo { padding-left: 28px; }

	.page-magic20anos .page-20anosconquista-content .page-premios {
		display: none;
	}
	.page-magic20anos .page-20anosconquista-content .page-premios-mobile {
	    display: block;
	}
	.page-magic20anos .page-20anosconquista-content .tit {
	    font-size: 45px;
	    line-height: 55px;
	    text-align: right;
	    width: 90%;
	    float: inherit;
	    margin: 60px 30px 45px 0;
	}
	.page-magic20anos .page-20anosconquista-content .tit span {
	    font-size: 68px;
	}
	.page-magic20anos .panel-group .panel {
	    background-color: #ffffff;
	    border: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    border-radius: 0;
	}
	.page-magic20anos .panel-default > .panel-heading {
	    color: #333333;
	    background-color: #ffffff;
	    border-color: transparent;
	}
	.page-magic20anos .panel-body {
	    padding: 15px;
	}
	.page-magic20anos .panel-body img {
	    width: 100%;
	}
	.page-magic20anos .panel-title > a {
	    font-size: 20px;
	    font-weight: bold;
	    letter-spacing: -0.05em;
	    color: #787878;
	    text-align: right;
	    text-decoration: none;
	}
	.page-magic20anos .panel-title > a span {
	    font-size: 12px;
	    font-weight: normal;
	    color: #67038c;
	    float: right;
	    margin: 7px 0 0 15px;
	}
}

@media screen and (min-width: 471px) and (max-width: 768px) {
	.page-magic20anos .page-magic20anos-bg {
	    background: url(../images/20anos/magic20anos_bg.jpg) no-repeat 36% 50% #59418f;
	    height: auto;
	    padding-bottom: 120px;
	}
	.page-magic20anos .col-1 {
	    width: 150%;
	    margin: 0;
	}
	.page-magic20anos .col-2 {
	    width: 90%;
	    margin: 50px 5% 0;
	}
	.page-magic20anos .magic20anos-img {
	    margin-left: -180px;
	}
	.page-magic20anos .magic20anos-img img {
		width: 95% !important; 
		margin-top: 0 !important;
	}
	.page-magic20anos .texto {
	    margin: 20px auto 40px;
	}
	.page-magic20anos .texto {
		margin: 40px 0;
	}
	.page-magic20anos .magic20anos-col-50 {
		width: 100%
	}
	.page-magic20anos .magic20anos-col-100 {
		width: 100%
	}
	.page-magic20anos .bubble h2 {
		font-size: 20px;
	}
	.page-magic20anos .bubble span.seta {
		right: 40px;
		top: 20px;
	}
	.page-magic20anos .bubble {
	    margin: 10px 0;
	    padding: 10px 70px 13px 40px;
	}
	.page-magic20anos .page-magic20anos-content {
		height: 8120px;
	}
	.page-magic20anos .magic20anos-tit h3 {
		font-size: 60px;
		font-weight: bold;
		letter-spacing: -0.077em;
	}
	.page-magic20anos .magic20anos-tit h3 span {
		color: #868686;
	}
	.page-magic20anos .page-magic20anos-content .timeline {
		display: none;
	}
	.page-magic20anos .page-magic20anos-content .timeline-mobile {
		background: url(../images/20anos/timeline-mobile.png) no-repeat 130px top;
		width: 100%;
		height: 7900px;
	    position: absolute;
	    top: 220px;
	    z-index: 2;
	    display: block;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile {
		width: 60%;
		float: left;
		position: relative;
		margin: 0 20% 0 140px;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile .tempo {
		padding-left: 27px;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile .tempo img {
		width: 376px;
	}
	.page-magic20anos .page-magic20anos-content .col-mobile .descricao {
		background-color: #ffffff; 
		font-size: 14px;
		padding: 25px 25px 25px;
	    margin: 0 0 0 37px;
	    width: 87%;
	    float: left;
	}
	.page-magic20anos .page-magic20anos-content .bloco-1995 { margin-top: 81px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-1995 .tempo { padding-left: 3px; }
	.page-magic20anos .page-magic20anos-content .bloco-1996 { margin-top: 187px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-1996 .tempo { padding-left: 0px; }
	.page-magic20anos .page-magic20anos-content .bloco-1996-cliente { margin-top: 181px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-1996-cliente .tempo { padding-left: 0; }
	.page-magic20anos .page-magic20anos-content .bloco-flash { margin-top: 264px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-flash .tempo { padding-left: 0; }
	.page-magic20anos .page-magic20anos-content .bloco-flash img.alejandro { margin-bottom: 0; width: 100%; }
	.page-magic20anos .page-magic20anos-content .bloco-2000 { margin-top: 285px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2000 .tempo { padding-left: 0; }
	.page-magic20anos .page-magic20anos-content .bloco-2006 { margin-top: 205px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2006 .tempo { padding-left: 0; }
	.page-magic20anos .page-magic20anos-content .bloco-midiassociais { margin-top: 207px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-midiassociais .tempo { padding-left: 0; }
	.page-magic20anos .page-magic20anos-content .bloco-mwd { margin-top: 175px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-mwd .tempo { padding-left: 0; }
	.page-magic20anos .page-magic20anos-content .bloco-m20anos { margin-top: 256px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-m20anos .tempo { padding-left: 0; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-facebook { margin-top: 155px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-facebook .tempo { padding-left: 1px; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-google { margin-top: 176px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2007-google .tempo { padding-left: 0; }
	.page-magic20anos .page-magic20anos-content .bloco-2016 { margin-top: 179px; float: left; }
	.page-magic20anos .page-magic20anos-content .bloco-2016 .tempo { padding-left: 0; }

	.page-magic20anos .page-20anosconquista-content .page-premios {
		display: none;
	}
	.page-magic20anos .page-20anosconquista-content .page-premios-mobile {
	    display: block;
	}
	.page-magic20anos .page-20anosconquista-content .tit {
	    font-size: 50px;
	    line-height: 61px;
	    text-align: right;
	    width: 70%;
	    float: inherit;
	    margin: 60px 30px 45px 0;
	}
	.page-magic20anos .page-20anosconquista-content .tit span {
	    font-size: 75px;
	}
	.page-magic20anos .panel-group .panel {
	    background-color: #ffffff;
	    border: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    border-radius: 0;
	}
	.page-magic20anos .panel-default > .panel-heading {
	    color: #333333;
	    background-color: #ffffff;
	    border-color: transparent;
	}
	.page-magic20anos .panel-body {
	    padding: 15px;
	}
	.page-magic20anos .panel-body img {
	    width: 100%;
	}
	.page-magic20anos .panel-heading {
	    padding: 0;
	}
	.page-magic20anos .panel-title > a {
	    font-size: 20px;
	    font-weight: bold;
	    letter-spacing: -0.05em;
	    color: #787878;
	    text-align: left;
	    text-decoration: none;
	    display: block;
	    padding: 10px 15px;
	}
	.page-magic20anos .panel-title > a span {
	    font-size: 12px;
	    font-weight: normal;
	    color: #67038c;
	    float: right;
	    margin: 7px 0 0 15px;
	}
}

@media screen and (min-width: 769px) and (max-width: 1370px) {
	.page-magic20anos .texto {
	    margin: 75px 0 110px 295px;
	}
	.page-magic20anos .page-20anosconquista-content .col-1 {
		width: 30%;
	}
	.page-magic20anos .page-20anosconquista-content .col-2 {
		width: 70%;
	}
	.page-magic20anos .page-20anosconquista-content .tit {
	    font-size: 50px;
	    line-height: 55px;
	}
	.page-magic20anos .page-20anosconquista-content .tit span {
	    font-size: 65px;
	}
	.page-magic20anos .page-20anosconquista-content .tab-content {
	    width: 930px;
	}
	.page-magic20anos .page-20anosconquista-content .tab-content img {
	    width: 100%;
	}
	.page-magic20anos .page-20anosconquista-content .menutabs ul li a span {
	    margin: 7px 0 0 15px;
	}
	.page-magic20anos .page-20anosconquista-content .menutabs ul.nav > li > a {
	    padding: 10px;
	}
	.page-magic20anos .page-20anosconquista-content .menutabs ul.nav-pills > li.active > a, 
	.page-magic20anos .page-20anosconquista-content .menutabs ul.nav-pills > li.active > a:hover, 
	.page-magic20anos .page-20anosconquista-content .menutabs ul.nav-pills > li.active > a:focus {
	    padding: 0 10px;
	    font-size: 25px;
	}
	.page-magic20anos .page-20anosconquista-content .menutabs ul.nav-pills > li.active > a span, 
	.page-magic20anos .page-20anosconquista-content .menutabs ul.nav-pills > li.active > a:hover span, 
	.page-magic20anos .page-20anosconquista-content .menutabs ul.nav-pills > li.active > a:focus span {    
	    margin: 7px 0 0 10px;
	}
	.page-magic20anos .page-20anosconquista-content .tab-content .medalha {
		float: left;
		margin: 0px 45px 0 -45px;
	}
	.page-magic20anos .page-20anosconquista-content .tab-content .txt-medalha {
		float: left;
		width: 88%;
		margin-top: 43px;
		margin-bottom: 35px;;
	}
	.page-magic20anos .page-20anosconquista-content .tab-content .txt {
		float: left;
		margin-top: 43px;
		margin-bottom: 35px;;
	}
}

@media screen and (min-width: 1371px) and (max-width: 1930px) {
	.page-magic20anos .page-20anosconquista-content .col-1 {
		width: 35%;
	}
	.page-magic20anos .page-20anosconquista-content .col-2 {
		width: 65%;
	}
	.page-magic20anos .page-20anosconquista-content .tab-content {
	    width: 996px;
	}
	.page-magic20anos .page-20anosconquista-content .tab-content ul li {
	}
	.page-magic20anos .page-20anosconquista-content .tab-content img {
	    width: 100%;
	}
	.page-magic20anos .page-20anosconquista-content .tab-content .medalha {
		float: left;
		margin: 0px 45px 0 -45px;
	}
	.page-magic20anos .page-20anosconquista-content .tab-content .txt-medalha {
		float: left;
		width: 87%;
		margin-top: 43px;
		margin-bottom: 35px;;
	}
	.page-magic20anos .page-20anosconquista-content .tab-content .txt {
		float: left;
		margin-top: 43px;
		margin-bottom: 35px;;
	}
}

/* Solucoes
 ========================================================================== */

.page-solucoes {
	color: #FFF;
	background: url('../images/solucoes/solucoes_bg.jpg') no-repeat 70% 50% #6C038E;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	padding: 0 0 105px 0;
	position: relative;
	overflow: hidden;
	height: 768px;
}
.page-solucoes .col-1 {
	float: left;
	position: relative;
	width: 35%;
	margin: 0 2% 0 15%;
}
.page-solucoes .col-2 {
	float: left;
	position: relative;
	width: 40%;
	margin: 0 2% 0 3%;
}
.page-solucoes .tit-page-solucoes-mobile {display: none;}


.page-solucoes .tit-page-solucoes-bg {
	background: url('../images/solucoes/solucoes_titulo.png') no-repeat right -72px;
	width: 100%;
	height: 514px;
	position: absolute;
	right: -55px;
}
.page-solucoes .tit-page-solucoes {
    position: absolute;
    z-index: 1;
    top: 60px;
    right: 100px;
}
.page-solucoes .solucoes-frase {
	padding-top: 115px;
}
.page-solucoes .solucoes-frase p {
	padding: 20px 0;
	margin: 0;
}
.page-solucoes .solucoes-frase .conheca-mais {
	background: url('../images/solucoes/ampulheta.png') no-repeat 0 20px;
	font-size: 35px;
	font-family: 'OpenSans-Extrabold', Arial, sans-serif;
	margin: 60px 0 0 0px;
	padding: 0 0 0 122px;
	height: 170px;
}
.page-solucoes .solucoes-frase .ampulheta {
	position: absolute;
	bottom: -120px;
	left: 0;
	z-index: 2;
}


/* TOPO SOLUCAO INTERNA */
.solucoesInternas {
	position: relative;
	overflow: hidden;
}
.solucoesInternas .bloco {
    display: table;
    position: relative;
    z-index: 10;
    width: 93%;
    max-width: 1760px;
    padding: 0 15px;
}
.solucoesInternas .page-solucoes-bg-topo{
	width: 100%;
	height: 166px;
	margin-top: 50px;
	background: url('../images/solucoes/bgTopoSolucoes.jpg') no-repeat center 0px;
}
.solucoesInternas .solucoes-tit {
    float: left;
    margin: 55px 0 0 110px;
}
.solucoesInternas .solucoes-tit h2.titSolucoes {
    color: #FFF;
    font-size: 50px;
    letter-spacing: -0.078em;
    margin: 0px;
    font-weight: bold;
}
.solucoesInternas .solucoes-tit h3.subTitSolucoes {
    color: #FFF;
    font-size: 18px;
    margin: 8px 0 0;
    letter-spacing: 0.1em;
    font-weight: bold;
}
.solucoesInternas .tit-page-solucoes {position: absolute;right: 0;}
.page-solucoes h1, 
.page-solucoes-branding h1, 
.page-solucoes-comintegrada h1,
.page-solucoes-digital h1,
.page-solucoes-marketing h1,
.page-solucoes-social h1 {
	color: #FFF;
	font-size: 100px;
	letter-spacing: -0.077em;
	margin: 0px;
	vertical-align: middle;
	display: table-cell;
	height: 166px;
}

.solucoesInternas p {
	font-size: 16px;
	line-height: 25px;
	color: #494949;
	margin-bottom: 35px;
}
.solucoesInternas p .roxo{
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	background: #8719B0;
}
.solucoesInternas p .txtRoxo{color: #8719B0;}
.solucoesInternas p a{
	text-decoration: underline;
	color: #494949;
}
.solucoesInternas p a:hover{color: #8719B0;}
.solucoesInternas i.setaRoxa{
    background: url(../images/solucoes/seta_roxo.png) no-repeat center;
    height: 23px;
    width: 24px;
    margin-right: 15px;
    display: inline-block;
}
.solucoesInternas i.setaBranca{
    background: url(../images/solucoes/seta.png) no-repeat center;
    height: 22px;
    width: 24px;
    margin-right: 15px;
    display: inline-block;
}

/**/
.page-solucoes .solucoes-lista a {
	color: #ffffff;
	text-decoration: none;
}
.page-solucoes .solucoes-col-50 {
	float: left;
	width: 50%
}
.page-solucoes .solucoes-lista {
	margin-top: 300px;
}
.page-solucoes .solucoes-col-100 {
	float: left;
	width: 100%
}




@media screen and (min-width: 769px) and (max-width: 1370px) {
	.page-solucoes .col-1 {
		width: 35%;
		margin: 0 2% 0 3%;
	}
	.page-solucoes .col-2 {
		width: 55%;
		margin: 0 2% 0 3%;
	}
}

@media screen and (min-width: 1371px) and (max-width: 1930px) {
	.page-solucoes .col-1 {
		width: 35%;
		margin: 0 2% 0 3%;
	}
	.page-solucoes .col-2 {
		width: 55%;
		margin: 0 2% 0 3%;
	}
}



/* Solucoes - Branding
 ========================================================================== */

.page-solucoes-branding .boxBranding {
    background: #e1e1d7;
}
.page-solucoes-branding .boxBranding .infoBranding{
    float: left;
    width: 50%;
    padding-top: 65px;
    background: #FFF;
    min-height: 900px;
    position: relative;
}
.page-solucoes-branding .boxBranding .infoBranding:before{
    content: '';
    display: block;
    background: #fff;
    position: absolute;
    left: -100%;
    top: 0px;
    width: 100%;
    height: 100%;
}
.page-solucoes-branding .boxBranding .infoBranding .bloco{
	width: 90%;
	max-width: 835px;
}
.page-solucoes-branding .boxBranding .infoBranding .lupaImg{float: left;}
.page-solucoes-branding .boxBranding .infoBranding .boxTxt{padding-left: 120px; width: 95%;}
.page-solucoes-branding .boxBranding .infoBranding .boxTxt a.btContato{padding-left: 40px;}
.page-solucoes-branding .boxBranding .brandingPesquisa{
    float: left;
    width: 50%;
    z-index: 9;
    position: relative;
}
.page-solucoes-branding .boxBranding .bgBranding{
    width: 1140px;
    height: 985px;
    margin: -135px 0px 0px -190px;
    background: url(../images/solucoes/img-branding.png) no-repeat center 0px;
}
.page-solucoes-branding .marcasBranding{
	background: #4FBF98;
	width: 100%;
	overflow: hidden;
}
.page-solucoes-branding .marcasBranding ul{
	margin: 0 auto;
	width: 90%;
	max-width: 1920px;
	overflow: hidden;
	padding: 0px;
}
.page-solucoes-branding .marcasBranding li{
	float: left;
	list-style: none;
	width: 25%;
}
.page-solucoes-branding .marcasBranding li img{width: 100%; max-width: 480px;}
    

    

/* ======================================================================== */


/* Solucoes - Comunicacao Integrada
 ========================================================================== */
.page-solucoes-comintegrada .boxComunicacao {
    background: #ece3c6;
    overflow: hidden;
}
.page-solucoes-comintegrada .boxComunicacao .infoComunicacao{
    float: left;
    width: 50%;
    padding-top: 65px;
    background: #FFF;
    position: relative;
}
.page-solucoes-comintegrada .boxComunicacao .infoComunicacao:before{
    content: '';
    display: block;
    background: #fff;
    position: absolute;
    left: -100%;
    top: 0px;
    width: 100%;
    height: 100%;
}
.page-solucoes-comintegrada .boxComunicacao .infoComunicacao .bloco{
	width: 90%;
	max-width: 835px;
}
.page-solucoes-comintegrada .boxComunicacao .infoComunicacao .boxTxt{
	padding-left: 120px;
    padding-bottom: 100px;
    float: left;
    width: 82%;
    max-width: 697px;
}
.page-solucoes-comintegrada .boxComunicacao .comunicacaoImg{
    float: left;
    width: 50%;
    background: #ece3c6;
    z-index: 9;
    position: relative;
}
.page-solucoes-comintegrada .boxComunicacao .bgComunicacao{
    width: 1000px;
    height: 567px;
    margin: 0px 0px 0px -115px;
    background: url(../images/solucoes/img-comunicacao.png) no-repeat center 0px;
}

.page-solucoes-comintegrada .marcasComunicacao{
	background: #ffd8db;
	width: 100%;
	overflow: hidden;
}
.page-solucoes-comintegrada .marcasComunicacao ul{
	margin: 0 auto;
	width: 90%;
	max-width: 1920px;
	overflow: hidden;
	padding: 0px;
}
.page-solucoes-comintegrada .marcasComunicacao li{
	float: left;
	list-style: none;
	width: 25%;
}
.page-solucoes-comintegrada .marcasComunicacao li img{width: 100%; max-width: 480px;}
.page-solucoes-comintegrada .boxEstrategia {
    padding-top: 50px;
}
.page-solucoes-comintegrada .boxEstrategia .col50{
	float: left;
	width: 50%;
}
.page-solucoes-comintegrada .boxEstrategia .blocoEstrategia {
    padding-left: 120px;
    padding-bottom: 100px;
    float: left;
    width: 90%;
    max-width: 765px;
}
.page-solucoes-comintegrada .boxEstrategia h4{
    font-size: 30px;
    color: #494949;
    font-weight: 600;
    letter-spacing: -0.07em;
    line-height: 34px;
}
.page-solucoes-comintegrada .boxEstrategia ul{
	float: left;
	width: 100%;
	padding: 10px 20px 0;
}
.page-solucoes-comintegrada .boxEstrategia ul li{
	float: left;
	width: 100%;
	font-size: 14px;
	color: #494949;
	letter-spacing: -0.07em;
	margin-bottom: 4px;
}
.page-solucoes-comintegrada .boxEstrategia ul p{
	font-size: 20px;
	color: #494949;
	margin: 0;
}
.page-solucoes-comintegrada .boxEstrategia ul a{
	color: #8100b1;
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
}
.page-solucoes-comintegrada .boxEstrategia ul a:hover{color: #494949;}
.page-solucoes-comintegrada .boxEstrategia .blocoContatoComunicacao{
    margin: 0 auto;
    width: 70%;
    max-width: 595px;
}
.page-solucoes-comintegrada .boxEstrategia .blocoContatoComunicacao p span{
	font-size: 20px;	
}
.page-solucoes-comintegrada .boxEstrategia .blocoContatoComunicacao .imgRelogio{
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px auto 0px;
}
.page-solucoes-comintegrada .boxEstrategia .blocoContatoComunicacao .imgRelogio img{width: 100%; max-width: 561px;}


/* ======================================================================== */

/* Solucoes - Social
 ========================================================================== */
.page-solucoes-social{}
.page-solucoes-social .solucoesMidiaOnline{}
.page-solucoes-social .solucoesMidiaOnline h5{
	font-size: 30px;
	float: left;
	margin: 0 0 8px;
	width: 100%;
	font-weight: bold;
	color: #fff;
	letter-spacing: -0.07em;
}
.page-solucoes-social .boxAnuncio .infoAnuncio h5, .page-solucoes-social .boxAnuncio .infoAnuncio p, .page-solucoes-social .boxAnuncio .infoAnuncio p a{color: #000}
.page-solucoes-social .solucoesMidiaOnline p{color: #fff; clear: both; margin-bottom: 20px;}
.page-solucoes-social .solucoesMidiaOnline p.destaque{
	font-size: 30px;
    line-height: 34px;
    letter-spacing: -0.07em;
    float: left;
    font-weight: 700;
    color: #A518D9;
    width: 400px;
    margin: 15px 0 20px;
}
.page-solucoes-social .boxAnuncio {
    overflow: hidden;
}
.page-solucoes-social .boxAnuncio .infoAnuncio{
    float: left;
    width: 50%;
    padding-top: 55px;
    padding-bottom: 10px;
    background: #efeded;
    position: relative;
}
.page-solucoes-social .boxAnuncio .infoAnuncio:before{
    content: '';
    display: block;
    background: #efeded;
    position: absolute;
    left: -100%;
    top: 0px;
    width: 100%;
    height: 100%;
}

.page-solucoes-social .boxAnuncio .infoAnuncio .bloco{
	width: 90%;
	max-width: 835px;
}
.page-solucoes-social .boxAnuncio .infoAnuncio .boxTxt{
	padding-left: 120px;
    padding-bottom: 15px;
    float: left;
    width: 84%;
    max-width: 714px;
}
.page-solucoes-social .boxAnuncio .anuncioImg{
    float: left;
    width: 50%;
    z-index: 9;
    position: relative;
}
.page-solucoes-social .boxAnuncio .anuncioImg .bgAnuncio{
    width: 990px;
    height: 835px;
    margin: 0px 0px 0px 0px;
    background: url(../images/solucoes/img-anuncio.jpg) no-repeat center 0px;
}
/*.page-solucoes-social .boxAnuncio .anuncioImg:after{
    content: '';
    display: block;
    background: #fff;
    position: absolute;
    right: -100%;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}*/
.page-solucoes-social .boxProgramatica{
	/*background: #a518d9;*/
	background: #fff;
	overflow: hidden;
}
.page-solucoes-social .boxProgramatica .programaticaImg{
	float: left;
	width: 50%;
	background: #fff;
	z-index: 9;
	padding: 60px 0px 80px;
	position: relative;
}
/*.page-solucoes-social .boxProgramatica .programaticaImg:before{
    content: '';
    display: block;
    background: #fff;
    position: absolute;
    left: -100%;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}*/
.page-solucoes-social .boxProgramatica .programaticaImg .bgProgramatica{
    width: 880px;
    height: 622px;
    margin: 0px -25px 0px 0px;
    float: right;
    background: url(../images/solucoes/img-programatica.png) no-repeat right 0px;
}
.page-solucoes-social .boxProgramatica .infoProgramatica{
	float: left;
	width: 50%;
	min-height: 762px;
	padding-top: 65px;
	background: #a518d9;
	position: relative;
}
.page-solucoes-social .boxProgramatica .infoProgramatica:after{
    content: '';
    display: block;
    background: #a518d9;
    position: absolute;
    right: -100%;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.page-solucoes-social .boxProgramatica .infoProgramatica .boxTxt{
	padding-left: 70px;
    padding-bottom: 15px;
    float: left;
    width: 84%;
    max-width: 714px;
}
.page-solucoes-social .boxProgramatica .infoProgramatica .boxTxt p.campanha{
	font-size: 20px;
	line-height: 25px;
	font-weight: 600;
	float: left;
	width: 340px;
	margin-bottom: 4px;
}
.page-solucoes-social .boxProgramatica .infoProgramatica .boxTxt p.campanha span{padding-left: 40px; float: left; margin-top: -27px;}
.page-solucoes-social .boxProgramatica .infoProgramatica .boxTxt a.btContato{text-decoration: underline; clear: both; display: block; padding-left: 40px; float: left; color: #fff;}



.page-solucoes-social .solucoesMidiaOnline{}
.page-solucoes-social .solucoesMidiaOnline .bgMidia{
	width: 100%;
	float: left;
	clear: both;
	background: #e2dfe3;
}
.page-solucoes-social .solucoesMidiaOnline .bgMidia .imgMidia{
	width: 100%;
	height: 947px;
	background: url("../images/solucoes/bgMidiaOn.jpg") no-repeat center 0px;
}

/* ======================================================================== */


/* Solucoes - Digital
 ========================================================================== */
.page-solucoes-digital .solucoesWeb .boxWebSite{
    background: #02336b;
    overflow: hidden;
}
.page-solucoes-digital .boxWebSite .infoWebSite{
    float: left;
    width: 50%;
    min-height: 780px;
    padding-top: 65px;
    background: #FFF;
    position: relative;
}
.page-solucoes-digital .boxWebSite .infoWebSite:before{
	content: '';
    display: block;
    background: #fff;
    position: absolute;
    left: -100%;
    top: 0px;
    width: 100%;
    height: 100%;
}
.page-solucoes-digital .boxWebSite .infoWebSite .bloco{
	width: 90%;
	max-width: 835px;
}
.page-solucoes-digital .boxWebSite .infoWebSite .boxTxt{
	padding-left: 120px;
    padding-bottom: 245px;
    float: left;
    width: 83%;
    max-width: 706px;
}
.page-solucoes-digital .webSiteImg{
    float: left;
    width: 50%;
    z-index: 9;
    position: relative;
    padding-bottom: 20px;
}
.page-solucoes-digital .webSiteImg .bgWeb{
    width: 930px;
    height: 760px;
    margin: 0px 0px 0px -135px;
    background: url(../images/solucoes/img-resultadoComercial.png) no-repeat center 0px;
}
.page-solucoes-digital .boxindexacao{
	width: 100%;
	background: #87d0c2;
}
.page-solucoes-digital .boxindexacao .indexacaoImg{
	float: left;
	width: 50%;
	z-index: 9;
	padding: 0px 0px 0px;
	position: relative;
}
.page-solucoes-digital .boxindexacao .indexacaoImg .bgIndexacao{
    width: 825px;
    height: 930px;
    margin: -235px 130px 0px 0px;
    float: right;
    background: url(../images/solucoes/img-indexacao.png) no-repeat right 0px;
}
.page-solucoes-digital .boxindexacao .infoIndexacao{
	float: left;
	width: 50%;
	min-height: 762px;
	padding-top: 65px;
	position: relative;
}
.page-solucoes-digital .boxindexacao .infoIndexacao .boxTxt{
	padding-left: 10px;
    padding-bottom: 15px;
    float: left;
    width: 80%;
    max-width: 680px;
}
.page-solucoes-digital .boxindexacao .infoIndexacao .boxTxt p.campanha{
	font-size: 20px;
	line-height: 25px;
	font-weight: 600;
	float: left;
	width: 480px;
	margin-bottom: 4px;
}
.page-solucoes-digital .boxindexacao .infoIndexacao p .txtRoxo {
    color: #8719B0;
    padding-left: 45px;
    float: left;
    margin-top: -27px;
}
.page-solucoes-digital .boxindexacao .infoIndexacao .boxTxt a.btContato{
    text-decoration: underline;
    clear: both;
    display: block;
    padding-left: 45px;
    float: left;
    color: #494949;
    margin-top: 5px;
}
.page-solucoes-digital .boxindexacao .infoIndexacao .boxTxt a.btContato:hover{color: #68058D;}




/* ======================================================================== */

/* Solucoes - Marketing Digital
 ========================================================================== */
.page-solucoes-marketing .mkDigital{}
.page-solucoes-marketing .boxMkDigital {
    background: #c90000;
}
.page-solucoes-marketing .boxMkDigital .infoMkDigital{
    float: left;
    width: 55%;
    padding-top: 55px;
    padding-bottom: 10px;
    position: relative;
}
.page-solucoes-marketing .boxMkDigital .infoMkDigital .bloco{
	width: 90%;
	max-width: 835px;
}
.page-solucoes-marketing .boxMkDigital .infoMkDigital .boxTxt{
	padding-left: 120px;
    padding-bottom: 15px;
    float: left;
    width: 84%;
    max-width: 714px;
}
.page-solucoes-marketing .boxMkDigital .infoMkDigital .boxTxt p{ color: #FFF; clear: both;}
.page-solucoes-marketing .boxMkDigital .infoMkDigital .boxTxt p.destaque {
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -0.06em;
    font-weight: bold;
    float: left;
    width: 400px;
    margin: 15px 0 25px;
}
.page-solucoes-marketing .boxMkDigital .infoMkDigital .boxTxt h5 {
    font-size: 30px;
    float: left;
    margin: 0 0 8px;
    width: 100%;
    font-weight: bold;
    color: #FFF;
    letter-spacing: -0.07em;
}
.page-solucoes-marketing .boxMkDigital .mkDigitalImg{
    float: left;
    width: 45%;
    /* margin-left: -50px; */
    z-index: 9;
    position: relative;
}
.page-solucoes-marketing .boxMkDigital .mkDigitalImg:after{
    content: '';
    display: block;
    background: #e0e0e0;
    position: absolute;
    right: -100%;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.page-solucoes-marketing .boxMkDigital .mkDigitalImg .bgMkDigital{
    width: 980px;
    height: 815px;
    margin: -15px 0px 0px -170px;
    background: url(../images/solucoes/bg-mk-digital.png) no-repeat center 0px;
}

.page-solucoes-marketing .boxMarketing{
	background: #fff;
	overflow: hidden;
}
.page-solucoes-marketing .boxMarketing .marketingImg{
	float: left;
	width: 50%;
	background: #fff;
	z-index: 9;
	padding: 0px 0px 0px;
	position: relative;
}
.page-solucoes-marketing .boxMarketing .marketingImg .bgMarketing{
    width: 900px;
    height: 610px;
    margin: 0px 0px 0px 0px;
    background: url(../images/solucoes/bg-marketing.jpg) no-repeat center 0px;
}
.page-solucoes-marketing .boxMarketing .infoMarketing{
	float: left;
	width: 50%;
	padding-top: 65px;
	position: relative;
}
.page-solucoes-marketing .boxMarketing .infoMarketing .boxTxt h5 {
    font-size: 30px;
    float: left;
    margin: 0 0 8px;
    width: 100%;
    font-weight: bold;
    color: #494949;
    letter-spacing: -0.07em;
}
.page-solucoes-marketing .boxMarketing .infoMarketing .imgMapeamento{width: 100%; clear: both; text-align: center; margin: -30px auto; float: left;}
.page-solucoes-marketing .boxMarketing .infoMarketing .imgMapeamento img{width: 100%; max-width: 670px;}
.page-solucoes-marketing .boxMarketing .infoMarketing .boxTxt{
	padding-left: 70px;
    padding-bottom: 15px;
    float: left;
    width: 84%;
    max-width: 714px;
}

.page-solucoes-marketing .boxGestao {
    background: #e0e0e0;
    overflow: hidden;
}
.page-solucoes-marketing .boxGestao .infoGestao{
    float: left;
    width: 50%;
    padding-top: 55px;
    padding-bottom: 10px;
    position: relative;
}
.page-solucoes-marketing .boxGestao .infoGestao .bloco{
	width: 90%;
	max-width: 835px;
}
.page-solucoes-marketing .boxGestao .infoGestao .boxTxt{
	padding-left: 120px;
    padding-bottom: 15px;
    float: left;
    width: 84%;
    max-width: 714px;
}
.page-solucoes-marketing .boxGestao .infoGestao .boxTxt .vertical {
    vertical-align: middle;
    display: table-cell;
    height: 461px;
    width: 1%;
}
.page-solucoes-marketing .boxGestao .infoGestao .boxTxt p.campanha {
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    float: left;
    width: 400px;
    margin-bottom: 4px;
}
.page-solucoes-marketing .boxGestao .infoGestao .boxTxt p .txtRoxo {
    color: #8719B0;
    padding-left: 45px;
    float: left;
    margin-top: -27px;
}
.page-solucoes-marketing .boxGestao .infoGestao .boxTxt a.btContato {
    text-decoration: underline;
    clear: both;
    display: block;
    padding-left: 45px;
    float: left;
    color: #494949;
    margin-top: 5px;
}
.page-solucoes-marketing .boxGestao .gestaoImg{
    float: left;
    width: 50%;
    z-index: 9;
    padding: 60px 0px 60px;
    position: relative;
}
.page-solucoes-marketing .boxGestao .gestaoImg .bgGestao{
    width: 664px;
    height: 461px;
    margin: 0px auto 0px;
    background: url(../images/solucoes/imgGestao.jpg) no-repeat center 0px;
}





/* ======================================================================== */
.page-case--ademilar .midias-sociais__content {
	color: #FFF;
	background: #B81219;
	overflow: hidden;
	position: relative;
}
.page-case--ademilar .midias-sociais__content .col-text {
	padding-top: 40px;
	padding-bottom: 40px;
}
.page-case--ademilar .midias-sociais__content .container {
	position: relative;
}
.page-case--ademilar .midias-sociais__content .page-sub-title { margin: 0; }
.page-case--ademilar .midias-sociais__content p { margin-bottom: 0; }
.page-case--ademilar .midias-sociais__content .page-sub-title + p { margin-top: 0.5em;  }
.page-case--ademilar .midias-sociais__content .col-img {
	position: absolute;
	right: 15px;
	top: 0;
	height: 100%;
}
.page-case--ademilar .midias-sociais__content .col-img:before {
	content: "";
	position: absolute;
	width: 130%;
	height: 100%;
	left: 30px;
	top: 0;
	background: url('../images/case-ademilar/ademilar_case__midias_sociais_bg.jpg') no-repeat;
}
.page-case--ademilar .midias-sociais__content:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	height: 100%;
	z-index: 10;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b81219+0,b81219+96&0+0,1+96 */
	background: -moz-linear-gradient(left,  rgba(184,18,25,0) 0%, rgba(184,18,25,1) 96%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(184,18,25,0) 0%,rgba(184,18,25,1) 96%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(184,18,25,0) 0%,rgba(184,18,25,1) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b81219', endColorstr='#b81219',GradientType=1 ); /* IE6-9 */

}

/* 4.2.2 Cases - Branco
 ========================================================================== */

.page-case--branco {}

.page-case--branco .case-categs li { background: #BE1F14; }
.page-case--branco .case-intro__col-tt:before { background: #BE1F14; }

.page-case--branco .home-slider__slide .slide-splash {
	z-index: 0;
	left: 13%;
	top: 5%;
}
.page-case--branco .home-slider__slide .slide-splash--big {
	left: -1%;
    top: 7%;
}
.page-case--branco .home-slider__slide .slide-person {
	top: auto;
	bottom: -3%;
	padding-top: 0;
	padding-left: 8.5%;
}
.page-case--branco .home-slider__slide .slide-laptop {
	top: auto;
	bottom: -2%;
	right: -3%;
}
.page-case--branco .home-slider__slide .container .case-logo {
	bottom: 126px;
}
.page-case--branco .home-slider__slide .container .case-logo {
	right: 1.9%;
}
.page-case--branco .home-slider__slide .container .case-logo .detalhe {
	margin-left: 8%;
	margin-bottom: 24.5%;
}


.page-case--branco .branco-intranet {
	color: #FFF;
	background: #B81219;
	overflow: hidden;
}

.page-case--branco .branco-intranet .col-text {
	padding: 10em 1em 10em 3.125em; /* 160/16 */ /* 160/16 */ /* 50/16 */
	float: right;
}
.page-case--branco .branco-intranet .container {
	position: relative;
}
.page-case--branco .branco-intranet .page-sub-title { margin: 0; }
.page-case--branco .branco-intranet p { margin-bottom: 0; }
.page-case--branco .branco-intranet .page-sub-title + p { margin-top: 0.5em;  }
.page-case--branco .branco-intranet .col-img {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
.page-case--branco .branco-intranet .col-img:before {
	content: "";
	position: absolute;
	width: 130%;
	height: 100%;
	right: 30px;
	top: 0;
	background: url('../images/case-branco/branco_case__intranet_bg.jpg') no-repeat;
}


.page-case--branco .midias-sociais {
	background: #E9EBEE;
	padding-bottom: 30px;
}

.page-case--branco .midias-sociais__content {
	overflow: hidden;
	position: relative;
}
.page-case--branco .midias-sociais__content .page-sub-title { font-size: 3.75em; /* 60/16 */ }
.page-case--branco .midias-sociais__content .col-text {
	padding-top: 50px;
	padding-bottom: 210px;
	max-width: 21%;
}
.page-case--branco .midias-sociais__content .container {
	position: relative;
}
.page-case--branco .midias-sociais__content .page-sub-title { margin: 0; }
.page-case--branco .midias-sociais__content p { margin-bottom: 0; }
.page-case--branco .midias-sociais__content .page-sub-title + p { margin-top: 0.5em;  }
.page-case--branco .midias-sociais__content .col-img {
	position: absolute;
	right: 15px;
	top: 0;
	height: 100%;
}

.page-case--branco .midias-sociais__content .col-img:before {
	content: "";
	position: absolute;
	width: 130%;
	height: 100%;
	left: 30px;
	top: 0;
	background: url('../images/case-branco/branco_case__midias_sociais_bg.jpg') no-repeat 0 50%;
	background-size: cover;
	z-index: 1;
}
.page-case--branco .midias-sociais__content:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	height: 100%;
	z-index: 10;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,e9ebee+96&0+0,1+96 */
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(233,235,238,1) 96%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(233,235,238,1) 96%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(233,235,238,1) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e9ebee',GradientType=1 ); /* IE6-9 */

}

.page-case--branco .midias-sociais__icons {
	text-align: center;
	padding: 38px 0;
	margin: 0;
	list-style: none;
}
.page-case--branco .midias-sociais__icons > li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
}
.page-case--branco .midias-sociais__icons > li:first-child { margin-left: 0; }
.page-case--branco .midias-sociais__icons a {
	display: block;
	width: 76px;
	height: 76px;
	line-height: 66px;
	border: 3px solid #9C9C9C;
	color: #9C9C9C;
	text-align: center;
	border-radius: 50%;
	text-decoration: none;
}

.page-case--branco .midias-sociais__icons a i {
	font-size: 32px;
	display: inline-block;
	vertical-align: middle;
}
.page-case--branco .midias-sociais__icons a .magic-icon-blog 		{ font-size: 16px; }
.page-case--branco .midias-sociais__icons a .magic-icon-pinterest 	{ font-size: 34px; }
.page-case--branco .midias-sociais__icons a .magic-icon-twitter 	{ font-size: 28px; }
.page-case--branco .midias-sociais__icons a .magic-icon-youtube 	{ font-size: 36px; }
.page-case--branco .midias-sociais__icons a .magic-icon-rss 		{ font-size: 26px; }


/* 4.2.3 Cases - Laguna
 ========================================================================== */

.page-case--laguna {}

.page-case--laguna h2.page-sub-title,
.page-case--laguna h3.page-sub-title { font-size: 3.75em; /* 60/16 */ }

.page-case--laguna .case-categs li { background: #083D79; }
.page-case--laguna .case-intro__col-tt { color: #231F20; }
.page-case--laguna .case-intro__col-tt:before { background: #E1E1E1; }

.page-case--laguna .home-slider__slide .slide-logo-detalhe {
	right: -29.7%;
	top: 10%;
	z-index: 1;
	max-height: 150%;
}

.page-case--laguna .home-slider__slide .slide-splash {
	z-index: 0;
	left: 13.2%;
	top: 16.6%;
}
.page-case--laguna .home-slider__slide .slide-splash--big {
	left: -1%;
	top: 7%;
}
.page-case--laguna .home-slider__slide.laguna .slide-phone {
	left: auto;
	right: -1.6%;
	bottom: -6.7%;
	z-index: 8;
}
.page-case--laguna .home-slider__slide .slide-square {
	padding-left: 15.5%;
	top: 18.5%;
	bottom: auto;
}
.page-case--laguna .home-slider__slide .slide-square span { width: 42%; }
.page-case--laguna .home-slider__slide .slide-square span:before { padding-top: 100%; }
.page-case--laguna .home-slider__slide .slide-person {
	top: auto;
	bottom: -2%;
	padding-top: 0;
	padding-left: 0;
}
.page-case--laguna .home-slider__slide .slide-person img {
	margin-left: -0.2%;
	margin-right: 0;
}
.page-case--laguna .home-slider__slide .slide-tablet {
    left: 6.6%;
    top: 11%
}
.page-case--laguna .home-slider__slide .slide-laptop {
	top: auto;
	bottom: -1.5%;
	right: 15%;
	left: auto;
}
.page-case--laguna .home-slider__slide .container .case-logo {
	bottom: 80px;
	right: 0.8%;
	z-index: 1;
}
.page-case--laguna .home-slider__slide .container .case-logo .img-logo {
	display: block;
	max-width: 394px;
	width: 100%;
}
.page-case--laguna .home-slider__slide .container .case-logo .detalhe {
	position: absolute;
	left: auto;
	bottom: auto;
	top: -280%;
	right: -13%;
	z-index: 1;
	margin: 0;
	max-width: 222%;
}

.page-case--laguna .case-intro__col-tt .logo {
	margin-bottom: 3.7em;
}

.page-case--laguna .laguna-extranet {
	color: #FFF;
	background: #083D79;
	overflow: hidden;
}


.page-case--laguna .laguna-extranet .container {
	position: relative;
}
.page-case--laguna .laguna-extranet .page-sub-title { margin: 0; }
.page-case--laguna .laguna-extranet p { margin-bottom: 0; }
.page-case--laguna .laguna-extranet .page-sub-title + p { margin-top: 0.5em;  }
.page-case--laguna .laguna-extranet .col-img {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
.page-case--laguna .laguna-extranet .col-img:before {
	content: "";
	position: absolute;
	width: 144%;
	height: 100%;
	right: 18px;
	top: 0;
	background: url('../images/case-laguna/laguna_case__extranet_bg1.jpg') no-repeat;
}

.page-case--laguna .laguna-extranet .col-text {
	padding: 10em 1em 10em 3.125em; /* 160/16 */ /* 160/16 */ /* 50/16 */
	float: right;
	padding-right: 30%;
}
.page-case--laguna .laguna-extranet .col-text:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 0;
	background: url('../images/case-laguna/laguna_case__extranet_bg2.jpg') no-repeat 0 0;
}


.page-case--laguna .midias-sociais {
	background: #E9EBEE;
	padding-bottom: 30px;
}

.page-case--laguna .midias-sociais__content {
	overflow: hidden;
	position: relative;
}
.page-case--laguna .midias-sociais__content .page-sub-title { font-size: 3.75em; /* 60/16 */ }
.page-case--laguna .midias-sociais__content .col-text {
	padding-top: 50px;
	padding-bottom: 210px;
	max-width: 21%;
}
.page-case--laguna .midias-sociais__content .container {
	position: relative;
}
.page-case--laguna .midias-sociais__content .page-sub-title { margin: 0; }
.page-case--laguna .midias-sociais__content p { margin-bottom: 0; }
.page-case--laguna .midias-sociais__content .page-sub-title + p { margin-top: 0.5em;  }
.page-case--laguna .midias-sociais__content .col-img {
	position: absolute;
	right: 15px;
	top: 0;
	height: 100%;
}

.page-case--laguna .midias-sociais__content .col-img:before {
	content: "";
	position: absolute;
	width: 130%;
	height: 100%;
	left: 30px;
	top: 0;
	background: url('../images/case-laguna/laguna_case__midias_sociais_bg.jpg') no-repeat 0 50%;
	background-size: cover;
	z-index: 1;
}
.page-case--laguna .midias-sociais__content:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	height: 100%;
	z-index: 10;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,e9ebee+96&0+0,1+96 */
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(233,235,238,1) 96%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(233,235,238,1) 96%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(233,235,238,1) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e9ebee',GradientType=1 ); /* IE6-9 */

}

.page-case--laguna .midias-sociais__icons {
	text-align: center;
	padding: 38px 0;
	margin: 0;
	list-style: none;
}
.page-case--laguna .midias-sociais__icons > li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
	width: 70px;
	height: 70px;
	background: #1870C8;
	border-radius: 50%;
	padding: 11px 0 0 11px;
}
.page-case--laguna .midias-sociais__icons > li:first-child { margin-left: 0; }
.page-case--laguna .midias-sociais__icons a {
	display: block;
	width: 48px;
	height: 48px;
	line-height: 38px;
	border: 3px solid #FFF;
	color: #FFF;
	text-align: center;
	border-radius: 50%;
	text-decoration: none;
}

.page-case--laguna .midias-sociais__icons a i {
	font-size: 26px;
	display: inline-block;
	vertical-align: middle;
}
.page-case--laguna .midias-sociais__icons a .magic-icon-blog 		{ font-size: 10px; }
.page-case--laguna .midias-sociais__icons a .magic-icon-pinterest 	{ font-size: 28px; }
.page-case--laguna .midias-sociais__icons a .magic-icon-twitter 	{ font-size: 22px; }
.page-case--laguna .midias-sociais__icons a .magic-icon-youtube3 	{ font-size: 24px; }
.page-case--laguna .midias-sociais__icons a .magic-icon-rss 		{ font-size: 20px; }



/* 4.2.4 Cases - CEABS
 ========================================================================== */

.page-case--ceabs {}

.page-case--ceabs h2.page-sub-title,
.page-case--ceabs h3.page-sub-title { font-size: 3.75em; /* 60/16 */ }

.page-case--ceabs .case-categs li { background: #13245A; }
.page-case--ceabs .case-intro__col-tt { color: inherit; }
.page-case--ceabs .case-intro__col-tt:before {background: #F4F4F4; }

.page-case--ceabs .home-slider__slide.ceabs .slide-detalhe {
	left: auto;
	right: 51%;
	max-width: 49%;
}
.page-case--ceabs .home-slider__slide .container .case-logo {
	bottom: 60px;
	right: 5%;
}
.page-case--ceabs .home-slider__slide.ceabs .slide-laptop {
	right: -7.7%;
	bottom: -3%;
}
.page-case--ceabs .home-slider__slide.ceabs .slide-tablet {
	left: -5.2%;
	top: 14.7%;
}
.page-case--ceabs .home-slider__slide.ceabs .slide-person {
	padding-left: 0;
	padding-top: 2.7%;
}
.page-case--ceabs .home-slider__slide.ceabs .slide-person img {
	margin-left: 2.5%;
}
.page-case--ceabs .home-slider__slide.ceabs .slide-splash {
	bottom: 22%;
	right: 2%;
}


.page-case--ceabs .ceabs-extranet {
	color: #FFF;
	background: #22B2C2;
	overflow: hidden;
}


.page-case--ceabs .ceabs-extranet .container {
	position: relative;
}
.page-case--ceabs .ceabs-extranet .page-sub-title {
	margin: 0;
	font-size: 2.5em; /* 40/16 */
}
.page-case--ceabs .ceabs-extranet p {
	margin-bottom: 0;
	margin-top: 1em;
}
.page-case--ceabs .ceabs-extranet .col-img {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
.page-case--ceabs .ceabs-extranet .col-img:before {
	content: "";
	position: absolute;
	width: 144%;
	height: 100%;
	right: 18px;
	top: 0;
	background: url('../images/case-ceabs/ceabs_case__extranet_bg1.jpg') no-repeat;
}

.page-case--ceabs .ceabs-extranet .col-text {
	padding: 7.5em 2.5em; /* 120/16 */ /* 40/16 */
	float: right;
	padding-right: 24.5%;
}
.page-case--ceabs .ceabs-extranet .col-text:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 56%;
	top: 0;
	background: url('../images/case-ceabs/ceabs_case__extranet_bg2.jpg') no-repeat 0 0;
}
.page-case--ceabs .ceabs-extranet .col-text .p + .p {
	margin-top: 3em;
}


.page-case--ceabs .midias-sociais {
	background: #E9EBEE;
	padding-bottom: 30px;
}

.page-case--ceabs .midias-sociais__content {
	overflow: hidden;
	position: relative;
}
.page-case--ceabs .midias-sociais__content .page-sub-title { font-size: 3.75em; /* 60/16 */ }
.page-case--ceabs .midias-sociais__content .col-text {
	padding-top: 50px;
	padding-bottom: 210px;
	max-width: 21%;
}
.page-case--ceabs .midias-sociais__content .container {
	position: relative;
}
.page-case--ceabs .midias-sociais__content .page-sub-title { margin: 0; }
.page-case--ceabs .midias-sociais__content p { margin-bottom: 0; }
.page-case--ceabs .midias-sociais__content .page-sub-title + p { margin-top: 0.5em;  }
.page-case--ceabs .midias-sociais__content .col-img {
	position: absolute;
	right: 15px;
	top: 0;
	height: 100%;
}

.page-case--ceabs .midias-sociais__content .col-img:before {
	content: "";
	position: absolute;
	width: 130%;
	height: 100%;
	left: 30px;
	top: 0;
	background: url('../images/case-ceabs/ceabs_case__midias_sociais_bg.jpg') no-repeat 0 50%;
	background-size: cover;
	z-index: 1;
}
.page-case--ceabs .midias-sociais__content:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	height: 100%;
	z-index: 10;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,e9ebee+96&0+0,1+96 */
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(233,235,238,1) 96%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(233,235,238,1) 96%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(233,235,238,1) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e9ebee',GradientType=1 ); /* IE6-9 */

}

.page-case--ceabs .midias-sociais__icons {
	text-align: center;
	padding: 38px 0;
	margin: 0;
	list-style: none;
	border-bottom: 3px solid #0A80AE;
	color: #0A80AE;
}
.page-case--ceabs .midias-sociais__icons > li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
}
.page-case--ceabs .midias-sociais__icons > li:first-child { margin-left: 0; }
.page-case--ceabs .midias-sociais__icons a {
	display: block;
	color: inherit;
	text-align: center;
	text-decoration: none;
	padding: 4px;
}

.page-case--ceabs .midias-sociais__icons a i {
	font-size: 28px;
	display: inline-block;
	vertical-align: middle;
}
.page-case--ceabs .midias-sociais__icons a .magic-icon-blog 	{ font-size: 12px; }
.page-case--ceabs .midias-sociais__icons a .magic-icon-pinterest{ font-size: 30px; }
.page-case--ceabs .midias-sociais__icons a .magic-icon-twitter 	{ font-size: 24px; }
.page-case--ceabs .midias-sociais__icons a .magic-icon-youtube3 { font-size: 26px; }
.page-case--ceabs .midias-sociais__icons a .magic-icon-rss 		{ font-size: 22px; }
.page-case--ceabs .midias-sociais__icons a .magic-icon-linkedin	{ font-size: 22px; }




/* 4.3 Contato
 ========================================================================== */
.bloco{
	width: 100%;
	max-width: 1430px;
	margin: 0 auto;
}
.page-contato{
	width: 100%;
	overflow: hidden;
	background: url('../images/bg-contato.jpg');
}
.page-contato .tit-page-contato{
	width: 100%;
	height: 218px;
	padding-bottom: 20px;
	background: url('../images/bg-tit-contato.jpg') 50% 0 #6a3387 no-repeat;
}
.page-contato .tit-page-contato h1{
    color: #FFF;
    font-size: 100px;
    font-weight: bold;
    float: right;
    margin: 0 6%;
    height: 218px;
    line-height: 218px;
}
.page-contato .box-tit-botao{
	width: 100%;
	overflow: hidden;	
}
.page-contato .box-tit-botao .bt-contato-trabalhe{
	float: left;
	width: 235px;
	height: 102px;
	margin: 30px 0px 50px;
	background: url('../images/bt-contato.png') no-repeat;
}
.page-contato .box-tit-botao .bt-contato-trabalhe a {
	text-indent: -9999px;
    float: right;
    width: 80px;
    height: 80px;
    margin: 11px 2px;
    -webkit-border-radius: 50px;
            border-radius: 50px;
}


.page-contato__header {
	padding-top: 40px;
	padding-bottom: 56px;
	overflow: hidden;
}
.page-contato  .blocoForm{clear: both;}

.page-contato__title {
	float: left;
	font-size: 2.125em; /* 34/16 */
	font-weight: 800;
	letter-spacing: -2px;
	color: #FFF;
	position: relative;
	padding-left: 132px;
	padding-top: 15px;
	padding-bottom: 15px;
	/*padding-top: 30px;*/
	min-height: 102px;
	margin: 0;
	display: table;
	vertical-align: middle;
}
.page-contato__title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	background: url('../images/bt-contato.png') no-repeat 0px 0px;
	text-indent: -9999px;
	width: 102px;
	height: 102px;
	margin: -51px 0 0 0;
}
.page-contato__title>span {
	display: table-cell;
	vertical-align: middle;
}

.btn-trabalhe-conosco {
	display: table;
	float: right;
	color: #C2C2C2;
	font-size: 1em;
	position: relative;
	padding-left: 100px;
	text-decoration: none !important;
	line-height: 1;
	/*padding-top: 18px;*/
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 84px;
}
.btn-trabalhe-conosco>span {
	display: table-cell;
	vertical-align: middle;
}
.btn-trabalhe-conosco b {
	display: block;
	font-size: 1.875em; /* 30/16 */
	font-weight: 800;
	letter-spacing: -2px;
	color: #FFF;
}
.btn-trabalhe-conosco:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	background: url('../images/bt-contato.png') no-repeat -152px -9px;
	text-indent: -9999px;
    width: 84px;
    height: 84px;
    margin: -42px 0 0 0;
}
.btn-trabalhe-conosco:hover,
.btn-trabalhe-conosco:focus { color: #24CCDD; }
.btn-trabalhe-conosco:hover b,
.btn-trabalhe-conosco:focus b { color: inherit; }

.page-contato__header .page-contato__title {
	max-width: 62%;
}
.page-contato__header .btn-trabalhe-conosco {
	max-width: 38%;
	margin-top: 10px;
}

.page-contato__title.contato:before,
.btn-trabalhe-conosco.contato:before { background-image: url('../images/bg-trabalhe-conosco.png'); }
.page-contato__title.contato:before { background-position: -134px 0; }
.btn-trabalhe-conosco.contato:before { background-position: 1px -10px; }

.page-contato .box-tit-botao h3{
	margin: 52px 20px 0;
    float: left;
    font-size: 30px;
    color: #fff;
}
.page-contato .box-tit-botao h3 a {
	color: #FFF;
	text-decoration: none;
}
.page-contato .box-tit-botao h3 a:hover,
.page-contato .box-tit-botao h3 a:hover span {
    color: #24ccdd;
}
.page-contato .box-tit-botao h3 a span{
    display: block;
    color: #c2c2c2;
    font-size: 16px;
}
.page-contato label{
	color: #FFF;
	font-size: 18px;
}
.page-contato .linha{float: left; margin-bottom: 3px;}
.page-contato textarea.form-control {
    height: 193px !important;
}
.page-contato .bt-enviar {
    float: right;
    width: 160px;
    margin: 20px 25px;
}
.page-contato .tit-page-tabalhe{
	width: 100%;
	height: 218px;
	background: url('../images/bg-tit-trabalhe-conosco.jpg');
}
.page-contato .tit-page-tabalhe h1 {
    color: #FFF;
    font-size: 100px;
    font-weight: bold;
    float: right;
    margin: 0 6%;
    height: 218px;
    line-height: 218px;
}

.page-contato .tit-page-tabalhe h1,
.page-contato .tit-page-contato h1 { letter-spacing: -0.06em; }

.page-contato .box-tit-botao.bt-trabalhe .bt-contato-trabalhe{
	float: left;
	width: 235px;
	height: 102px;
	margin: 30px 0px 50px;
	background: url('../images/bg-trabalhe-conosco.png');
}
.page-contato .box-tit-botao.bt-trabalhe .bt-contato-trabalhe a{
	text-indent: -9999px;
    float: left;
    width: 80px;
    height: 80px;
    margin: 11px 2px;
    -webkit-border-radius: 50px;
            border-radius: 50px;
}
.page-contato .cidadeLocal{
	font-size: 16px;
    font-weight: normal;
    float: left;
    margin: 6px 17px 0px 0px;
}
.page-contato select#estado {
    width: 100%;
    height: 40px;
    background: #fff;
}
.page-contato select#cidade {
    float: left;
    width: 100%;
    background: #fff;
    height: 40px;
}
.page-contato .msgSucesso{
	color: #FFF;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    padding: 40px 30px 40px;
}
.page-contato .msgSucesso a{
    color: #c2c2c2;
    font-size: 16px;
    text-transform: none;
	
}
.page-contato .msgSucesso a:hover{
	color: #8400B1;
}
.page-contato p.txtFile{
	color: #FFF;
	font-size: 12px;
}
.page-contato  input[type="file"]{
	color: #FFF;
}


.page-contato form { margin-bottom: 5em; } 

.page-contato .callback-form {
	color: #FFF;
	margin-bottom: 50px;
}
.page-contato .btn-back {
	color: #818181;
	background: #FFF;
	font-size: 0.875em; /* 14/16 */
	padding: 11px 29px;
	border-radius: 24px;
	margin-bottom: 19.7142857143em; /* 276/14 */
}
.page-contato .btn-back i { font-size: 22px; }


p.texto{
	font-size: 16px;
	line-height: 25px;
	color: #231F20;
}
.page-agencia .bloco{max-width: 1740px !important;}
.page-agencia{
	width: 100%;
	overflow: hidden;
	/*background: url('../images/bg-contato.jpg');*/
}
.page-agencia .tit-page-agencia{
	width: 100%;
	height: 219px;
	background: url('../images/bg-top-agencia.jpg');
}
.page-agencia .tit-page-agencia h1{
    color: #FFF;
    font-size: 100px;
    font-weight: bold;
    float: right;
    margin: 0 6%;
    height: 219px;
    line-height: 219px;
}
.page-agencia .boxTxt{
	float: left;
    width: 100%;
	margin: 80px 0px 30px;
}
.page-agencia .boxTxt p{
	float: left;
	margin: 0px 0px 30px;
}
.page-agencia .boxTxt a{
	font-weight: bold;
}
.page-agencia .boxSolucoes{
	clear: both;
    float: left;
    margin: 40px 0px 40px;
    width: 100%;
}
.page-agencia .boxSolucoes .solucoes-Texto{width: 40%;float: left;margin-top: 20px;}
.page-agencia .boxSolucoes .solucoes-Texto p{width: 59%;margin: 0px auto 30px;}
.page-agencia .boxSolucoes .solucoes-btns{float: right; width: 60%;}
.page-agencia .btnSolucoes{
    background: #5e007e;
    width: 100%;
    overflow: hidden;
    padding: 0 20px;
    margin-top: 30px;
    float: left;
}
.page-agencia .boxSolucoes{
	color: #FFF;
}
.page-agencia .boxSolucoes p{
	clear: both;
	color: #FFF;
}
.page-agencia .producao-web{
	width: 100%;
	overflow: hidden;
	background: url('../images/bg-producao-web.jpg') no-repeat center 0;
}
.page-agencia .producao-web ul{
	float: left;
	width: 500px;
	padding: 0;
	margin: 20px 0px 0px;
}
.page-agencia .producao-web ul li{
	float: left;
	width: 100%;
	position: relative;
	list-style: none;
	margin-bottom: 22px;
}
.page-agencia .producao-web ul li i{
    width: 36px;
    height: 36px;
    overflow: hidden;
    float: left;
    margin-top: -5px;
}
.page-agencia .producao-web ul li p{
	font-size: 20px;
	line-height: 20px;
	color: #3e3e3e;
	font-weight: 600;
	float: left;
	margin-bottom: 0;
	position: absolute;
	left: 45px;
}
.page-agencia .producao-web{
	float: left;
}
.page-agencia .boxDesenvolvimento{
    width: 75%;
    max-width: 1070px;
    padding: 0px 20px 0px 65px;
    height: 330px;
    vertical-align: middle;
    display: table-cell;
}

.page-agencia .boxLinkPatrocinado{
	width: 100%;
	height: 470px;
	background: url('../images/bg-links-patrocinados.jpg') no-repeat center 15px;
}
.page-agencia .boxLinkPatrocinado .boxLeft{
	float: left;
    width: 48%;
    max-width: 835px;
}
.page-agencia .boxLinkPatrocinado .boxLeft .boxPart1{
    margin: 0px 0px;
    height: 140px;
    display: table-cell;
    vertical-align: middle;
}
.page-agencia .boxLinkPatrocinado .boxLeft .boxPart2{
    float: left;
    clear: both;
    margin: 50px 0px 0px;
    width: 90%;
}
.page-agencia .boxLinkPatrocinado ul{
	float: right;
    width: 50%;
    margin-top: 20px;
    max-width: 870px;
}
.page-agencia .boxLinkPatrocinado ul li{
	float: left;
	width: 100%;
	position: relative;
	list-style: none;
	margin-bottom: 22px;
}
.page-agencia .boxLinkPatrocinado ul li i{
    width: 36px;
    height: 36px;
    overflow: hidden;
    float: left;
    margin-top: -5px;
}
.page-agencia .boxLinkPatrocinado ul li p{
	font-size: 20px;
	line-height: 20px;
	color: #3e3e3e;
	font-weight: 600;
	float: left;
	margin-bottom: 0;
	position: absolute;
	left: 45px;
}

.page-agencia .boxAnalytics{
	width: 100%;
	height: 470px;
	background: url('../images/bg-analytics.jpg') no-repeat center 15px;
}
.page-agencia .boxAnalytics .boxLeft{
	float: left;
    width: 52%;
    max-width: 904px;
}
.page-agencia .boxAnalytics .boxLeft .boxPart1{
    margin: 0px 0px;
    height: 200px;
    display: table-cell;
    vertical-align: middle;
}
.page-agencia .boxAnalytics .boxLeft .boxPart2{
    float: left;
    clear: both;
    margin: 50px 0px 0px;
    width: 90%;
}
.page-agencia .boxAnalytics ul{
    float: right;
    width: 36%;
    margin-top: 40px;
    max-width: 620px;
}
.page-agencia .boxAnalytics ul li{
	float: left;
	width: 100%;
	position: relative;
	list-style: none;
	margin-bottom: 22px;
}
.page-agencia .boxAnalytics ul li i{
    width: 36px;
    height: 36px;
    overflow: hidden;
    float: left;
    margin-top: -5px;
}
.page-agencia .boxAnalytics ul li p{
	font-size: 20px;
	line-height: 20px;
	color: #3e3e3e;
	font-weight: 600;
	float: left;
	margin-bottom: 0;
	position: absolute;
	left: 45px;
}
.page-agencia .solucoes-lista a {
    color: #ffffff;
}
.page-agencia .solucoes-col-50 {
	float: left;
	width: 50%
}
.page-agencia .solucoes-col-100 {
	float: left;
	width: 100%
}


.page-agencia .solucoes-lista a { text-decoration: none !important; }


.page-agencia .boxMidias{
	width: 100%;
	height: 1905px;
    margin: 70px auto 20px;
	background: url('../images/bg-midias.jpg') no-repeat center 0px;
}
.page-agencia .boxMidias .boxContent > h2{
	color: #231F20;
	font-size: 35px;
	font-weight: 900;
	float: left;
	margin: 0 0 30px;
	width: 100%;
}
.page-agencia .boxMidias .bloco1{
	overflow: hidden;
}
.page-agencia .boxMidias .bloco2{
	overflow: hidden;
}
.page-agencia .boxMidias .boxEsq1{
    margin-top: 100px;
    overflow: hidden;
    height: 670px;
    margin-bottom: 50px;
}
.page-agencia .boxMidias .boxEsq1 .cotacao{
	float: left;
	width: 50%;
    margin-top: 50px;
}
.page-agencia .boxMidias .boxEsq1 .cotacao img{width: 100%;}
.page-agencia .boxMidias .boxEsq1 ul{
	float: left;
    clear: both;
    width: 49%;
    margin-top: 40px;
    max-width: 411px;
    padding: 0px;
}
.page-agencia .boxMidias .boxEsq1 ul li{
	float: left;
	width: 100%;
	position: relative;
	list-style: none;
	margin-bottom: 35px;
}
.page-agencia .boxMidias .boxEsq1 ul li i{
    width: 36px;
    height: 36px;
    overflow: hidden;
    float: left;
    margin-top: -7px;
}
.page-agencia .boxMidias .boxEsq1 ul li p{
	font-size: 20px;
	line-height: 20px;
	color: #3e3e3e;
	font-weight: 600;
	float: left;
	margin-bottom: 0;
	position: absolute;
	left: 45px;
}
.page-agencia .boxMidias .boxEsq2{
    margin-top: 35px;
    float: left;
}
.page-agencia .boxMidias .boxEsq2 ul{
	background: url("../images/relatorios.jpg") no-repeat 0px 0px;
	padding: 0;
	overflow: hidden;
	height: 765px;
}
.page-agencia .boxMidias .boxEsq2 ul h3{
    color: #B33885;
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0px 12px;
}
.page-agencia .boxMidias .boxEsq2 ul li{
    list-style: none;
    padding-left: 140px;
    height: 145px;
    margin-bottom: 15px;
    float: left;
}
.page-agencia .boxMidias .boxEsq2 .imgBlog{
    float: left;
    width: 15%;
    max-width: 126px;
}
.page-agencia .boxMidias .boxEsq2 .imgBlog img{width: 100%; max-width: 116px;}
.page-agencia .boxMidias .boxEsq2 .boxContent{
    float: left;
    width: 85%;
    max-width: 715px;
    margin-top: 70px;
    padding-left: 15px;
}
.page-agencia .boxMidias .boxDir1{
	margin-top: 50px;
    padding-left: 80px;
}
.page-agencia .boxMidias .boxDir1 p{
    height: 165px;
    vertical-align: middle;
    display: table-cell;
    padding-left: 5%;
    text-align: left;
}
.page-agencia .boxMidias .boxDir2{
    padding-left: 80px;
    margin-top: 30px;
    height: 520px;
}
.page-agencia .boxMidias .boxDir2 .imgBlog{
    float: left;
    width: 21%;
    max-width: 160px;
}
.page-agencia .boxMidias .boxDir2 .imgBlog img{width: 100%; max-width: 154px;}
.page-agencia .boxMidias .boxDir2 .boxContent{
    float: left;
    width: 79%;
    max-width: 600px;
    margin-top: 70px;
    padding-left: 15px;
}
.page-agencia .boxMidias .boxDir3{
    float: left;
    clear: both;
    margin-top: 90px;
    padding-left: 75px;
}
.page-agencia .boxMidias .boxDir3 .imgBlog{
    float: left;
    width: 15%;
    max-width: 126px;
}
.page-agencia .boxMidias .boxDir3 .imgBlog img{width: 100%; max-width: 118px;}
.page-agencia .boxMidias .boxDir3 .boxContent{
    float: left;
    width: 85%;
    max-width: 715px;
    margin-top: 70px;
    padding-left: 15px;
}
.page-agencia .boxMidias .boxDir3 .monitoramento{
	float: left;
	clear: both;
    padding-left: 61px;
}
.page-agencia .boxMidias .monitoramento img{width: 100%;}
.page-agencia .boxMidias .boxDir3 ul{
	float: left;
    clear: both;
    width: 100%;
    margin-top: 40px;
    max-width: 411px;
    padding: 0px;
}
.page-agencia .boxMidias .boxDir3 ul li{
	float: left;
	width: 100%;
	position: relative;
	list-style: none;
	margin-bottom: 35px;
}
.page-agencia .boxMidias .boxDir3 ul li i{
    width: 36px;
    height: 36px;
    overflow: hidden;
    float: left;
    margin-top: -7px;
}
.page-agencia .boxMidias .boxDir3 ul li p{
	font-size: 20px;
	line-height: 20px;
	color: #3e3e3e;
	font-weight: 600;
	float: left;
	margin-bottom: 0;
	position: absolute;
	left: 45px;
}
.page-agencia .boxMidias form#midias-sociais {
    clear: both;
    float: left;
    width: 100%;
    padding: 40px 0;
    overflow: hidden;
    background: url(../images/bg-contato.jpg);
}
.page-agencia .boxMidias form#midias-sociais h3{
	font-size: 35px;
	color: #FFF;
	font-weight: bold;
    margin: 32px 20px 0px;
    float: left;
}
.page-agencia .boxMidias form#midias-sociais .bloco{
    max-width: 1450px !important;
}
.page-agencia .boxMidias form#midias-sociais label{
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
}
.page-agencia .boxMidias form label.error {
    display: block;
    padding-left: 0;
    margin-top: 1px;
    color: #D12F25 !important;
    font-size: 11px !important;
    line-height: 1;
    font-weight: 600 !important;
}
.page-agencia .boxMidias form#midias-sociais .linha{
	float: left;
    margin-bottom: 3px;
}
.page-agencia .boxMidias form#midias-sociais .bt-enviar {
    float: right;
    margin: 20px 20px 10px;
}
.page-agencia .boxMidias form#midias-sociais select#estado {
    width: 100%;
    height: 40px;
}
.page-agencia .boxMidias form#midias-sociais select#cidade {
    float: left;
    width: 100%;
    height: 40px;
}

.page-agencia .boxMidias .box-tit-botao {
    height: 110px;
    margin-bottom: 20px;
}
.page-agencia .boxMidias .imgOrcamento{
	float: left;
}


/* ==========================================================================
 5. Media Queries
 ========================================================================== */
 
@media(max-width: 1830px){
	.main-header .container {width: 100%; max-width: none;}
}

@media(max-width: 1810px){
	.container {width: 100%;}
	/* header */
	.main-header #main-nav { padding-left: 30px; }

	.main-header .nav-social li { padding-left: 5px; }
	.main-header .nav-social:before { left: -18%; }
	.main-header #main-nav .sub-menus { padding-left: 40px; }


	/* footer */
	.footer-nav__container {
		width: 100%;
	}


	/* cases */
	.home-cases {
		padding-left: 15px;
		padding-right: 15px;
	}	


	/* home */
	
	/* home--slider--ceabs */
	.home-slider__slide.ceabs .slide-destaque img {
		max-width: 66%;
		margin: 0 0 0 26%;
	}

	/* home--slider--ademilar */
	.home-slider__slide.ademilar .slide-destaque img {
		max-width: 76%;
		margin: 0 0 0 18%;
	}

	.magic20anos-lista {margin-right: -120px;}
	

}
@media(max-width: 1630px){
	.main-header .nav-menu > li a {padding: 15px 15px;}
}
@media(max-width: 1600px){
	.main-header #main-nav .btRedeMagic a {width: 110px;padding: 8px 0px;}
	.main-header #main-nav .btRedeMagic .colEsq{display: none;}
	.main-header #main-nav .btRedeMagic .colDir {float: none;width: 100%;margin: 10px auto;text-align: center;}
	.main-header #main-nav .btRedeMagic .colDir img {width: 73px;}


	.page-agencia .boxTxt {
	    float: left;
	    width: 94%;
	    margin: 80px 3% 30px;
	}

	.modal-case__image { width: 50%; }

	/* footer */
	.footer__newsletter .newsletter__container {
		max-width: 100%;
		padding-right: 100px;
	}

	/* home--solucoes */
	.home-solucoes .page-title { margin-left: 0; }
	
	.page-case--ceabs .ceabs-extranet .col-img:before {width: 165%;}
	.magic20anos-lista {margin-right: -80px;}	

	/*SOLUCOES*/
	.page-solucoes-branding .boxBranding .bgBranding {margin: -115px 0px 0px -160px; -webkit-background-size: 980px; -o-background-size: 980px; background-size: 980px;}
	.page-solucoes-digital .webSiteImg .bgWeb{-webkit-background-size: 90%; -o-background-size: 90%; background-size: 90%;}
	.page-solucoes-digital .boxindexacao .indexacaoImg .bgIndexacao{-webkit-background-size: 90%; -o-background-size: 90%; background-size: 90%;}

	.page-solucoes-marketing .boxMkDigital .mkDigitalImg .bgMkDigital{-webkit-background-size: 90%; -o-background-size: 90%; background-size: 90%;}

}
@media(max-width: 1370px){
	/*.main-header .nav-social:before {background: url(../images/bg_social_menu.png) no-repeat 16% 100%;}*/
	.main-header .nav-social li { display: none; }
	.main-header .nav-social li.blog, .main-header .nav-social li.facebook, .main-header .nav-social li.instagram, .main-header #main-nav .btRedeMagic { display: table-cell; }
	.main-header .nav-social li.idiomas{/*display: block;*/}
}
@media(max-width: 1350px){
	.case-intro.ceabs .blocoCeabs .fotoFull{width: 100%;}
	.case-intro.ceabs .blocoCeabs .fotoFull img{width: 100%;}
}
@media screen and  (max-width: 1280px) {

	.grid-cases a > .desc > strong {font-size: 2em;}
	.grid-cases a > .desc .icon:before {left: -24px;}
	.case-intro.laguna .bgLaguna .img img{width: 113%;}
    

    .solucoesInternas .solucoes-tit {margin: 55px 0 0 2%;}	
    .solucoesInternas .solucoes-tit h2.titSolucoes {font-size: 44px;}
    .solucoesInternas .solucoes-tit h3.subTitSolucoes {font-size: 16px;}
    .solucoesInternas .bloco {width: 96%;}

    .page-solucoes-branding .boxBranding .bgBranding {margin: -50px 0px 0px -220px; -webkit-background-size: 850px; -o-background-size: 850px; background-size: 850px;}
    .page-solucoes-branding .marcasBranding ul, .page-solucoes-comintegrada .marcasComunicacao ul {width: 100%;}

    .page-solucoes-digital .boxWebSite .infoWebSite .boxTxt {padding-left: 10px; padding-bottom: 170px;}
    .page-solucoes-digital .webSiteImg .bgWeb {width: 630px; height: 520px; margin: 70px 0px 0px -45px; background: url(../images/solucoes/img-resultadoComercial.png) no-repeat center 0px;
    -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
    .page-solucoes-digital .boxindexacao .indexacaoImg .bgIndexacao {width: 585px; height: 670px; margin: -155px 110px 0px 0px;  background: url(../images/solucoes/img-indexacao.png) no-repeat right 0px; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

	.page-solucoes-social .solucoesMidiaOnline .bgMidia .imgMidia{-webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; height: auto; padding-top: 46%;}
	.page-solucoes-social .boxProgramatica .programaticaImg {padding: 100px 0px 50px;}
	.page-solucoes-social .boxProgramatica .programaticaImg .bgProgramatica{margin: 40px -25px 0px 0px; -webkit-background-size: 700px; -o-background-size: 700px; background-size: 700px;}


	.page-solucoes-comintegrada .page-solucoes-comintegrada-bg-content, .page-solucoes-branding .page-solucoes-branding-bg-content, .page-solucoes-marketing .page-solucoes-marketing-bg-content, .page-solucoes-social .page-solucoes-social-bg-content, .page-solucoes-digital .page-solucoes-digital-bg-content {
    background: url(../images/solucoes/solucoes_bg_conteudo.jpg) no-repeat 50% 50% #f2f2f2 !important;}
	.page-solucoes h1, .page-solucoes-branding h1, .page-solucoes-comintegrada h1, .page-solucoes-digital h1, .page-solucoes-marketing h1, .page-solucoes-social h1 {font-size: 70px;}	


	.magic20anos-lista {margin-right: 0px;}
	.page-magic20anos .texto {margin: 70px 0 110px 245px;}
	.page-magic20anos .magic20anos-tit {top: -110px;}
	.solucoes-lista h2 {font-size: 35px;}
	.solucoes-lista .bubble span.circulo {left: -16px; top: 23px;}
	.solucoes-lista .bubble:hover span.circulo {left: -96px; top: 19px;}

}
@media(max-width: 1200px){

	/*BANNER*/
	.home-slider__slide.laguna .slide-laptop {left: 16%; max-width: 78%;}
	.home-slider__slide.laguna .slide-phone {right: -20%; max-width: 40%;}

	/* titles */
	.page-title,
	.home-solucoes .page-title,
	.home-clientes .page-title,
	.home-midias-sociais .page-title,
	.home-cases .page-title,
	.contato-section .page-title { font-size: 5.625em; /* 90/16 */ }
	
	/* header */
	.main-header .nav-menu {
		font-size: 1em;
	}
	.main-header .nav-menu > li a {
		padding: 15px 12px;
		letter-spacing: 0;
	}

	.main-header .nav-social:before {
		/*left: -88%;
		right: 0;
		width: 204%;
		height: 115%;
		background-position: -56% 100%;*/
	}
	.main-header .nav-social li { display: none; }
	.main-header .nav-social li.facebook,
	.main-header .nav-social li.instagram { display: table-cell; }

	.main-header #main-nav .sub-menus,
	.main-header #main-nav .sub-menus ul,
	.main-header #main-nav .sub-menus li a { height: auto; }

	.main-header--sub-menu-active:after { display: none; }
	.main-header #main-nav .sub-menus {}
	.main-header #main-nav .sub-menus,
	.main-header #main-nav .sub-menus.f-sub-menus { padding-left: 0; }
	.main-header #main-nav .sub-menus ul {
		margin-left: -133px;
		width: 100vw;
		padding-left: 30px;
		padding-right: 15px;
		height: auto;
		background: #7119B5;
	}
	.main-header #main-nav .sub-menus.f-sub-menus ul { padding-left: 15px; }
	.main-header #main-nav .sub-menus.f-sub-menus ul {
		margin-left: 0;
	}
	.main-header #main-nav .sub-menus li {
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
	}
	.main-header #main-nav .sub-menus li a {
		display: block;
		width: 100%;
	}

	/* footer */
	.footer__nav .col.empty { display: none; }
	.footer__nav .col {
		padding-left: 15px;
		padding-right: 15px;
	}


	/* cases */
	.case-content .case-destaque.case-projeto {position: relative;  bottom: inherit; margin-top: 80px;}
	.page-case .home-slider .boxConteudo {padding: 50px 0px 0px;}
	.page-case .home-slider .boxConteudo .case-logo {margin-left: 2%;}
	.page-case .home-slider .boxConteudo .boxTexto {width: 80%; max-width: 650px; margin-left: 2%;}
	.grid-cases a > .desc .icon:before {width: 70px; height: 70px; background-size: contain; left: -18px; bottom: -50px;}


	.page-case .case-intro.babyboo .boxLead .boxTexto {height: 600px;}
	.page-case .case-intro.babyboo .boxLead .foto {margin-top: 117px;}

	.case-intro.ceabs .conteudoCase.boxWebSite {padding: 0px 0;}
	.case-intro.ceabs .boxConteudo .vertical {display: block; height: auto; width: 100%; padding: 40px 5% 30px;}
	.case-intro.ceabs .blocoCeabs .boxArea {height: 390px; padding: 60px 5% 0;}
	.case-intro.ceabs .bgCeabs {height: auto;}
	.case-intro.ceabs .bgCeabs .bgAzul {height: auto; width: 100%; padding-bottom: 40px;}

	.case-intro.branco .blocoImg img{width: 100%;}
	.case-intro.branco .blocoBranco .boxArea {height: 420px;}
	.case-intro.branco .blocoBranco .intranet {padding-bottom: 0;}
	.case-intro.branco .bgBranco {height: auto;}
	.case-intro.branco .bgBranco .bgVermelho {width: 100%; height: auto; padding-bottom: 30px;}


	/* home */
	
	/* home--slider */
	.home-slider__slide .content .container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.home-slider__slide .bg,
	.home-slider__slide .image { height: 580px; }
	.home-slider__slide .slide-destaque {
		width: 34%;
		padding-top: 2%;
		padding-bottom: 8%;
	}
	.home-slider__slide .image { max-width: 70%; }
	.home-slider__slide .slide-destaque { top: 5%; }
	.home-slider__slide .slide-destaque img { max-height: 250px; margin-top: 45px;}
	.home-slider__slide .slide-destaque .col1 { height: 85%; }
	.home-slider__slide .slide-destaque .col2 .btn { bottom: 15px; }

	/* home--slider--branco */
	.home-slider__slide.branco .slide-destaque img {
		max-width: 70%;
		margin: 0 0 0 20%;
	}

	/* home--slider--ceabs */
	.home-slider__slide.ceabs .slide-person { text-align: center; }
	.home-slider__slide.ceabs .slide-person img {
		margin-left: -20%;
		max-width: 70%;
	}

	/* home--slider--ademilar */
	.home-slider__slide.ademilar .slide-laptop {
		top: auto;
		bottom: -7%;
		left: -1%;
	}


	/* home--solucoes */	
	.home-solucoes .col-text .marketing {
		max-width: 90%;
		margin-bottom: -1%;
	}



	/* home--midias-sociais */
	.home-midias__header {
		min-height: 0;
		padding-bottom: 46px;
	}
	.home-midias-sociais .dcsns-toolbar {
		margin-right: 0;
		margin-top: -100px;
	}
	.home-midias-sociais .page-title { padding-left: 0; }

	.social-feed__container { text-align: center; }
	.social-stream.dcsns {
		display: inline-block;
		vertical-align: top;
		text-align: left;
		width: 100%;
	}

	/*#cboxContent {width: 80% !important; margin: auto !important; float: none !important;}*/

	.modal-case__image { width: 40%; }
	.modal-case__cols { height: 600px; }

	.page-case { padding-top: 0; }

	.page-case--ceabs .ceabs-extranet .col-img:before {width: 185%;}

	.page-case--ceabs .ceabs-extranet .col-img:before {width: 185%;}
	.page-case .case-intro__col-tt > .wrap {padding-left: 2.5em; padding-right: 5em;}	
	.page-case--ceabs .ceabs-extranet .col-text {padding: 7.5em 23% 7.5em 2em;}
	.page-case--laguna h2.page-sub-title, .page-case--laguna h3.page-sub-title {font-size: 3.3em;}
	.page-case--laguna .laguna-extranet .col-text {padding: 10em 26% 10em 1em; padding-right: 26%; }

	.page-case--laguna .home-slider__slide .slide-person img {margin-left: -5%;}
	.page-case--laguna .home-slider__slide .slide-tablet {left: 14.6%; top: 36%;}
	.solucoesInternas .page-solucoes-bg-topo {margin-top: 46px;}


}
@media screen and  (max-width: 1080px) {
	.case-content .case-destaque.case-projeto {position: relative;  bottom: inherit; margin-top: 30px;}
	.lista-clientes li {width: 25%;}
	.page-solucoes-digital .solucoes-content .col-2 {width: 43% !important;}
	.page-solucoes-marketing .page-solucoes-marketing-bg-content, .page-solucoes-digital .page-solucoes-digital-bg-content {height: auto !important;}
	.page-solucoes-comintegrada .solucoes-content .col-1 {width: 50%;}
	.page-solucoes-comintegrada .solucoes-content .lista {margin-top: 40px;}
	.page-solucoes-comintegrada .solucoes-content .celular img {width: 52%;}
	.page-solucoes-comintegrada .solucoes-content .quebra-cabeca img {width: 100%; margin-left: 25%;}
	.page-solucoes-comintegrada .solucoes-content .celular {display: none;}
	.page-solucoes-digital .solucoes-content .cadeado {display: none;}
	.page-solucoes-digital .solucoes-content p.txt-cadeado {margin: 680px 0 35px 0px !important;}
	.page-solucoes-marketing .solucoes-content .megafone {display: none;}
	.page-solucoes-marketing .solucoes-content .lista {margin: 27px 0 0 0px !important;}
	.page-solucoes-marketing .solucoes-content .jornal {display: none;}
	.page-solucoes-comintegrada .page-solucoes-comintegrada-bg-content {height: 1200px;}
	.page-solucoes-comintegrada .solucoes-content {margin: 70px 3% 0; width: 94%;}
	.page-solucoes-comintegrada .solucoes-content .txt-roxo {width: 410px; margin: 110px -40px 0;}
	.page-solucoes-comintegrada .solucoes-content .txt-roxo p {font-size: 22px;}
	.page-solucoes-comintegrada .solucoes-content .revista {margin: 5px auto 0;}
	.page-agencia .boxSolucoes .solucoes-Texto {width: 100%;}
	.page-agencia .boxSolucoes .solucoes-Texto p {width: 80%;}
	.page-agencia .boxSolucoes .solucoes-btns {float: none; clear: both; width: 100%; overflow: hidden; margin: 0 auto;}
	.page-magic20anos .magic20anos-tit {top: 0px;}
	.page-magic20anos .magic20anos-img img{width: 180%; margin-top: 20px;}
	.page-magic20anos .texto {margin: 70px 0 110px 190px;}
	.solucoes-lista h2 {font-size: 30px;}
	.solucoes-lista .bubble p{font-size: 14px;}
	.solucoes-lista .bubble span.circulo {left: -13px; top: 20px;}
	.solucoes-lista .bubble:hover span.circulo {left: -98px; top: 16px;}

	.page-solucoes .solucoes-frase .conheca-mais {font-size: 30px; margin: 10px 0 0 0px;}

	.page-case .case-intro .boxTexto {padding: 80px 50px 0;}
	.page-case .case-intro.babyboo .bgBabyboo .boxMidias{padding: 0 50px;}
	.page-case .case-intro.babyboo .boxLead .boxTexto {padding: 40px 50px 0;}

	.modal-case__cols { height: auto; }
	.modal-case__cols,
	.modal-case__cols > * {
		display: block;
		width: 100%;
	}
	.modal-case__image:before {
		content: "";
		display: block;
		padding-top: 50%;
	}
	.modal-case__desc { padding: 40px; }
	.modal-case__image {background-size: 100% !important;}
}
@media(max-width: 1024px){
	.main-header .nav-menu > li a {padding: 15px 7px;}
	.main-header #main-nav .btRedeMagic {margin: 7px 12px -16px 0px;}
	.main-header #main-nav .btRedeMagic a {width: 76px; padding: 8px 0px;}
	.main-header #main-nav .btRedeMagic .colDir img {width: 55px;}

	.grid-cases a > .desc {height: 70px;}

	.main-header #main-nav .sub-menus li a { font-size: 0.875em; /* 14/16 */ }

	.page-agencia .boxLinkPatrocinado, .page-agencia .producao-web, .page-agencia .boxAnalytics, .page-agencia .boxMidias{background: none;}
	.page-agencia .boxLinkPatrocinado .boxLeft {float: none; width: 100%; max-width: 100%; margin: 0 auto;}
	.page-agencia .boxLinkPatrocinado .boxLeft .boxPart2 {margin: 0px 0px 0px;}
	.page-agencia .boxLinkPatrocinado ul {float: none;width: 100%;margin-top: 20px;padding: 0px;max-width: 100%;clear: both;overflow: hidden;}
	.page-agencia .boxLinkPatrocinado ul li {padding-top: 6px;}
	.page-agencia .boxTxt {margin: 40px auto 0px; float: none; width: 95%;}
	.page-agencia .boxSolucoes {clear: both;float: left;overflow: hidden;margin: 40px auto 40px;width: 95%;padding: 5%;max-width: 100%;}
	.page-agencia .boxSolucoes {margin: 0px auto 40px;}
	.page-agencia .producao-web ul {float: none; width: 95%; padding: 0; margin: 20px auto 0px;}
	.page-agencia .boxDesenvolvimento {width: 95%; max-width: 100%; padding: 20px 0 0; height: auto;}
	.page-agencia .boxAnalytics .boxLeft {float: none; width: 95%; max-width: 100%; margin: 0 auto;}
	.page-agencia .boxAnalytics .boxLeft .boxPart2 {float: none; margin: 0px auto 0px; width: 100%;}
	.page-agencia .boxAnalytics ul {float: none; width: 95%; max-width: 100%;}

	.page-agencia .boxMidias .boxEsq1 {margin-top: 0px; overflow: hidden; height: auto; margin-bottom: 20px;}
	.page-agencia .boxMidias .boxEsq1 ul {width: 95%; margin: 10px auto; max-width: 100%;}
	.page-agencia .boxMidias .boxEsq1 .cotacao {float: none; width: 100%; margin: 30px auto; clear: both; text-align: center;}
	.page-agencia .boxMidias .boxEsq1 .cotacao img {width: 100%; max-width: 400px;}
	.page-agencia .boxMidias .boxDir1 p {height: 125px;}
	.page-agencia .boxMidias .boxDir2 {padding-left: 0px;}
	.page-agencia .boxMidias .boxDir3{margin-top: 35px; padding-left: 0px;}
	.page-agencia .boxMidias .boxEsq2 ul li {height: auto;}



	/* CASES */
	.page-case  .container {padding: 0px 0px;}
	.page-case .case-intro__col-tt > .wrap {padding: 30px 4%;}
	.page-case .case-intro__col-tt {width: 100%;}
	.page-case .case-intro__col-desc {float: left; width: 100%;}
	.page-case .case-intro__col-desc > .wrap {padding: 30px 4%;}
	.page-case .midias-sociais__content .col-text {padding-top: 50px; padding-bottom: 50px; max-width: 100%; width: 50%;}
	.page-case .midias-sociais__content .col-img {width: 50%;}

	.page-case .laguna-extranet .col-text:before{display: none;}
	.page-case .laguna-extranet .col-text {padding: 10em 1% 10em; float: right;}

	.page-case--branco .branco-intranet .col-text{padding: 10em 1% 10em; width: 50%;}
	.page-case--branco .branco-intranet .col-img {width: 50%;}

	.page-case--ceabs .case-intro__col-desc .fotos li.bigger{width: 100vw;}
	.page-case--ceabs .ceabs-extranet .col-img:before {width: 230%;}	
	.page-case--ceabs .ceabs-extranet .col-text:before{display: none;}
	.page-case--ceabs .ceabs-extranet .col-text {padding: 7.5em 3%;}

	.page-case--laguna .home-slider__slide .container .case-logo {bottom: 40px; right: 0.8%; width: 30%;}
	.page-case--laguna .home-slider__slide .slide-tablet {left: 25%; top: initial; bottom: 25%;}


	/* SOLUCOES */
	.solucoesInternas .tit-page-solucoes {right: 2%;}
	.solucoesInternas .bloco {width: 100%; display: block; padding: 0px;}
	.page-solucoes-branding .boxBranding {background: #fff;}
	.page-solucoes-branding .boxBranding .infoBranding {width: 96%; margin: 0 auto; float: none; padding-top: 25px;}
	.page-solucoes-branding .boxBranding .infoBranding:before{display: none;}
	.page-solucoes-branding .boxBranding .infoBranding .lupaImg {float: left; margin: 0px 0px 30px;}
	.page-solucoes-branding .boxBranding .brandingPesquisa {width: 100%; background: #e1e1d7;}
	.page-solucoes-branding .boxBranding .bgBranding {width: 100%; padding-top: 72%; margin: 40px auto 0px; height: auto; -webkit-background-size: 80%; -o-background-size: 80%; background-size: 80%;}
	.page-solucoes-branding .boxBranding .infoBranding .boxTxt {padding-left: 0px; width: 95%; margin: 0 auto; float: left;}

	.page-solucoes-digital .boxWebSite .infoWebSite {width: 100%; min-height: auto;}
	.page-solucoes-digital .boxWebSite .infoWebSite .boxTxt {padding-left: 0px; padding-bottom: 30px; float: none; width: 96%; max-width: 100%; margin: 0 auto;}
	.page-solucoes-digital .webSiteImg{width: 100%;}
	.page-solucoes-digital .webSiteImg .bgWeb {width: 90%; max-width: 630px; padding-top: 530px; height: auto; margin: 30px auto 70px;}
	.page-solucoes-digital .boxindexacao .indexacaoImg{width: 100%; background: #87d0c2;}
	.page-solucoes-digital .boxindexacao .infoIndexacao{width: 100%; min-height: auto; padding-bottom: 30px;}
	.page-solucoes-digital .boxindexacao .indexacaoImg .bgIndexacao {margin: -50px auto;float: none;max-width: 585px;width: 90%;height: auto;padding-top: 740px;}
	.page-solucoes-digital .boxindexacao .infoIndexacao .boxTxt {padding-left: 0; padding-bottom: 15px; float: none; width: 96%; max-width: 100%; margin: 0 auto;}

	.page-solucoes-marketing .boxMkDigital{background: #fff;}
	.page-solucoes-marketing .boxMkDigital .infoMkDigital {width: 100%; background: #c90000;}
	.page-solucoes-marketing .boxMkDigital .infoMkDigital .boxTxt {padding-left: 0; padding-bottom: 15px; float: none; width: 96%; max-width: 100%; margin: 0 auto;}
	.page-solucoes-marketing .boxMkDigital .mkDigitalImg {float: left; width: 100%; background: #e0e0e0;}
	.page-solucoes-marketing .boxMkDigital .mkDigitalImg .bgMkDigital{-webkit-background-size: 90%;-o-background-size: 90%;background-size: 90%; padding-top: 74.7%; height: auto; width: 100%;margin: -14px auto 0;}
	.page-solucoes-marketing .boxGestao .gestaoImg{width: 100%; padding: 60px 0 0;}
	.page-solucoes-marketing .boxGestao .infoGestao {width: 100%; padding-bottom: 30px;}
	.page-solucoes-marketing .boxGestao .infoGestao .boxTxt{width: 96%; max-width: 100%; float: none; margin: 0 auto; padding-left: 0; overflow: hidden;}
	.page-solucoes-marketing .boxGestao .infoGestao .boxTxt .vertical {display: block; height: auto; width: 100%;}
	.page-solucoes-marketing .boxMarketing{clear: both;}
	.page-solucoes-marketing .boxMarketing .infoMarketing {float: left; width: 100%;}
	.page-solucoes-marketing .boxMarketing .infoMarketing .boxTxt{padding-left: 0px; padding-bottom: 15px; float: none; width: 96%; max-width: 100%; margin: 0 auto;}
	.page-solucoes-marketing .boxMarketing .marketingImg {width: 100%;}
	.page-solucoes-marketing .boxMarketing .marketingImg .bgMarketing {width: 100%; height: auto; margin: 70px auto 60px; background: url(../images/solucoes/bg-marketing.jpg) no-repeat center 0px; background-size: 500px; padding-top: 340px;}
	
	.page-solucoes-social .boxAnuncio .infoAnuncio{width: 100%;}
	.page-solucoes-social .boxAnuncio .infoAnuncio .boxTxt {padding-left: 0; padding-bottom: 15px; float: none; width: 96%; max-width: 100%; margin: 0 auto;}
	.page-solucoes-social .boxAnuncio .anuncioImg {width: 100%; background: #fff;}
	.page-solucoes-social .boxAnuncio .anuncioImg .bgAnuncio {width: 100%; height: auto; margin: 0 auto; background-size: 100%; padding-top: 84%;}
	.page-solucoes-social .boxProgramatica .programaticaImg {width: 100%; padding: 60px 0px 0px;}
	.page-solucoes-social .boxProgramatica .infoProgramatica {float: left; width: 100%; min-height: 100%;}
	.page-solucoes-social .boxProgramatica .programaticaImg .bgProgramatica {width: 100%; height: auto; margin: 0 auto; float: none; padding-top: 53%; background-size: 70%; background-position: center 0px;}
	.page-solucoes-social .boxProgramatica .infoProgramatica .boxTxt {padding-left: 0; padding-bottom: 35px; float: none; width: 96%; max-width: 100%; margin: 0 auto; overflow: hidden;}

	.page-solucoes-comintegrada .boxComunicacao .infoComunicacao{width: 100%;}
	.page-solucoes-comintegrada .boxComunicacao .infoComunicacao .boxTxt{padding-left: 0; padding-bottom: 50px; float: none; margin: 0 auto; width: 96%; max-width: 100%;}
	.page-solucoes-comintegrada .boxComunicacao .comunicacaoImg{width: 100%;}
	.page-solucoes-comintegrada .boxComunicacao .bgComunicacao {width: 100%; height: auto; margin: 0 auto; background-size: 100%; padding-top: 58%;}
	.page-solucoes-comintegrada .boxEstrategia .col50 {float: left; width: 100%;}
	.page-solucoes-comintegrada .boxEstrategia .blocoEstrategia {padding-left: 0; padding-bottom: 40px; float: none; width: 96%; max-width: 100%; margin: 0 auto; overflow: hidden;}
	.page-solucoes-comintegrada .boxEstrategia .blocoContatoComunicacao{padding-left: 0; padding-bottom: 40px; float: none; width: 96%; max-width: 100%; margin: 0 auto; overflow: hidden;}


}
@media screen and (max-width: 900px) {
	.main-header .nav-social li.blog, .main-header .nav-social li.facebook, .main-header .nav-social li.instagram { display: none; }
}

@media(max-width: 894px){

	.sub-dashed-list ul > li { padding-left: 26px; }
	.sub-dashed-list ul > li:before { width: 18px; }

	/* footer */
	.footer__newsletter .cols .col-tt {
		width: 30%;
		font-size: 0.875em; /* 14/16 */
	}
	.footer__newsletter .btn-close-text .text { display: none; }
	.footer__newsletter .newsletter__container { padding-right: 32px; }



	/* home */
	
	/* home--slider */
	.home-slider__slide .content .container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.home-slider__slide .bg,
	.home-slider__slide .image { height: 400px; }
	.home-slider__slide .slide-destaque {
		right: 5px;
		width: 40% !important;
		top: 10px;
	}
	.home-slider__slide .image { max-width: 58% !important; }
	.home-slider__slide .slide-splash {
		left: -35% !important;
		bottom: auto !important;
		top: 0 !important;
		max-width: 170% !important;
	}
	.home-slider__slide .slide-person img { max-width: 43%; }
	.home-slider__slide .slide-destaque img { max-height: 280px; }
	.home-slider__slide .slide-destaque .col1 {
		top: 5%;
		height: 90%;
		width: 65%;
		padding: 15px;
	}
	.home-slider__slide .slide-destaque .n {
		left: 15px;
		top: 15px;
		font-size: 3em; /* 48/16 */
	}
	.home-slider__slide .slide-destaque .tt {
		left: 15px;
		bottom: 15px;
	}
	.home-slider__slide .slide-destaque .col2 .btn {
		width: 60px;
		height: 60px;
		line-height: 54px;
		margin-left: 0;
		left: auto;
		bottom: 15px;
		right: 5px;
	}
	.home-slider__slide .slide-destaque .col2 .btn i { font-size: 44px; }
	.home-slider__slide .slide-square { display: none !important; }

	/* home--slider--laguna */
	.home-slider__slide.laguna .slide-splash {
		left: auto;
		bottom: 6.5%;
		right: -5.5%;
	}
	.home-slider__slide.laguna .slide-person {
		top: auto;
		bottom: 0%;
		padding-top: 0;
	}
	.home-slider__slide.laguna .slide-person img { max-width: 40%; }
	.home-slider__slide.laguna .slide-laptop {
		left: 8%;
		bottom: 0;
		max-width: 100%;
	}
	.home-slider__slide.laguna .slide-phone {
		right: -40%;
		bottom: 0%;
		max-width: 50%;
	}
	.home-slider__slide.laguna .slide-tablet {
		left: -11%;
		top: 1%;
	}

	/* home--slider--branco */
	.home-slider__slide.branco .slide-person {
		bottom: -2%;
		text-align: right;
	}
	.home-slider__slide.branco .slide-person img {
		max-width: 52%;
		margin-right: -1%;
	}
	.home-slider__slide.branco .slide-laptop { display: none !important; }

	.page-agencia .boxMidias .col-md-6.col-sm-6 {width: 100%;}

	/* home--solucoes */
	.home-solucoes .col-text .marketing { max-width: 80%; }

	

	/* CASES */
	.grid-cases a {width: 50%;}
	.page-case--ceabs .ceabs-extranet .col-img:before {width: 290%;}	
	.page-case .home-slider .boxConteudo .boxTexto {width: 80%; margin-left: 2%;}
	.page-case .case-intro h2 {font-size: 40px; font-weight: bold; line-height: 46px; letter-spacing: -2px;}
	.page-case .case-intro h3 {font-size: 32px; line-height: 32px;}
	.page-case .case-intro .barraSite a {font-size: 30px;}
	.page-case .case-intro .boxTexto, .page-case .case-intro.babyboo .boxLead .boxTexto {padding: 40px 5% 30px; width: 100%; height: auto; overflow: hidden;}
	.page-case .case-intro .meiaCol {width: 100%; float: left;}

	.case-intro.sepac .sitesSepac {padding: 20px 0;}
	.case-intro.sepac .sitesSepac .barraSite{text-align: center; padding: 0;}
	.case-intro.sepac .sitesSepac .barraSite a {font-size: 30px; text-align: center;}
	
	.page-case .case-intro.babyboo .foto{width: 100%; max-width: 500px; margin: 0 auto;  float: none;}
	.page-case .case-intro.babyboo .foto img{width: 100%;}
	.page-case .case-intro.babyboo .bgBabyboo {height: auto;background-size: 100%;}
	.page-case .case-intro.babyboo .bgBabyboo .boxMidias {padding: 80px 5% 60px;width: 100%;height: auto;margin-top: 21.6%;}
	.page-case .case-intro.babyboo .boxMidias .vertical {display: block; height: auto;}
	.page-case .case-intro.babyboo .boxLead .foto {margin-top: auto; width: 100%;  max-width: 100%;}
	.page-case .case-intro.babyboo .boxLead .boxTexto .img{display: none;}
	.page-case .case-intro.babyboo .boxPromo .fotoInteira,
	.page-case .case-intro.babyboo .boxPromo .foto {float: none; width: 100%; max-width: 100%; margin: 30px auto 0px;}
	.page-case .case-intro.babyboo .boxPromo .fotoInteira img, .page-case .case-intro.babyboo .boxPromo .foto img{width: 100%;}

	.case-intro.tempur .conteudoCase.boxWebSite{padding: 40px 5% 30px;}
	.case-intro.tempur .foto{clear: both; margin: 0 auto; width: 100%; max-width: 500px; float: none;}
	.case-intro.tempur .foto img{width: 100%;}
	.case-intro.tempur .boxPromo{margin-bottom: 40px;}
	.case-intro.tempur .boxLocalizador{padding: 40px 5% 30px; margin: 0;}
	.case-intro.tempur .boxTempur .vertical{height: auto; display: block; padding: 40px 5% 30px;}
	.case-intro.tempur .boxTempur .fotoInteira {width: 100%;}
	.case-intro.tempur .boxTempur .fotoInteira img{width: 100%;}
	.case-intro.tempur .blocoTempur .caixaMArketing {padding-bottom: 0px;}
	.case-intro.tempur .blocoTempur .caixaMArketing .img{width: 100%;}
	.case-intro.tempur .blocoTempur .caixaMArketing .img img{width: 100%;}
	.case-intro.tempur .blocoTempur .blocoMarketing {margin-bottom: 60px;}
	.case-intro.tempur .blocoTempur .foto{display: none;}
	.case-intro.tempur .boxMidias .vertical {display: block; height: auto;}
	.case-intro.tempur .bgTempur{height: auto; background: none;}
	.case-intro.tempur .bgTempur .boxMidias {width: 100%; height: auto; padding: 0 5%;}
	.case-intro.tempur .blocoTempur .boxMidiaOn {margin-bottom: 30px;}
	.case-intro.tempur .blocoTempur .bgAzul .img{width: 100%;}
	.case-intro.tempur .blocoTempur .bgAzul .img img{width: 100%;}

	.case-intro.laguna .conteudoCase.boxWebSite {padding: 40px 5% 30px;}
	.case-intro.laguna .foto {clear: both; margin: 0 auto; width: 100%; max-width: 500px; float: none;}
	.case-intro.laguna .foto img{width: 100%;}
	.case-intro.laguna .bgLaguna .bgAzul{height: auto; padding-bottom: 0;}
	.case-intro.laguna .bgLaguna .img {float: none;margin: 0 -6%;width: 112%;}
	.case-intro.laguna .bgLaguna .img img{width: 100%;}
	.case-intro.laguna .boxExtranet {height: auto; background: #e8e8e8;}

	.case-intro.ademilar .conteudoCase.boxWebSite {display: block; height: auto;  width: 100%; padding: 40px 5% 30px;}
	.case-intro.ademilar .boxConteudo .foto {clear: both; margin: 0 auto; width: 100%; max-width: 500px; float: none;}
	.case-intro.ademilar .boxConteudo .foto img {width: 100%;}
	.case-intro.ademilar .bgAdemilar{background: none; height: auto;}
	.case-intro.ademilar .bgAdemilar .img {width: 100%; float: none; margin: 0 auto;}
	.case-intro.ademilar .bgAdemilar .img img{width: 100%;}
	.case-intro.ademilar .bgAdemilar .bgVermelho {padding-bottom: 0; height: auto;}
	.case-intro.ademilar .boxIntranet {height: auto; background: #e4dfd9; padding-bottom: 30px;}
	.case-intro.ademilar .meiaCol.fotoLuiza {display: none;}

	.case-intro.ceabs .blocoCeabs .boxArea {height: auto; padding: 60px 5% 20px;}
	.case-intro.ceabs .boxConteudo .foto {clear: both; margin: 0 auto; width: 100%; max-width: 500px; float: none;}
	.case-intro.ceabs .boxConteudo .foto img{width: 100%;}
	.case-intro.ceabs .colImg{display: none;}
	.case-intro.ceabs .blocoPortal .boxPortal {height: auto; padding: 40px 5% 20px;}

	.case-intro.branco .conteudoCase.boxWebSite {padding: 0px 0px 0 0; width: 100%;}
	.case-intro.branco .boxConteudo .vertical {display: block; height: auto; width: 100%; padding: 40px 5% 30px;}
	.case-intro.branco .boxConteudo .foto{clear: both; margin: 0 auto; width: 100%; max-width: 500px; float: none;}
	.case-intro.branco .boxConteudo .foto img{width: 100%;}
	.case-intro.branco .blocoBranco .boxArea {height: auto; padding: 40px 5% 20px;}
	.case-intro.branco .blocoBranco .intranet{padding-bottom: 0;}
	.case-intro.branco .intranet .foto{max-width: 100%;}
	.case-intro.ceabs .blocoPortal .colEsq{max-width: 100%;}
	.case-intro.ceabs .blocoPortal .foto{width: 100%; max-width: 100%;}



	.magic20anos-lista {position: absolute; left: -270px; width: 164%;}

}

@media(max-height: 800px){

	.home-slider__slide .bg,
	.home-slider__slide .image { height: 650px; }

	.home-slider__slide .slide-destaque {
		padding-top: 3%;
		padding-bottom: 6%;
	}
}

@media screen and (max-width: 768px) {
	.main-header #main-nav .btRedeMagic{display: none !important;}
	.btRedeMagicMob{
		display: block !important;
		position: relative;
		z-index: 9;
		background: #e2e2e2;
		width: 100%;
		height: 70px;
		float: left;
		clear: both;
		margin: 0px 0px;
		position: relative;
	}
	.btRedeMagicMob:before{
		content: '';
		display: block;
		position: absolute;
		top: -2px;
		width: 100%;
		height: 1px;
		background: #acacac;
	}
	.btRedeMagicMob a{
		float: left;
		width: 100%;
		height: 100%;
	}
	.btRedeMagicMob .colEsq{
		float: left;
		width: 70%;
		max-width: 431px;
		margin: 13px 0px;
		padding: 0px 0 0 4%;
	}
	.btRedeMagicMob .colEsq h5{
		color: #282828;
		font-size: 26px;
		font-weight: 900;
		float: left;
		text-align: left;
		margin: 0px 0px;
	}
	.btRedeMagicMob .colEsq .btClique{
		font-size: 18px;
		color: #9200C3;
		font-weight: bold;
		float: left;
		clear: both;
		line-height: 15px;
	}
	.btRedeMagicMob .colDir{
		float: right;
		width: 30%;
		max-width: 96px;
		margin: 12px 2%;
		text-align: center;
	}
	.btRedeMagicMob .colDir img{width: 100%;}
	.btRedeMagicMob .btMais{
	    position: absolute;
	    bottom: -15px;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    width: 38px;
	}

	.page-solucoes-comintegrada .page-solucoes-comintegrada-bg-content {height: auto; background: #f2f2f2;}
	.page-solucoes-branding .solucoes-tit, .page-solucoes-digital .solucoes-tit, .page-solucoes-social .solucoes-tit, .page-solucoes-marketing .solucoes-tit, .page-solucoes-comintegrada .solucoes-tit {margin: 70px 0 0 3%; width: 100%;}
	.solucoesInternas .solucoes-tit h2.titSolucoes {font-size: 34px;}
	.solucoesInternas .solucoes-tit h3.subTitSolucoes {font-size: 14px; font-weight: 400;}
	.page-solucoes-comintegrada .solucoes-tit h2 {font-size: 30px; margin: 0px;}
	.page-solucoes-comintegrada .solucoes-tit span {font-size: 18px;margin-left: 3px;}
	.page-solucoes-social .tit-page-solucoes, .page-solucoes-comintegrada .tit-page-solucoes, .page-solucoes-marketing .tit-page-solucoes, .page-solucoes-digital .tit-page-solucoes, .page-solucoes-branding .tit-page-solucoes {
	    position: absolute;
	    left: 3%;
	    top: 20px !important;
	    right: inherit !important;
	}

	.page-solucoes-marketing .page-solucoes-marketing-bg-content {height: auto; background: #f2f2f2;}



	/*CASES*/
	.outros-cases .grid-cases a > .desc {height: auto;}
	.outros-cases .grid-cases a > .desc .p {opacity: 1;}
	.outros-cases .grid-cases a > .bg {height: 100%; top: 100%;}

	.page-case .case-intro.babyboo .bgBabyboo {background: none;}
	.page-case .case-intro.babyboo .bgBabyboo .boxMidias{margin: 0 auto;}

	
	.case-intro.branco .bgBranco{background: none; height: auto;}
	.case-intro.branco .bgBranco .bgVermelho {height: auto;}

	body {
		-ms-overflow-x: hidden;
		overflow-x: hidden;
	}

	/* titles */
	.page-title,
	.home-solucoes .page-title,
	.home-clientes .page-title,
	.home-midias-sociais .page-title,
	.home-cases .page-title,
	.contato-section .page-title { font-size: 4.125em; /* 66/16 */ }

	/* header */
	.main-header {height: 135px;}
	.main-header .navbar-brand {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.main-header .navbar-brand img { max-height: 55px; }

	.main-header #main-nav { border-top: 1px solid #67038c; }
	.main-header .container > * { display: block; }
	.navbar-toggle { display: block !important; }
	.main-header #main-nav {
		position: absolute;
		left: 0;
		top: 65px;
		width: 100%;
		height: auto;
		background: #FFF;
		padding: 0;
		overflow: hidden;
	    z-index: 9999;
	}

	.main-header .lingua {
	    display: block !important;
	    overflow: hidden;
	    position: absolute;
	    top: 14px;
	    right: 70px;
	    width: 90px;
	    height: 44px;
	    border: 2px solid #D2D2D2;
	    -webkit-border-radius: 30px;
	    border-radius: 30px;
	}
	.main-header .lingua a{
		float: left;
		width: 50%;
		background: #FFF;
		-webkit-border-radius: 0;
		border-radius: 0;
		text-indent: -9999px;
	}
	.main-header .lingua a:hover {background: #FFF;}
	.main-header .lingua a.active{background: #DEDEDE;}
	.main-header .lingua a span{
		background: url('../images/idiomas.png') no-repeat;
		width: 27px;
		height: 17px;
		float: left;
		margin: 12px 8px;
	}
	.main-header .lingua a.ptBR {border-right: 1px solid #d2d2d2;}
	.main-header .lingua a.eng {border-left: 1px solid #d2d2d2;}
	.main-header .lingua a.ptBR span {background-position: 0px -25px;}
	.main-header .lingua a.eng span {background-position: -36px -25px;}
	.main-header .lingua a.ptBR.active span {background-position: 0px 0px;}
	.main-header .lingua a.eng.active span {background-position: -36px 0px;}
	.main-header .lingua a.eng:hover span {background-position: -36px 0px;}

	.main-header #main-nav .nav-menu,
	.main-header #main-nav .nav-menu li,
	.main-header #main-nav .nav-menu li a,
	.main-header #main-nav .nav-social {
		display: block;
		width: 100%;
	}
	.main-header #main-nav .nav-menu li a { height: auto; }
	.main-header #main-nav .nav-menu,
	.main-header #main-nav .nav-social {
		height: auto;
		margin: 0;
		text-align: center;
	}

	.main-header #main-nav .nav-social { padding: 15px; }
	.main-header #main-nav .nav-social li {
		display: inline-block;
		vertical-align: top;
		padding: 4px;
	}
	.main-header #main-nav .nav-social li.idiomas {display: none;}


	.main-header .nav-menu > li { border-top: 1px solid #E1E1E1; }
	.main-header .nav-menu > li:first-child { border-top: none; }

	.main-header .nav-menu li.active a { border: none; }
	.main-header .nav-menu li.active > a {
		color: #FFF;
		background: #67038C;		
	}
	.main-header .nav-menu > .active:before { display: none; }
	.main-header .nav-menu li.active ul {
		display: block;
		padding: 0;
		margin: 0;
		font-size: 0.875em; /* 14/16 */
		border: 2px solid #67038C;
		border-top: none;
	}
	.main-header .nav-menu li.active ul li a {
		padding: 14px 12px;
	}
	
	/* footer */
	.footer-nav__container,
	.footer-nav__container > * {
		display: block;
		width: 100%;
	}
	.footer__nav .acesso-rapido,
	.footer__nav .redes-sociais {
		width: 50%;
		float: left;
		text-align: left;
	}
	.footer__nav .outros-acessos {
		clear: both;
		width: 100%;
	}

	body { padding-bottom: 82px; }
	.footer__newsletter {
		padding: 10px 0;
		height: 82px;
		overflow: hidden;
	}
	.footer__newsletter .newsletter__title { margin-bottom: 1px; }
	.footer__newsletter .cols { height: auto; }
	.footer__newsletter .cols .col-tt {
		width: 100%;
		display: table-row;
		height: 24px;
	}
	.footer__newsletter .cols .col {
		padding-left: 0;
		padding-right: 0;
	}
	.footer__newsletter .newsletter__sub-title { display: none; }
	

	/* home */
	
	/* home--slider */
	.home-slider__slide .bg,
	.home-slider__slide .image { height: 300px; }
	.home-slider__slide .slide-destaque { font-size: 0.6875em; /* 11/16 */ }
	.home-slider__slide .slide-destaque img { max-height: 190px; }


	/* home--slider--ceabs */
	.home-slider__slide.ceabs .slide-destaque {
		padding-top: 3%;
		padding-bottom: 10%;
	}


	.page-contato .tit-page-contato h1 {font-size: 60px;}
	.page-contato .box-tit-botao .bt-contato-trabalhe, .page-contato .box-tit-botao.bt-trabalhe .bt-contato-trabalhe{float: none; margin: 20px auto 0;}
	.page-contato .box-tit-botao h3 {margin: 52px auto 30px; float: none; font-size: 30px; text-align: center;}
	.page-contato .tit-page-tabalhe h1 {font-size: 60px;line-height: 65px;vertical-align: middle;display: table-cell;height: 218px;float: none;text-align: center;width: 1%;}
	.page-contato .linha label {display: block;}

	.page-agencia .boxMidias .boxDir1, .page-agencia .boxMidias .boxDir2 {padding-left: 0px; height: auto;}
	.page-agencia .boxMidias .boxDir2 .imgBlog img, .page-agencia .boxMidias .boxDir3 .imgBlog img, .page-agencia .boxMidias .boxEsq2 .imgBlog{display: none;}
	.page-agencia .boxMidias .boxDir2 .boxContent, .page-agencia .boxMidias .boxDir3 .boxContent, .page-agencia .boxMidias .boxEsq2 .boxContent {width: 100%; max-width: 100%; margin-top: 40px; padding-left: 0;}
	.page-agencia .boxMidias .boxDir3 {margin-top: 0px; padding-left: 0px;}
	.page-agencia .boxMidias .boxDir3 ul {width: 100%; margin-top: 30px; max-width: 100%;}

	.page-agencia .boxSolucoes {width: 100%;padding: 25px 0%;}
	/*.page-agencia .solucoes-col-50 {float: none; width: 100%;margin: 0 auto 20px;}*/
	.page-agencia .boxMidias .imgOrcamento{width: 75px;}
	.page-agencia .boxMidias .imgOrcamento img{width: 100%;}
	.page-agencia .boxMidias form#midias-sociais h3 {font-size: 30px;  margin: 20px 20px 0px;}

	.solucoes-lista h2 {font-size: 30px;}
	.page-agencia .boxSolucoes p {font-size: 14px;}
	.solucoes-lista .bubble span.circulo {left: -16px; top: 15px;}
	.solucoes-lista .bubble:hover span.circulo { background: url(../images/circulo.png) -86px -120px no-repeat; height: 29px; width: 69px; left: -16px; top: 15px;}

	.home-cases {padding-left: 0; padding-right: 0;}
	
	/* home--20anos */
	.home-20anos {
		padding: 30px 0 0 0;
	}
	.home-20anos .frase,
	.home-20anos .img-20anos {
		width: 100%;
	}
	.home-20anos .frase {
		max-width: none;
	}
	.home-20anos .img-20anos {
		position: static;
		max-width: 50%;
		text-align: center;
		margin: 0 auto;
	}
	.home-20anos .img-20anos svg {
		width: auto !important;
		height: auto !important;
		margin-left: -3%;
	}
	.home-20anos .frase .cloud {
		margin-left: 0;
		margin-bottom: 10px;
	}
	.home-20anos .frase .btn-saiba-mais { margin-right: 0; }


	/* home--solucoes */
	.home-solucoes .cols .col-tt,
	.home-solucoes .cols .col-text {
		width: 100%;
		position: relative;
		left: auto;
		top: auto;
	}
	.home-solucoes .page-title {
		margin-top: 0;
		text-align: center;
	}
	.home-solucoes .page-title > span {
		display: inline;
		margin: 0;
	}
	.home-solucoes .col-text .marketing {
		max-width: 60%;
		float: none;
		display: block;
		margin: 0 auto;
	}
	.home-solucoes .col-text .text {
		max-width: 100%;
		padding-top: 30px;
	}
	.home-solucoes .col-text .f { margin-top: -80px; }
	.home-solucoes .col-text .f a { margin-left: 0; }


	/* home--clientes */
	.home-clientes__title .page-title { padding-left: 0; }
	.lista-clientes { margin: -5px -5px 0 -5px; }
	.lista-clientes li { padding: 5px; }

	/* home--contato */
	.contato-section .page-title { margin-bottom: 0.3em; }
	.contato-section .mobile-text {
		display: block;
		text-align: center;
		z-index: 20;
		background: #f0f0f0;
		position: relative;
		clear: both;
		margin-top: 1em;
		padding: 15px;
		border-top: 1px solid #E1e1e1;
	}
	.contato-section .mobile-text .address { text-align: inherit; }
	.contato-section__header .cols { display: none; }
	.contato-section > .row { margin: 0; }
	.contato-section > .row .contato-section__map {
		border: none;
		padding: 0;
		width: 100%;
	}
	.contato-section .address:before { display: none; }


	/* cases */
	.colorbox-cases #cboxPrevious,
	.colorbox-cases #cboxNext {
		width: 40px;
		height: 80px;
		margin-top: -40px;
	}
	.colorbox-cases #cboxPrevious { left: -20px; }
	.colorbox-cases #cboxNext { right: -20px; }


	.modal-case__desc { padding: 24px; }

	.case-categs {
		margin: 15px 0 0 0;
	}
	.case-categs li {
		width: 44px;
		height: 44px;
		line-height: 44px;
	}

	.case-categs li i {
		width: 44px;
		height: 44px;
		float: left;
		background: url('../images/icone-cases.png');
		background-size: 514px;
	}
	.case-categs li i.icon-www {background-position: 0px center;}
	.case-categs li i.icon-face {background-position: -44px center;}
	.case-categs li i.icon-insta {background-position: -88px center;}
	.case-categs li i.icon-in {background-position: -131px center;}
	.case-categs li i.icon-blog {background-position: -175px center;}
	.case-categs li i.icon-youTube {background-position: -219px center;}
	.case-categs li i.icon-twitter {background-position: -265px center;}
	.case-categs li i.icon-flickr {background-position: -420px center;}
	.case-categs li i.icon-pinterest {background-position: -478px center;}
	.case-categs li i.icon-rss {background-position: -539px center;}
	.case-categs li i.icon-gPlus {background-position: -595px center;}

	
	/* CASES */
	.page-case .midias-sociais__content .col-text {width: 100%;}
	.page-case .midias-sociais__content .col-img, .page-case .midias-sociais__content:after {display: none;}

	.page-case--ceabs .home-slider__slide.ceabs .slide-detalhe, .home-slider__slide.ceabs .slide-phone, .page-case .home-slider__slide .container .case-logo img,
	.page-case--branco .home-slider__slide .slide-laptop, .home-no-slider .home-slider__slide .slide-phone, .home-no-slider .home-slider__slide .slide-tablet, .page-case--ceabs .home-slider__slide.ceabs .slide-laptop,
	.home-slider__slide.ademilar .slide-laptop,
	.home-slider__slide.laguna .slide-laptop, .home-slider__slide.laguna .slide-phone,
	.home-slider__slide.aeroflex .slide-person, .home-slider__slide.aeroflex .slide-phone {display: none;}
	
	.page-case .home-slider__container, .page-case .home-slider__slide, .page-case .home-slider__slide .bg, .page-case .home-slider__slide .image {height: 420px;}
	.page-case--branco .home-slider__slide .slide-person {padding: 0 16%; left: 33%;}
	.page-case--ceabs .home-slider__slide.ceabs .slide-person img {margin-left: 0.5%; max-width: 308px !important; margin-top: 28px;}
	.home-slider__slide.ademilar .slide-person img {margin-left: 48%; max-width: 80%;}
	.home-slider__slide.laguna .slide-person img {max-width: 39% !important; margin-left: 30%;}
	.home-slider__slide .slide-person img {max-width: 210px !important;}
	.home-slider__slide.aeroflex .slide-laptop {left: 20%; bottom: 4%; max-width: 82%;}
	.home-slider__slide.sepac .slide-person {left: 8%;}

	.home-slider__slide.tempur .slide-tablet,
	.home-slider__slide.tempur .slide-laptop,
	.home-slider__slide.tempur .slide-phone,
	.home-slider__slide.sepac .slide-laptop,
	.home-slider__slide.sepac .slide-phone {display: none;}


	.grid-cases a > .desc {height: 80px; vertical-align: middle; display: table-cell;}
    .grid-cases a:hover >.desc{    
    	height: 80px;      
    	-webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
    }
    .grid-cases a > .desc > strong {
	    margin-bottom: 0px;
	    vertical-align: middle;
	    display: table-cell;
	    height: 80px;
    	line-height: 20px;
	}
	.grid-cases a > .desc .icon {left: 25px; top: 36%;}
    .grid-cases a:hover > .desc .icon:before {display: none;}
    .grid-cases a > .bg{height: 80px; top: auto; bottom: 0px;}
    .grid-cases a:hover > .bg {height: 110px; top: auto; bottom: 0px;}

	.page-case .grid-cases a {width: 100%; height: 110px;}
	.page-case .grid-cases a > .desc{opacity: 1; top: 0px; padding: 20px 15px 20px 70px; -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -o-transform: inherit; transform: inherit;}
	.page-case .grid-cases a > .desc .icon {top: 20px;}
	.page-case .grid-cases a > .img {background-image: none !important;}
	.page-case .grid-cases a.branco > .img{background: linear-gradient(to bottom,  rgba(232,0,10,1) 0%,rgba(111,0,5,1) 100%) !important; }
	.page-case .grid-cases a.ceabs > .img{background: linear-gradient(to bottom,  rgba(39,158,249,1) 0%,rgba(6,13,43,1) 100%) !important; }
	.page-case .grid-cases a.ademilar > .img{background: linear-gradient(to bottom,  rgba(255,28,22,1) 0%,rgba(129,10,6,1) 100%) !important; }
	.page-case .grid-cases a.banco_eventos > .img{background: linear-gradient(to bottom,  rgba(255,224,27,1) 0%,rgba(119,70,0,1) 100%) !important; }
	.page-case .grid-cases a.personale > .img{background: linear-gradient(to bottom,  rgba(47,117,161,1) 0%,rgba(0,35,57,1) 100%) !important; }
	.page-case .grid-cases a.panzardi > .img{background: linear-gradient(to bottom,  rgba(222,163,59,1) 0%,rgba(0,0,0,1) 100%) !important; }
	.page-case .grid-cases a.hologram > .img{background: linear-gradient(to bottom,  rgba(113,0,175,1) 0%,rgba(32,3,42,1) 100%) !important; }
	.page-case .grid-cases a.laguna > .img{background: linear-gradient(to bottom,  rgba(0,68,142,1) 0%,rgba(3,37,75,1) 100%) !important; }
	.page-case .grid-cases a.tempur > .img{background: linear-gradient(to bottom,  rgba(0,68,142,1) 0%,rgba(3,37,75,1) 100%) !important; }
	.page-case .grid-cases a.babyboo > .img{background: #7b6bb7; }
	.page-case--laguna .laguna-extranet .col-img {width: 50%;}
	.page-case .laguna-extranet .col-text {width: 50%;}
	.page-case--ceabs .home-slider__slide.ceabs .slide-person {bottom: 0;}

	.footer__nav .btn-go-top {right: 20px; top: 20px;}


	.magic20anos-lista {position: relative; left: 0; width: 100%;}
	.page-magic20anos .page-magic20anos-bg {background: url(../images/20anos/magic20anos_bg.jpg) no-repeat 42% 100% #663086;}
	.page-magic20anos .texto {margin: 20px auto 40px;}

	/*SOLUCOES*/
	.solucoesInternas .page-solucoes-bg-topo {margin-top: 0px;}
	.page-solucoes {
	    padding: 0 0 105px 0;
	    height: auto;
	    background: #5725a0;
	}
	.page-solucoes .col-1 {
		width: 90%;
		margin: 0 5% 0;
	}
	.page-solucoes .col-2 {
		width: 100%;
		margin: 0 5% 0;
	}
	.page-solucoes .tit-page-solucoes-bg {
	    background: url(../images/solucoes/solucoes_titulo.png) no-repeat r -60px;
	    width: 100%;
	    right: initial;
	    height: 514px;
	}
	.page-solucoes .tit-page-solucoes {display: none;}
	.page-solucoes .tit-page-solucoes-mobile {
	    margin: 60px 210px 0 70px;
		display: inherit;
		float: right;
	}
	.page-solucoes .tit-page-solucoes-mobile h1 {font-size: 80px;}
	.page-solucoes .solucoes-frase {padding-top: 350px;}
	.page-solucoes .solucoes-col-50 {width: 90%}
	.page-solucoes .solucoes-col-100 {width: 90%;}
	.page-solucoes .bubble h2 {font-size: 20px;}
	.page-solucoes .bubble span.seta {right: 40px; top: 20px;}
	.page-solucoes .bubble {margin: 10px 0; padding: 10px 70px 13px 40px;}
	.page-solucoes .solucoes-frase .conheca-mais {
	    margin: 30px auto 0;
	    font-size: 30px;
	    padding: 0 0 0 122px;
	    height: 170px;
	    background: url(../images/solucoes/ampulheta.png) no-repeat 0px 20px;
	    width: 350px;
	}
	.page-solucoes .solucoes-frase .ampulheta {bottom: 20px;left: 20px;}
	.page-solucoes .solucoes-lista {margin-top: 70px;}
	.page-solucoes-branding .tit-page-solucoes h1, 
	.page-solucoes-comintegrada .tit-page-solucoes h1,
	.page-solucoes-digital .tit-page-solucoes h1,
	.page-solucoes-marketing .tit-page-solucoes h1,
	.page-solucoes-social .tit-page-solucoes h1 {
		font-size: 36px;
		float: left;
		margin-right: 0px;
		height: auto;
	}
	
	.page-solucoes-branding .marcasBranding li {float: left; list-style: none; width: 50%;}

	.page-solucoes-digital .solucoesWeb .boxWebSite {background: #fff; overflow: visible;}
	.page-solucoes-digital .webSiteImg {background: #02336b;}
	.page-solucoes-digital .webSiteImg .bgWeb {padding-top: 72%;}
	.page-solucoes-digital .boxindexacao .indexacaoImg .bgIndexacao{padding-top: 99%; width: 100%; max-width: 80%;}	
	.page-solucoes-marketing .boxMarketing .marketingImg .bgMarketing{max-width: 664px; width: 90%; background-size: 100%; height: auto; padding-top: 61%;}
	.page-solucoes-marketing .boxGestao .gestaoImg .bgGestao {max-width: 664px; width: 90%; background-size: 100%; height: auto; padding-top: 71%;}
	
	.page-solucoes-comintegrada .boxComunicacao {background: #fff; overflow: visible;}
	.page-solucoes-comintegrada .marcasComunicacao li{width: 50%;}

}

@media(max-width: 700px){
	
	.page-contato__header .page-contato__title,
	.page-contato__header .btn-trabalhe-conosco {
		max-width: 100%;
		float: none;
		margin: 0;
	}
	.page-contato__header .btn-trabalhe-conosco { margin-top: 1em; }

}

@media(max-width: 580px){
	.lista-clientes li {width: 33.33%;}
	.btRedeMagicMob .colEsq{margin: 16px 0px;}
	.btRedeMagicMob .colEsq h5 {font-size: 20px;}
	.btRedeMagicMob .colEsq .btClique {font-size: 15px;}

	.page-agencia .solucoes-col-50 {width: 100%;}
	.solucoes-lista h2{width: 100%; padding: inherit;}
	.solucoes-lista .bubble{padding: 8px 0px 13px 40px;}


	.page-contato__title {
		font-size: 1.875em;
		letter-spacing: -1px;
	}
	
	/* footer */
	.footer__nav .acesso-rapido,
	.footer__nav .redes-sociais,
	.footer__nav .outros-acessos { text-align: center; }
	.footer__nav .acesso-rapido,
	.footer__nav .redes-sociais {
		width: 100%;
		float: none;
	}
	.footer__nav .links-list,
	.footer__nav .sub-dashed-list {
		-webkit-columns: 1;
		   -moz-columns: 1;
		        columns: 1;
	}
	.footer__nav .sub-dashed-list { text-align: left; }
	.footer__nav ul > li > a { display: block; }
	.footer__nav ul { display: inline-block; }


	/* home--slider--ceabs */
	.home-slider__slide.ceabs .slide-laptop { display: none !important; }

	.page-agencia .boxMidias .imgOrcamento{ display: none; }
	.page-agencia .boxMidias form#midias-sociais h3 {font-size: 26px;
    margin: 0px auto;
    width: 100%;
    float: none;
    text-align: center;}

    /* CASES */
	.page-case .case-intro__col-tt .logo {width: 90%; max-width: 468px;}
	.page-case--branco .branco-intranet .col-img, .page-case--laguna .laguna-extranet .col-img, .page-case--ceabs .ceabs-extranet .col-img{display: none;}
	.page-case--branco .branco-intranet .col-text, .page-case .laguna-extranet .col-text, .page-case--ceabs .ceabs-extranet .col-text{width: 100%; padding: 6em 4% 6em;}

	.page-case--ceabs .case-intro__col-tt .logo{max-width: 340px;}
	.page-case--ceabs .ceabs-extranet .col-img:before {width: 320%;}	
	.page-case .case-intro .barraSite a {font-size: 20px;}

	.page-solucoes-digital .boxindexacao .infoIndexacao .boxTxt p.campanha{max-width: 480px; width: 100%;}
	

}

@media(max-width: 480px){
	.btRedeMagicMob .colEsq{margin: 18px 0;}
	.btRedeMagicMob .colEsq h5 {font-size: 18px; line-height: 18px;}
	.btRedeMagicMob .colEsq .btClique {font-size: 14px;}


	.solucoes-lista .bubble span.circulo, .solucoes-lista .bubble:hover span.circulo{display: none;}
	.solucoes-lista .bubble span.seta{display: none;}
    .solucoes-lista h2 {font-size: 28px !important; text-align: center;}
    .solucoes-lista .bubble p {text-align: center; margin: 0px; width: 100%;}
	.solucoes-lista .bubble{padding: 8px 0px 13px 0px; margin: 10px 0px; width: 100%; height: 72px;}

	.page-contato__header .page-contato__title {
		font-size: 1.5em; /* 24/16 */
		letter-spacing: 0;
	}
	.page-contato__header .btn-trabalhe-conosco {
		font-size: 1em;
	}
	.page-contato__header .btn-trabalhe-conosco b {
		font-size: 1.375em; /* 22/16 */
		letter-spacing: 0;
	}

	.callback-form {
		padding: 15px;
		padding-left: 106px;
		font-size: 0.875em; /* 14/16 */
	}
	.callback-form .icon {
		left: 15px;
		width: 64px;
		height: 64px;
		line-height: 68px;
		margin-top: -32px;
	}
	.callback-form .icon i { font-size: 22px; }
	.callback-form__title {
		font-weight: bold;
		letter-spacing: 0;
	} 

	.page-contato .btn-back {
		margin-bottom: 4.5em;
	}


	/* titles */
	.page-title,
	.home-solucoes .page-title,
	.home-clientes .page-title,
	.home-midias-sociais .page-title,
	.home-cases .page-title,
	.contato-section .page-title { font-size: 3.25em; /* 52/16 */ }
	
	.page-title .img,
	.home-cases .page-title .img { display: none; }

	/* dcsns  */
	.stream li {
		width: 100%;
	}


	/* header */
	.main-header .nav-social li a {
		width: 30px;
		height: 30px;
		line-height: 26px;
	}
	.main-header .nav-social li a i { font-size: 16px; }
	.main-header .nav-social li a:hover,
	.main-header .nav-social li a:active,
	.main-header .nav-social li a:focus { background: #67038C; }
	.main-header .nav-social .blog a { line-height: 28px; }

	.main-header .nav-social .blog i { font-size: 8px; }
	.main-header .nav-social .youtube i { font-size: 18px; }
	.main-header .nav-social .vimeo i { font-size: 14px; }
	.main-header .nav-social .linkedin i { font-size: 14px; }
	

	/* footer */
	body { padding-bottom: 150px; }
	.footer__newsletter { height: 150px; }
	.footer__newsletter .cols .col,
	.footer__newsletter .cols form > * {
		display: block;
		padding: 0;
	}
	.footer__newsletter .form-group { margin-bottom: 8px; }
	.footer__newsletter .form-control {
		height: 30px;
		border-radius: 12px;
		padding: 2px 14px;
		font-size: 14px;
	}
	.newsletter__close {
		top: -2px;
		right: -7px;
	}


	/* home */
	
	/* home--slider */
	.home-slider { display: none !important; }
	.home-slider__slide .bg,
	.home-slider__slide .image { height: 250px; }
	.home-slider__slide .slide-destaque { padding-bottom: 14%; }
	.home-slider__slide .slide-destaque img { max-height: 120px; }
	.home-slider__slide .slide-splash {
		top: 5% !important;
		max-width: 210% !important;	
		left: -25% !important;
	}

	.home-slider__slide .slide-tablet { display: none !important; }


	.home-slider__slide .image { max-width: 48% !important; }
	.home-slider__slide .slide-destaque { width: 50% !important; }

	/* home--slider--laguna */
	.home-slider__slide.laguna .slide-person { text-align: left; }
	.home-slider__slide.laguna .slide-laptop {
		left: auto;
		right: 0;
		bottom: auto;
		top: 9%;
	}

	/* home--slider--branco */
	.home-slider__slide.branco .slide-phone {
		left: 1%;
		bottom: auto;
		top: 12%;
		max-width: 42%;
	}
	.home-slider__slide.branco .slide-person { bottom: 0; }
	.home-slider__slide.branco .slide-person img { max-width: 70%; }

	/* home--slider--ademilar */
	.home-slider__slide.ademilar .slide-laptop { display: none !important; }

	.page-contato .tit-page-contato h1, .page-agencia .tit-page-agencia h1  {font-size: 50px; text-align: center; float: none; margin: 0 auto;}
	.page-agencia .tit-page-agencia h1 {line-height: 60px; margin: 0 auto; display: table-cell;vertical-align: middle;}
	.page-contato .tit-page-tabalhe h1  {font-size: 50px; line-height: 50px;text-align: center;float: none;margin: 0px auto;}
	
    .page-agencia .boxMidias .boxEsq2 ul {background-size: 25%;}
    .page-agencia .boxMidias .boxEsq2 ul li {padding-left: 110px;}

	/* .home--midias-sociais */
    .home-midias-sociais .page-title {
    	float: none;
    	text-align: center;
    }
    .home-midias-sociais .page-title > span span:first-child {
    	margin-left: 0;
    	display: inline;
    }
    .home-midias-sociais .dcsns-toolbar {
    	margin-top: 0;
    	width: 100%;
    	text-align: center;
    	margin-bottom: 1em;
    }
    .home-midias-sociais .dcsns-toolbar > * {
    	margin: 0 !important;
    	padding: 0;
    }

	/* home--20anos */
    .home-20anos .img-20anos { max-width: 100%; }
    .home-20anos .cloud { max-width: 120px; }

	/* home--solucoes */
	.home-solucoes .col-text .text {padding-left: 80px;	padding-top: 0;	min-height: 0;}
    .home-solucoes .col-text .marketing {max-width: 100%; margin: 1em 0;}
	.home-solucoes .col-text .f { margin-top: -20px; }

	.lista-clientes li { width: 50%; }

	/* cases */
	/*.grid-cases a { width: 100%; }*/
	.page-case .grid-cases a > .desc .icon{display: none;}
	.page-case .grid-cases a > .desc {padding: 10px 10px 15px 35px;}
	.grid-cases a > .desc, .grid-cases a:hover >.desc {padding: 0px 0px 0px 55px; height: 80px;}
	.grid-cases a > .desc > strong {font-size: 1.6em; letter-spacing: -1px; margin-bottom: 0px; margin-top: 10px;}

	.page-case .outros-cases .page-sub-title {font-size: 4em;}
	.case-content .case-destaque .btn { padding: 14px 50px 14px 15px; }
	.case-content .case-destaque .btn i {
		top: 50%;
		right: 10px;
		width: 24px;
		height: 22px;
		font-size: 22px;
		margin-left: 0;
		margin-top: -11px;
	}
	.page-case .grid-cases a {height: 130px;}	
}
@media screen and (max-width: 470px) {
	.btRedeMagicMob .colEsq {width: 69%; max-width: 251px; margin: 9px 0px;}
	.page-solucoes {background: #5725a0; padding: 0 0 105px 0; height: auto;	}
	.page-solucoes .col-1 {width: 90%; margin: 0 5% 0;	}
	.page-solucoes .col-2 {width: 100%; margin: 0 5% 0;	}
	.page-solucoes .tit-page-solucoes-bg {
	    background: url(../images/solucoes/solucoes_titulo.png) no-repeat -175px -60px !important;
	    width: 100%;
	    right: initial;
	    height: 514px;
	}
	.page-solucoes .tit-page-solucoes {display: none}
	.page-solucoes .tit-page-solucoes-mobile {
	    margin: 70px 0 0 70px !important;
		display: inherit;
		float: left !important;	}
	.page-solucoes .tit-page-solucoes-mobile h1 {font-size: 60px !important; float: left;
	}
	.page-solucoes .solucoes-frase {padding-top: 350px;	}
	.page-solucoes .solucoes-col-50 {width: 90%	}
	.page-solucoes .solucoes-col-100 {width: 90%;}
	.page-solucoes .bubble h2 {font-size: 20px;}
	.page-solucoes .bubble span.seta {right: 40px; top: 20px;}
	.page-solucoes .bubble {margin: 10px 0; padding: 10px 70px 13px 40px;}
	.page-solucoes .solucoes-frase .conheca-mais {
	    margin: 30px 0 0 10px !important;
	    font-size: 30px;
	    padding: 0 0 0 122px;
	    height: 170px;
	    background: url(../images/solucoes/ampulheta.png) no-repeat 0px 20px !important;
	    width: auto !important;
	}
	.page-solucoes .solucoes-frase .ampulheta {bottom: 20px; left: 20px;}
	.page-solucoes .solucoes-lista {margin-top: 70px;}
	.page-solucoes-branding .solucoes-tit, .page-solucoes-digital .solucoes-tit, .page-solucoes-social .solucoes-tit, .page-solucoes-marketing .solucoes-tit, .page-solucoes-comintegrada .solucoes-tit {margin: 63px 0 0 3%;}
	.page-solucoes-branding .tit-page-solucoes h1, .page-solucoes-comintegrada .tit-page-solucoes h1, .page-solucoes-digital .tit-page-solucoes h1, .page-solucoes-marketing .tit-page-solucoes h1, .page-solucoes-social .tit-page-solucoes h1 {font-size: 32px;}
	.solucoesInternas .solucoes-tit h2.titSolucoes {font-size: 26px;}
	.solucoesInternas p .roxo {font-size: 26px;}

	.page-solucoes-marketing .boxGestao .infoGestao .boxTxt p.campanha{max-width: 400px; width: 100%;}

	.page-solucoes-social .solucoesMidiaOnline h5, .page-solucoes-marketing .boxMkDigital .infoMkDigital .boxTxt h5 {font-size: 26px;}
	.page-solucoes-social .solucoesMidiaOnline p.destaque, .page-solucoes-marketing .boxMkDigital .infoMkDigital .boxTxt p.destaque {font-size: 24px; line-height: 28px; max-width: 400px; width: 100%;}
	
	.page-solucoes-comintegrada .boxEstrategia h4 {font-size: 24px; line-height: 28px;}
	.page-solucoes-comintegrada .boxEstrategia ul a {font-size: 18px;}
	.page-solucoes-comintegrada .boxEstrategia .blocoContatoComunicacao p span {font-size: 18px;}

}


@media(max-width: 380px){
	.btRedeMagicMob .colEsq {width: 65%; max-width: 218px; margin: 9px 0px;}

	/* header */
	.main-header #main-nav .nav-social { padding: 15px 10px; }
	.main-header #main-nav .nav-social li {
		padding: 0;
		margin: 2px;
	}

	.colorbox-cases #cboxPrevious,
	.colorbox-cases #cboxNext {
		width: 30px;
		height: 60px;
		margin-top: -30px;
	}
	.colorbox-cases #cboxPrevious { left: -10px; }
	.colorbox-cases #cboxNext { right: -10px; }

	.modal-case__desc {
		padding: 20px 15px;
		font-size: 0.875em; /* 14/16 */
	}
	.case-title {
		font-size: 2.14285714286em; /* 30/14 */
	}
	.case-content .case-destaque .btn {padding: 10px; width: 280px;}
	.case-content .case-destaque .btn i { display: none; }


	/* home */
	
	/* home--slider */
	.home-slider { display: none !important; }
	.page-agencia .boxMidias .boxEsq2 ul {background: none;}
	.page-agencia .boxMidias .boxEsq2 ul li {padding-left: 0px;}

	/* footer */
	.footer__magic a > * { display: block; }
	.footer__magic a img { margin: 5px auto; }

	/* CASES */
	.page-case .grid-cases a {height: 150px;}
	.page-case--ceabs h2.page-sub-title, .page-case--ceabs h3.page-sub-title , .page-case--ceabs h2.page-sub-title, .page-case--ceabs h3.page-sub-title {font-size: 36px;}
	.page-case--laguna h2.page-sub-title, .page-case--laguna h3.page-sub-title, .page-case--laguna .midias-sociais__content .page-sub-title {font-size: 45px;}
}


@media(max-width: 320px){
	
	/* header */
	.main-header #main-nav .nav-social { padding: 15px 5px; }
	.main-header #main-nav .nav-social li {padding: 0; margin: 2px 1px;}
}