/* MENU */

.hide{
	opacity: 0
}

.hamburger{
	float: right;
	margin-right: 14px;
	margin-top: 20px;
	position:relative;
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	z-index: 9999999;
}



.innerMenu{
	text-align: right
}

.menuItem{
	color: #989898;
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
	display: table;
	font-family: Gotham_Black;

}

.menuItem::-moz-selection{
  background: transparent; /* WebKit/Blink Browsers */
}

.menuItem::selection{
  background: transparent; /* WebKit/Blink Browsers */
}

.menuCont
{
    display: table;
    table-layout: fixed;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	height: 100%;
	right: 50px;
	position: absolute;
	top: 0;
}
.menuCont a
{
    display: table-row;
}
.menuCont a p{
    display: table-cell;
    vertical-align: middle;
	margin-bottom: 0
}

		@media (max-height: 600px) {

			.hamburger{
				transform: scaleX(-0.8) scaleY(.8)
			}
}


		@media (min-height: 991px) {

			.menuItem{
				font-size: 4.2em;
				margin-top: 0vh;
			
}

			.menuCont{
				padding: 80px 10px 0px;
			}
		}


		@media (max-height: 990px) and (min-height: 750px) {

			.menuItem{
				font-size: 3.5em;
				margin-top: 0vh;
}

			.menuCont{
				padding: 80px 10px 0px;
			}

		}

		@media (max-height: 749px) and (min-height: 630px) {

			.menuItem{
				font-size: 3em;
				margin-top: 2vh;
}

			.menuCont{
				padding: 80px 15px 0px;
			}
		}

		@media (max-height: 629px) and (min-height: 570px) {

			.menuItem{
				font-size: 2.5em;
				margin-top: 2vh;
}


			.menuCont{
				padding: 80px 5px 15px;
			}
		}

		@media (max-height: 569px) and (min-height: 470px) {

			.menuItem{
				font-size: 2.15em;
				margin-top: 1.1vh;
}

			.menuCont{
				padding: 70px 10px 15px;
			}

		}

		@media (max-height: 469px) and (min-height: 420px) {

			.menuItem{
				font-size: 1.8em;
				margin-top: 1vh;
}


			.menuCont{
				padding: 70px 10px 15px;
			}
		}

		@media (max-height: 419px) and (min-height: 350px) {

			.menuItem{
				font-size: 1.45em;
				margin-top: 1.5vh;
}


			.menuCont{
				padding: 77px 10px 20px;
			}
		}


		@media (max-height: 349px) and (min-height: 318px) {

			.menuItem{
				font-size: 1.3em;
				margin-top: 0vh;
}


			.menuCont{
				padding: 70px 5px 15px;
			}
		}


		@media (max-height: 317px) {

			.menuItem{
				font-size: 1.1em;
				margin-top: 0vh;
}

			.menuCont{
				padding: 70px 5px 15px;
			}
		}


.menuItem:hover{
	padding-right: .15em
}
#menuSocial:hover{
	padding-right: 0em
}

.menuItem.ativo{
	color: #424242
}



/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


body {

}



.cd-nav-trigger .cd-icon::before {
  -webkit-transform: translateY(-6px) rotate(0deg);
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -o-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}
.cd-nav-trigger .cd-icon::after {
  -webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.cd-nav-trigger::before, .cd-nav-trigger::after {
  /* 2 rounded colored backgrounds for the menu icon */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
}
.cd-nav-trigger::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cd-nav-trigger::after {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}
.cd-nav-trigger.close-nav::before {
  /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-nav-trigger.close-nav::after {
  /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cd-nav-trigger.close-nav .cd-icon {
  /* user clicks on the .cd-nav-trigger element - transform the icon */
  background-color: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
  background-color: #000;
}
.cd-nav-trigger.close-nav .cd-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}

.cd-primary-nav {
  /* by default it's hidden */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 80px 5%;
  z-index: 4;
  background-color: hsla(0,0%,100%,0.9);
  overflow: hidden;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: hidden;
  visibility: hidden;
  opacity: 0;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
	margin: 0
}

		@media (max-width: 599px) {
			.cd-primary-nav{ background-color: hsla(0,0%,100%,0.9);}
		}


		@media (max-width: 600px) {
			.cd-primary-nav{ background-color: hsla(0,0%,100%,1);}
		}


.cd-primary-nav.fade-in {
	
  -webkit-transition: visibility 0s, opacity 0.4s !important;
  -moz-transition: visibility 0s, opacity 0.4s !important;
  transition: visibility 0s, opacity 0.4s !important;
  /* navigation visible at the end of the circle animation */
  visibility: visible;
  opacity: 1;
}

.cd-overlay-nav, .cd-overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  position: fixed;
  top: 18px;
  right: 5%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
  /* main rounded colored bg 1 */
  z-index: 2;
}
.cd-overlay-nav span {
  background-color: hsla(0,0%,100%,0.76);
}

.cd-overlay-content {
  /* main rounded colored bg 2 */
  z-index: 4;
}
.cd-overlay-content span {
  background-color: #efff3c;
}

.cd-content {
  /* just some dummy content */
  padding: 80px 0;
  width: 90%;
  max-width: 768px;
  margin: 0 0;
  z-index: 4;
}
.cd-content .cd-intro {
  height: 200px;
  padding-top: 4.6em;
}