@font-face {
   font-family: 'MetaOT-Normal';
   src: url('../fonts/acto-book.eot');
    src: url('../fonts/acto-book.eot?#iefix') format("embedded-opentype"),url('../fonts/acto-book.woff') format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
   font-family: 'MetaOT-Medium';
    src: url('../fonts/acto-medium.eot');
    src: url('../fonts/acto-medium.eot?#iefix') format("embedded-opentype"),url('../fonts/acto-medium.woff') format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
   font-family: 'MetaOT-Bold';
    src: url('../fonts/acto-bold.eot');
    src: url('../fonts/acto-bold.eot?#iefix') format("embedded-opentype"),url('../fonts/acto-bold.woff') format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
   font-family: 'MetaOT-Light';
    src: url('../fonts/acto-light.eot');
    src: url('../fonts/acto-light.eot?#iefix') format("embedded-opentype"),url('../fonts/acto-light.woff') format("woff");
    font-weight: 700;
    font-style: normal
}
/*
@font-face {
   font-family: 'MetaOT-Light';
   src: url('../fonts/MetaOT-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/MetaOT-Light.otf')  format('opentype'),
      url('../fonts/MetaOT-Light.woff') format('woff'),
      url('../fonts/MetaOT-Light.ttf')  format('truetype'),
      url('../fonts/MetaOT-Light.svg#MetaOT-Light') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'MetaOT-Bold';
   src: url('../MetaOT-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/MetaOT-Bold.otf')  format('opentype'),
      url('../fonts/MetaOT-Bold.woff') format('woff'),
      url('../fonts/MetaOT-Bold.ttf')  format('truetype'),
      url('../fonts/MetaOT-Bold.svg#MetaOT-Bold') format('svg');
   font-weight: normal;
   font-style: normal;
}
*/
header{
}


.logo{
   /*background: blue;*/
}
.opacity70{
   transition: opacity .3s ease 0s, filter .3s ease 0s, color .3s ease 0s;
}
.opacity70:hover,
.opacity70:focus{
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
   filter: alpha(opacity=70);
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
   opacity: 0.7;
}
/*
*
************************************************************** GENERAL STYLING
*
*/
:root {
   /*overflow-y : scroll;*/
}
::selection {
   background: #aaaaaa;
   background: rgba(100,100,100,0.2);
}
::-moz-selection {
   background: #aaaaaa;
   background: rgba(100,100,100,0.2);
}
a,
:focus {
   outline: none;
}
::-moz-focus-inner {
   border: 0;
}
:-moz-focusring {
   color: transparent;
   text-shadow: 0 0 0 #000;
}
/*body,*/
#side-menu{
   /* force hw acceleration */
   transform: translate3d(0,0,0);
   backface-visibility:hidden;
   perspective: 1000;
}
html,
body {
   /*    margin: 0;
       padding: 0;
       width: 100%;
   */
   overflow-x: auto;
}
html{
   height: 100%;

}
body,
#header{
   min-width: 320px;
}
body{
   /*min-width: 640px;*/
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font: 18px/23px 'MetaOT-Normal';
   color: #494949;
}
img,
svg{
   max-width: 100%;
   height: auto;
}
#header,
#main-content,
#footer{
   display: block;
}
a:link,
a:visited{
   color: #E30513;
}
a:hover,
a:focus{
   color: #A61C20;
}
/*
*
************************************************************** HEADER
*
*/

/* general */
#header{
   position: fixed;
   width: 100%;
   top: 0;
   left: 0;
   z-index: 99999;
}
#main-nav{
   position: relative;
   border: none;
   margin: 0;
}
#main-nav > .container-fluid{
   padding-left: 0;
   padding-right: 0;
   background: #FEFCF8;
   height: 92px;
}
#main-menu-wrapper{
   font-size: 0;
}
#main-nav .main-menu > li > a,
#main-nav .navbar-header.logo > a,
#main-nav .social-pages > li > a,
#side-menu-btn-wrapper{
   height: 92px;
   line-height: 62px;
}
#main-nav .navbar-header.logo > a > *,
#main-nav .social-pages > li > a > *,
#side-menu-btn{
   display: inline-block;
   vertical-align: middle;
}
.nav > li > a:hover,
.nav > li > a:focus{
   background: none;
}

/* logos */
.navbar-header.logo{
   float: left;
}
.navbar-header.logo,
.navbar-header.logo > a{
   margin-left: 0 !important;
   margin-right: 0 !important;
}
#pns-logo > a{
   padding-left: 50px;
   padding-right: 0;
}
#ctt-logo > a{
   width: 84px;
   background: #E30513;
   text-align: center;
}
@media (max-width: 991px){
   #pns-logo{
      width: auto;
      width: calc(100% - 154px);
      text-align: center;
   }
   #pns-logo > a{
      padding-left: 0;
      float:none;
      display:inline-block;
      *display:inline;
      *zoom:1;
   }
}
@media (max-width: 767px){
   #pns-logo img{
      width: 146px;
   }
}

/* right icons */
#main-nav .social-pages > li > a{
   width: 51px;
   text-align: center;
}
.social-pages > li > a.fb{
   background: #F49898;
}
.social-pages > li > a.yt{
   background: #F58D76;
}

/* middle menu */
.main-menu > li > a{
   color: #E30513;
}
#main-nav .main-menu{
   margin-left: auto;
   margin-right: auto;
   width: auto;
   /*width: calc(100% - 438px);*/
   width: 630px;
   float:left;
}
#main-nav .main-menu > li{
   white-space: nowrap;
   float:none;
}
#main-nav .main-menu,
#main-nav .main-menu > li {
   display:inline-block;
   *display:inline;
   *zoom:1;
   vertical-align: middle;
   text-align:center;
}
#main-nav .main-menu > li > a{
   font-size: 17px;
}
.main-menu > li > a:hover,
.main-menu > li > a:focus,
.main-menu > li > a.active{
   text-decoration: underline;
}

/* header border */
#main-nav > .divider{
   height: 3px;
   width: 100%;
   position: relative;
   overflow: hidden;
}
#main-nav > .divider{
   width: 100%;
   margin-top: -1px;
   float: left;
}
#main-nav > .divider > *{
   height: 3px;
   float: left;
}
#main-nav > .divider img{
   width: 826px;
   min-width: 826px;

}
#main-nav > .divider .filler{
   width: 0;
   min-width: 0;
   min-width: calc(100% - 826px);
   border-bottom: 1px solid #E50000;
   margin-top: -1px;
}

/* side-menu btn */
#side-menu-btn-wrapper{
   float: left;
}
#side-menu-btn-wrapper,
#side-menu-btn{
   margin: 0 !important;
   border: none;
   border-radius: 0;
   line-height: 92px;
}

#side-menu-btn{
   /*padding: 0 25px !important;*/
   width: 20px;
   padding: 0 !important;
   margin: 0 25px !important;
}


/*
*
************************************************************** SIDEBAR
*
*/
#side-menu{
   display:none;
   /*   position:absolute;
      position:fixed;*/
   top:0;
   height:100%;
   z-index:9999;
   width:260px;
   overflow-x:none;
   overflow-y:auto;
   padding-top: 92px;
   left:-260px;
   right:auto;
   background: #fff;
}

#side-menu .inner:before,
#side-menu .inner:after{
   content: " ";
   display: table;
}
#side-menu .inner:after{
   clear: both;
}
/* flexbox for sidebar */
#side-menu .inner{
   height:100%;
   min-height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
}
#side-menu .main-menu{
   flex-grow: 1;
   flex-shrink: 0;
   -ms-flex-preferred-size: auto; /* IE10 fix */
}
#side-menu .social-pages,
#side-menu .footer-links{
   flex-grow: 0;
   flex-shrink: 0;
}

/* general */
#side-menu .main-menu,
#side-menu .main-menu > li,
#side-menu .social-pages,
#side-menu .footer-links,
#side-menu .footer-links > li{
   width: 100%;
   margin: 0;
   padding: 0;
   float: left !important;
}
#side-menu .main-menu > li > a,
#side-menu .footer-links > li > a{
   padding-left: 25px;
   padding-right: 25px;
}

/* main menu */
#side-menu .main-menu{
   padding-top: 17px;
   padding-bottom: 17px;
}
#side-menu .main-menu > li > a{
   font-size: 17px;
   padding-top: 17px;
   padding-bottom: 17px;
}

/* social */
#side-menu .social-pages > li{
   width: 50%;
   display: inline-block;
   float: left;
}
#side-menu .social-pages > li > a{
   padding: 0;
   height: 76px;
   line-height: 76px;
   text-align: center;
}

/* links */
#side-menu .footer-links{
   padding-top: 20px;
   padding-bottom: 20px;
}
#side-menu .footer-links > li{
   float: left;
   width: 100%;
}
#side-menu .footer-links > li > a{
   font-size: 17px;
   padding-top: 15px;
   padding-bottom: 15px;
}

/* content overlay */
body #main-content .side-menu-overlay{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transition: background-color .6s ease 0s;
   background-color: transparent;
   display: none;
}
body.sidr-open #main-content .side-menu-overlay{
   background-color: rgba(0,0,0,0.3);
   display: block;
}

/*@media (min-width: 992px){
   #side-menu,
   body #main-content .side-menu-overlay{
      display: none !important;
   }
}*/
/*
*
************************************************************** FOOTER
*
*/

/* general */
.footer-links{
   background: #E30513;
}
.footer-links > li{
   background: #FFFFFF;
   float: left;
}
.footer-links > li > a,
.footer-links > li > a:hover,
.footer-links > li > a:focus{
   background: #E30513;
   color: #fff;
}
.footer-links > li.active > a{
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
   filter: alpha(opacity=70);
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
   opacity: 0.7;
}
#footer,
#footer > .footer-links{
   height: 74px;
   line-height: 74px;
   font-family: 'MetaOT-Normal';
   font-size: 16px;
   text-align: right;
   background: #E30513;
}
#footer > .footer-links > li{
   float: none;
   display: inline-block;
}
#footer > .footer-links > li > a{
   padding-top: 0;
   padding-bottom: 0;
}

/*
*
************************************************************** PAGES - GENERAL
*
*/
/* main wrappers */
#main-content{
   position: relative;
   margin-top: 92px;
}

#main-content > .section-wrapper{
   position: relative;
   overflow: hidden; /* fix later */
}
@media (min-width: 768px){
   #main-content > .section-wrapper{
      min-height: calc(100vh - 92px);
   }
}
/*@media (max-width: 767px){*/
#main-content > .section-wrapper{
   padding-bottom: 50px;
}
/*}*/
#main-content > .section-wrapper > .container > .row,
#main-content > .section-wrapper > .fluid-container > .row{
   z-index: 1;
   position: relative;
}
body{
   /*background: grey;*/
}
#main-content{
   /*background: #F58D76;*/
}
#intro {
   background: #105cb6;
}
#o-que-e {
   /*background: #3c763d;*/
}
#inspire-se {
   /*background: #67b168;*/
}
#cartas {
   background: #f8efc0;
}
#como-ajudar {
   background: #245269;
}

/* misc elements */
.title{
  /* font: 31px/30px 'MetaOT-Medium'; RD*/
   margin-top: 30px;
   margin-bottom: 30px;
}
.text-l{
   /*font: 27px/33px 'MetaOT-Light';*/
   font: 27px/33px 'MetaOT-Normal';
   color: #E30513;
}
.text-m{
   /*font: 18px/23px 'MetaOT-Light';*/
   font: 18px/23px 'MetaOT-Normal';
   color: #666;
}
.text-s{
   /*font: 17px/22px 'MetaOT-Light';*/
   font: 17px/22px 'MetaOT-Normal';
   color: #666;
}
.bg-green{
   background-color: #EDE9DC;
}
.bg-red{
   background-color: #E30513;
}
.bg-lightred{
   background-color: #F49898;
}
.bg-white{
   background-color: #fff;
}

/* common alignments */
.align-t,
.container > .canvas.align-t > img,
.fluid-container > .canvas.align-t > img{
   vertical-align: top;
   top: 0;
   bottom: auto;
}
.align-b,
.container > .canvas.align-b > img,
.fluid-container > .canvas.align-b > img{
   vertical-align: bottom;
   top: auto;
   bottom: 0;
}
.align-l{
   right: auto;
   left: 0;
}
.align-r{
   right: 0;
   left: auto;
}
.center-block{ /*bootstrap*/
   float: none !important;
}

/* canvas bg */
.container > .canvas,
.fluid-container > .canvas{
   position: absolute;
   z-index: 0;
   width: 100%;
   height: 100%;
   display: block;
   left: 0;
}
.container > .canvas > img,
.fluid-container > .canvas > img{
   position: absolute;
}
/*
*
************************************************************** INTRO
*
*/

#intro{
   background: #FFF;
}
@media (min-width: 768px){
   #intro{
      min-height: calc(100vh - 210px) !important;
   }
}
#intro .row{
   position: relative;
}
#intro .text{
   padding-top: 40px;
   padding-left: 65px;
}
#intro .text > *{
   margin-top: 0;
   margin-bottom: 0;
}
#intro .text > h1{
   color:#666;
   font-size:16px;
}
#intro .text > h4{
   color:#E30513;
   font-size:37px;
   line-height: 35px;
   margin-bottom: 5px;
}
#intro .text > .text-s{
   margin-top: 19px;
   margin-bottom: 10px;
}

#intro .canvas img{
   max-height: 100%;
   max-width: 100%;
   margin-right: -80px;
   margin-bottom: -1px;
}
@media (max-width: 767px){
   #intro .canvas img{
      margin-bottom: 60px;
   }
}
#intro .canvas > .arrow{
   position: relative;
   margin-top: -108px;
   padding: 30px;
}
@media (min-width: 992px){
   #intro .text{
      /*padding-top: 85px;*/
   }
   #intro .canvas img{
      max-width: 64.3334%;
   }
}
@media (min-width: 1200px){
   #intro .canvas img{
      max-width: 72.6666%;
   }
}

@media (max-width: 991px){
   #intro{
      padding-bottom: 0 !important;
   }
   #intro .text{
      margin-left: auto;
      margin-right: auto;
      padding-left: 30px;
      padding-right: 30px;
   }
   #intro .canvas,
   #intro .canvas img{
      position: relative !important;
      top: auto !important;
      bottom: auto !important;
   }
   #intro .text > .arrow{
      margin-top: 26px
   }
}
/*
*
************************************************************** O QUE E
*
*/
@media (min-width: 768px){
   #o-que-e{
      /*min-height: calc(100vh - 92px) !important;*/
      min-height: calc(100vh - 210px) !important;
   }
}
#o-que-e > .fluid-container{
   z-index: 0;
}
#o-que-e > .fluid-container > .row,
#o-que-e > .container > .row{
   z-index: 2 !important;
}
#o-que-e > .container,
#o-que-e > .container > .canvas{
   z-index: 1;
}
#o-que-e .title{
   color: #E30513;
}
@media (max-width: 768px){
   #o-que-e .bg-green{
      background: none;
   }
   #o-que-e .title{
      margin-top: 50px;
      margin-bottom: 10px;
   }
}
#o-que-e .text{
   text-align: center;
   /*float: none;*/
}
#o-que-e .text-l{
   margin-top: 40px;
   margin-bottom: 25px;
}
#o-que-e .divider{
   width: 100%;
   display: block;
   text-align: center;
}
#o-que-e .divider:last-child{
   margin-top: 20px;
   margin-bottom: 40px;
}
#o-que-e .text-m p{
   margin: 0 0 32px;
}
#o-que-e .bg{
   /*overflow: hidden;*/
   position: relative;
}
#o-que-e .bg > img{
   position: absolute;
}
#o-que-e .canvas{
   height: auto;
}
@media (max-width:767px){
   #o-que-e .o-que-quero{
      right: 0 !important;
      left: 0 !important;
      margin: 0 auto;
      top: 7.5px !important;
   }
   #o-que-e .divider:last-child{
      margin-bottom: 15px;
   }
   #o-que-e .estrelas,
   #o-que-e .treno{
      display: block;
      margin: 20px auto 0;
   }

}
@media (min-width: 768px) and (max-width:991px){
   #o-que-e .enfeites{
      right: 1% !important;
   }
   #o-que-e .treno{
      margin-top: 30px;
   }
}
#o-que-e .pai-natal{
   left:3%;
   margin-bottom: -7px;
}
#o-que-e .arvore{
   right:3%;
   margin-bottom: -5px;
}
@media (max-width:1199px){
   #o-que-e .pai-natal{
      left:-2%
   }
   #o-que-e .arvore{
      right:0%
   }
}
@media (max-width:991px){
   #o-que-e .pai-natal{
      left:-19%
   }
   #o-que-e .arvore{
      right:-15%
   }
}


/*
*
************************************************************** INTRO / O QUE E - FOOTER
*
*/
#middle-footer-wrapper,
#middle-footer.row{
   margin-left: 0 !important;
   margin-right: 0 !important;
   z-index: 10;
}
#middle-footer-wrapper{
   position: relative !important;
   min-height: 0 !important;
   bottom: 0;
   width: 100%;
   display: none;
   overflow: visible !important;
   padding: 0 !important;
}
@media (max-width: 767px){
   #middle-footer-wrapper{
      position: relative !important;
   }
}
@media (max-width: 991px){
   #middle-footer-wrapper,
   #middle-footer.row{
      /*position: relative !important;*/
   }
}
#middle-footer-wrapper #middle-footer.row{
   position: fixed !important;
   bottom: 0;
   z-index: 1;
   width: 100%;
   margin-left: 0;
   margin-right: 0;
   background: #fff;
}
#middle-footer-wrapper.fixed #middle-footer.row{
   position: relative !important;
}
@media (max-width: 767px){
   #middle-footer-wrapper #middle-footer.row{
      position: relative !important;
   }
}
#middle-footer.row > * {
   display: table;
   height: 118px;
   padding-left: 0;
   padding-right: 0;
}
#middle-footer .inspire-se a{
   background: #F58D76;
}
#middle-footer .cartas a{
   background: #E30513;
}
#middle-footer .como-ajudar a{
   background: #A61C20;
}
#middle-footer a{
   width: 100%;
   height: 118px;
   display: table-cell;
   vertical-align: middle;
   font-size: 0;
}
#middle-footer a
#middle-footer a:hover{
   text-decoration: none;
}
#middle-footer a > *{
   display:inline-block;
   *display:inline;
   *zoom:1;
}
#middle-footer a > .text{
   width: 70%;
   width: calc(100% - 33px);
   padding-left: 30px;
   padding-right: 15px;
   text-align: left;
   vertical-align: middle;
   color: #FFF;
}
#middle-footer a > .text h2,
#middle-footer a > .text p{
   margin: 0 !important;
}
#middle-footer a > .text h2{
   font: 25px/22px 'MetaOT-Medium';
}
#middle-footer a > .text p{
   font: 15px/22px 'MetaOT-Normal';
}
#middle-footer a > .arrow{
   width: 20%;
   width: calc(18px - 0%);
   height: 12px;
   margin-right: 15px;
   vertical-align: middle;
}
/*
*
************************************************************** INSPIRE-SE
*
*/
#inspire-se{
   width: 100%;
}
@media (max-width: 767px){
   #inspire-se{
      /*min-height: calc(100vh - 92px) !important;*/
      padding-bottom: 0 !important;
   }
}
#inspire-se .row.bg-green{
   /*z-index: 0;*/
}
#inspire-se .title{
   /*color: #F58D76;*/
   color:#e30513;
}
#inspire-se .text{
   text-align: center;
   /*font: 17px/22px 'MetaOT-Light';*/
   font: 17px/22px 'MetaOT-Normal';
   color: #720011;
   margin-bottom: 35px;
}

/* videos main wrapper */
#videos-main-wrapper{
   position: relative;
}
/* controls */
.nav-controls-wrapper{
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right:0;
   margin: auto;
   height: 57px;
   z-index: 0;
}
@media (max-width: 767px){
   #videos-main-wrapper{
      margin-bottom: 57px; /* controls height */
   }
   .nav-controls-wrapper{
      top: auto;
      bottom: -57px;
      /*position: relative;*/
      z-index: 5;
   }
}
.nav-controls-wrapper .nav-control{
   position: relative;
   height: 57px;
   padding: 0;
   background: #fff;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   -moz-opacity: 0;
   -khtml-opacity: 0;
   opacity: 0;
   transition: opacity 1s ease .3s, transform 1.3s ease;
}
@media (min-width: 768px){
   .nav-controls-wrapper .nav-control{
      width: 57px;
   }
}
.nav-controls-wrapper .nav-control.prev{
   float: left;
}
.nav-controls-wrapper .nav-control.next{
   float: right;
}
.nav-controls-wrapper .nav-control.visible{
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
}
.nav-controls-wrapper .nav-control a{
   display: block;
   width: 57px;
   height: 100%;
   background: #F58D76;
   text-align: center;
}
@media (max-width: 767px){
   .nav-controls-wrapper .nav-control a{
      width: 100%;
   }
   .nav-controls-wrapper .nav-control img{
      width: 57px;
      height: 57px;
      display: inline-block;
      position: relative;
   }
}

/* single video wrapper */
#videos-main-wrapper .video-wrapper{
   position: absolute;
   margin: auto;
   width: 640px;
   max-width: 100%;
   /*height: 360px;*/
   background: #000;
   top: 0;
   left: 0;
   bottom: 0;
   right:0;
   z-index: 2;
}
#videos-main-wrapper .video-wrapper.active{
   position: relative;
   z-index: 1;
}
#videos-main-wrapper .video-wrapper .player{
   padding-top: 56%;
   z-index: 0;
}

/* single video play btn */
#videos-main-wrapper .play-video,
#videos-main-wrapper .play-video .btn-wrapper{
   top: 0;
   left: 0;
   bottom: 0;
   right:0;
   margin: auto;
   z-index: 5;
}
#videos-main-wrapper .play-video .btn-wrapper{
   border-radius: 50%;
}
#videos-main-wrapper .play-video,
#videos-main-wrapper .play-video .btn-wrapper,
#videos-main-wrapper .play-video .btn-wrapper > *{
   position: absolute;
}
#videos-main-wrapper .play-video .btn-wrapper,
#videos-main-wrapper .play-video .btn-wrapper > div,
#videos-main-wrapper .play-video .btn-wrapper > img{
   width: 82px;
   height: 82px;
}
#videos-main-wrapper .play-video .btn-wrapper,
#videos-main-wrapper .play-video .btn-wrapper > div{
   z-index: 1;
}
#videos-main-wrapper .play-video .btn-wrapper > img{
   z-index: 2;
}
#videos-main-wrapper .play-video .btn-wrapper > div,
#videos-main-wrapper .playing .play-video:hover .btn-wrapper > div{
   background: none;
   background: rgba(255,255,255,0);
   transition: background .3s ease 0s, opacity .3s ease 0s;
   border-radius: 50%;
}
#videos-main-wrapper .play-video:hover .btn-wrapper > div{
   background: none;
   background: rgba(255,255,255,0.3);
}
#videos-main-wrapper .buffering .play-video:hover .btn-wrapper > div,
#videos-main-wrapper .playing .play-video:hover .btn-wrapper > div{
   background: none;
}
#videos-main-wrapper .play-video .btn-wrapper > img:first-of-type{
   transition: opacity .3s ease;
}
#videos-main-wrapper .buffering .play-video .btn-wrapper > img:first-of-type,
#videos-main-wrapper .playing .play-video .btn-wrapper > img{
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
   filter: alpha(opacity=0) !important;
   -moz-opacity: 0 !important;
   -khtml-opacity: 0 !important;
   opacity: 0 !important;
}
#videos-main-wrapper .playing .play-video .btn-wrapper > img:first-of-type{
   animation-name: play;
   animation-duration: .3s;
   animation-timing-function: ease;
   animation-delay: 0s;
   animation-iteration-count: 1;
   animation-direction: normal;
   animation-fill-mode: none;
   animation-play-state: running;
}
@-webkit-keyframes play {
   0%   {
      transform:scale(1);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
   }
   10%  {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
   }
   90%  {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
   }
   100% {
      transform:scale(3);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
   }
}
@keyframes play {
   0%   {
      transform:scale(1);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
   }
   10%  {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
   }
   90%  {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
   }
   100% {
      transform:scale(3);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
   }
}
#videos-main-wrapper .play-video .btn-wrapper > img:last-of-type{
   transition: opacity .3s ease;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
}
#videos-main-wrapper .buffering .play-video .btn-wrapper > img:last-of-type{
   animation-name: playing;
   animation-duration: 3s;
   animation-timing-function: linear;
   animation-delay: 0s;
   animation-iteration-count: infinite;
   animation-direction: normal;
   animation-fill-mode: none;
   animation-play-state: running;
}
#videos-main-wrapper .playing .play-video .btn-wrapper > img:last-of-type{
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   -moz-opacity: 0;
   -khtml-opacity: 0;
   opacity: 0;
}
@-webkit-keyframes playing {
   0%   { transform:rotate(0deg); }
   100% { transform:rotate(360deg); }
}
@keyframes playing {
   0%   { transform:rotate(0deg); }
   100% { transform:rotate(360deg); }
}

/* buffering */
#videos-main-wrapper .buffering .play-video{
   cursor: default;
}

/*
*
************************************************************** CARTAS
*
*/
#cartas{
   background-color: #EDE9DC;
}
@media (max-width: 767px){
   #cartas{
      /*min-height: calc(100vh - 92px) !important;*/
      padding-bottom: 0 !important;
   }
}
#cartas .title{
   color: #FFF;
   text-align: center;
}
@media (min-width: 768px){
   #cartas  .nav-controls-wrapper .nav-control.prev{
      margin-left: 15px;
   }
   #cartas  .nav-controls-wrapper .nav-control.next{
      margin-right: 15px;
   }
}
@media (max-width: 767px){
   #cartas > .row.bg-red{
      height: 78px;
   }
   #cartas .nav-controls-wrapper{
      top: auto;
      bottom: 0;
      position: relative;
      z-index: 5;
   }
}

/* counter */
#counter{
   padding-top: 26px;
   padding-bottom: 26px;
}
#counter-wrapper{
   position: relative;
   width: 210px;
   height: 38px;
   margin-left:50px;
   padding: 1px;
   border-radius: 4px;
   overflow: hidden;
}
@media (max-width: 767px){
   #counter{
      padding-top: 5px;
      padding-bottom: 5px;
   }
   #counter-wrapper{
      margin: 0 auto;
   }
}
#counter-wrapper .bar{
   position: absolute;
   top: 0;
   left: 0;
   white-space: nowrap;
}
#counter-wrapper #bar-red{
   color: #FFF;
   width: 100%;
   margin: 1px;
}
#counter-wrapper #bar-white{
   background: #FFF;
   color: #E30513;
   width: 0;
   display: none;
   overflow: hidden;
   padding: 1px;
   transition: width 1s ease;
   box-sizing: content-box;

}
#counter-wrapper .bar .bar-inner{
   position: relative;
   width: 228px;
   height: 36px;
   padding: 6px;
   border-radius: 4px;
   border: 1px solid #FFF;
   /*overflow: hidden;*/
}
#counter-wrapper .bar .bar-inner .num{
   float: left;
   margin-top: -3px;
}
#counter-wrapper .bar .bar-inner .num .value{
   font-size: 22px;
   font-family: 'MetaOT-Bold';
}
#counter-wrapper .bar .bar-inner .text{
   float: right;
}
#counter-wrapper .bar .bar-inner .num span,
#counter-wrapper .bar .bar-inner .text{
   font-size: 16px;
   font-family: 'MetaOT-Normal';
}

/* filters */
#filters{
   text-align: right;
   padding-top: 34px;
   padding-bottom: 33px;
}
.filter{
   color: #FFF;
   font-size: 12px;
   font-family: 'MetaOT-Normal';
   font-weight: normal;
   margin: 0;
   vertical-align: top;
}
#filters .filter:last-child{
   margin: 0 54px 0 20px;
}
.filter input{
   display: none;
}
.filter .radio{
   background: #FFF;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   padding: 5px;
   display: inline-block;
   vertical-align: middle;
   margin: 0 2px 0 0;
   cursor: pointer;
}
.filter.checked .radio > span{
   background: #F58D76;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   float: left;
}

/* pagination */
#pagination{
   text-align: right;
   color: #000;
   font-family: 'MetaOT-Normal';
   font-size: 14px;
   padding-top: 10px;
}
#pagination,
#pagination a{
   color: #000;
}
#pagination .pages{
   margin-right: 84px;
}
#pagination > div,
#pagination .pages ol,
#pagination .pages li{
   display: inline-block;
}

#pagination .divider{
   margin-left: 4px;
   color: #FEFCF8;
}
#pagination .pages ol{
   list-style: none;
   padding: 0;
   margin: 0;
}
#pagination a{
   padding: 0 1px;
}
#pagination a:hover{
   text-decoration: none;
}
#pagination a.current{
   text-decoration: underline;
}
#pagination .prev a,
#pagination .next a{
   font-size: 15px;
}

/* cartas grid */
#cartas-main-wrapper{
   margin: 12px auto 0;
   width: 100%;
}
#cartas-main-wrapper.grid-8 {
   max-width: 1165px;
}
#cartas-main-wrapper.grid-6 {
   max-width: 800px;
   /*max-width: calc(100% - 114px);*/
}
#cartas-main-wrapper.grid-8 #cartas-wrapper{
   padding: 0 57px;
   margin-right: -16px;
   margin-left: -16px;
   position: relative;
   z-index: 1;
}
#cartas-main-wrapper.grid-6 #cartas-wrapper{
   padding: 0 57px;
   margin-right: -10px;
   margin-left: -10px;
}
#cartas-main-wrapper.grid-1 #cartas-wrapper{
   padding: 0;
}
#cartas-main-wrapper.grid-8 .carta{
   width: 25%;
   padding: 14px 16px;
}
#cartas-main-wrapper.grid-6 .carta{
   width: 33.3333%;
   padding: 14px 10px;
}
#cartas-main-wrapper.grid-8 .open-preview,
#cartas-main-wrapper.grid-6 .open-preview{
   background: #fff;
}
#cartas-main-wrapper.grid-6 .carta:nth-of-type(1n+7),
#cartas-main-wrapper.grid-1 .carta:nth-of-type(1n+2) {
   display: none !important;
}

#cartas-main-wrapper.grid-1 {
   width: 100%;
}
#cartas-main-wrapper.grid-1 .carta .image-wrapper{
   height: 100%;
   height: calc(100vh - 262px);
   max-height: 100%;
   max-width: 100%;
   vertical-align: middle;
   display: table-cell;
}
#cartas-main-wrapper.grid-1 .carta .v.image-wrapper{
   display: block;
}
#cartas-main-wrapper.grid-1 .carta .open-preview{
   display: block;
   margin: auto;
}
#cartas-main-wrapper.grid-1 .carta .v .open-preview,
#cartas-main-wrapper.grid-1 .carta .v .open-preview .carta-thumb{
   max-width: 100%;
   max-height: auto;
   max-height: calc(100vh - 270px);
}
#cartas-main-wrapper.grid-1 .carta .h .open-preview,
#cartas-main-wrapper.grid-1 .carta .h .open-preview .carta-thumb{
   /*max-height: 100%;*/
   width: 100%;
}
#cartas-wrapper{
   margin: -1px 0 -14px;
   transform-origin: center top;
}
.carta{
   list-style: none;
   display: inline-block;
   vertical-align: top;
   /*padding: 0 16px;*/
   font-family: 'MetaOT-Normal';
   color: #000;
}
.carta.reservada a,
.carta.apadrinhada a{
   cursor: default;
}
/* image */
.carta .image-wrapper{
   max-width: 247px;
   /*max-height: 147px;*/
   width: 100%;
   overflow: hidden;
}
.carta .image-wrapper > a.close-preview{
   display: none;
}
.carta .image-wrapper > a.open-preview,
.carta .image-wrapper > a.open-preview > img{
   position: relative;
   display: block;
   margin: 0 auto;
}
.carta .image-wrapper .carta-full{
   display: none;
}
.carta.reservada .image-wrapper > a.open-preview > img,
.carta.apadrinhada .image-wrapper > a.open-preview > img{
   
   filter: blur(3px);
   -webkit-filter: blur(3px);
   -moz-filter: blur(3px);
   -o-filter: blur(3px);
   -ms-filter: blur(3px);
   filter: url(../img/blur.svg#blur);
   filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
   
}
/* image satus icon */
.carta .image-wrapper > a.open-preview > .status-icon{
   position: absolute;
   top:0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   z-index: 5;
   width: 56px;
   height: 57px;
}
.carta .image-wrapper > a.open-preview > .status-icon > img{
   position: relative;
   display: none;
}
.carta .image-wrapper > a.open-preview > .overlay{
   position: absolute;
   top:0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 3;
   display: none;
   background: #fff;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
   filter: alpha(opacity=20);
   -moz-opacity: 0.2;
   -khtml-opacity: 0.2;
   opacity: 0.2;
}
.carta.disponivel .image-wrapper > a.open-preview > .overlay{
   background: #EDE9DC;
}
.carta.reservada .image-wrapper > a.open-preview > .status-icon > img.reservada,
.carta.reservada .image-wrapper > a.open-preview > .overlay{
   display: block;
}
.carta.apadrinhada .image-wrapper > a.open-preview > .status-icon > img.apadrinhada,
.carta.apadrinhada .image-wrapper > a.open-preview > .overlay{
   display: block;
}

/* preview hover effect */
.grid-8 .carta.disponivel .image-wrapper > a.open-preview> img,
.grid-6 .carta.disponivel .image-wrapper > a.open-preview> img{
   transition: transform .3s ease;
}
.grid-8 .carta.disponivel .image-wrapper > a.open-preview:hover > img,
.grid-6 .carta.disponivel .image-wrapper > a.open-preview:hover > img{
   transform: scale3d(1.1,1.1,1.1);
}
.grid-8 .carta.disponivel .image-wrapper > a.open-preview > .status-icon > img.disponivel,
.grid-8 .carta.disponivel .image-wrapper > a.open-preview > .overlay,
.grid-6 .carta.disponivel .image-wrapper > a.open-preview > .status-icon > img.disponivel,
.grid-6 .carta.disponivel .image-wrapper > a.open-preview > .overlay{
   display: block;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   -moz-opacity: 0;
   -khtml-opacity: 0;
   opacity: 0;
   transition: opacity .3s ease;
}
.grid-8 .carta.disponivel .image-wrapper > a.open-preview:hover > .status-icon > img.disponivel,
.grid-6 .carta.disponivel .image-wrapper > a.open-preview:hover > .status-icon > img.disponivel{
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
}
.grid-8 .carta.disponivel .image-wrapper > a.open-preview:hover > .overlay,
.grid-6 .carta.disponivel .image-wrapper > a.open-preview:hover > .overlay{
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
   filter: alpha(opacity=60);
   -moz-opacity: 0.6;
   -khtml-opacity: 0.6;
   opacity: 0.6;
}

/* info */
.carta .info{
   min-height: 88px;
   padding: 18px 11px 12px;
}
.carta.disponivel .info{
   background-color: #FEFCF8;
}
.carta.reservada .info{
   background-color: #F9A755;
}
.carta.apadrinhada .info{
   background-color: #f49898;
}
.carta .info > *{
   display: block;
   width: 100%;
}
/*.carta .info .details{
   padding-left: 3px;
}
.carta .info .details .name{
   font-size: 16px;
   line-height: 16px;
   margin-top: -3px;
}
.carta .info .details .age{
   font-size: 12px;
   line-height: 12px;
   margin-top: 0;
}*/
.carta .info .status {
   font-size: 15px;
   /*margin-top: 8px;*/
}
.carta.disponivel .info .status {
   font-size: 12px;
}
.carta .info .status > *{
   display: block;
   vertical-align: top;
   width: 100%;
}

/* current status */
.carta.disponivel .info .status .current-status{
   width: 100%;
   margin-top: -9px;
}
.carta .info .status .current-status > div{
   line-height: 15px;
   position: relative;
   height: 35px;
   vertical-align: top;
   padding-top: 10px;
}
.carta.disponivel .info .status .current-status > div{
   line-height: 12px;
   height: 32px;
}
.carta .info .status .current-status > div > img{
   top: 3px;
   left: -3px;
   position: absolute;
   width: 26px;
}
.carta .info .status .current-status > div > div{
   margin-left: 23px;
   /*padding-right: 5px;*/
   line-height: 14px;
}
.carta.disponivel .info .status .current-status > div > div{
   line-height: 11px;
}
.carta.disponivel .info .status .current-status{
   color: #E30513
}

/* share */
.carta .info .status .share{
   display: none;
}
.info .status .share a,
.info .status .share a:hover{
   text-decoration: none;
}
.info .status .share a > *{
   float: left;
   color: #F49898;
}
.info .status .share a > .icon > .hover{
   display: none;
}
.info .status .share a:hover > .icon > .hover{
   display: block;
}
.info .status .share a:hover > span{
   color: #E30513;
}
.info .status .share a:hover > .icon > .std{
   display: none;
}

/* btn apadrinhar */
.btn-apadrinhar{
   width: 100%;
   height: 32px;
   font-size: 14px;
}
.btn-apadrinhar a{
   display: block;
   text-align: center;
   line-height: 32px;
   background-color: #eb2126 !important;
   color: #FFF;
}
.btn-apadrinhar a,
.btn-apadrinhar a:hover{
   text-decoration: none;
}

/* status */
.carta .status .current-status > *,
.carta .status .btn-apadrinhar{
   display: none;
}
.carta.disponivel .status .disponivel,
.carta.reservada .status .reservada,
.carta.apadrinhada .status .apadrinhada,
.carta.disponivel .status .btn-apadrinhar{
   display: inline-block;
}

/* mobile */
#cartas .grid-1{
   margin: 0 auto;
}
#cartas .grid-1 #cartas-wrapper{
   margin-bottom: 0;
   position: relative;
   z-index: 2;
}
#cartas .grid-1 .carta,
#cartas .grid-1 .image-wrapper{
   max-width: 100%;
   width: 100%;
}
.grid-1 .image-wrapper > a{
   cursor: default;
}
#cartas .grid-1 .info{
   height: 65px;
   min-height: 0;
}
#cartas .grid-1 .status{
   position: relative;
   height: 35px;
}
#cartas .grid-1 .status .current-status,
#cartas .grid-1 .status .share{
   width: 50%;
   display: inline-block;
   vertical-align: middle;
}
#cartas .grid-1 .status .current-status{
   margin-top: -2px;
}
#cartas .status .current-status img{
   width: 26px;
   height: 26px;
   /*float: left;*/
   display: block;
}
#cartas .grid-1 .status .share{
   /*margin-top: -2px;*/
}
#cartas .grid-1 .status .share{
   float: right;
   text-align: right;
}
#cartas .grid-1 .status .share > *{
   display: inline-block;
   vertical-align: middle;
}
#cartas .grid-1 .status .share span{
   line-height: 32px;
   margin-right: 10px;
}
#cartas .grid-1 .status .btn-apadrinhar{
   position: absolute;
   bottom: -69px;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   width: calc(100% - 92px);
   background: #FFF;
}
#cartas .grid-1 .status .btn-apadrinhar,
#cartas .grid-1 .status .btn-apadrinhar a{
   height: 57px;
   line-height: 57px;
   font-family: 'MetaOT-Medium';
   font-size: 21px;
}
#cartas .grid-1 .nav-controls-wrapper{
   z-index: 1;
   background: #e30513;
   background: #fff;
}
#cartas .grid-1 .nav-controls-wrapper .nav-control{
   width: 57px;
}

#cartas .grid-1 .nav-controls-wrapper .nav-control.prev{
   /*margin-left: 15px;*/
   float: left;
}
#cartas .grid-1 .nav-controls-wrapper .nav-control.next{
   /*margin-right: 15px;*/
   float: right;
}

/*
*
************************************************************** CARTAS - preview mode
*
*/
/* general */
#cartas.preview-mode{
   padding-bottom: 0 !important;
}
#cartas.preview-mode #cartas-main-wrapper{
   width: 100%;
   max-width: none;
   margin: 0;
}
#cartas.preview-mode #cartas-main-wrapper #cartas-wrapper{
   padding: 0;
   margin: 0;
}
#cartas #carta-preview,
#cartas.preview-mode .row.bg-red,
#cartas.preview-mode #pagination,
#cartas.preview-mode .carta{
   display: none;
}
#cartas.preview-mode #carta-preview{
   display: block;
   min-height: calc(100vh - 92px); /* - header */
}
#carta-preview .image-wrapper {
   position: relative;
}
#carta-preview .image-wrapper > a.close-preview{
   position: absolute;
   top: 20px;
   right: 20px;
   z-index: 5;
   width:47px;
   height:46px;
}
#carta-preview .image-wrapper > a.close-preview img{
   position: relative;
   display: block;
}
/* carta */
#carta-preview{
   position: relative;
   /*padding-bottom: 100px;*/
}
#carta-preview .image-wrapper{
   width: 100%;
   max-width: none;
   height: calc(100vh - 192px);
   max-height: 100%;
}
#carta-preview .image-wrapper > a.close-preview,
#carta-preview .image-wrapper .carta-full{
   display: block;
}
#carta-preview .image-wrapper .carta-full{
   max-height: 100%;
   max-width: 100%;
   margin: auto;
   position: relative;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}

/* bottom bar */
#carta-preview .info{
   position: relative;
   bottom: 0;
   width: 100%;
   height: 100px;
   padding: 24px 102px 23px;
   background: #FFF;
}
#carta-preview .info .status{
   display: table;
   width: 100%;
}
#carta-preview .info .status *{
   *display:inline;
   *zoom:1;
   display: inline-block;
   vertical-align: middle;
}
#carta-preview .info .status .current-status{
   /*width: calc(100% - 155px);*/
   width: auto;
   margin: 0;
   display: table-cell;
   vertical-align: middle;
}
#carta-preview .info .status .current-status .disponivel{
   color: #E30513;
   display:inline;
}

#carta-preview .info .status .actions{
   float: right;
   display: table-cell;
   vertical-align: middle;
}
/* share */
#carta-preview .share{
   width: auto;
   display: none;
   margin-right: 40px;
}
#carta-preview .share a,
#carta-preview .share a:hover{
   text-decoration: none;
   line-height: 48px;
}
#carta-preview .share a > *{
   float: none;
   display: inline-block;
   *display:inline;
   *zoom:1;
   vertical-align: middle;
}
#carta-preview .share a > .icon{
   width: 33px;
}
#carta-preview .share a > .icon > .hover{
   display: none;
}
#carta-preview .share a:hover > .icon > .hover{
   display: block;
}
#carta-preview .share a:hover > span{
   color: #E30513;
}
#carta-preview .share a:hover > .icon > .std{
   display: none;
}
#carta-preview .share a > .icon img{
   display: block;
}

#carta-preview .info .status .btn-apadrinhar{
   display: inline-block;
   width: 155px;
   height: 53px;
   /*margin-top: -21px;*/
}
#carta-preview .info .status .btn-apadrinhar a{
   line-height: 53px;
   font-size: 18px;
   width: 100%;
}

/*
*
************************************************************** CARTAS - popups
*
*/
/* general */
.popup{
   position: relative;
   text-align: center;
   padding: 78px 111px 50px;
   max-width: 100%;
   width: 710px;
}
.popup .close-popup{
   position: absolute;
   right: 22px;
   top: 19px;
   width: 21px;
}
.popup .close-popup img{
   display: block;
}
.popup > div > span{
   width: 100%;
   display: block;
}
.popup .title{
   font-family: 'MetaOT-Bold';
   font-size: 31px;
   color: #E30513;
}
.popup .text{
   /*font-family: 'MetaOT-Light';*/
   font-family: 'MetaOT-Normal';
   font-size: 27px;
   color: #494949;
}
.popup .code{
   font-family: 'MetaOT-Medium';
   font-size: 35px;
   color: #E30513;
}
.popup .share .icon{
   position: relative;
   width: 33px;
}
.popup .share a,
.popup .share a:hover{
   text-decoration: none;
}
.popup .share a > *{
   display: inline-block;
   vertical-align: middle;
}
.popup .share a span{
   color: #F49898;
   transition: color .3s ease;
}
.popup .share .icon .hover{
   position: absolute;
   top: 0;
   left: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   -moz-opacity: 0;
   -khtml-opacity: 0;
   opacity: 0;
   transition: opacity .3s ease;
}
.popup .share a:hover span{
   color: #E30513;
}
.popup .share a:hover .hover{
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
}

/* fancy overides */
.fancybox-opened .fancybox-skin{
   box-shadow: none !important;
   border: 1px solid #E50000;
   border-radius: 6px;
}
.fancybox-inner{
   overflow: visible !important;
}
.fancybox-overlay {
   background: none !important;
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66E30513,endColorstr=#66E30513);
   background: rgba(227,5,19,.4) !important;
}

/* apadrinhar */
#popup-apadrinhar .title{
   margin-top: 0;
   margin-bottom: 35px;
}
#popup-apadrinhar .divider{
   margin-top: 20px;
   margin-bottom: 30px;
}
#popup-apadrinhar .control-label{
   padding-top: 16px;
   /*font-family: 'MetaOT-Light';*/
   font-family: 'MetaOT-Normal';
   font-size: 20px;
   color: #E30513;
   font-weight: normal;
}
#popup-apadrinhar .form-control{
   background-color: #E6E6E6;
   background-image: none;
   border: none;
   border-radius: 0;
   box-shadow: none;
   display: block;
   height: 53px;
   line-height: 1.42857;
   padding: 6px 12px;
   transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
   width: 100%;
   font-family: 'MetaOT-Normal';
   color: #494949;
   font-size: 17px;
}
#popup-apadrinhar .btn{
   font-family: 'MetaOT-Normal';
   color: #FFF;
   font-size: 18px;
   font-weight: normal;
   border-radius: 0;
   background: #E30513;
   padding: 3px 12px;
}

/* success */
#popup-apadrinhar-success .deco{
   position: absolute;
   left: -62px;
   top: -42px;
}
#popup-apadrinhar-success .title{
   margin-top: 20px;
   margin-bottom: 0;
}
#popup-apadrinhar-success .divider{
   margin-top: 15px;
   margin-bottom: 15px;
}
#popup-apadrinhar-success .code{
   margin-top: 10px;
   margin-bottom: 40px;
}
#popup-apadrinhar-success .share{
   margin-top: 30px;
}

@media (max-width: 767px){
   .popup{
      padding: 40px 32px;
   }
   .popup .control-label{
      width: 100%;
      text-align: left;
   }
   .fancybox-inner{
      height: auto !important;
   }
}
@media (max-width: 991px){
}
/*
*
************************************************************** COMO AJUDAR
*
*/
#como-ajudar{
   background: #FBE5E6;
}
#como-ajudar .title{
   text-align: center;
   color: #fff;
}

#como-ajudar .img-bg img{
   margin-top: 35px;
   float: right;
}
#como-ajudar ol{
   list-style: none;
   margin: 95px 0 0;
   padding: 0;
}
#como-ajudar li{
   width: 100%;
   margin: 0 0 60px 0;
}
#como-ajudar li > *{
   display: inline-block;
   vertical-align: middle;
}

#como-ajudar li > .number{
   width: 74px;
   width: calc(74px - 0%);
   height: 74px;
   position: relative;
   margin-bottom: 5px;
   margin-right: 15px;
}
#como-ajudar li > .number span{
   position: absolute;
   width: 74px;
   height: 74px;
   line-height: 59px;
   z-index: 1;
   text-align: center;
   font-family: 'MetaOT-Normal';
   font-size: 44px;
   color: #F49898;
}
#como-ajudar li > .number img{
   position: absolute;
}
#como-ajudar li > .text{
   width: 100%;
   width: calc(100% - 89px);
   margin: 0;
   color: #494949;
}

#como-ajudar li > .text .bg{
   position: absolute;
   bottom: -40px;
   right: -15px;
   z-index: -1;
}
@media (max-width: 767px){

   #como-ajudar .img-bg img{
      float: none;
      display: block;
      margin: 0 auto;
   }

}

/*
*
************************************************************** COMO AJUDAR 2
*
*/

#como-ajudar-2 .bg-white > .row{
   padding-top: 95px;
   padding-bottom: 70px;
}
#como-ajudar-2 .row .center-block{
   text-align: center;
}
#como-ajudar-2 .title{
   padding-top: 80px;
   color: #A61C20;
}
#como-ajudar-2 .text-m{
   color: #494949;
}
#como-ajudar-2 .social-wrapper{
   margin-top: 55px;
   text-align: center;
}
#como-ajudar-2 .social-wrapper > div{
   display: inline-block;
   margin: 0 5px;
}
#como-ajudar-2 .social-wrapper > div,
#como-ajudar-2 .social-wrapper a{
   width: 83px;
}

@media (max-width:991px){
   #como-ajudar-2 .bg-white > .row{
      padding-top: 165px;
   }
   #como-ajudar-2 .prendas{
      left: 0 !important;
      margin: 0 auto;
      right: 0 !important;
      top: 35px !important;
   }
   #como-ajudar-2 .social-wrapper{
      margin-bottom: 230px;
   }
}
@media (max-width:767px){
   #como-ajudar-2 .bg-white > .row{
      padding-top: 50px;
      padding-bottom: 45px;
   }
   #como-ajudar-2 .title{
      padding-top: 40px;
   }
   #como-ajudar-2 .social-wrapper{
      margin-bottom: 350px;
   }
   #como-ajudar-2 .arvore{
      left: 0 !important;
      margin: 0 auto;
      right: 0 !important;
   }
}

/*
*
************************************************************** REGULAMENTO / LOJAS / INSTITUICOES
*
*/
/* tables */
.table-responsive{
   position: relative;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td{
   white-space: normal;
}
.table-responsive th,
.table-responsive td{
   font-family: 'MetaOT-Medium';
   font-weight: normal;
}
.table-responsive th{
   color: #E30513;
   font-size: 18px;
}
.table-responsive td{
   color: #000000;
   font-size: 14px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
   border-top: 1px solid #EDE9DC;
   padding: 13px 13px 13px 0;
}
@media (max-width:767px){
   .table > thead > tr > th,
   .table > tbody > tr > th,
   .table > tfoot > tr > th,
   .table > thead > tr > td,
   .table > tbody > tr > td,
   .table > tfoot > tr > td{
      width: 100% !important;
      display: block;
      padding: 0;
      border-top: none;
   }
   .table > tbody > tr > td:first-child,
   .table > tbody > tr > td:last-child{
      padding: 0 8px 0 0;
   }
   .table > tbody > tr > td:first-child{
      padding-top: 8px;
      border-top: 1px solid #EDE9DC;
   }
   .table > tbody > tr > td:last-child{
      padding-bottom: 8px;
   }
}
.table > tbody > tr:first-child,
.table > tbody > tr:first-child > td,
.table > thead > tr > th{ /* remove first line */
   border-top: none;
   border-bottom: none;
}

/* download */
.download a{
   margin-top: 20px;
   margin-bottom: 20px;
   float: right;
}
.download a,
.download a:hover{
   text-decoration: none;
}
.download a > *{
   display: inline-block;
   vertical-align: middle;
   color: #E30513;
}
.download a > .icon{
   margin-left:4px;
   width: 33px;
}

/*
*
************************************************************** LOJAS
*
*/
#lojas{
   background: #EDE9DC;
   padding-bottom: 0 !important;
}
#lojas .title{
   color: #E30513;
   text-align: center;
}
#lojas .text-m{
   color: #494949;
   text-align: center;
}
#lojas .table-responsive{
   background: #E5DDC7;
   max-width: 1075px;
   margin: 35px auto 0 auto;
   padding: 15px 22px 20px;
   overflow: hidden;
}

@media (min-width:768px){
   #lojas .table-responsive{
      padding: 15px 37px 20px;
   }
}
@media (min-width:992px){
   #lojas .table-responsive{
      padding: 15px 60px 20px;
   }
}
#lojas .download{
   max-width: 1075px;
   margin-left: auto;
   margin-right: auto;
}

/*
*
************************************************************** INSTITUICOES
*
*/
#instituicoes{
   background: #FBE5E6;
   padding-bottom: 0 !important;
}
#instituicoes .title{
   color: #E30513;
   text-align: center;
}
#instituicoes .text-m{
   color: #494949;
   text-align: center;
}
#instituicoes .table-responsive{
   background: #FFFFFF;
   max-width: 1075px;
   margin: 35px auto 0 auto;
   padding: 15px 22px 20px;
   overflow: visible;
}
#instituicoes .table-responsive .deco{
   position: absolute;
   top: -33px;
   right: 13px;
}
#instituicoes .download{
   max-width: 1075px;
   margin-left: auto;
   margin-right: auto;
}
@media (min-width:768px){
   #instituicoes .col-lg-12{
      padding-left: 62px;
      padding-right: 62px;
   }
   #instituicoes .table-responsive .deco{
      right: -47px;
   }
}
#instituicoes .table > thead > tr > th,
#instituicoes .table > tbody > tr > th,
#instituicoes .table > tfoot > tr > th,
#instituicoes .table > thead > tr > td,
#instituicoes .table > tbody > tr > td,
#instituicoes .table > tfoot > tr > td {
   border-color: #F49898;
}
@media (max-width:767px){
   #instituicoes .table > tbody > tr > td:first-child{
      border-color: #F49898;
   }
}

/*
*
************************************************************** REGULAMENTO
*
*/
#regulamento{
   background: #EDE9DC;
   padding-bottom: 0 !important;
}
#regulamento .title{
   color: #E30513;
}
#regulamento h1.title{
   text-align: center;
}
#regulamento .text-m{
   color: #494949;
   margin: 0;
   padding: 0 0 20px;
}
#regulamento .text-m > b{
   color: #E30513;
}
#regulamento .content{
   max-width: 1075px;
   position: relative;
   margin: 35px auto 0;
   padding: 55px 60px;
   float: none;
   background: #E5DDC7;
}
#regulamento .deco{
   position: absolute;
   right: 14px;
   top: -32px;
}
#regulamento .download{
   max-width: 1075px;
   margin-left: auto;
   margin-right: auto;
}
@media (max-width:767px){
   #regulamento .content{
      padding-left: 22px;
      padding-right: 22px;
   }
}
@media (min-width:768px){
   #regulamento .col-lg-12{
      padding-left: 62px;
      padding-right: 62px;
   }
   #regulamento .content .deco{
      right: -47px;
      top: -33px;
   }
}






/* PLAYER */
.player{
   display:inline-block;
   vertical-align:top;
   position:relative;
   width:100%;
   height:100%;
   /*margin-top:100px;*/
   left:0;
   overflow: hidden;
}
.YTPOverlay{
   display: none !important;
}


.mb_YTVPlayer :focus {
   outline: 0;
}


.mb_YTVPlayer{
   background: none !important;
   /*      display:block;
         transform:translateZ(0);
         transform-style: preserve-3d;
         perspective: 1000;
         backface-visibility: hidden;
         transform:translate3d(0,0,0);
         animation-timing-function: linear;*/

}

.fullscreen{
   display:block!important;
   position: fixed!important;
   width: 100%!important;
   height: 100%!important;
   top: 0!important;
   left: 0!important;
   margin: 0!important;
   border: none !important;
   z-index: 10000;
}

.mb_YTVPlayer.fullscreen .mbYTP_wrapper{
   opacity:1 !important;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
   filter: alpha(opacity=100) !important;
   -moz-opacity: 1 !important;
   -khtml-opacity: 1 !important;
   opacity: 1 !important;
}


.mbYTP_wrapper iframe{
   /*max-width: 4000px !important;*/
}

.inline_YTPlayer{
   margin-bottom: 20px;
   vertical-align:top;
   position:relative;
   left:0;
   overflow: hidden;
   border-radius: 4px;
   -moz-box-shadow: 0 0 5px rgba(0,0,0,.7);
   -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);
   box-shadow: 0 0 5px rgba(0,0,0,.7);
   background: rgba(0,0,0,.5);
}

.inline_YTPlayer img{
   border: none!important;
   -moz-transform: none!important;
   -webkit-transform: none!important;
   -o-transform: none!important;
   transform: none!important;
   margin:0!important;
   padding:0!important
}

/*CONTROL BAR*/

.mb_YTVPBar .ytpicon{
   font-size: 20px;
   font-family: 'ytpregular';
}

.mb_YTVPBar .mb_YTVPUrl.ytpicon{
   font-size: 30px;
}


.mb_YTVPBar{

   transition: opacity 1s;
   -moz-transition: opacity 1s;
   -webkit-transition: opacity 1s;
   -o-transition: opacity 1s;

   display:block;
   width:100%;
   height:10px;
   padding:5px;
   background:#333;
   position:fixed;
   bottom:0;
   left:0;
   -moz-box-sizing:padding-box;
   -webkit-box-sizing:border-box;
   text-align:left;
   z-index: 1000;
   font: 14px/16px sans-serif;
   color:white;
   opacity:.1;
}

.mb_YTVPBar.visible, .mb_YTVPBar:hover{
   opacity:1;
}


.mb_YTVPBar .buttonBar{

   transition: all 1s;
   -moz-transition: all 1s;
   -webkit-transition: all 1s;
   -o-transition: all 1s;

   background:transparent;
   font:12px/14px Calibri;
   position:absolute;
   top:-30px;
   left:0;
   padding: 5px;
   width:100%;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
}
.mb_YTVPBar:hover .buttonBar{
   background: rgba(0,0,0,0.4);
}

.mb_YTVPBar span{
   display:inline-block;
   font:16px/20px Calibri, sans-serif;
   position:relative;
   width: 30px;
   height: 25px;
   vertical-align: middle;
}
.mb_YTVPBar span.mb_YTVPTime{
   width: 130px;
}

.mb_YTVPBar span.mb_YTVPUrl,.mb_YTVPBar span.mb_OnlyYT {
   position: absolute;
   width: auto;
   display:block;
   top:6px;
   right:10px;
   cursor: pointer;
}
.mb_YTVPBar span.mb_YTVPUrl img{
   width: 60px;
}

.mb_YTVPBar span.mb_OnlyYT {
   left:185px;
   right: auto;
}
.mb_YTVPBar span.mb_OnlyYT img{
   width: 25px;
}

.mb_YTVPBar span.mb_YTVPUrl a{
   color:white;
}

.mb_YTVPPlaypause,.mb_YTVPlayer .mb_YTVPPlaypause img{
   cursor:pointer;
}

.mb_YTVPMuteUnmute{
   cursor:pointer;
}

/*PROGRESS BAR*/
.mb_YTVPProgress{
   height:10px;
   width:100%;
   background:#222;
   bottom:0;
   left:0;
}

.mb_YTVPLoaded{
   height:10px;
   width:0;
   background:#444;
   left:0;
}

.mb_YTVTime{
   height:5px;
   width:0;
   background:#fff;
   bottom:0;
   left:0;
   -moz-box-shadow:#666666 1px 1px 3px;
   -webkit-box-shadow:#666666 1px 1px 3px;
}

.YTPOverlay.raster{
   background: url("../images/raster.png");
}

.YTPOverlay.raster.retina{
   background: url("../images/raster@2x.png");
}


/* 
@section : Override Classes Pai Natal 
@author : Rui Duarte;
*/

#main-nav .main-menu > li > a{
   padding:0 !important;
   /* RESET */
}


#main-nav .main-menu > li > a {
  padding:15px 15px !important;
}

#main-nav .main-menu{
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
}

@media (max-width: 996px){ /* abaixo */
   .main-menu-wrapper .social-pages{
      display: none;
   }
}



@media (max-width: 1145px){ /* abaixo */
   .main-menu{
      width:   420px !important;
   }
}

#main-nav > .container-fluid{
   padding-left: 0;
   padding-right: 0;
   background: #FFF;
   height: 92px;
}



.main-menu > li > a{
   color: #eb2126;
}

.social-pages > li > a.fb{
   background: none;
}
.social-pages > li.divider {
    padding: 0;
    width: 1px;
    height: 30px;
    background: #eb2126;
    margin-top: 30px;
}
.social-pages > li > a{
   padding: 15px 10px;
}



.social-pages > li > a.yt{
   background: none;
   fill: red;
}

#main-nav .main-menu{
   text-align: left;
   /*padding-left: 120px;*/
  /* width: calc(100% - 938px);*/
  /*width:    620px;*/
  width: 420px;
}

#main-nav .main-menu > li > a {
   padding: 15px 45px;
   font-weight: bold;
}

/*
@component: Banner;
*/
#intro .canvas > img{
   width: 100%;
   height: 800px;
   max-height: 100%;
   margin-right: 0px;
   margin-bottom: -1px;
}

@media (min-width: 1200px){
   #intro .canvas img{
      max-width: none;
   }
}
@media (min-width: 992px){
   #intro .canvas img{
      max-width: none;
   }
}
@media (min-width: 1230px){
   #main-menu-wrapper{

   }
}
/*
@component: Banner;
@sub-component: text;
*/
@media (min-width: 992px){ /* acima de*/
   #intro .text{
      position: absolute;
      right:15%; 
      top: 100px;
   }
   /* ADDED by RMD 02-11-2017 */
   #intro .text > h4{
		background-color: rgba(94, 54, 20, 0.5);
		border-radius: 15px;
		font-size: 32px;
		padding: 20px;
   }
   
}

@media (max-width: 992px){ /* abaixo de*/
	#intro .text > h4{
      color: black !important;
	  background-color: rgba(0, 0, 0, 0) !important;
	  border-radius: 0px !important;
	}
}

#intro .text{
   float:right;
   /*padding-left: 15px;*/
}
#intro .text * {
   text-align: center;
}
#intro .text > h4{
   font-weight: bold;
   line-height: 45px;
   color: white;   
   font-size: 45px;
}

.text-s {
   color: #C1C5CC !important;
}

#intro .text > .arrow{
   margin-top: 30px;
}

@media (max-width: 1125px){
   #intro .text > .arrow{
   margin-top: 5px;
}
}

@media (min-width: 992px) and (max-width: 1200px){
   #intro .text{
      right: 5%;
	  top: 0%;
   }
}


#intro .text > h4{
	background-color: rgba(169, 115, 68, 0.7);
	border-radius: 15px;
	font-size: 32px;
}

@media (min-width: 992px) and (max-width: 1128px){
   #intro .text{
      top: 0%;
   }
}

.title{
   font-weight:   bold;
}

#o-que-e .title, #cartas .title{
   color: #000;
}

#o-que-e .text-l{
      font-size: 20px;
      font-weight: bold;
}

#o-que-e{
  /* margin-top: 80px;*/
}

.filter{
   padding: 3px 15px;
   color: #000;
   font-size: 16px;
   font-weight: bold;
   border: 2px solid transparent;
}

.filter.checked{
   /*
   border: 2px solid red;
   border-radius: 20px;
   */
}
#cartas{
  background: #EFEFEF;
 
}
#counter-wrapper{
   border-radius: 20px;
   width: 240px;
}
#counter-wrapper #bar-white{
   background-color:#eb2126;
   color: white;
   font-weight: bold;
   /*
    padding-left:15px;
   padding-right:15px;*/
   
}
#counter-wrapper #bar-red{
   color: black;
   font-weight: bold;
    /*padding-left:15px;
   padding-right:15px;
   padding-top: 1px;*/
   /*padding: 1px 0px;*/
   background-color: #FFF;
}

#counter-wrapper .bar .bar-inner{
   border: none;

}
#counter-wrapper .bar .bar-inner .num{
   margin-top:0;
   margin-left: 10px;
   margin-right: 10px;
}

#counter-wrapper .bar .bar-inner .num .value{
   font-family: 'MetaOT-Normal';
}

a,a:hover{
   text-decoration: none !important;
}

#middle-footer .inspire-se a,
#middle-footer .como-ajudar a{
   background-color:#eb2126;
}

#middle-footer .cartas a{
   background-color:#D41318;
}

#pagination{
   text-align: center;
   margin-top: 30px;
}

#pagination .pages{
   margin-right: 0;
   font-size: 24px;
   font-weight: bold;
   margin-top: 30px;
}

#pagination .prev a, #pagination .next a{
   font-size: 28px;
   color: #eb2126;
}

#pagination .pages ol li{
      padding: 0 10px;
}

#pagination .pages ol li a{
   color: #9B9B9B;
   font-size: 20px;
}

#pagination .pages ol li a.current{
   color: #000;
   font-size: 24px;
}
/*
@component: CTT LOGO;
*/
#ctt-logo > a{
   background: none;
   padding: 15px 5px;
   width:      auto;
}

#ctt-logo > a > img{
  /*width:  auto;
  height:   80%;*/
}

#middle-footer a > .text h2 {
   margin-bottom: 10px !important;
}



@media (max-width: 991px){
#pns-logo {
  /*width:  calc(100% - 225px);*/
  width: 130px;
   }

}

/*
component: #como-ajudar;
*/

#como-ajudar{
   text-align: center;
   background: brown;
}

#como-ajudar .number{
    display:inline-block;
    line-height:0px;
    border-radius:50%;
    border:3px solid #eb2126;
    font-size:52px;
    width: 90px;
    margin-bottom: 30px;
    margin-top: 40px;
}

#como-ajudar .number span{
    display:inline-block;
    padding-top:50%;
    padding-bottom:50%;
    margin-left:30px;
    margin-right:30px;
    color: white;
}

#como-ajudar .text-m{
   color: #FFF;
   font-weight: bold;
   margin-bottom: 35px;
}

#como-ajudar .title, #cartas .title, #o-que-e .title, #inspire-se .title, #como-ajudar-2 .title{
   margin-top: 45px;
   margin-bottom: 40px;
   font-size: 45px;
}

.ctt-red{
   background: #eb2126;
}

/*
Component: Como-ajudar-2;
*/
#como-ajudar-2 .title{
   color: #FFF;
   padding-top: 0;
   text-align: center;
}

#como-ajudar-2 .black{
   color: black !important;
   font-weight: normal !important;
}

#como-ajudar-2 .text-m{
   color: #FFF;
   font-weight: bold;
}

/*
@Component: Videos;
@Sub-Component: Navigation Arrows;
*/
@media (max-width: 785px){
.nav-controls-wrapper{
   width: 100%;
}
}

.nav-controls-wrapper .nav-control{
   background: none;
}

.nav-controls-wrapper .nav-control a{
   background: none;
}

/*
@Component: Inspire-se;
@sub-component: title;
*/

#inspire-se .title{
   color: white;
}

#inspire-se{
   background-color: brown;
}

#inspire-se .text{
   color: white;
   font-weight: bold;
}

/*
Main Comp: Cartas;
*/
.carta.apadrinhada .info,
.carta.reservada .info,
.carta.disponivel .info{
   padding: 10px 15px;
   color: white;
   font-weight: bold;
   font-size: 20px;
}
.carta.apadrinhada .info, 
.carta.reservada .info,
.carta.disponivel .info{
   height: 50px;
   min-height: auto;
}
.carta.apadrinhada .info{
   background: #ABABAB;
}
.carta.reservada .info,
.carta.disponivel .info{
   background: #eb2126;
}
@media (max-width: 785px ){
   .carta.disponivel .info{
      background: white;
   }
   #filters .filter:last-child{
   	margin : 0 34px 0 20px;
   }
}
.carta .info .status{
   font-size: 16px;
}

.carta .info .status .current-status > div > div{
   margin-left: 0;
}

.carta .info .status > *{
   text-align: center;
}

/* Hides Carta Disponível text from Carta */
.carta.disponivel .info .status .current-status > div{
   display: none;
}
.carta.disponivel .status .btn-apadrinhar{
   padding: 10px 15px;
}

.btn-apadrinhar a{
   background: none;
   font-size: 16px;
}

/* Overlay */
.carta .image-wrapper > a.open-preview > .overlay{
   background-color: #FF0000;
   opacity: 0.7;
}
/* Status Overlay */
.carta .image-wrapper > a.open-preview > .status-icon{
   width: 95px;
}

.carta .image-wrapper > a.open-preview > .status-icon > img{
   width: 100%;
}

#cartas .grid-1 .status .btn-apadrinhar{
   top: 55px;
   background-color: #eb2126;
   width: 100%;
}

#cartas .grid-1 .status .btn-apadrinhar a{
       margin-top: -10px;
}

#cartas .grid-1 .nav-controls-wrapper{
   background-color: #EFEFEF !important;
}

@media (min-width: 768px){
   #main-content > .section-wrapper {
      min-height: calc(100vh - 95px);
   }
}

#footer, #footer > .footer-links{
   background: #FFF !important;
}

.footer-links > li > a, 
.footer-links > li > a:hover, 
.footer-links > li > a:focus{
   background: #FFF;
   color: #eb2126;
   font-weight: bold;
}

#footer > .footer-links > li {
   padding-left: 0px !important;
   padding-right: 0px !important;
}

.footer-links{
   background-color: #FFF;
   text-align: center !important;
}

#side-menu .social-pages{
   background:  #eb2126;
}

#side-menu .main-menu > li > a{
   font-weight: bold;
}
#side-menu .main-menu > li > a:hover,
#side-menu .footer-links > li > a:hover,
#footer > .footer-links > li > a:hover,
.footer-links > li.active > a,
#main-nav .main-menu > li > a:hover{
   background-color: #eb2126;
   color: #FFF;
}

.footer-links > li.active > a{
   opacity: 1 !important;
}

@media (max-width: 992px){ /* abaixo de*/
   #intro .text > h4{
      color: black !important;
   }
   #intro .text > .text-s{
      color: #eb2126 !important;
   }
}
/* Inspirese BG */
#inspire-se {
   background: url('../img/v2/timber.jpg');
   background-repeat: no-repeat;
   background-size: 100% 100%;
}
/* Inspire-se envelope IMG*/
img.envelope{
        position: absolute;
        top: 15%;
        left: 0;
   }
@media (max-width: 1080px){ /* abaixo de*/
   img.envelope{
        display: none;
   }
}
/* como ajudar BG */
#como-ajudar {
   background: url('../img/v2/madeira_black.jpg');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   margin-bottom: 40px;
}
/*Video Arrows*/
#inspire-se .nav-controls-wrapper{
   padding-right: 10px;
   width:50%;
   min-width: 760px;
}
@media (max-width : 817px){
   #inspire-se .nav-controls-wrapper .next{
      /*padding-right: 15px;*/
  }   
  #inspire-se .nav-controls-wrapper{
        min-width: auto;
  }   
}
#como-ajudar .desenho{
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 992px){ /* abaixo de*/
   #como-ajudar .desenho{
    display: none;
  }
}

.fancybox-lock .fancybox-overlay, .fancybox-overlay{
   background-color: rgba(241, 43, 36, 0.85) !important;
}

.fancybox-opened .fancybox-skin{
   border: 0;
   border-radius: 0;
}
#popup-apadrinhar *,
#popup-apadrinhar-success *{
   font-family: 'MetaOT-Bold';
   font-weight: bold;
   color : #eb2126;
}
#popup-apadrinhar .title,
#popup-apadrinhar-success .title {
   margin-bottom: 15px;
   font-size: 2.5em;
}
#popup-apadrinhar .text,
#popup-apadrinhar-success .text{
   font-family: 'MetaOT-Normal' !important;

   font-weight: normal;
   font-size: 20px !important;
   color: rgb(152, 152, 152) !important;
}
#popup-apadrinhar .control-label{
   font-family: 'MetaOT-Bold';
   display: block;
   float: none;
   text-align: left;
}

#popup-apadrinhar .control-input{
   width: 100%;
}
.btn{
   font-family: 'MetaOT-Normal' !important;
   color: #FFF !important;
   font-weight: normal;
   border-radius: 0;
   background: #eb2126;

}
.btn-send{
   padding: 10px 20px !important;
   font-weight: normal;
   font-size: 16px !important;
   margin-top: 15px;
}
.btn-father{
   padding: 16.5px 20px !important;
   font-weight: normal;
   font-size: 16px !important;
   margin-top: 15px;
}


#popup-apadrinhar-success .code {
   font-family: 'MetaOT-Light';
   margin-top: 35px;
   margin-bottom: 25px;
   letter-spacing: 5px;
   font-size: 3.2em;
}

#regulamento, #lojas, #instituicoes {
   background: #EFEFEF;
}
#regulamento .content, #lojas .content{
   background: #FFF !important;
}
#lojas .table-responsive{
   background: #FFF !important;
}

#instituicoes .table > thead > tr > th, 
#instituicoes .table > tbody > tr > th, 
#instituicoes .table > tfoot > tr > th, 
#instituicoes .table > thead > tr > td, 
#instituicoes .table > tbody > tr > td, 
#instituicoes .table > tfoot > tr > td{
   border-color: #DDD;
}

.table > thead > tr > th,
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td{
   border-color: #DDD;
}

.table-responsive th, .table-responsive td{
   font-family: 'MetaOT-Normal' !important;
   font-size: 16px !important
}

.table-responsive th{
   font-weight: bold;
}

#cartas .grid-1 .status .share{
   float: none;
   text-align: center;
   width: 100%;
   position: absolute;
   top: -20px;
   right: 0;
}

.info .status .share a > *{
   color: #FFF !important;
}

#cartas .grid-1 .status .share span{
   padding-top: 5px;
}

#popup-apadrinhar-success .share a{
   color: white;
}

#o-que-e {
   background-color: #EFEFEF;
}

#cartas .erva{
   position: absolute;
   bottom: 0;
   right: 0;
}

#como-ajudar-2{
   max-height: 700px !important;
   min-height: 620px !important;
}

#side-menu .footer-links{
   text-align: left;
}

@media (max-height: 820px){
   .desenho{
      display: none;
   }
}

.social-pages > li.divider {
   margin-left: 10px;
   margin-right: 10px;
}

#carta-preview .info .status .actions.centered{
   float: none;
   text-align: center;
}

#intro .banner{
   position: absolute;
   width: 100%;
}

@media (max-width: 992px){ /* abaixo de*/
   #intro .banner{
      position: relative;
   }
}

.download a > *{
   font-weight: bold;
}

.form-horizontal .form-group{
   margin-left: 0;
   margin-right: 0;
}

#ctt-logo{
   margin-right:20px !important;
}

#side-menu-btn{
   margin-right: 0 !important;
}

.filter.checked .radio > span{
   background-color: #FFF;
}

.filter .radio{
   background-color: #eb2126;
}