/*
  __ _                                  _ 
 / _(_)_ __ _ __ ___   __ _        __ _(_)
| |_| | '__| '_ ` _ \ / _` |      / _` | |
|  _| | |  | | | | | | (_| |  _  | (_| | |
|_| |_|_|  |_| |_| |_|\__,_| (_)  \__,_|_|
                                          
*/
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
body{
	font-family: 'Oxygen';
	background-color: #333333;
	position: relative;
	height: 100%;
}


@font-face {
	font-family: 'RoadRadioBold';
	src: 	url('../fonts/roadradio/roadradio-bold.eot');
	src: 	url('../fonts/roadradio/roadradio-bold.eot') format('embedded-opentype'),
			url('../fonts/roadradio/roadradio-bold.woff2') format('woff2'),
			url('../fonts/roadradio/roadradio-bold.woff') format('woff'),
			url('../fonts/roadradio/roadradio-bold.ttf') format('truetype'),
			url('../fonts/roadradio/roadradio-bold.svg#RoadRadioBold') format('svg');
}
@font-face {
	font-family: 'RoadRadioThin';
	src: 	url('../fonts/roadradio/roadradio-thin.eot');
	src: 	url('../fonts/roadradio/roadradio-thin.eot') format('embedded-opentype'),
			url('../fonts/roadradio/roadradio-thin.woff2') format('woff2'),
			url('../fonts/roadradio/roadradio-thin.woff') format('woff'),
			url('../fonts/roadradio/roadradio-thin.ttf') format('truetype'),
			url('../fonts/roadradio/roadradio-thin.svg#RoadRadioThin') format('svg');
}

/* Textos e links verdes */
.verde {
    color: #3fff9e;
}
.verde-hover:hover {
    color: #3fff9e;
}

.fundo-verde {
    background-color: #3fff9e;
}.fundo-verde-hover:hover {
    background-color: #3fff9e;
}
    .verde a:link {
        color: #3fff9e;
        text-decoration: none;
    }
    .verde a:hover {
        color: #FFF;
        background-color: #3fff9e;
        text-decoration: none;
    }
    .verde a:active {
        color: #3fff9e;
        text-decoration: none;
    }

    .verde a:visited {
        color: #3fff9e;
        text-decoration: none;
    }

/* Textos e links brancos */
.branco{
    color: #FFF;
}
.branco-hover:hover{
    color: #FFF;
}
.fundo-branco {
    background-color: #FFF;
}
.fundo-branco-hover:hover {
    background-color: #FFF;
}

	.branco a:link {
	    color: #FFF;
	    text-decoration: none;
	}
	.branco a:hover {
	    color: #1b1b31;
	    background-color: #FFF;
    	text-decoration: none;
	}
	.branco a:active {
	    color: #FFF;
	    text-decoration: none;
	}

	.branco a:visited {
	    color: #FFF;
	    text-decoration: none;
	}

/* Textos e links brancos */
.roxo {
    color: #643f97;
}
.fundo-roxo {
    background-color: #643f97;
}
.roxo-hover:hover {
    color: #643f97;
}
.fundo-roxo-hover:hover {
    background-color: #643f97;
}
	.roxo a:link {
		color: #643f97;
		text-decoration: none;
	}
	.roxo a:hover {
		color: #643f97;
		background-color: #FFF;
		text-decoration: none;
	}
	.roxo a:active {
		color: #643f97;
		text-decoration: none;
	}

	.roxo a:visited {
		color: #643f97;
		text-decoration: none;
	}

.chumbo {
	color: #24242b;
}
.fundo-chumbo{
	background-color: #24242b;
}

.chumboclaro {
    color: #444444;
}
.fundo-chumboclaro{
    background-color: #444444;
}
.seamless_old{
	background-image: url(../img/asset/bg-seamless.png);
	position: absolute;
	width: 100%;
}

.roadradio {
	font-family: 'RoadRadioThin', sans-serif;
	word-spacing: 0.15em;
}
.roadradiobold {
	font-family: 'RoadRadioBold', sans-serif;
	word-spacing: 0.15em;
}

.size12{    font-size: 12px; }
.size14{    font-size: 14px; }
.size16{    font-size: 16px; }
.size18{    font-size: 18px; }
.size20{    font-size: 20px; }
.size22{    font-size: 22px; }
.size24{    font-size: 24px; }
.size26{    font-size: 26px; }
.size28{    font-size: 28px; }
.size30{    font-size: 30px; }
.size32{    font-size: 32px; }
.size34{    font-size: 34px; }
.size36{    font-size: 36px; }
.size38{    font-size: 38px; }
.size40{    font-size: 40px; }
.size42{    font-size: 42px; }
.size44{    font-size: 44px; }
.size46{    font-size: 46px; }
.size48{    font-size: 48px; }
.size50{    font-size: 50px; }
.size52{    font-size: 52px; }
.size54{    font-size: 54px; }
.size56{    font-size: 56px; }
.size58{    font-size: 58px; }
.size60{    font-size: 60px; }
.size62{    font-size: 62px; }
.size64{    font-size: 64px; }
.size66{    font-size: 66px; }
.size68{    font-size: 68px; }
.size70{    font-size: 70px; }
.size72{    font-size: 72px; }
.size74{    font-size: 74px; }
.size76{    font-size: 76px; }
.size78{    font-size: 78px; }
.size100{   font-size: 100px;}
.kern50{    letter-spacing: 0.05em }
.kern100{   letter-spacing: 0.1em }
.kern150{   letter-spacing: 0.15em }
.kern200{   letter-spacing: 0.2em }

.entrelinhas20{ line-height: 20px; }
.entrelinhas30{ line-height: 30px; }
.entrelinhas40{ line-height: 40px; }
.entrelinhas50{ line-height: 50px; }
.entrelinhas60{ line-height: 60px; }
.entrelinhas70{ line-height: 70px; }

.padding0{ padding: 0px }
.padding10{ padding: 10px }
.padding20{ padding: 20px }
.padding30{ padding: 30px }
.padding40{ padding: 40px }
.padding50{ padding: 50px }
.padding60{ padding: 60px }
.padding70{ padding: 70px }
.padding80{ padding: 80px }
.padding90{ padding: 90px }
.padding100{ padding: 100px }
.padding110{ padding: 110px }

.spacer-200 {margin-top: -200px}
.spacer-190 {margin-top: -190px}
.spacer-180 {margin-top: -180px}
.spacer-170 {margin-top: -170px}
.spacer-160 {margin-top: -160px}
.spacer-150 {margin-top: -150px}
.spacer-140 {margin-top: -140px}
.spacer-130 {margin-top: -130px}
.spacer-120 {margin-top: -120px}
.spacer-110 {margin-top: -110px}
.spacer-100 {margin-top: -100px}
.spacer-90 {margin-top: -90px}
.spacer-80 {margin-top: -80px}
.spacer-70 {margin-top: -70px}
.spacer-60 {margin-top: -60px}
.spacer-50 {margin-top: -50px}
.spacer-40 {margin-top: -40px}
.spacer-30 {margin-top: -30px}
.spacer-20 {margin-top: -20px}
.spacer-10 {margin-top: -10px}

.spacer10 {margin-top: 10px}
.spacer20 {margin-top: 20px}
.spacer30 {margin-top: 30px}
.spacer40 {margin-top: 40px}
.spacer50 {margin-top: 50px}
.spacer60 {margin-top: 60px}
.spacer70 {margin-top: 70px}
.spacer80 {margin-top: 80px}
.spacer90 {margin-top: 90px}
.spacer100 {margin-top: 100px}
.spacer110 {margin-top: 110px}
.spacer110 {margin-top: 110px}
.spacer120 {margin-top: 120px}
.spacer130 {margin-top: 130px}
.spacer140 {margin-top: 140px}
.spacer150 {margin-top: 150px}
.spacer160 {margin-top: 160px}
.spacer170 {margin-top: 170px}
.spacer180 {margin-top: 180px}
.spacer190 {margin-top: 190px}
.spacer200 {margin-top: 200px}
.spacer110 {margin-top: 210px}
.spacer210 {margin-top: 210px}
.spacer220 {margin-top: 220px}
.spacer230 {margin-top: 230px}
.spacer240 {margin-top: 240px}
.spacer250 {margin-top: 250px}
.spacer260 {margin-top: 260px}
.spacer270 {margin-top: 270px}
.spacer280 {margin-top: 280px}
.spacer290 {margin-top: 290px}
.spacer300 {margin-top: 300px}
.spacer310 {margin-top: 310px}
.spacer320 {margin-top: 320px}
.spacer330 {margin-top: 330px}
.spacer340 {margin-top: 340px}
.spacer350 {margin-top: 350px}
.spacer360 {margin-top: 360px}
.spacer370 {margin-top: 370px}
.spacer380 {margin-top: 380px}
.spacer390 {margin-top: 390px}
.spacer490 {margin-top: 400px}

.spacer-5perc  {margin-top: -5%}
.spacer-10perc  {margin-top: -10%}
.spacer-15perc  {margin-top: -15%}
.spacer-20perc  {margin-top: -20%}
.spacer-25perc  {margin-top: -25%}
.spacer-30perc  {margin-top: -30%}
.spacer-35perc  {margin-top: -35%}
.spacer-40perc  {margin-top: -40%}
.spacer-45perc  {margin-top: -45%}
.spacer-50perc  {margin-top: -50%}
.spacer-55perc  {margin-top: -55%}
.spacer-60perc  {margin-top: -60%}
.spacer-65perc  {margin-top: -65%}
.spacer-70perc  {margin-top: -70%}
.spacer-75perc  {margin-top: -75%}
.spacer-80perc  {margin-top: -80%}
.spacer-85perc  {margin-top: -85%}
.spacer-90perc  {margin-top: -90%}
.spacer-95perc  {margin-top: -95%}
.spacer-100perc {margin-top: -100%}

.spacer5perc  {margin-top: 5%}
.spacer10perc  {margin-top: 10%}
.spacer15perc  {margin-top: 15%}
.spacer20perc  {margin-top: 20%}
.spacer25perc  {margin-top: 25%}
.spacer30perc  {margin-top: 30%}
.spacer35perc  {margin-top: 35%}
.spacer40perc  {margin-top: 40%}
.spacer45perc  {margin-top: 45%}
.spacer50perc  {margin-top: 50%}
.spacer55perc  {margin-top: 55%}
.spacer60perc  {margin-top: 60%}
.spacer65perc  {margin-top: 65%}
.spacer70perc  {margin-top: 70%}
.spacer75perc  {margin-top: 75%}
.spacer80perc  {margin-top: 80%}
.spacer85perc  {margin-top: 85%}
.spacer90perc  {margin-top: 90%}
.spacer95perc  {margin-top: 95%}
.spacer100perc {margin-top: 100%}


.no-gutter {
	padding-left:0;
	padding-right:0;
}
.container {
	padding-right: 0px;
	padding-left: 0px;
}
.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
}
.row {
	margin-right: 0px;
	margin-left: 0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 0px;
	padding-left: 0px;
}

 #topo {
	background-size: cover;
	background-image: url('../img/asset/bg-top-home.jpg');
	height: 180%;
	height:180vh;
	background-position: center center;
	position: relative;
}
#topo .fundo-letrinhas {
	background-image:  url('../img/asset/home-firma-letters.png');
	background-position:center center;
	position: absolute;
	display: inline-block;
	width: 100%;
	height:100%;
	opacity: 0.2;
	background-size: cover;

}
 .bloco1 {
	height:50%;
}

 .bloco2 {
	height:50%;
}

.vert-centro {
    display: inline-block;
    top: 50%;
    transform: translate(0px , -50%);
    position: relative;
    width: 100%;
}
.topo{
	text-align: center;
	margin-bottom: -4px;
}
.vert-centro > .topo > div {
	display: inline-block;
}


.vert-centro .logotipo {
    width: 147px;
    margin-bottom: -50px;
    position: relative;
    z-index: 9999;
}
.vert-centro .logotipo img{
background-color: #444;
}

.vert-centro .bloco-texto {
	border: 2px solid white;
    position: relative;
    z-index: 9998;
}
.quadrado{
    height: 0; 
    padding-bottom: 100%;
}

.botao-home{
    cursor: pointer;
}
.bt-vermais {
        display: inline-block;
    margin-top: 50%;
    transform: translatey(-50%);
    position: relative;
    width: 100%;
}
    .gear{
        width: 100px;
        
        -webkit-transition: all 0.5s ease-out ;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out; 
        transition: all 0.5s ease-out; }
    .plus{
        opacity: 0;
        margin-top:-105px;
        -webkit-transition: all 0.5s ease-out ;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out; 
        transition: all 0.5s ease-out; 
    }
    .vermais{
        margin-top:-20px;
        opacity: 0;
        -webkit-transition: all 0.5s ease-out ;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out; 
        transition: all 0.5s ease-out; 
    }
    .botao-home:hover .vermais{
        opacity: 1;
        margin-top:20px;

    }
    .botao-home:hover .gear{
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Safari */
        transform: rotate(90deg);
    }
    .botao-home:hover .plus{
        opacity: 1;
    }

    .botao-home a:hover , .botao-home a:active, .botao-home a:focus{
        text-decoration: none;
        background-color: none;
    }






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

3D Hero

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

html {
  font-size: 62.5%;
}


a {
  color: #196a74;
  text-decoration: none;
}

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

Main Components 

-------------------------------- */
.cd-background-wrapper {
  position: relative;
  overflow: hidden;
  height: 200vh;
}
.cd-background-wrapper {
  -webkit-perspective: 4000px;
  -moz-perspective: 4000px;
  perspective: 4000px;
}
.cd-background-wrapper::before {
  /* never visible - this is used in jQuery to check the device type */
  content: 'web';
  display: none;
}
.touch .cd-background-wrapper::before {
  /* never visible - this is used in jQuery to check the device type */
  content: 'mobile';
}

.cd-floating-background {
  position: relative;
}
.cd-floating-background img {
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* fixes a Firefox bug - images not correctly rendered*/
  background-color: rgba(255, 255, 255, 0.01);
}
.cd-floating-background img:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
.cd-floating-background {
  top: 0;
  left: 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-floating-background.is-absolute {
  position: absolute;
}

.cd-floating-background img{
    -webkit-transition: all 0.5s ease-out ;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out; 
    transition: all 0.5s ease-out; 
}
        
.cd-floating-background img:first-child {
  -webkit-transform: translateZ(-100px);
  -moz-transform: translateZ(-100px);
  -ms-transform: translateZ(-100px);
  -o-transform: translateZ(-100px);
  transform: translateZ(-100px);
}
.cd-floating-background img:nth-child(2) {
    opacity: 0.15;
  -webkit-transform: translateZ(50px);
  -moz-transform: translateZ(50px);
  -ms-transform: translateZ(50px);
  -o-transform: translateZ(50px);
  transform: translateZ(50px);
}
.cd-floating-background img:nth-child(3) {
  -webkit-transform: translateZ(550px);
  -moz-transform: translateZ(550px);
  -ms-transform: translateZ(550px);
  -o-transform: translateZ(550px);
  transform: translateZ(550px);
}
.no-touch.no-preserve-3d .cd-floating-background {
  /* we target browsers that don't support preserve-3d and show just a standard image - no effect visible */
  position: relative;
}
/* -------------------------------- 

3D Hero fim

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


    .contato #topo {
        background-image: url('../img/asset/bg-top-contato.jpg');
        background-size: cover;
        height: 140%;
        height:140vh;
        background-position: center center;
        position: relative;
    }

.portfolio {

}
    .portfolio #topo {
        background-image: url('../img/asset/bg-top-portfolio.jpg');
        background-size: cover;
        height: 140%;
        height:140vh;
        background-position: center center;
        position: relative;
    }
    .port-aventura #topo {
        background-image: url('../img/asset/bg-top-port-aventura.jpg');
    }
    .port-evolukit #topo {
        background-image: url('../img/asset/bg-top-port-evolukit.jpg');
    }
    .port-firenza #topo {
        background-image: url('../img/asset/bg-top-port-firenza.jpg');
    }
    .port-lavie #topo {
        background-image: url('../img/asset/bg-top-port-lavie.jpg');
    }
    .port-lirix #topo {
        background-image: url('../img/asset/bg-top-port-lirix.jpg');
    }
    .port-marceloostia #topo {
        background-image: url('../img/asset/bg-top-port-marceloostia.jpg');
    }
    .port-novitta #topo {
        background-image: url('../img/asset/bg-top-port-novitta.jpg');
    }
    .port-pastanataca #topo {
        background-image: url('../img/asset/bg-top-port-pastanataca.jpg');
    }
    .port-wizard #topo {
        background-image: url('../img/asset/bg-top-port-wizard.jpg');
    }
    .port-rimaq #topo {
        background-image: url('../img/asset/bg-top-port-rimaq.jpg');
    }

    .portfolio .list-portfolio{
      position: relative;
      height: 100%;
      
    }

    .portfolio .port-row {
      position: relative;
    }

    .portfolio .port-row .ver-mais{
      opacity: 0;
      position: absolute;
      z-index: 9999;
      width: 100%;
      height:100%;
      text-align: center;
      padding:20px;
              -webkit-transition: all 0.4s ease-in-out ;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out; 
        transition: all 0.4s ease-in-out; 
    }
    .portfolio .port-row:hover .ver-mais{
      opacity: 0.9;
    }
    .portfolio .port-row .ver-mais .fundo{
      position: relative;
      height:100%;
    }

    .portfolio #tab1 .nav > li{
          float: left;
        margin-bottom: 0px;
        line-height: auto;
    }
    .portfolio #tab1 .nav > li > a{
        margin-right: 0;
        line-height: 30px;
        border: 0;
        border-radius: 0;
    }
    .portfolio #tab1 .nav-tabs {
        border-bottom: none;
    }
    .portfolio #tab1 .nav-tabs > li > a:hover{
        background-color: #643f97;
        color: white;
    }
    .portfolio #tab1 .nav-tabs > li > a:active{
        background-color: #643f97;
        color: white;
    }
    .portfolio #tab1-legend {
        
    }
    .portfolio > .nav > li > a {
        padding: 0px;
    }

    .portfolio #tab1 a:focus, a:hover {
        color: #643f97;
    }
    .portfolio #topo .fundo-roxo {
    background-color: rgba(100, 63, 151, 0.85);
    }
    .portfolio .tab-antesdepois {
        
    }
        .portfolio .tab-antesdepois .imagens {
            
        }
        .portfolio .tab-antesdepois .legenda {
            margin-top: -100px;
        }


    .servicos #topo {
        background-image: url('../img/asset/bg-top-servicos.jpg');
        background-size: cover;
        height: 140%;
        height:140vh;
        background-position: center center;
        position: relative;
    }


.servicos .necessidades{
  z-index: 9999;
  position: relative;
}
  .servicos .necessidades .titulopag{
    background-color: rgba(100, 63, 151, 0.9);
  }
  .servicos .necessidades .servico{
    background-color: rgba(68, 68, 68, 0.9);
  }

  .servicos .necessidades .servico{
    background-color: rgba(68, 68, 68, 0.9);
  }
  .servicos .necessidades .servico{
    background-color: rgba(68, 68, 68, 0.9);
  }
  .servicos .necessidades .servico{
    background-color: rgba(68, 68, 68, 0.9);
  }
  .servicos .necessidades .servico{
    background-color: rgba(68, 68, 68, 0.9);
  }

.servicos .gears{
  width: 1200px;
  height:340px;
  position: relative;
  z-index: 999;
  margin-top: -480px
}
  .servicos .gear-1{
    position: absolute;
    left:0px;
    top: 45px;

  }
  .servicos .gear-2{
    position: absolute;
    top:20px;
    left:159px;
  }
  .servicos .gear-3{
    position: absolute;
    top:5px;
    left:763px;
  }
  .servicos .gear-4{
    position: absolute;
    top:33px;
    left:937px;
  }



.img-carousel {
    
}
    .img-carousel .imagens {
 
    }
    .img-carousel .anterior , .img-carousel .proxima {
        text-decoration: none;
        background-color: #643f97;
        width: 100px;
        height: 100px;
        display: block;
        right: 0px;
        position: relative;
    }
    .img-carousel .anterior:hover ,.img-carousel .proxima:hover {
        text-decoration: none;
        background-color: #3fff9e;
    }
    .img-carousel .icone {
      color: white;
    }
    .img-carousel .icone:hover {
      color: #643f97;
    }

    .img-carousel .legenda {
        margin-top: 100px;
    }

    .img-carousel .branco a:hover{
      color: #1b1b31;
      background-color: transparent;
      text-decoration: none;
    }

/* accordion */
.accordion {

}    
    .accordion .panel {
        margin-bottom: 0;
        background-color: #FFF;
        border: none;
        border-radius: 0px;
        box-shadow: none;
    }
    .accordion .panel a{
        padding: 20px;
        display:block;
        padding: 55px 100px;
        background-color: #444444;
        color: #3fff9e;
    }
    .accordion .panel .collapsed{
        background-color: #643f97;
        color: #3fff9e;
    }
    .accordion .panel-title{
        font-size: 24px;
    }
    .accordion .panel-body {
        padding: 0px 20px 50px 20px;
    }

/* tomada */
.conecta{}
.conecta .femea{
    margin-right: -8px;
}
.conecta .macho{
    margin-left: -8px;
}

.rodape{
    background-color: #444444;
}

    .rodape .logotipo{
        margin-top:-40px;
    }

    .rodape .tel-email{
        margin-top:-50px;
    }
    .rodape .endereco-redes{
    }




#menu{
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 998; 
    background-color: rgba(36,36,43,0.95);
    display: none;

}
#menu{
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 998; 
    background-color: rgba(36,36,43,0.95);
    display: none;

}
    #menu ul{
        list-style: none;
        margin:0;
        padding:0;
        text-align: center;
        margin-top: 90px;

    }
    #menu ul li{
        list-style: none;
        margin:0;
        padding:0;
        text-align: center;
        line-height: 80px;
        display: inline-block;
        width: 100%
    }
    #menu ul li a{
        display: inline-block;
        width: 100%;

        -webkit-transition: all 0.8s ease-in-out ;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out; 
        transition: all 0.8s ease-in-out; 
    }
    #menu ul li a:hover{
        color: #24242b;
        -webkit-transition: all 0s ease-in-out ;
        -moz-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out; 
        transition: all 0s ease-in-out; 
    }
    #menu .fechar{
        color: #3fff9e;
        border: 4px solid #3fff9e;
        width: 60px;
        height: 60px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        font-size: 42px;
        line-height: 64px;
        cursor: pointer;
        background-color: transparent;
        -webkit-transition: all 0.3s ease-in-out ;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out; 
        transition: all 0.3s ease-in-out; 
    }
    #menu .fechar:hover{
        color: #24242b;
        background-color: #3fff9e;
    }

/* Topo e menu */
#top-menu{
    display: inline-block;
    position: fixed;
    z-index: 99999;
    width: 100%;
}
    #top-menu #bt-menu{
        text-align: center;
        padding: 25px;
        cursor: pointer;
    }
        #top-menu #nav-toggle { 
            position: absolute; 
            left: 50%; 
            top: 25px; 
            cursor: pointer;
            width: 50px; 
            height: 50px; 
            margin-left: -25px; 
            z-index: 99999;
            -webkit-transition: all 1s ease-in-out ;
            -moz-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out; 
            transition: all 1s ease-in-out; 
        }
        #top-menu #nav-toggle img{ 
            width: 100%;
        }
        #top-menu #nav-toggle.active{ 
                -ms-transform: rotate(180deg); /* IE 9 */
                -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
                transform: rotate(180deg);
        }

#menu {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9998; 
    background-color: rgba(36,36,43,0.95);
    display: none;
}
    #menu ul{
        list-style: none;
        margin:0;
        padding:0;
        text-align: center;
        -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
        backface-visibility: hidden;

        transform:          translate3d(0,-300px,0);
        -webkit-transform:  translate3d(0,-300px,0);

        -webkit-transition: all 1s ease-in-out ;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out; 
        transition: all 1s ease-in-out; 
    }
    #menu.active ul{   
        transform:          translate3d(0,100px,0);
        -webkit-transform:  translate3d(0,100px,0);
    }
    #menu ul li{
        list-style: none;
        margin:0;
        padding:0;
        text-align: center;
        line-height: 80px;
        display: inline-block;
        width: 100%;
    }   
    #menu ul li a{
        display: inline-block;
        width: 100%;
    }
    #menu ul li a:hover{
        color: #24242b;
        -webkit-transition: all 0s ease-in-out ;
        -moz-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out; 
        transition: all 0s ease-in-out; 
    }




@media screen and (max-width: 992px) {
 .rodape{
    background-color: #444444;
}

    .rodape .logotipo{
        margin-top:-40px;
    }

    .rodape .tel-email{
        margin-top:50px;
    }
    
    .rodape .endereco-redes{
        margin-top:50px;
    
    }





    .size12{ font-size: 12px; }
    .size14{ font-size: 14px; }
    .size16{ font-size: 16px; }
    .size18{ font-size: 16px; }
    .size20{ font-size: 16px; }
    .size22{ font-size: 17px; }
    .size24{ font-size: 18px; }
    .size28{ font-size: 22px; }
    .size30{ font-size: 24px; }
    .size36{ font-size: 28px; }
    .size42{ font-size: 32px; }
    .size48{ font-size: 36px; }
    .size60{ font-size: 42px; }
    .size72{ font-size: 54px; }
    .size100{ font-size: 72px;}
    
    .entrelinhas20{ line-height: 10px; }
    .entrelinhas30{ line-height: 20px; }
    .entrelinhas40{ line-height: 30px; }
    .entrelinhas50{ line-height: 40px; }
    .entrelinhas60{ line-height: 50px; }
    .entrelinhas70{ line-height: 60px; }




.botao-home.quadrado {
    height: 200px;
    padding-bottom: 0;
}
.botao-home .bt-vermais {
    opacity: 1;
    margin-top: 0px;
    transform: translateY(0px);
    position: relative;
    width: 100%;
    transform: scale(0.8);
        display: block;
    padding-top: 30px;
}
    .botao-home .vermais{
        opacity: 1;
        margin-top:20px;

    }
    .botao-home .gear{
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Safari */
        transform: rotate(90deg);
    }
    .botao-home .plus{
        margin-top: -95px;
        opacity: 1;
    }
        .portfolio #tab1 a:focus, a:hover {
        color: #643f97;
    }
    .portfolio #topo .fundo-roxo {
    background-color: rgba(100, 63, 151, 0.85);
    }
    .portfolio .tab-antesdepois {
        
    }
        .portfolio .tab-antesdepois .imagens {
            
        }
        .portfolio .tab-antesdepois .legenda {
            margin-top: 0px;
        }

            .portfolio .tab-antesdepois .legenda .spacer40{
                margin-top: 0px;
            }

    .portfolio .img-carousel {
    
    }
    .portfolio .img-carousel .legenda{
        margin-top: 0px;
    
    }
    .mosaico .img-responsive {
        width: 100%;
    }



}