body{font-family: 'Lato', sans-serif !important;}
.header{width:100%; top:0; clear:both; position:fixed; z-index:20; float:left; height:auto; background:#f9f9f9; padding:10px !important; box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);}
.esp-20{width:100%; height:20px;}

a{text-decoration:none !important;}

nav {
  text-align: center;
  margin-top:5%;
}
.link-3, .link-3:visited {
  transition: 0.4s !important;
  font-size: 18px !important;
  text-decoration: none !important;
  padding: 0 10px !important;
  margin: 0 10px !important;
  color:#269e85 !important;
}
.link-3:hover, .menu-header .link-3:active, .menu-header .link-3.active {
  background-color: #269e85 !important;
  color: #fff !important;
  padding:15px 10px !important;
  text-decoration: none !important;
  border-radius:4px 10px !important;
}

.zera-esp-r{padding-right:0 !important;} 
.zera-esp-l{padding-left:0 !important;}

.height-img{max-height:150px;}

h3.section-subheading{color:#fff;}
.footer{background:#f9f9f9 !important;}

.title-h2{width: 200px; margin:0 auto; border-bottom:2px solid #269e85; border-radius:1%}

.btn-menu {
    border-radius:0;
    border:1px solid #269e85;
    color:#269e85;
    font-weight:600;
}

.menuMobile a.link-menu {
    border-bottom:1px solid rgba(0, 0, 0, 0.14);
    color: #333;
    padding:5px;
    font-weight:600;
}

.menuMobile a.link-menu:hover {
    background-color: #269e85;
    color: #fff;
}

.text-parceiro {
    text-align: center;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.51);
    padding: 5px;
    font-style:italic;
}
/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 504px;
    border-top: 2px solid #269e85;
    border-bottom: 2px solid #269e85;
    margin-top: 100px;
}
.fade-carousel .carousel-inner .item {
    height: 500px;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #269e85;
    border-color: #269e85;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

#sobre{margin-top:100px; padding:0;}
#portifolio{width:100%; height:auto; padding-top:20px; padding-bottom:20px;}
#parceiros{width:100%; height:auto; padding-top:20px; padding-bottom:0px;}

.w100 {
    width:100%;
} 

.wrapper {
    width: 100%;
    position: relative;
    background: rgba(38,179,148,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(38,179,148,1) 0%, rgba(38,158,133,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(38,179,148,1)), color-stop(100%, rgba(38,158,133,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(38,179,148,1) 0%, rgba(38,158,133,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(38,179,148,1) 0%, rgba(38,158,133,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(38,179,148,1) 0%, rgba(38,158,133,1) 100%);
    background: radial-gradient(ellipse at center, rgba(38,179,148,1) 0%, rgba(38,158,133,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b394', endColorstr='#269e85', GradientType=1 );
}
.wrapper:after {
  padding-top: 42.85714285714287%;
  display: block;
  content: '';
}
.wrapper .column {
  position: absolute;
  left: 0;
  top: 0;
  width: 14.2857142857142857%;
  float: left;
  padding: 6px;
  box-sizing: border-box;
}
.wrapper .column .inner {
  width: 100%;
  position: relative;
}
.wrapper .column .inner:after {
  padding-top: 100%;
  /* ratio 1:1 */
  display: block;
  content: '';
}
.wrapper .column .inner:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  background-color: rgba(0, 0, 0, 0.4);
}
.wrapper .column .inner:hover:before {
  background-color: rgba(0, 0, 0, 0);
}
.wrapper .column:nth-child(1) {
  width: 28.5714285714285714%;
}
.wrapper .column:nth-child(2) {
  left: 28.5714285714285714%;
}
.wrapper .column:nth-child(3) {
  left: 28.5714285714285714%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wrapper .column:nth-child(4) {
  width: 28.5714285714285714%;
  left: 42.85714285714286%;
  top: 0;
}
.wrapper .column:nth-child(4) .inner:after {
  padding-top: 48.7%;
}
.wrapper .column:nth-child(5) {
  left: 71.42857142857143%;
  top: 0;
}
.wrapper .column:nth-child(6) {
  left: auto;
  right: 0;
  top: 0;
}
.wrapper .column:nth-child(7) {
  left: 71.42857142857143%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wrapper .column:nth-child(8) {
  left: auto;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wrapper .column:nth-child(9) {
  width: 28.5714285714285714%;
  top: auto;
  left: 0;
  bottom: 0;
}
.wrapper .column:nth-child(9) .inner:after {
  padding-top: 48.7%;
}
.wrapper .column:nth-child(10) {
  left: 28.5714285714285714%;
  top: auto;
  bottom: 0;
}
.wrapper .column:nth-child(11) {
  left: 42.85714285714286%;
  top: auto;
  bottom: 0;
  width: 28.5714285714285714%;
}
.wrapper .column:nth-child(12) {
  left: auto;
  top: auto;
  bottom: 0;
  right: 0;
  width: 28.5714285714285714%;
}
.wrapper .column:nth-child(12) .inner:after {
  padding-top: 48.7%;
}
/* BEAUTY */
body,
html {
  background-color: #fff;
  padding: 0;
}
.wrapper .column .inner {
  background-size: cover;
  background-position: center;
}
/*portfolio 1
.wrapper .column:nth-child(1) .inner {
  background-image: url(../img/portfolio/1.jpg);
}
.wrapper .column:nth-child(2) .inner {
  background-image: url(../img/portfolio/2.jpg);
}
.wrapper .column:nth-child(3) .inner {
  background-image: url(../img/portfolio/3.jpg);
}
.wrapper .column:nth-child(4) .inner {
  background-image: url(../img/portfolio/4.jpg);
}
.wrapper .column:nth-child(5) .inner {
  background-image: url(../img/portfolio/5.jpg);
}
.wrapper .column:nth-child(6) .inner {
  background-image: url(../img/portfolio/6.jpg);
}
.wrapper .column:nth-child(7) .inner {
  background-image: url(../img/portfolio/7.jpg);
}
.wrapper .column:nth-child(8) .inner {
  background-image: url(../img/portfolio/8.jpg);
}
.wrapper .column:nth-child(9) .inner {
  background-image: url(../img/portfolio/9.jpg);
}
.wrapper .column:nth-child(10) .inner {
  background-image: url(../img/portfolio/10.jpg);
}
.wrapper .column:nth-child(11) .inner {
  background-image: url(../img/portfolio/11.jpg);
}
.wrapper .column:nth-child(12) .inner {
  background-image: url(../img/portfolio/12.jpg);
}
.wrapper .column:nth-child(13) .inner {
  background-image: url(../img/portfolio/13.jpg);
}
/**/

/*portfolio 2*
.wrapper .column:nth-child(1) .inner {
    background-image: url(../img/portfolio2/1.jpg);
}

.wrapper .column:nth-child(2) .inner {
    background-image: url(../img/portfolio2/2.jpg);
}

.wrapper .column:nth-child(3) .inner {
    background-image: url(../img/portfolio2/3.jpg);
}

.wrapper .column:nth-child(4) .inner {
    background-image: url(../img/portfolio2/4.jpg);
}

.wrapper .column:nth-child(5) .inner {
    background-image: url(../img/portfolio2/5.jpg);
}

.wrapper .column:nth-child(6) .inner {
    background-image: url(../img/portfolio2/6.jpg);
}

.wrapper .column:nth-child(7) .inner {
    background-image: url(../img/portfolio2/7.jpg);
}

.wrapper .column:nth-child(8) .inner {
    background-image: url(../img/portfolio2/8.jpg);
}

.wrapper .column:nth-child(9) .inner {
    background-image: url(../img/portfolio2/9.jpg);
}

.wrapper .column:nth-child(10) .inner {
    background-image: url(../img/portfolio2/10.jpg);
}

.wrapper .column:nth-child(11) .inner {
    background-image: url(../img/portfolio2/11.jpg);
}

.wrapper .column:nth-child(12) .inner {
    background-image: url(../img/portfolio2/12.jpg);
}

.wrapper .column:nth-child(13) .inner {
    background-image: url(../img/portfolio2/13.jpg);
}
/**/

/*portfolio 3 */
.wrapper .column:nth-child(1) .inner {
    background-image: url(../img/portfolio3/1.jpeg);
}

.wrapper .column:nth-child(2) .inner {
    background-image: url(../img/portfolio3/2.jpeg);
}

.wrapper .column:nth-child(3) .inner {
    background-image: url(../img/portfolio3/3.jpeg);
}

.wrapper .column:nth-child(4) .inner {
    background-image: url(../img/portfolio3/4.jpeg);
}

.wrapper .column:nth-child(5) .inner {
    background-image: url(../img/portfolio3/5.jpeg);
}

.wrapper .column:nth-child(6) .inner {
    background-image: url(../img/portfolio3/6.jpeg);
}

.wrapper .column:nth-child(7) .inner {
    background-image: url(../img/portfolio3/7.jpeg);
}

.wrapper .column:nth-child(8) .inner {
    background-image: url(../img/portfolio3/8.jpeg);
}

.wrapper .column:nth-child(9) .inner {
    background-image: url(../img/portfolio3/9.jpeg);
}

.wrapper .column:nth-child(10) .inner {
    background-image: url(../img/portfolio3/10.jpeg);
}

.wrapper .column:nth-child(11) .inner {
    background-image: url(../img/portfolio3/11.jpeg);
}

.wrapper .column:nth-child(12) .inner {
    background-image: url(../img/portfolio3/12.jpeg);
}

.wrapper .column:nth-child(13) .inner {
    background-image: url(../img/portfolio3/13.jpeg);
}
/**/

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .1;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 100vh;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(../img/slide1.png);
}
.fade-carousel .slides .slide-2 {
  background-image: url(../img/slide2.png);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../img/slide1.png);
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}

@media(max-width:768px) {
    .logo-site {
        margin:0 auto;
    }

    .menuDesk {
        display:none;
    }

    .menuMobile {
        display:block;
    }
}

@media(min-width:769px) {
    .menuMobile {
        display: none;
    }
}