/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration:none;
    color: inherit;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: 400;
    font-style: normal;
}
strong{
    font-weight: 600;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: 600;
    margin:0;
    padding:0;
    color:#fff;
}
q:before,q:after {
    content:'';
}
abbr,acronym { 
    border: 0;
}

/* Custom CSS
 * --------------------------------------- */
@font-face {
  font-family: 'Myriad Pro Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Myriad Pro Regular'), url('../fonts/MyriadPro/MyriadPro-Regular.otf') format('truetype');
} 
 
body {
    font-family: 'Myriad Pro Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
    font-weight: 400;
    font-size: 100%;
    color: #fff;
    cursor:default;
	background-color: #000;
}
h1 {
    font-size: 2.4em;
}
h2 {
    font-size: 2.0em;
}

:focus {outline:0 none !important;}
::-moz-focus-inner {outline:0 none !important;}

.no-padding {
    padding:0;
    margin: 0;
}
 /* Secções */

/* Centered texts in each section
* --------------------------------------- */
section{
    text-align:center;
    min-height: 100vh;
    padding-bottom: 10em;
}

section:nth-child(even),section:nth-child(odd) {
	background-color: #000;
	color: #fff;
}

/* section:nth-child(odd) {
	background-color: #fff;
	color: #000;	
} */

/* Backgrounds will cover all the section
* --------------------------------------- */

.normal-cursor {
    cursor: default !important;
}

.progress-cursor {
    cursor: progress !important;
}

.pointer-cursor {
    cursor: pointer !important;
}


.form-control {
    height: 44px;
}


.form-control::-webkit-input-placeholder {
    color:    #ea5b5b;
}
.form-control:-moz-placeholder {
    color:    #ea5b5b;
}
.form-control::-moz-placeholder {
    color:    #ea5b5b;
}
.form-control:-ms-input-placeholder {
    color:    #ea5b5b;
}

/* Icons */
.short-icon {
    width: 54px;
    height: 54px;
    display: inline-block;
    content: " ";
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-size: 54px 54px;  
    margin-right: 0;
    margin-left: 0;
    cursor: pointer;
    position: relative;
}

#icon-send img.firstIcon, #icon-facebook-white img.firstIcon, #icon-instagram-white img.firstIcon, #icon-pinterest-white img.firstIcon, #icon-facebook-gray img.firstIcon, #icon-instagram-gray img.firstIcon, #icon-pinterest-gray img.firstIcon, #icon-arrow-4 img.firstIcon, #icon-arrow-5 img.firstIcon, #icon-arrow-6 img.firstIcon, #icon-plus-7 img.firstIcon,#icon-plus-8 img.firstIcon,#icon-plus-9 img.firstIcon,#icon-plus-10 img.firstIcon,#icon-plus-11 img.firstIcon,#icon-plus-12 img.firstIcon,#icon-plus-13 img.firstIcon,#icon-plus-14 img.firstIcon {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;    
}

#icon-send img.lastIcon, #icon-facebook-white img.lastIcon, #icon-instagram-white img.lastIcon, #icon-pinterest-white img.lastIcon, #icon-facebook-gray img.lastIcon, #icon-instagram-gray img.lastIcon, #icon-pinterest-gray img.lastIcon, #icon-arrow-4 img.lastIcon, #icon-arrow-5 img.lastIcon, #icon-arrow-6 img.lastIcon, #icon-plus-7 img.lastIcon, #icon-plus-8 img.lastIcon, #icon-plus-9 img.lastIcon, #icon-plus-10 img.lastIcon, #icon-plus-11 img.lastIcon, #icon-plus-12 img.lastIcon, #icon-plus-13 img.lastIcon, #icon-plus-14 img.lastIcon{
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

div [id^="icon-plus-"] {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;    
}

.short-icon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
}

.hideImg {
    opacity: 0;
}

.showImg {
    opacity: 1;
}

.icon-default {
    background-image: url('/svg-icons/icon-default.svg');
}


/* MENU ICON */
.icon-menu {
    background-image: url('/svg-icons/icon-default.svg');
    position: fixed;
    z-index: 9999;
    top: 10px;
    right: 10px;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}

.text-white {
    color: #fff;
}

.texto-black {
    color: #000;
}

.ui-loader {
    display: none;
}

.mainpage {
	background-color: #000;
	color: #fff;
}

/* Colors */
.white { color: #ffffff; }
.black { color: #000000; }
.yellow { color: #f9b111; }

.bgblackw {
	background-color: #000;
	color: #fff;
}
.bgblacko {
	background-color: #000;
	color: #f9b100;
}

header {
    min-height: 100vh;
    position: relative;

}

.intro-image {
	height: 100%;
	width: 100%;
    background-repeat: no-repeat;
	background-position: center;
    background-size: cover;
    /* background-image: url('/banner-images/intro-banner-1920.png'); */
	background-image: url('/banner-images/banner-intro-1920.png');
}

.quem-somos-item {
	background-color: #f9b100;
	color: #000;
    min-height: 44px;
}

.quem-somos-box {
	padding-top: 6px;
}

#quem-somos-titulo {
	font-weight: 800;
	font-size: 1.8em;
	text-align: right;
}

.intro-box {
    position: fixed;
    max-width: 36%;
    margin-top: 22%;
	background-color: #f9b100;
	color: #000;
	top: 0px;
	opacity: 0.9;
    filter: alpha(opacity=90); 
	padding-top: 10px;
	padding-bottom: 10px;	
}

.intro-box > div {
	padding-left: 15px;
	padding-right: 15px;
}

.intro-box-title{
	font-weight: 800;
	font-size: 4.8em;	
}

.intro-box-text{
	font-size: 1.8em;
}
.intro-box-credits {
	font-size: 1.8em;	
	font-style: italic;
}

.intro-content-title {
	text-align: center;
	margin-top: 32px;
}

.intro-content-title-one {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 1.4em;
	letter-spacing: 1.4px;
	color: #f9b100;
}
.intro-content-title-two {
	color: #fff;
	font-size: 1.4em;
	font-style: italic;
}

#topmenu {
	font-size: 1.4em;
}

div [id^="item-"] {
	text-align: center;
}
div [id^="item-"] img {
	margin: auto;
    padding-left: 2.4em;
    padding-right: 2.4em;	
}
div [id^="block-"] {
    padding-top: 1em;
    padding-bottom: 1em;	
    font-size: 1.4em;
    line-height: 1.1;
}
div [id^="link-"] {
	color:#f9b100;
}
div [id^="introimage-"] {
    min-height: 100vh;
    min-width: 99vw;
    background-repeat: no-repeat;
    background-size: cover;
}

#logo-intro {
	padding-top: 2.5em;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
	font-size: 1.4em;
    border: 0;	
}

.navbar-default .navbar-nav>li>a {
    color: #f9b100;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: #000;
    border-color: #e7e7e7;
}

.menu-top {
    padding:0;
}

.menu-top>div {
	display: inline-block;
}

.top-section {
    min-height: 45em;
}

#how-it-works .col-lg-6:nth-child(1) {
	border-right: 3px solid #f9b100;
	border-bottom: 3px solid #f9b100;
	padding-bottom: 2em;
}
#how-it-works .col-lg-6:nth-child(2) {
	border-bottom: 3px solid #f9b100;
	padding-bottom: 2em;
}
#how-it-works .col-lg-6:nth-child(3) {	
	border-right: 3px solid #f9b100;
	padding-top: 1em;
}

#how-it-works .col-lg-6:nth-child(4) {
	padding-top: 1em;
}

#how-it-works .col-lg-6:nth-child(3) > .how-it-works-image:nth-child(1),#how-it-works .col-lg-6:nth-child(4) > .how-it-works-image:nth-child(1),#how-it-works .col-lg-6:nth-child(3) > .how-it-works-text:nth-child(2),#how-it-works .col-lg-6:nth-child(4) > .how-it-works-text:nth-child(2) {
	padding-top: 10px;
}

.how-it-works-image > img {
	margin: auto;
}

.how-it-works-text {
	font-size: 1.4em;
}

.how-it-works-text-title {
	text-transform: uppercase;
	font-weight: 800;
    font-size: 1.2em;
    letter-spacing: 1.4px;
    color: #f9b100;	
}
.section-title {
	position: absolute;
    bottom: 0vh;
    text-align: right;
	font-size: 4.0em;
	text-transform: uppercase;
	color: #000;
	background-color: #f9b100;
}

footer {
	background-color: #f9b100;
	color: #000;
	font-size: 1.8em;
}

#main-footer {
	background-color: #f9b100;
	color: #000;
}

#contato-title-one {
	text-transform: uppercase;
	font-weight: 800;
}

div [id^="title-business-relation-"],div [id^="title-public-relation-"],div [id^="title-social-relation-"],div [id^="title-great-global-"] {
	text-transform: uppercase;
	font-size: 3.2em;
	color: #f9b100;
}

div [id^="text-business-relation-"],div [id^="text-public-relation-"],div [id^="text-social-relation-"],div [id^="text-great-global-"] {
	font-size: 1.8em;
	color: #fff;
	line-height: 2em;
}

.roll-up {
	position: relative;
    width: 100%;
    overflow: hidden;
}

.roll-up-item-first {
	display: block;
	z-index: 111;
	position: relative;
	width: 0;
}

.roll-up-item-first.activo {
	width: 100%;
}

.roll-up-item-last {
	background-color: #3b3a38;
	width: 0;
	z-index: 111;
	position: relative;	
	display: block;
}
.roll-up-item-last.activo {
	width: 100%;
}

#quem-somos-titulo {
	cursor: pointer;
}

.quem-somos-content {
	display: none;
	background-color: transparent;
	color: #000;
}

.perfil-quem-somos {
	opacity: 0.95;
	font-size: 1.4em;
}

.perfil-quem-somos:nth-child(even){
	background-color: #000;
	color: #f9b100;
}
.perfil-quem-somos:nth-child(odd) {
	background-color: #f9b100;
	color: #000;
}

.perfil-texto-direita {
	text-align:right;
	padding: 2em;
}

.perfil-texto-esquerda {
	padding:1em;
}



.quem-somos-icon img {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	cursor: pointer;
}

.black-top {
	background-color: #000;
}

.goto-home {
	background-image: url('/images/icon-roundmask.svg');
	position: fixed;
	bottom: 2em;
	right: 2em;
	z-index: 9999;
	background-position: center;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-size: 85% 85%;
    padding: 0;
	display: none;
	width: 65px;
	height: 65px;
   
}

.goto-home.activo {
	display: block;
}

#contato-descricao-one img {
	display: inline-block;
	margin-left: 4px;
	cursor: pointer;
}

.section-title h2 {
	font-size: 1em;
    font-weight: 400;
    color: #000;
    margin-top: 0.15em;
}

.mobile-menu {
	background-color: black;
}

.mobile-menu img {
    width: 60%;
    margin-top: -18%;
}

.mobile-spacer-intro-image {
	padding-top: 8vh;
}

.navbar-default .navbar-toggle {
    border-color: transparent !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 1px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #000;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 0px 0px;
    margin-top: 20px;
    margin-right: 15px;
    margin-bottom: 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.grayscale { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(images/grayscale.svg#greyscale)); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}
#public-relation .section-title {
	background-color: #DA1C5C;
}
#business-relation .section-title {
	background-color: #00AEEF;
}
#social-relation .section-title {
	background-color: #CBDB2A;
}
#great-global .section-title {
	background-color: #F26522;
}
#block-public-relation span,div [id^="title-public-relation-"] {
	color: #DA1C5C;
}

#block-business-relation span,div [id^="title-business-relation-"] {
	color: #00AEEF;	
}

#block-social-relation span,div [id^="title-social-relation-"] {
	color: #CBDB2A;		
}
#block-great-global span,div [id^="title-great-global-"] {
	color: #F26522;		
}

#on-mobile { 
	text-align: left;
}

span[id^="span-"]{
	font-size: 2em;
}

.letra-azul {
	color: #00AEEF;
}
.letra-laranja {
	color: #F26522;	
}
.letra-rosa {
	color: #DA1C5C;	
}
.letra-verde {
	color: #CBDB2A;		
}
.letra-amarelo {
	color: #FBC311;	
}