@charset "UTF-8";
@import url(animate.css);
@import url(fl-continuous.css);
@import url(arrows.css);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Roboto:400,100,300,500,600,700,800);
@import url(//fonts.googleapis.com/css?family=Ubuntu:400,100,300,500,600,700,800);
@import url(//fonts.googleapis.com/css?family=Oswald:400,100,300,500,600,700,800);
/*========================================================
                      Main Styles
=========================================================*/
body {
  background: #fff;
  color: #333;
  font: 300 15px/22px "Roboto", sans-serif;
  -webkit-text-size-adjust: none; }

img {
  max-width: 100%;
  height: auto; }

h1, h2, h2b, h3, .terms-list dt, h4, h5, h6 {
  text-transform: uppercase; }

h1 {
  font-size: 70px;
  line-height: 70px;
  font-weight: 100;
  letter-spacing: 14px; }

h2 {
  font-family: Ubuntu;
  font-size: 52px;
  line-height: 52px;
  font-weight: 700;
  letter-spacing: 3.52px;
  position: relative; }
  h2:before {
    content: '';
    position: absolute;
    height: 3px;
    width: 79px;
    bottom: -20px;
    background: #fff;
    left: 49.4%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
	
h2b {
  font-family: Ubuntu;
  font-size: 42px;
  line-height: 42px;
  font-weight: 700;
  letter-spacing: 1.52px;
   }
 
	
h7 {
  font-family: Ubuntu;
  font-size: 28px;
  line-height: 40px;
  font-weight: 400;
  text-transform: none;
  display: block; }
  
 h7b {
  font-family: Ubuntu;
  font-size: 28px;
  color:#000;
  line-height: 32px;
  font-weight: 400;
  text-transform: none;
  display: block; }
 
  h7c {
  font-family: Ubuntu;
  font-size: 20px;
  color:#000;
  line-height: 24px;
  font-weight: 400;
  text-transform: none;
  display: block; }
  
 h7w {
  font-family: Ubuntu;
  font-size: 28px;
  color:#FFF;
  line-height: 32px;
  font-weight: 400;
  text-transform: none;
  display: block; }
	
	
h3, .terms-list dt {
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
  text-transform: none; }
  h3 a:hover, .terms-list dt a:hover {
    color: #cedb00; }

h4 {
  font-size: 18px;
  line-height: 22px; }

h5 {
  font-size: 17px;
  line-height: 22px; }

h6 {
  font-size: 15px;
  line-height: 22px;
  text-transform: none; }
  
h8 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 400;
  letter-spacing: 14px; }

p a:hover, .terms-list dd a:hover, .marked-list a:hover, .list a:hover {
  text-decoration: underline; }
p .fa, .terms-list dd .fa, .marked-list .fa, .list .fa {
  text-decoration: none; }

time {
  display: block;
  font-size: 44px;
  line-height: 100px;
  font-weight: 400;
  letter-spacing: 8.8px;
  text-transform: uppercase; }

a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  a:focus {
    outline: none; }
  a:active {
    background-color: transparent; }

a[href^="tel:"],
a[href^="callto:"] {
  color: inherit;
  text-decoration: none; }

blockquote {
  position: relative; }
  blockquote * + h6 {
    margin-top: 22px; }
  blockquote:before {
    content: '\f10d';
    position: absolute;
    font-size: 72px;
    font-family: "FontAwesome";
    color: rgba(255, 255, 255, 0.2);
    top: 25px; }

strong {
  font-weight: 700; }

.center {
  text-align: center; }

.fa {
  line-height: inherit; }

hr {
  border: none;
  height: 3px;
  width: 79px;
  display: inline-block;
  background: #fff;
  margin-left: -15px; }

[class*='fa-']:before {
  font-weight: 400;
  font-family: "FontAwesome"; }

.page {
  overflow: hidden;
  min-height: 500px; }
  .lt-ie9 .page {
    min-width: 1200px; }

@media (max-width: 767px) {
  h2 { font-size: 2.4em; line-height: 38px; }
  h7 { font-size: 1.5em; line-height: 32px; }

  time {
    font-size: 32px;
    line-height: 38px; } }
@media (max-width: 479px) {
  time {
    font-size: 18px;
    line-height: 28px; } }
/*=======================================================
                       Main Layout
=========================================================*/
* + .row {
  margin-top: 89px; }

* + .offset {
  margin-top: 77px; }

* + .offset2 {
  margin-top: 77px; }

/* * + .center, * + .btn {
  margin-top: 69px; } */

* + h3, .terms-list * + dt {
  margin-top: 90px; }
  
* + h7, .terms-list * + dt {
  margin-top: 20px; }

* + p, .terms-list * + dd {
  margin-top: 22px; }

* + .resp-tabs {
  margin-top: 79px; }

* + .resp-tabs-container {
  margin-top: 60px; }

* + .inline-list {
  margin-top: 102px; }

* + time {
  margin-top: 97px; }

* + hr {
  margin-top: 27px; }

* + .box {
  margin-top: 65px; }

* + .marked-list {
  margin-top: 19px; }

* + .terms-list {
  margin-top: 92px; }

hr + time {
  margin-top: 7px; }

img + h3, .terms-list img + dt {
  margin-top: 30px; }

.fl + h3, .terms-list .fl + dt {
  margin-top: 34px; }
  
 img + h7, .terms-list img + dt {
  margin-top: 20px; }

.fl + h7, .terms-list .fl + dt {
  margin-top: 20px; }

.inline-list + .btn {
  margin-top: 85px; }

/*=======================================================
                        Components
=========================================================*/
/*==================     Brand     ======================*/
.brand {
		
  display: inline-block;
  background: transparent;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 10px 53px 0px 30px; }
 
  .brand_name {
    overflow: hidden; }
  .brand_slogan {
    position: absolute;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    background: #010101;
    letter-spacing: 4px;
    text-transform: uppercase;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  .brand * + p, .brand .terms-list * + dd, .terms-list .brand * + dd {
    margin-top: 0; }

@media (max-width: 1199px) {
  .brand {
    padding: 10px 0px 0px 10px; } }
@media (max-width: 979px) {
  .brand {
    padding: 10px 0px 10px 5px; } }
@media (max-width: 880px) {
  .brand {
    display: none;
    text-align: center;
    padding: 5px 0; } }
/*==================  Backgrounds  ======================*/
.bg-primary {
  background: #fff; }
  .bg-primary h2:before {
    background: #cedb00; }
	.bg-primary h7:before {
    background: #cedb00; }
  .bg-primary * + a, .bg-primary * + address {
    margin-top: 23px; }
  .bg-primary .fl-continuous-document163 + a {
    margin-top: 10px; }
  .bg-primary address {
    line-height: 25px; }
  .bg-primary a {
    display: inline-block; }
    .bg-primary a:hover {
      color: #cedb00; }
  .bg-primary * + .row {
    margin-top: 100px; }
  .bg-primary .mod {
    font-size: 66px; }
	
.bg-second {
  background: #000; }
  .bg-second h2:before {
    background: #cedb00; }
	.bg-second h7:before {
    background: #cedb00; }
  .bg-second * + a, .bg-second * + address {
    margin-top: 1px; }
  .bg-second .fl-continuous-document163 + a {
    margin-top: 1px; }
  .bg-second address {
    line-height: 5px; }
  .bg-second a {
    display: inline-block; }
    .bg-second a:hover {
      color: #cedb00; }
  .bg-second * + .row {
    margin-top: 20px; }
  .bg-second .mod {
    font-size: 20px; }
	
bg-third {
  background: #FFF; }
  .bg-third h2:before {
    background: #FFF; }
	.bg-third h7:before {
    background: #FFF; }
  .bg-third * + a, .bg-primary * + address {
    margin-top: 23px; }
  .bg-third .fl-continuous-document163 + a {
    margin-top: 10px; }
  .bg-third address {
    line-height: 25px; }
  .bg-third a {
    display: inline-block; }
    .bg-third a:hover {
      color: #cedb00; }
  .bg-third * + .row {
    margin-top: 100px; }
  .bg-third .mod {
    font-size: 66px; }

/*==================     Icons     ======================*/
.fl-continuous-house150,
.fl-continuous-document163,
.fl-continuous-envelope42 {
  font-size: 76px;
  line-height: 76px;
  font-weight: 400;
  color: #000; }

.fl-continuous-document163 {
  margin-top: 10px; }

.fl-continuous-electrocardiogram,
.fl-continuous-padlock45,
.fl-continuous-user160,
.fl-continuous-clock101 {
  font-size: 76px;
  line-height: 76px;
  color: #fff; }

/*==================  Marked List  ======================*/
.marked-list li {
  position: relative;
  padding-left: 25px; }
  .marked-list li a:before {
    content: '';
    position: absolute;
    background: url("../images/marked-icon.png");
    left: 0;
    top: 6px;
    height: 11px;
    width: 5px;
    -moz-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    transition: 0.4s ease all; }
  .marked-list li + li {
    margin-top: 8px; }
.marked-list a:hover:before {
  left: 10px;
  color: #000; }
.marked-list a:hover {
  text-decoration: none;
  color: #000; }

/*==================   Index List  ======================*/
.index-list {
  counter-reset: li; }
  .index-list li:before {
    content: counter(li,decimal-leading-zero);
    counter-increment: li;
    font-size: 76px;
    line-height: 100px;
    letter-spacing: 27.36px;
    font-weight: 400;
    text-align: center;
    display: block;Z
    margin-bottom: 20px; }
  .index-list li.grid_1:nth-child(12n + 13),
  .index-list li.grid_2:nth-child(6n + 7),
  .index-list li.grid_3:nth-child(4n + 5),
  .index-list li.grid_4:nth-child(3n + 4),
  .index-list li.grid_6:nth-child(2n + 3),
  .index-list li.grid_7:nth-child(auto) {
    clear: left; }

.metodoexclusivo
{
	color: #000;
    font-size: 76px;
        line-height: 100px;
    letter-spacing: 17.36px;
    font-weight: 700;
    text-align: center;
    position: relative;
    display: inline-block;
     margin-top: 50px;
	 margin-bottom: 1px; }
	

.metodoexclusivoooo::before, .cross::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}
.metodoexclusivooooo::before {
    border-bottom: 3px solid white;
    -webkit-transform: skewY(-105deg);
    transform: skewY(-15deg);
}

.metodoexclusivo2
{
	color: #000;
    font-size: 60px;
        line-height: 100px;
    letter-spacing: 17.36px;
    font-weight: 700;
    text-align: center;
    position: relative;
    display: inline-block;
     margin-top: 50px;
	 margin-bottom: 1px; }
	

.metodoexclusivo2::before, .cross::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}
.metodoexclusivo2::before {
    border-bottom: 3px solid white;
    -webkit-transform: skewY(-105deg);
    transform: skewY(-15deg);
}

.metodoexclusivo3
{
	color: #000;
    font-size: 40px;
        line-height: 25px;   
    letter-spacing: 7.36px;
    font-weight: 700;
    text-align: center;
    position: relative;
    display: inline-block;
     margin-top: 15px;
	 margin-bottom: 1px; }
	

.metodoexclusivo3::before, .cross::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}
.metodoexclusivo3::before {
    border-bottom: 0px solid white;
    -webkit-transform: skewY(-105deg);
    transform: skewY(-15deg);
}
 


/*==================  Terms List  ======================*/
.terms-list dt, .terms-list dd {
  color: #000; }
.terms-list dd > a {
  margin-top: 85px;
  display: inline-block; }
.terms-list dd a {
  font-size: 15px;
  line-height: 26px;
  color: #000; }
  .terms-list dd a:hover {
    text-decoration: underline;
    color: #cedb00; }
.terms-list dt + dd {
  margin-top: 22px; }
.terms-list dd + dt {
  margin-top: 90px; }

/*==================  Inline List  ======================*/
.inline-list li {
  display: inline-block; }
  .inline-list li a {
    display: inline-block;
    font-size: 10px;
    line-height: 22px;
    letter-spacing: 3.6px;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 14px; }
.inline-list li + li {
  margin-left: 42px; }
.inline-list a:hover {
  color: #000;
  background: #fff; }

@media (max-width: 767px) {
  .inline-list li + li {
    margin-left: 21px; } }
@media (max-width: 479px) {
  .inline-list {
    text-align: center; }
    .inline-list li {
      display: block; }
    .inline-list li + li {
      margin-left: 0; } }
/*==================    Buttons    ======================*/
.btn {
  display: inline-block;
  font-size: 18px;
  line-height: 35px;
  font-weight: 800;
  text-transform: uppercase;
  background: #FFF;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  padding: 14px 52px; 
}
@media (max-width: 600px) {
  .btn {
    font-size: 13px;
    padding: 14px 20px; 
  } 
}
@media (max-width: 350px) {
  .btn {
    font-size: 12px;
    padding: 12px 15px; 
  } 
}




  .btn:hover {
    background: #000; 
    color: #fff;
  }
  .btn:active {
    background: #000; } 

/*==================    BTN-contato    ======================*/
.btn-contato {
  display: inline-block;
  font-size: 18px;
  line-height: 40px;
  font-weight: 800;
  text-transform: uppercase;
  background: #FFF;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 15px;
  padding: 14px 52px; }
  .btn-contato:hover {
    background: #000; }
  .btn-contato:active {
    background: #000; } 

/*==================      Box      ======================*/
.box:before, .box:after {
  display: table;
  content: "";
  line-height: 0; }
.box:after {
  clear: both; }
.box_aside {
  float: left;
  font-size: 76px;
  line-height: 80px; }
.box_cnt {
  padding-left: 40px; }
.box_cnt__no-flow {
  overflow: hidden; }

@media (max-width: 479px) {
  .box_aside {
    margin-right: 20px; }
  .box_cnt {
    padding-left: 0; }
  .box_cnt__no-flow {
    overflow: visible; } }
/*========================   Menu   ==========================*/
.sf-menu {
  display: inline-block;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 55px;
  font-weight: 300;
  letter-spacing: 4px; }
  .sf-menu:before, .sf-menu:after {
    display: table;
    content: "";
    line-height: 0; }
  .sf-menu:after {
    clear: both; }
  .sf-menu > li {
    position: relative;
    float: left; }
    .sf-menu > li + li {
      margin-left: 29px; }
  .sf-menu a {
    display: block;
    padding: 0 10px; 
    cursor: pointer;
  }


@media (max-width: 1110px) {
  .sf-menu a {
    padding: 0 8px; }
  .sf-menu li + li {
    margin-left: 8px; } 
}
@media (max-width: 979px) {
  .sf-menu a {
    padding: 0 5px; }
  .sf-menu li + li {
    margin-left: 5px; } 
}
.sf-menu > li > a {
  color: #FFF; }
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover {
  color: #000;
  background: #cedb00; }
.sf-menu > li.active > a {
  color: #cedb00;
  background: transparent; }

.sf-menu ul {
  display: none;
  position: absolute;
  top: 100%;
  left: -60px;
  width: 235px;
  margin-top: 10px;
  background: #000;
  z-index: 2;
  border: 1px solid #fff; }

.sf-menu ul > li {
  margin: 0; }
  .sf-menu ul > li > a {
    color: #fff;
    background: #000; }
  .sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {
    color: #000;
    background: #fff; }

.sf-menu ul ul {
  text-align: right;
  position: static;
  top: 100%;
  width: auto;
  margin-top: 0;
  padding: 0;
  z-index: 4;
  border: none; }

.sf-menu ul ul > li > a {
  color: #000;
  background: #cedb00; }
.sf-menu ul ul > li.sfHover > a, .sf-menu ul ul > li > a:hover {
  color: #000;
  background: #fff; }

@media (max-width: 880px) {
  .sf-menu {
    display: none; } }
/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999999;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease; }
  .rd-mobilemenu.active {
    right: 0; }

.rd-mobilemenu_ul {
  position: fixed;
  top: -56px;
  left: 0;
  bottom: -56px;
  width: 240px;
  padding: 132px 0 76px;
  color: #A3A3A4;
  background: #30313C;
  font-size: 14px;
  line-height: 20px;
  overflow: auto;
  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  transform: translateX(-240px);
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  .rd-mobilemenu.active .rd-mobilemenu_ul {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .rd-mobilemenu_ul a {
    display: block;
    padding: 14px 25px 16px; }
    .rd-mobilemenu_ul a.active {
      background: #f5f5f5;
      color: #2d2d2d; }
    .rd-mobilemenu_ul a:hover {
      background: #000;
      color: #FFF; }
    .rd-mobilemenu_ul a .rd-submenu-toggle {
      position: absolute;
      top: 50%;
      right: 11px;
      margin-top: -17.5px;
      width: 32px;
      height: 32px;
      font: 400 10px "FontAwesome";
      line-height: 32px;
      text-align: center;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -moz-transition: 0.5s all ease;
      -o-transition: 0.5s all ease;
      -webkit-transition: 0.5s all ease;
      transition: 0.5s all ease;
      z-index: 1;
      background: rgba(0, 0, 0, 0.1); }
      .rd-mobilemenu_ul a .rd-submenu-toggle:after {
        content: '\f078'; }
      .rd-mobilemenu_ul a .rd-submenu-toggle:hover {
        background: #FFF;
        color: #000; }
    .rd-mobilemenu_ul a.rd-with-ul {
      position: relative; }
      .rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
  .rd-mobilemenu_ul ul a {
    padding-left: 40px; }
  .rd-mobilemenu_ul ul ul a {
    padding-left: 60px; }
  .rd-mobilemenu_ul:after {
    content: '';
    display: block;
    height: 20px; }

.rd-mobilepanel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: #1B1B1E;
  color: #000;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 9999999; }

.rd-mobilepanel_title {
  width: 80px;
  position: fixed;
  top: 4px;
  left: 56px;
  right: 56px;
  color: #000;
  font-size: 24px;
  line-height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .rd-mobilepanel_title:before {
    height: 0;
    width: 0; }

  .rd-mobilepanel_title img{ max-height: 50px; height: 100%; }

.rd-mobilepanel_toggle {
  position: fixed;
  top: 4px;
  left: 8px;
  width: 48px;
  height: 48px; }
  .rd-mobilepanel_toggle span {
    position: relative;
    display: block;
    margin: auto;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
      content: "";
      position: absolute;
      left: 0;
      top: -8px;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .rd-mobilepanel_toggle span:after {
      top: 8px; }
    .rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
      width: 24px;
      height: 4px;
      background-color: #fff;
      backface-visibility: hidden;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
  .rd-mobilepanel_toggle span {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
    .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
      -moz-transform-origin: 1.71429px center;
      -ms-transform-origin: 1.71429px center;
      -o-transform-origin: 1.71429px center;
      -webkit-transform-origin: 1.71429px center;
      transform-origin: 1.71429px center;
      -moz-transform-origin: 1.71429px center;
      -ms-transform-origin: 1.71429px center;
      -o-transform-origin: 1.71429px center;
      -webkit-transform-origin: 1.71429px center;
      transform-origin: 1.71429px center; }
  .rd-mobilepanel_toggle.active span {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
    .rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
      top: 0;
      width: 15px; }
    .rd-mobilepanel_toggle.active span:before {
      -webkit-transform: rotate3d(0, 0, 1, -40deg);
      transform: rotate3d(0, 0, 1, -40deg); }
    .rd-mobilepanel_toggle.active span:after {
      -webkit-transform: rotate3d(0, 0, 1, 40deg);
      transform: rotate3d(0, 0, 1, 40deg); }

@media (max-width: 880px) {
  body {
    padding-top: 44px; }

  .rd-mobilemenu, .rd-mobilepanel {
    display: block; } }
@media (max-width: 359px) {
  .rd-mobilepanel_title {
    font-size: 12px; } }
/*==================  Stuck menu  ======================*/
.isStuck {
  z-index: 999;
  background: #000;
  border-bottom: 1px solid #cedb00; }
  .isStuck .brand {
    padding: 2px 51px 2px 53px; }
  .isStuck .nav {
    padding-top: 40px; }

@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important; } }
/*==================     ToTop     ======================*/
.toTop {
  position: fixed;
  right: 40px;
  bottom: 40px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20; }
  .toTop:before {
    content: '\e000';
    font-family: "arrows";
    font-size: 67px;
    line-height: 40px;
    color: #cedb00;
    -moz-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
    text-shadow: 1px 0px 2px black; }
  .toTop:hover:before {
    color: #fff; }

@media (max-width: 880px) {
  .toTop {
    display: none !important; } }
.mobile .toTop,
.tablet .toTop {
  display: none !important; }

/*==================  RD Parallax    ======================*/
.parallax {
  background-color: #D4DD44;
  position: relative;
  /* overflow: hidden;  */
}
  .parallax_image, .parallax_pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-position: center center;
    will-change: transform; }
  .parallax_image {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover; }
  .parallax_pattern {
    background-repeat: repeat; }
  .parallax_cnt {
    position: relative; }

.parallax0 {
  color: #fff; }
  .parallax0 p, .parallax0 .terms-list dd, .terms-list .parallax0 dd {
    padding-right: 10px; }
  .parallax0 .btn {
    background: #fff;
    color: #000; }
    .parallax0 .btn:hover {
      background: #000;
      color: #fff; }
    .parallax0 .btn:active {
      background: #000; }
  .parallax0 * + .center.offset {
    margin-top: 84px; }
  .parallax0 * + .row.offset {
    margin-top: 129px; }
  .parallax0 time {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none; }
  .parallax0 time + h3, .parallax0 .terms-list time + dt, .terms-list .parallax0 time + dt {
    margin-top: 10px; }
  .parallax0 .center + h3, .parallax0 .terms-list .center + dt, .terms-list .parallax0 .center + dt {
    margin-top: 45px; }

.parallax1,
.parallax2,
.parallax3,
.parallax4,
.parallax5,
.parallax6,
.parallax7,
.parallax8,
.parallax9,
.parallax10,
.parallax11,
.parallax12,
.parallax13,
.parallax14 {
  color: #fff; }
  .parallax1 p, .parallax1 .terms-list dd, .terms-list .parallax1 dd,
  .parallax2 p,
  .parallax2 .terms-list dd,
  .terms-list .parallax2 dd,
  .parallax3 p,
  .parallax3 .terms-list dd,
  .terms-list .parallax3 dd,
  .parallax4 p,
  .parallax4 .terms-list dd,
  .terms-list .parallax4 dd,
  .parallax5 p,
  .parallax5 .terms-list dd,
  .terms-list .parallax5 dd,
  .parallax6 p,
  .parallax6 .terms-list dd,
  .terms-list .parallax6 dd,
  .parallax7 p,
  .parallax7 .terms-list dd,
  .terms-list .parallax7 dd,
  .parallax8 p,
  .parallax8 .terms-list dd,
  .terms-list .parallax8 dd,
  .parallax9 p,
  .parallax9 .terms-list dd,
  .terms-list .parallax9 dd,
  .parallax10 p,
  .parallax10 .terms-list dd,
  .terms-list .parallax10 dd,
  .parallax11 p,
  .parallax11 .terms-list dd,
  .terms-list .parallax11 dd,
  .parallax12 p,
  .parallax12 .terms-list dd,
  .terms-list .parallax12 dd,
  .parallax13 p,
  .parallax13 .terms-list dd,
  .terms-list .parallax13 dd,
  .parallax14 p,
  .parallax14 .terms-list dd,
  .terms-list .parallax14 dd {
    color: #807f84; }
  .parallax1 h2:before,
  .parallax2 h2:before,
  .parallax3 h2:before,
  .parallax4 h2:before,
  .parallax5 h2:before,
  .parallax6 h2:before,
  .parallax7 h2:before,
  .parallax8 h2:before,
  .parallax9 h2:before,
  .parallax10 h2:before,
  .parallax11 h2:before,
  .parallax12 h2:before,
  .parallax13 h2:before,
  .parallax14 h2:before {
    background: #cedb00;
    left: 39px; }
  .parallax1 * + .btn,
  .parallax2 * + .btn,
  .parallax3 * + .btn,
  .parallax4 * + .btn,
  .parallax5 * + .btn,
  .parallax6 * + .btn,
  .parallax7 * + .btn,
  .parallax8 * + .btn,
  .parallax9 * + .btn,
  .parallax10 * + .btn,
  .parallax11 * + .btn,
  .parallax12 * + .btn,
  .parallax13 * + .btn,
  .parallax14 * + .btn {
    margin-top: 86px; }
  .parallax1 .btn:hover,
  .parallax2 .btn:hover,
  .parallax3 .btn:hover,
  .parallax4 .btn:hover,
  .parallax5 .btn:hover,
  .parallax6 .btn:hover,
  .parallax7 .btn:hover,
  .parallax8 .btn:hover,
  .parallax9 .btn:hover,
  .parallax10 .btn:hover,
  .parallax11 .btn:hover,
  .parallax12 .btn:hover,
  .parallax13 .btn:hover,
  .parallax14 .btn:hover {
    cursor: pointer;
    background: #fff;
    color: #cedb00; }
  .parallax1 .btn:active,
  .parallax2 .btn:active,
  .parallax3 .btn:active,
  .parallax4 .btn:active,
  .parallax5 .btn:active,
  .parallax6 .btn:active,
  .parallax7 .btn:active,
  .parallax8 .btn:active,
  .parallax9 .btn:active,
  .parallax10 .btn:active,
  .parallax11 .btn:active,
  .parallax12 .btn:active,
  .parallax13 .btn:active,
  .parallax14 .btn:active {
    background: #e6e6e6; }
.parallax20
  color: #000; }
  .parallax20 p, .parallax20 .terms-list dd, .terms-list .parallax20 dd {
    padding-right: 10px; }
  .parallax20 .btn {
    background: #fff;
    color: #000; }
    .parallax20 .btn:hover {
      background: #000;
      color: #fff; }
    .parallax20 .btn:active {
      background: #44414e; }
  .parallax20 * + .center.offset {
    margin-top: 84px; }
  .parallax20 * + .row.offset {
    margin-top: 109px; }
  .parallax20 time {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none; }


.parallax3 * + .btn,
.parallax7 * + .btn,
.parallax10 * + .btn,
.parallax13 * + .btn {
  margin-top: 60px; }
.parallax3 h2:before,
.parallax7 h2:before,
.parallax10 h2:before,
.parallax13 h2:before {
  background: #cedb00;
  left: 49.4%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.parallax5 h2,
.parallax9 h2,
.parallax11 h2,
.parallax14 h2 {
  letter-spacing: 6.4px; }
  .parallax5 h2:before,
  .parallax9 h2:before,
  .parallax11 h2:before,
  .parallax14 h2:before {
    display: none; }
.parallax5 h6,
.parallax9 h6,
.parallax11 h6,
.parallax14 h6 {
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 3.6px;
  text-transform: uppercase; }
.parallax5 * + h6,
.parallax9 * + h6,
.parallax11 * + h6,
.parallax14 * + h6 {
  margin-top: 96px; }



  .right h2:before {
    background: #cedb00;
    right: -25px !important; left: auto !important; }

.parallax7 * + .center {
  margin-top: 89px; }

.parallax10 * + h3, .parallax10 .terms-list * + dt, .terms-list .parallax10 * + dt {
  margin-top: 46px; }
  
.parallax10 * + h7, .parallax10 .terms-list * + dt, .terms-list .parallax10 * + dt {
  margin-top: 30px; }

.parallax13 * + h3, .parallax13 .terms-list * + dt, .terms-list .parallax13 * + dt {
  margin-top: 50px; }

@media (max-width: 479px) {
  .parallax5 h2,
  .parallax9 h2,
  .parallax11 h2,
  .parallax14 h2 {
    letter-spacing: 3.4px; }

  .parallax5 h2 {
    font-size: 20px; }

  .parallax5 h6, .parallax9 h6 {
    line-height: 20px; } }
/*=================       Tabs     ======================*/
.resp-tabs-list {
  display: inline-block; }
  .resp-tabs-list .resp-tab-active {
    background: #fff;
    color: #000; }
  .resp-tabs-list li {
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    line-height: 22px;
    letter-spacing: 3.6px;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 14px;
    -moz-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    transition: 0.4s ease all; }
    .resp-tabs-list li:hover {
      background: #fff;
      color: #000; }
  .resp-tabs-list li + li {
    margin-left: 41px; }

.resp-tabs-container .wrapper:before, .resp-tabs-container .wrapper:after {
  display: table;
  content: "";
  line-height: 0; }
.resp-tabs-container .wrapper:after {
  clear: both; }
.resp-tabs-container .wrapper a {
  float: left;
  width: 33.33333333333%; }

.resp-accordion {
  display: none; }

.resp-tab-content {
  display: none; }

.resp-tab-content-active {
  display: block; }

@media (max-width: 767px) {
  .resp-accordion {
    display: block;
    padding: 10px 0;
    text-transform: uppercase;
    color: #fff;
    background: #000;
    -moz-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all; }
    .resp-accordion:hover {
      cursor: pointer;
      color: #000;
      background: #fff; }

  .resp-tab-active {
    color: #000;
    background: #fff; }

  .resp-tabs-list {
    display: none; } }
@media (max-width: 479px) {
  .resp-tabs-container .wrapper a {
    width: 100%; } }
/*==================   Thumbnail    ======================*/
.thumb {
  display: block;
  position: relative;
  overflow: hidden; }
  .thumb img {
    width: 100%;
    height: auto;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease; }
  .thumb_overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    color: #fff;
    background: transparent; }
    .thumb_overlay:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      font: 400 30px "FontAwesome";
      line-height: 30px;
      margin-top: -15px;
      text-align: center; }
      .lt-ie9 .thumb_overlay:before {
        display: none; }
  .thumb:hover .thumb_overlay {
    opacity: 1;
    background: rgba(44, 42, 50, 0.5); }
    .lt-ie9 .thumb:hover .thumb_overlay {
      background: none;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#802C2A32', endColorstr='#802C2A32')";
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#802C2A32', endColorstr='#802C2A32');
      zoom: 1; }
    .lt-ie9 .thumb:hover .thumb_overlay:before {
      display: block; }
  .thumb:hover img {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

/*========================================================
                     HEADER  Section
=========================================================*/
header {
  background: #000; }
  header .camera_container + .stuck_container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: transparent; }
    header .camera_container + .stuck_container .nav {
      position: absolute;
      top: 49%;
      right: 70px;
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      padding: 0;
      margin: 0; }
  header .nav {
    padding-top: 55px;
    float: right;
    margin-right: 70px; }

@media (max-width: 1199px) {
  header .nav {
    margin-right: 10px; } }
@media (max-width: 979px) {
  header .camera_container + .stuck_container .nav {
    right: 0; } }
@media (max-width: 767px) {
  header .camera_container + .stuck_container {
    top: 55px; } }
/*========================================================
                     CONTENT  Section
=========================================================*/
main {
  display: block;
  background: #000; }

/*==================      Well     ======================*/
.well {
  padding-top: 50px;
  padding-bottom: 107px; }

.well__ins1 {
  padding-top: 40px;
  padding-bottom: 0; }

@media (max-width: 767px) {
  .well__ins1 {
  padding-top: 0px;
  padding-bottom: 0; }
}

.well__ins2 {
  padding-bottom: 140px; }

.well__ins3 {
  padding-top: 103px; }

.well__ins4 {
  padding-bottom: 87px; }

.well__ins5 {
  padding-bottom: 93px; }

.well__ins6 {
  padding-bottom: 247px; }

.well2 {
  padding-top: 325px;
  padding-bottom: 263px; }

.well2__ins1 {
  padding-bottom: 330px; }

.well3 {
  padding-top: 275px;
  padding-bottom: 273px; }
  
.well5 {
  padding-top: 20px;
  padding-bottom: 20px; }

.well5__ins1 {
  padding-top: 20px;
  padding-bottom: 0; }

.well6 {
  padding-top: 125px;
  padding-bottom: 263px; }

.well6__ins1 {
  padding-bottom: 530px; }

.well7 {
  padding-top: 150px;
  padding-bottom: 107px; }


@media (max-width: 767px) {
  .well2, .well3 {
    padding-top: 100px;
    padding-bottom: 100px; } }
	
	.well4 {
  padding-top: 150px;
  padding-bottom: 107px; }
  
  .well4__ins1 {
  padding-bottom: 107px; }

@media (max-width: 767px) {
  .well4 {
    padding-top: 2px;
    padding-bottom: 2px; } }
/*========================================================
                     FOOTER  Styles
=========================================================*/
footer {
  background: #FFF; }
  footer h2:before {
    background: #FFF; }
	 footer h2b:before {
    background: #FFF; }
  footer a {
    display: inline-block; }
    footer a:hover {
      color: #cedb00; }
  footer .copyright {
    padding-top: 60px;
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
    color: #838383; }
    footer .copyright * + a {
      margin-top: 0;
      display: inline-block; }
    footer .copyright p, footer .copyright .terms-list dd, .terms-list footer .copyright dd {
      display: inline-block; }

.footer__ins {
  padding-top: 60px; }
 
@media (max-width: 650px) {

.well {  padding-top: 16px;  padding-bottom: 0px; }
.well2 { padding-top: 35px;  padding-bottom: 35px; min-height: 160px;}

.container{ width: 100%; }

.right{ text-align: right;}
.center{ text-align: center;}
.right .container h2{ display:inline}
}




 /*========================================================
                        Social
=========================================================*/  

#alinhamneto {
	background-image: url('');
   height: 1px;
   width: 1px;
}

#alinhamento:hover {
   background-image: url('');
}

#limit {
        max-width: 80%;
    }
	
	
.explicacao {
            width: 70%;
            
        }


/* #### MODAL (login e cadastro) #### */
#quadros{ height: 300px; width: 90%; max-width: 1100px;  margin: 20vh auto 0 auto; text-align: center; }
#quadros #quadro{ max-width: 600px; min-width: 300px; width: calc(47% - 40px); height: 300px; background: #fff;  display: inline-block; padding: 30px 20px; }
#quadros #quadro + #quadro{ margin-left: 4%; }
#quadros #quadro h2{ font-size: 35px; line-height: 45px; height: 100px; }
#quadros #quadro h2 span{ font-weight: 100; font-size: 15px; display: block; line-height: 18px; }
#quadros #quadro h2:before{ all: initial; }    
#quadros #quadro.login form{}
#quadros #quadro.login input{ border: none; border-bottom: 3px solid #D2D2D2; background: #fff; padding: 8px; width: 80%; margin: 0px auto 10px auto;  }
#quadros #quadro.login button{ display: block; background: #cedb00; width: 150px; padding: 20px 20px; color: #000; font-weight: bold; margin: 20px auto 0 auto; }
#quadros #quadro.login a{}
#quadros #quadro.cadastro{ padding-top: 80px; height: 250px;  }
#quadros #quadro.cadastro a{ display: block; background: #cedb00; width: 150px; padding: 20px 20px; color: #000; font-weight: bold; margin: 30px auto 0 auto; }


.modal-backdrop.in {filter: alpha(opacity=30);opacity: .3;}
.modal-backdrop { z-index: 99999999;   position: fixed;    top: 0;    right: 0;    bottom: 0;    left: 0;    z-index: 1040;    background-color: #fff;}

#login-senha{ width: 80%;  max-width:400px; margin: 50px auto 0 auto; float: none !important; text-align: center; }
@media (max-width: 730px) {
  #login-senha label{ display: block; width: 100%; text-align: center; }
  #login-senha input{ width: 100%; }
}


@media (max-width: 930px) {
  #quadros #quadro h2{ font-size: 30px; line-height: 35px;  }
  #quadros #quadro{ width: calc(47% - 30px); padding: 30px 15px; }

}

@media (max-width: 790px) {
  #quadros{ height: auto; width: 95%;  margin: 20px auto 0 auto; z-index: 999999999; position: relative; }
  #quadros #quadro{ min-width: 300px; width: calc(100% - 40px); height: 300px; background: #fff; display: block; margin: 20px auto; z-index: 999999999; position: abs;  }
  #quadros #quadro + #quadro{ margin: 20px auto; }
}


#quadros.login{ margin: 70px auto 0 auto; z-index: 1; height: auto;}
#quadros.login #quadro{ background-color: #C5CD27}


 /*========================================================
                         Video
=========================================================*/  

	  .parallaxb {
   height: 600px;
  position: relative;
  overflow: hidden; }
  .parallaxb_image, .parallaxb_pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-position: center center;
    will-change: transform; }
  .parallaxb_image {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover; }
  .parallaxb_pattern {
    background-repeat: repeat; }
  .parallaxb_cnt {
    position: relative;
    color: #fff; }

	  
	video#videobg { 
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
transform: translateX(-50%) translateY(-50%);
background: url('images/page-1_home_slide1.jpg') no-repeat;
background-size: cover;
transition: 1s opacity;
}


 /*========================================================
                           FAQ
=========================================================*/  

 /*Accordian*/
 .accordion {
    width: 100%;
   ;
}
.accordion .accordion-head {
 
    border-bottom: 1px solid #fff;
    padding: 13px;
    cursor: pointer;
    overflow: hidden;
}
.accordion .accordion-head * {
    cursor: pointer;
}
.accordion .accordion-head h7w {
    float: left;
}
.accordion .accordion-head:hover {
    filter: alpha(opacity=80);
    opacity: 0.80;
}
.accordion .accordion-body {
    border-bottom: 1px solid #fff;
    padding: 20px;
    height: auto;
    display: none;
}
.arrow {
    float: right;
    width: 0px;
    height: 0px;
    margin-top: 23px;
    border: 10px solid transparent;
    margin-top: 21px;
    border-top-color: #F3F3F3;
}
.accordion-head.open .arrow {
    margin-top: 11px;
    border-bottom-color: #F3F3F3;
    border-top-color: transparent;
}


 /*========================================================
                           FAQ
=========================================================*/  

#planos{ text-align: center; }
#planos #plano{ min-height: 430px; background: rgba(0, 0, 0, 0.03);  display: inline-block;  width: calc(24% - 30px);  max-width: 300px; 
  margin: 0 5px 20px 5px;  padding: 20px 10px 10px 10px;  text-align: center;}
#planos #plano h3{ color: #000; font-size: 25px; text-transform: uppercase; font-weight: 700; letter-spacing: 1.52px; margin-bottom: 16px;}

#planos #plano .nome{ color: #000; font-size: 30px; line-height: 30px;  font-weight: 700;
    text-align: center;  position: relative; display: inline-block;   margin-bottom: 1px; }
#planos #planosss .nome::before, .cross::after { content: ''; width: 100%;position: absolute; right: 0;
    top: 50%;}
#planos #planosss .nome::before {border-bottom: 3px solid white; -webkit-transform: skewY(-105deg);    transform: skewY(-15deg);}

#planos #plano .aulas{ font-size: 25px; color: #000; line-height: 40px; font-weight: 400; }   
#planos #plano .valor_aula{ font-size: 17px;  }
#planos #plano .valor{ font-size: 25px; color: #000; margin: 18px 0 6px 0; line-height: 32px; font-weight: 400; }   
#planos #plano .validade{ font-size: 20px; color: #000; line-height: 32px; font-weight: 400; margin: 10px 0;  }
#planos #plano .termo{ font-size: 14px; color: #000; margin: 10px 0; font-style: italic;  }
#planos #plano .termo a{ text-decoration: underline;}
#planos #plano .aviso{ font-style: italic; font-size: 12px; height: 8px; }
@media (max-width: 1000px) {
  #planos #plano{ width: calc(32% - 26px); margin: 0 3px 20px 3px; }
}
@media (max-width: 800px) {
  #planos #plano{ width: calc(49% - 26px);  }
}
@media (max-width: 700px) {
  #planos #plano{ width: 90%; max-width: 400px; display: block; margin: 0 auto 20px auto;  }
}

#planos-new{ text-align: center; }
#planos-new #plano{ min-height: 430px; background: rgba(0, 0, 0, 0.03);  display: inline-block;  width: calc(24% - 30px);  max-width: 300px;   margin: 0 5px 20px 5px;  padding: 20px 10px 20px 10px;  text-align: center;}
#planos-new #plano h3{ color: #fff; background: #000; padding: 10px 35px;  font-size: 25px; text-transform: uppercase; line-height: 45px; font-weight:bold;  }

#planos-new #plano  .sessao{ font-size: 35px; color: #000; line-height:40px; font-weight: 400; padding: 20px 20px; height: 110px; }   
#planos-new #plano .sessao span{ font-size: 20px; color: #000;  display: block; }  
#planos-new #plano .sessao span.red{ color:#a81711; font-weight: bold;}
#planos-new #plano  .valor{ font-size: 30px; color: #000; margin: 5px 0 6px 0; line-height: 40px; font-weight: bold; }   
#planos-new #plano  .valor_de{ font-size: 22px; color: #000; margin: 4px 0 2px 0;  font-weight: normal; display: block;  }   
#planos-new #plano  .valor_parcela{ font-size: 20px; color: #000; margin: 2px 0 4px 0; font-weight: normal; display: block;  }   

#planos-new #plano  .chamada{ font-size: 24px; color: #000; line-height: 28px; font-weight: 400; padding: 14px 10px; text-align: left;  }
#planos-new #plano  .validade{ font-size: 24px; color: #000; line-height: 28px; font-weight: 400; padding: 14px 10px; text-align: left;  }
#planos-new #plano  .observacao{ font-size: 18px; line-height: 20px; font-weight: 400; padding: 14px 10px; text-align: left;  }
#planos-new #plano  .observacao b{ font-size: 20px; font-weight: bold; }
#planos-new #plano  .cancelamento{ font-size: 16px; color: #000;  padding: 14px 10px; text-align: left;  }
#planos-new #plano  .termo{ font-size: 16px; color: #000;  padding: 14px 10px 35px 10px; text-align: left;  }
#planos-new #plano  .termo a{ text-decoration: underline;}
#planos-new #plano .aviso{ font-size: 16px; color:#a81711; font-weight: bold;  padding: 14px 10px; text-align: left; }
@media (max-width: 1000px) {
  #planos-new #plano{ width: calc(32% - 26px); margin: 0 3px 20px 3px; }
}
@media (max-width: 800px) {
  #planos-new #plano{ width: calc(49% - 26px);  }
}
@media (max-width: 700px) {
  #planos-new #plano{ width: 90%; max-width: 400px; display: block; margin: 0 auto 20px auto;  }
}


.video-container {
  position:relative;
  padding-bottom:55%;
  padding-top:0px;
  height:0;
  overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


 /*========================================================
                       TREINADORES
=========================================================*/  

.bottomleft {
    position: absolute;
    bottom: 8px;
    left: 16px;
    font-family: Ubuntu;
  font-size: 28px;
  color:#000;
  line-height: 32px;
  font-weight: 800;
}


 /*========================================================
                      Area do Usuario
=========================================================*/ 



.box-form{ float: left; background: #C5CD27; padding: 40px 35px;  -webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px;}
@media (max-width: 600px) {
  .box-form{ padding: 20px 15px;}
}


.form-line{ margin-bottom: 10px; }
#conteudo label{ width: 120px; text-align: right; font-weight: 100; }
#conteudo input, select{ width: calc(75% - 125px); border: 1px solid #ECECEC; padding: 6px; -webkit-border-radius:8px;
-moz-border-radius:8px; border-radius:8px;}

#conteudo select.medio, input.medio{ width: calc(50% - 125px) ; border: 1px solid #ECECEC; padding: 6px; -webkit-border-radius:8px;
-moz-border-radius:8px; border-radius:8px;}
#conteudo .form-line-box{ margin-left: 125px; width: calc(75% - 130px); padding: 8px 0; }
#conteudo .right{ text-align: right; }
#conteudo button{  background: #98C93C; border: 0; color: #fff; padding: 6px 30px; -webkit-border-radius:8px;
-moz-border-radius:8px; border-radius:8px; font-weight: bold; }
#conteudo a{ color:  #98C93C; }



#box-form{ background: #fff; width: 100%; padding: 20px; text-align: center; }
#box-form h1{ color:#99ca3c; font-size: 24px; line-height: 25px; }
#box-form form{ width: 360px; margin: 0 auto; }
#box-form form label{ text-align: left; display: block; margin: 5px 0 0 5px; }
#box-form form input{ width: 100%; border: 1px solid #ECECEC; padding: 6px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px;  display: block; }
#box-form form button{ background: #98C93C;  border: 0; color: #fff; padding: 14px 30px;  -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px;    font-weight: bold;
 width: 80%; margin: 14px auto 0 auto; }
 #box-form #aviso{ font-style: italic; margin-top: 10px; }

.box-form .form-line{ margin-bottom: 10px; }
.box-form h3{ color: #000; font-size: 40px; font-weight: bold; margin-bottom: 20px; line-height: 40px;}
.box-form label{ width: 120px; text-align: right; font-weight: 100; }
.box-form input, select{ width: calc(95% - 125px); border: 1px solid #ECECEC; padding: 6px; -webkit-border-radius:3px;
-moz-border-radius:3px; border-radius:3px;}

.box-form select.medio{ width: calc(50% - 125px)!important; border: 1px solid #ECECEC; padding: 6px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px;}


.box-form .form-line-box{ margin-left: 125px; width: calc(95% - 130px); padding: 8px 0; }
.box-form .right{ text-align: right; }
.box-form #aviso{ font-style: italic; }
.box-form button{  background: #000; border: 0; color: #fff; font-size: 16px; 
  padding: 14px 36px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-weight: bold; }


.form-line-box button{  background: #CEDB00; border: 0; color: #fff; font-size: 16px; 
  padding: 14px 36px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-weight: bold; }

#resumo{ float: left; width: 30%; margin-left: 8%; }
#resumo .box-form{ float: none !important;}
#resumo #compra{ width: 100%; }
#resumo #compra p span{ font-size: 16px; font-weight: bold; }
#resumo #cupom{ width: 100%; margin-top: 20px; }
#resumo h2_original{ padding-bottom: 10px; font-size: 25px; }
#resumo #cupom label{ width: 80px; }
#resumo #cupom input{ border: 1px solid #447E66; }
#resumo #cupom .bt{  }
#resumo #cupom .bt button{  background: #608123; border: 0; color: #fff; font-size: 15px; 
  padding: 10px 30px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-weight: bold; }

#giftcard { margin: 26px 0 0 0 ; }
#pagamento{ width: 40%; margin-left: 10%; }
#pagamento .form-line label{ width: 100%; color: #000; display: block; font-size: 18px; text-align: left;  }
#pagamento button{  background: #608123; border: 0; color: #fff; font-size: 18px; 
  padding: 14px 46px; margin-top: 10px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-weight: bold; }


@media (max-width: 800px) {
  #resumo{ float: none; width: 94%; margin: 0 auto 0 auto; }
  #resumo #compra{ width: calc(100% - 70px); }
  #resumo #cupom{ width: calc(100% - 70px); }
  #pagamento{ float: none; width: calc(94% - 70px); margin: 20px auto 0 auto; }
  #resumo input, select{ padding: 10px 10px;  width: 95% !important; }
  #pagamento input, select{ padding: 10px 10px; width: 95% !important;}
  #pagamento .medio{ width: 100px !important}
}


.form-line label span{ font-size: 13px; font-style: italic; }

#cadastro{ width: 90%; max-width: 600px; margin: 0 auto; float: none !important; }
#cadastro .form-line{}
#cadastro .form-line label{ width: 160px; display: inline-block; font-size: 18px; padding-top: 8px;  }
#cadastro .form-line input, select{ width: calc(90% - 165px); padding:  10px 5px 10px 5px; }

@media (max-width: 700px) {
  #cadastro{ width: calc(100% - 30px);}
  #cadastro.box-form{ padding: 25px 15px;  }
  #cadastro .form-line label{ width: 90%; display: block; text-align:left; }
  #cadastro .form-line input, select{ width: 95%; padding:  14px 5px 14px 5px; }
  #cadastro .form-line-box{ margin-left: 0px; width:100%; }

}

.error_form{ color: #FF2626; padding: 3px; }


.alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b;}
.alert { padding: 15px; margin-top: 40px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; text-align: center;}
.alert-danger{ background-color: #f2dede; border-color: #ebccd1; color: #a94442;}
.alert-success{color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}


#faq .panel-group .panel { border-radius: 0; box-shadow: none; border-color: #EEEEEE;    }
#faq .panel-default > .panel-heading {padding: 0;border-radius: 0;color: #212121;background-color: #FAFAFA; border-color: #EEEEEE;}
#faq .panel-title {font-size: 14px; }
#faq .panel-title > a { display: block; padding: 15px;text-decoration: none;}
#faq .more-less { float: right; color: #212121;}
#faq .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #EEEEEE;}


.area-usuario h3{ font-size: 24px; margin: 50px 0 20px 0; }

.interno{ background-color: #D1DA43; background: url('../images/parallaxa.jpg'); padding: 40px 0 40px 0; }
.interno h1{ color: #fff; font-family: Ubuntu;    font-size: 52px;    line-height: 52px;
    font-weight: 700;    letter-spacing: 3.52px;    position: relative;}
.interno h1:before {
    content: '';    position: absolute;    height: 3px;    width: 79px;    bottom: -20px;
    background: #fff;    left: 49.4%;    -moz-transform: translateX(-50%);    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);    -webkit-transform: translateX(-50%);    transform: translateX(-50%);
}

@media (max-width: 720px) {
  .interno h1{ font-size: 40px; }
}

.clean{ clear: both; float: inherit; }


#treinadores{ text-align: center; }
#treinadores #treinador{ display: inline-block; width:calc(25% - 4px); max-width: 300px; margin: 12px 2px; position: relative; }
#treinadores #treinador img{ width: 100%; }
#treinadores #treinador h3{ position: absolute; bottom: 0; width: calc(100% - 24px);  
  background-color: rgba(0,0,0,0.5); font-size: 30px; line-height: 30px; color: #fff; margin: 0px; padding: 12px; text-transform: uppercase; }
@media (max-width: 950px) {
  #treinadores #treinador{ width: calc(50% - 4px); margin: 6px 2px;}
}
@media (max-width: 720px) {
  #treinadores #treinador{ width: calc(100% - 4px); float: none;}
}

#login-mobile{ display: none; }
@media (max-width: 880px) {
  header{ position: relative; }
  #login-mobile{ display: block; background: #cedb00; color: #000; padding: 5px 20px; position: fixed; 
    z-index: 99999999; text-align: center; right: 10px; top: 10px;  }
}

#user-menu{ float: left; width: 275px; }
#user-menu ul{ width: 80%; }
#user-menu li a{ padding: 4px 8px; display: block; }
#user-menu li a:hover {  color: #000;  background: #cedb00;  }

#user-content{ float: left; width: calc(100% - 275px); padding-bottom: 20px;}
#user-content h3{ margin-top: 60px; }
@media (max-width: 880px) {
  #user-menu{ float: none; width: 90%; margin: 0 auto 40px auto; }
  #user-content{ float: none; width: 100%; margin: 0 auto;  padding-bottom: 50px; }
}

/*Style 'show menu' label button and hide it by default*/
.show-menu-user {  text-decoration: none;  color: #fff;  background: #CEDB00;  text-align: center;
  padding: 10px 0;  display: none; cursor: pointer;}

/*Hide checkbox*/
input[name=menuuser]{
    display: none;
    -webkit-appearance: none;
}
/*Show menu when invisible checkbox is checked*/
input[name=menuuser]:checked ~ #menu-user{
    display: block;
}

/*Responsive Styles*/
@media screen and (max-width : 880px){
  #user-menu ul{ width: 100%; position: static; display: none; background-color: rgba(255,255,255,0.5) }
  #user-menu li{ padding: 2px 10px; }
  #user-menu ul li, li a {width: 100%; display: block; }
  #user-menu li a{ padding: 2px 8px; display: block; }
  #user-menu li a:hover {  color: #000;  background: transparent;  }
  #user-menu .show-menu-user { display:block;}
}

#mensagem{ text-align: center; padding-top:30px; }

#boxs-contato{ display: block; width: 100%; clear: both; padding-top: 14px; }
#msgErro{ color: red; margin-top: 6px; }
#sucesso{ background: #EFFFBF; padding: 16px; color: #59B200; margin-top: 6px; display: none; }
#loading{  padding: 0px;  margin-top: 0px; display: none; }




.branco p a{ color: #fff !important;  }

.background p{ color: #fff !important;  }
.background p a{ color: #cedb00 !important;  }


#confirmar{ width: 400px; margin: 20px auto; float: none; text-align: center; }
#confirmar td{ text-align: left; padding: 6px 4px; }
#confirmar td.title{ font-weight: bold; text-align: right; width: 150px; }

@media screen and (max-width : 520px){
  #confirmar{ width: 80%; }
  #confirmar td{ text-align: left; padding: 6px 4px; }
  #confirmar td.title{ font-weight: bold; text-align: right; width: auto; }
}

.box-form h2{ font-size: 32px; line-height: 34px; margin: 0px; padding: 0px; }
.box-form h2:before{ background: transparent; }



.btn-icon {
  background: #FFF;
  color: #000 !important;
  padding: 5px 5px; 
  cursor: pointer;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}


#user-form{ margin: 20px 0 20px 0; }
#user-form .form-line{}
#user-form .form-line label{ display: block; }
#user-form .form-line input, select{ width: 100%; max-width: 400px; padding: 8px 5px; }


#CheckoutEndereco #endereco-confirmar{ display: none;}
#CheckoutEndereco p.mensagem{ margin: 15px 0 10px 0; text-align: center;}
#CheckoutEndereco form{ margin:20px 0 0 0}
#CheckoutEndereco .form-line{ margin: 0 auto 10px auto; width: 300px; text-align: left; }
#CheckoutEndereco label{ width: 120px; text-align: right;  }
#CheckoutEndereco input, select{ width: 290px; border: 1px solid #ECECEC; padding: 8px 5px; }
#CheckoutEndereco .bt-send{    display: inline-block;
  word-spacing: normal;
  margin-top: 5px;
  padding: 10px 50px;
  -moz-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  background: #000;
  color: #fff;}





#btnWhats{ z-index: 9999999; background: #2DD067; padding: 10px; color: #fff; position: fixed; top: 260px; right: -175px; width: 200px; height: 45px; transition-duration: 1s;}
#btnWhats a{ display: block; height: 50px;  }
#btnWhats h2{ color: #fff; font-size: 17px; font-style: italic; float: left; margin: 5px 0 0 15px; line-height: 18px; letter-spacing: inherit}
#btnWhats h2:before{ height:0px}
#btnWhats h2 span{ font-size: 16px; display: block;}
#btnWhats .icon-whatsapp{ float: left; background: url(../images/icon-whatsapp.png) no-repeat; width: 25px; height: 25px; display: inline-block; margin-top: 10px;}

@media (min-width: 800px) { 
	#btnWhats:hover{ right: 0px; }
}


.none{ display: none;}


#login-home{  background: url(../images/capa_2020_06_1.jpg) no-repeat;  border: 1px solid; }
#login-home header{ background: transparent;}
#login-home #quadros{ margin: 20vh auto 30vh auto; }