/*
Theme Name: Max
Theme URI: https://maxadv.com.br/
Author: Netview
Author URI: https://www.netviewinformatica.com.br/
Description: Max theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maxadv
*/

/* Global
-------------------------------------------------------------- */
html {
  scroll-behavior: smooth !important;
}
body {font-family: "Inter", sans-serif; font-optical-sizing: auto; background: #0E1012; color:#FFF;}
/*#content {}*/
img {max-width: 100%; height: auto;}
.btn-green {background-image: linear-gradient(to right, #157347 0%, #2BAA71  51%, #157347  100%); transition: 0.5s; background-size: 200% auto; color: #FFF; 
border: 1px solid #2BAA71; padding: 10px 30px; font-size: 1.1rem; box-shadow: 0px 0px 10px 0px rgba(62,207,142,0.25);}
.btn-green:hover {background-position: right center; color: #FFF; border: 1px solid #2BAA71;}
.tag {background: #15181B; border: 1px solid #49505B; color:rgba(255, 255, 255, 0.80); margin-bottom: 20px; cursor: auto; font-size: 0.875rem; font-weight: 300;} 
.tag a {color:rgba(255, 255, 255, 0.80); text-decoration: none;}
.tag:hover {background: #15181B; border: 1px solid #49505B;}
.tag span {font-weight: 600; color: #FFF;}

@media (max-width: 320px) {}
@media (min-width: 321px) and (max-width: 360px) {}
@media (min-width: 361px) and (max-width: 480px) {}
@media (min-width: 481px) and (max-width: 600px) {}
@media (min-width: 601px) and (max-width: 768px) {}
@media (min-width: 769px) and (max-width: 1024px) {}


/* Header
-------------------------------------------------------------- */
.main-header {transition: all ease 0.2s; padding-top: 25px; padding-bottom: 25px;}
.sticky {background: #000; padding-top: 5px; padding-bottom: 5px;}
.main-header .custom-logo {max-width: 90px; height: auto;}
.main-header .navbar-nav .menu-item {padding-left: 8px; padding-right: 8px;}
.main-header .navbar-nav .menu-item .nav-link {color:rgba(255, 255, 255, 0.80); transition: .2s ease-in-out; font-size: 0.875rem;}
.main-header .navbar-nav .current_page_item .nav-link {color:rgba(255, 255, 255, 1);}
.main-header .navbar-nav .menu-item .nav-link:hover {color:#3ECF8E; text-shadow: 0px 0px 5px rgba(62,207,142,0.6);}
.main-header .navbar-nav .menu-item .active {color:#3ECF8E; text-shadow: 0px 0px 5px rgba(62,207,142,0.6);}
.btn-header {background:#15181B; color:#FFF; border: 1px solid #494949; transition: 0.5s; font-size: 0.875rem; font-weight: 800;}
.btn-header:hover {background: #000; color:#FFF; border: 1px solid #2BAA71;}
.btn-header .bi {color:#3ECF8E;}

@media (max-width: 320px) {
  .main-header {background: #000;}
  .navbar-collapse {padding-top: 20px;}
  .navbar-nav {margin-bottom: 20px;}
}
@media (min-width: 321px) and (max-width: 360px) {
  .main-header {background: #000;}
  .navbar-collapse {padding-top: 20px;}
  .navbar-nav {margin-bottom: 20px;}
}
@media (min-width: 361px) and (max-width: 480px) {
  .main-header {background: #000;}
  .navbar-collapse {padding-top: 20px;}
  .navbar-nav {margin-bottom: 20px;}
}
@media (min-width: 481px) and (max-width: 600px) {
  .main-header {background: #000;}
  .navbar-collapse {padding-top: 20px;}
  .navbar-nav {margin-bottom: 20px;}
}
@media (min-width: 601px) and (max-width: 768px) {
  .main-header {background: #000;}
  .navbar-collapse {padding-top: 20px;}
  .navbar-nav {margin-bottom: 20px;}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .main-header {background: #000;}
  .navbar-collapse {padding-top: 20px;}
  .navbar-nav {margin-bottom: 20px;}
}


/* Home
-------------------------------------------------------------- */
.hero {background-repeat: no-repeat; background-position: center center; background-size: cover; padding-top: 200px;}
/*.hero-wrapper {}*/
/*.hero .row {height: 100vh;}*/
.hero h1 {font-size: 4.2rem; color: #FFF; font-weight: 700; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.60));}
.hero .lead {color:rgba(255, 255, 255, 0.80); margin-top: 30px; margin-bottom: 50px;}
.hero .lead strong {color: #FFF; font-weight: 600;}
.hero .btn .button-up {text-transform: uppercase; font-weight: 900;}
.hero .btn .button-down {font-size:0.875rem; font-weight: 400;}
.hero img {border-radius: 10px;}
.hero p {color: #FFF;}

@media (max-width: 320px) {
  .hero h1 {font-size: 2.8rem;}
}
@media (min-width: 321px) and (max-width: 360px) {
  .hero h1 {font-size: 2.8rem;}
}
@media (min-width: 361px) and (max-width: 480px) {
  .hero h1 {font-size: 2.8rem;}
}
@media (min-width: 481px) and (max-width: 600px) {
  .hero h1 {font-size: 3.2rem;}
}
@media (min-width: 601px) and (max-width: 768px) {
  .hero h1 {font-size: 3.2rem;}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .hero h1 {font-size: 3.2rem;}
}


/* Diferenciais
-------------------------------------------------------------- */

.diferenciais {padding-top: 150px;}
.diferenciais h2 {font-size: 2.8rem; color: #FFF; font-weight: 700; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.60));}
.diferenciais .lead {color:rgba(255, 255, 255, 0.80); font-size: 1rem;}
.diferenciais img {border-radius: 20px;}

@media (max-width: 320px) {
  .diferenciais h2 {font-size: 2.4rem;}
  .diferenciais img {margin-top: 50px;}
}
@media (min-width: 321px) and (max-width: 360px) {
  .diferenciais h2 {font-size: 2.4rem;}
  .diferenciais img {margin-top: 50px;}
}
@media (min-width: 361px) and (max-width: 480px) {
  .diferenciais h2 {font-size: 2.4rem;}
  .diferenciais img {margin-top: 50px;}
}
@media (min-width: 481px) and (max-width: 600px) {
  .diferenciais h2 {font-size: 2.6rem;}
  .diferenciais img {margin-top: 50px;}
}
@media (min-width: 601px) and (max-width: 768px) {
  .diferenciais h2 {font-size: 2.6rem;}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .diferenciais h2 {font-size: 2.6rem;}
}


/* Premissas
-------------------------------------------------------------- */

.premissas {padding-top: 150px;}
.premissas h2 {font-size: 2.8rem; color: #FFF; font-weight: 700; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.60)); text-align: center;}
.premissas .lead {color:rgba(255, 255, 255, 0.80); text-align: center; margin-bottom: 50px;}
.premissas .card {background: #15181B; min-height: 510px; border: 1px solid rgba(62, 207, 142, .25); box-shadow: 0px 0px 10px 0px rgba(62,207,142,0.25);}
.premissas .card .card-title {color: #FFF; text-align: center; margin-bottom: 30px;}
.premissas .card .card-text {color:rgba(255, 255, 255, 0.80);}
.premissas .card img {height: 60px; margin: 0 auto;}

@media (max-width: 320px) {
  .premissas .card {min-height: 0; margin-bottom: 30px;}
  .premissas h2 {font-size: 2.4rem;}
}
@media (min-width: 321px) and (max-width: 360px) {
  .premissas .card {min-height: 0; margin-bottom: 30px;}
  .premissas h2 {font-size: 2.4rem;}
}
@media (min-width: 361px) and (max-width: 480px) {
  .premissas .card {min-height: 0; margin-bottom: 30px;}
  .premissas h2 {font-size: 2.4rem;}
}
@media (min-width: 481px) and (max-width: 600px) {
  .premissas .card {min-height: 0; margin-bottom: 30px;}
  .premissas h2 {font-size: 2.6rem;}
}
@media (min-width: 601px) and (max-width: 768px) {
  .premissas .card {min-height: 0; margin-bottom: 30px;}
  .premissas h2 {font-size: 2.6rem;}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .premissas h2 {font-size: 2.6rem;}
}


/* Volumetria
-------------------------------------------------------------- */

.volumetria {margin-top: 150px; padding-top: 70px; padding-bottom: 70px; background: rgba(21, 24, 27, 1);}
.volumetria .numero {color:#3ECF8E; font-size: 3.5rem; font-weight: 800; margin-bottom: 0;}
.volumetria .legenda {margin-bottom: 0;}

@media (max-width: 320px) {
  .volumetria .numero {font-size: 3rem;}
  .volumetria .legenda {font-size: 0.875rem; margin-bottom: 30px;}
}
@media (min-width: 321px) and (max-width: 360px) {
  .volumetria .numero {font-size: 3rem;}
  .volumetria .legenda {font-size: 0.875rem; margin-bottom: 30px;}
}
@media (min-width: 361px) and (max-width: 480px) {
  .volumetria .numero {font-size: 3rem;}
  .volumetria .legenda {font-size: 0.875rem; margin-bottom: 30px;}
}
@media (min-width: 481px) and (max-width: 600px) {
  .volumetria .numero {font-size: 3rem;}
  .volumetria .legenda {font-size: 0.875rem; margin-bottom: 30px;}
}
@media (min-width: 601px) and (max-width: 768px) {
  .volumetria .numero {font-size: 3rem;}
  .volumetria .legenda {font-size: 0.875rem;}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .volumetria .numero {font-size: 3rem;}
  .volumetria .legenda {font-size: 0.875rem;}
}


/* Clientes
-------------------------------------------------------------- */

.clientes {padding-top: 150px;}
.clientes img {opacity: 0.7; transition: .2s ease-in-out;}
.clientes img:hover {opacity: 1;}

@media (max-width: 320px) {}
@media (min-width: 321px) and (max-width: 360px) {}
@media (min-width: 361px) and (max-width: 480px) {}
@media (min-width: 481px) and (max-width: 600px) {}
@media (min-width: 601px) and (max-width: 768px) {}
@media (min-width: 769px) and (max-width: 1024px) {}


/* Funcionalidades
-------------------------------------------------------------- */

.funcionalidades {padding-top: 150px; padding-bottom: 80px;}
.funcionalidades h2 {font-size: 2.8rem; color: #FFF; font-weight: 700; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.60));}
.funcionalidades .lead {color:rgba(255, 255, 255, 0.80);}
.funcionalidades .display-cards {margin-top: 80px;}
.funcionalidades .display-cards .card {background: transparent; min-height: 200px;}
.funcionalidades .display-cards .card .card-text {color:rgba(255, 255, 255, 0.80); font-weight: 300; font-size: 0.95rem;}
.funcionalidades .display-cards .card .card-text strong {color: #FFF; font-weight: 700;}

@media (max-width: 320px) {
  .funcionalidades h2 {font-size: 2.4rem;}
  .funcionalidades .display-cards .card {min-height: 0; margin-bottom: 30px;}
}
@media (min-width: 321px) and (max-width: 360px) {
  .funcionalidades h2 {font-size: 2.4rem;}
  .funcionalidades .display-cards .card {min-height: 0; margin-bottom: 30px;}
}
@media (min-width: 361px) and (max-width: 480px) {
  .funcionalidades h2 {font-size: 2.4rem;}
  .funcionalidades .display-cards .card {min-height: 0; margin-bottom: 30px;}
}
@media (min-width: 481px) and (max-width: 600px) {
  .funcionalidades h2 {font-size: 2.6rem;}
  .funcionalidades .display-cards .card {min-height: 0; margin-bottom: 30px;}
}
@media (min-width: 601px) and (max-width: 768px) {
  .funcionalidades h2 {font-size: 2.6rem;}
  .funcionalidades .display-cards .card {min-height: 250px;}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .funcionalidades h2 {font-size: 2.6rem;}
  .funcionalidades .display-cards .card {min-height: 250px;}
}


/* Custom
-------------------------------------------------------------- */

.custom {padding-top: 150px; padding-bottom: 80px; background: linear-gradient(90deg,rgba(21, 24, 27, 1) 0%, rgba(0, 0, 0, 0) 100%);}
.custom h3 {font-size: 2.4rem; color: #FFF; font-weight: 700; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.60)); margin-bottom: 70px; text-align: center;}
.custom .lead {color:rgba(255, 255, 255, 0.80); font-size: 1rem;}
.custom .lead strong {color:#FFF; font-weight: 600;}
.custom .card {background:#0E1012; color:#FFF;}
.custom .card p {font-weight: 300;}
.custom .card .bi {color: #3ECF8E; text-shadow: 2px 0px 6px rgba(53,140,89,0.9);}
.custom .card .bi-lightbulb {font-size: 2.5rem;}
.custom .home-cta {margin-top: 70px;}

@media (max-width: 320px) {
  .custom h3 {font-size: 2rem;}
  .custom .card {margin-top: 50px;}
}
@media (min-width: 321px) and (max-width: 360px) {
  .custom h3 {font-size: 2rem;}
  .custom .card {margin-top: 50px;}
}
@media (min-width: 361px) and (max-width: 480px) {
  .custom h3 {font-size: 2rem;}
  .custom .card {margin-top: 50px;}
}
@media (min-width: 481px) and (max-width: 600px) {
  .custom h3 {font-size: 2.2rem;}
  .custom .card {margin-top: 50px;}
}
@media (min-width: 601px) and (max-width: 768px) {
  .custom h3 {font-size: 2.2rem;}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .custom h3 {font-size: 2.2rem;}
}


/* MAX Office
-------------------------------------------------------------- */

.max-office {padding-top: 150px;}
.max-office h2 {font-size: 2.8rem; color: #FFF; font-weight: 700; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.60));}
.max-office .lead {color:rgba(255, 255, 255, 0.80); font-size: 1rem; margin-bottom: 70px;}
.max-office .card {background: #15181B; border: 1px solid rgba(62, 207, 142, .25); box-shadow: 0px 0px 10px 0px rgba(62,207,142,0.25);}
.max-office .card .card-title {color: #FFF; font-size: 1.1rem; font-weight: 700;}
.max-office .card .card-text {color:rgba(255, 255, 255, 0.80);}

@media (max-width: 320px) {
  .max-office h2 {font-size: 2.4rem;}
}
@media (min-width: 321px) and (max-width: 360px) {
  .max-office h2 {font-size: 2.4rem;}
}
@media (min-width: 361px) and (max-width: 480px) {
  .max-office h2 {font-size: 2.4rem;}
}
@media (min-width: 481px) and (max-width: 600px) {
  .max-office h2 {font-size: 2.6rem;}
}
@media (min-width: 601px) and (max-width: 768px) {
  .max-office h2 {font-size: 2.6rem;}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .max-office h2 {font-size: 2.6rem;}
}


/* MAX Corp
-------------------------------------------------------------- */

.max-corp {padding-top: 150px;}
.max-corp h2 {font-size: 2.8rem; color: #FFF; font-weight: 700; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.60));}
.max-corp .lead {color:rgba(255, 255, 255, 0.80); font-size: 1rem; margin-bottom: 70px;}
.max-corp .card {background: #15181B; border: 1px solid rgba(62, 207, 142, .25); box-shadow: 0px 0px 10px 0px rgba(62,207,142,0.25);}
.max-corp .card .card-title {color: #FFF; font-size:1.1rem; font-weight: 700;}
.max-corp .card .card-text {color:rgba(255, 255, 255, 0.80);}

@media (max-width: 320px) {
  .max-corp h2 {font-size: 2.4rem;}
}
@media (min-width: 321px) and (max-width: 360px) {
  .max-corp h2 {font-size: 2.4rem;}
}
@media (min-width: 361px) and (max-width: 480px) {
  .max-corp h2 {font-size: 2.4rem;}
}
@media (min-width: 481px) and (max-width: 600px) {
  .max-corp h2 {font-size: 2.6rem;}
}
@media (min-width: 601px) and (max-width: 768px) {
  .max-corp h2 {font-size: 2.6rem;}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .max-corp h2 {font-size: 2.6rem;}
}


/* Infraestrutura
-------------------------------------------------------------- */

.infraestrutura {padding-top: 150px;}
.infraestrutura .card {background: transparent; border: 1px solid #494949;}
.infraestrutura h3 {font-size: 2.4rem; color: #FFF; font-weight: 700; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.60)); margin-bottom: 30px;}
.infraestrutura .lead {color:rgba(255, 255, 255, 0.80); font-size: 1rem;}
.infraestrutura .lead strong {color:#FFF; font-weight: 600;}

@media (max-width: 320px) {
  .infraestrutura h3 {font-size: 2rem;}
  .infraestrutura img {max-width: 200px; margin-bottom: 50px;}
}
@media (min-width: 321px) and (max-width: 360px) {
  .infraestrutura h3 {font-size: 2rem;}
  .infraestrutura img {max-width: 200px; margin-bottom: 50px;}
}
@media (min-width: 361px) and (max-width: 480px) {
  .infraestrutura h3 {font-size: 2rem;}
  .infraestrutura img {max-width: 200px; margin-bottom: 50px;}
}
@media (min-width: 481px) and (max-width: 600px) {
  .infraestrutura h3 {font-size: 2.2rem;}
  .infraestrutura img {max-width: 200px; margin-bottom: 50px;}
}
@media (min-width: 601px) and (max-width: 768px) {
  .infraestrutura h3 {font-size: 2.2rem;}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .infraestrutura h3 {font-size: 2.2rem;}
}


/* Sobre
-------------------------------------------------------------- */

.sobre {padding-top: 150px;}
.sobre h2 {font-size: 2.8rem; color: #FFF; font-weight: 700; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.60));}
.sobre .lead {color:rgba(255, 255, 255, 0.80); font-size: 1rem;}
.sobre img {border-radius: 20px;}

@media (max-width: 320px) {
  .sobre h2 {font-size: 2.4rem;}
}
@media (min-width: 321px) and (max-width: 360px) {
  .sobre h2 {font-size: 2.4rem;}
}
@media (min-width: 361px) and (max-width: 480px) {
  .sobre h2 {font-size: 2.4rem;}
}
@media (min-width: 481px) and (max-width: 600px) {
  .sobre h2 {font-size: 2.6rem;}
}
@media (min-width: 601px) and (max-width: 768px) {
  .sobre h2 {font-size: 2.6rem;}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .sobre h2 {font-size: 2.6rem;}
}


/* Contato
-------------------------------------------------------------- */

.contato {padding-top: 150px;}
.contato .card {background: transparent; border: 1px solid #494949;}
.contato h3 {font-size: 2.4rem; color: #FFF; font-weight: 700; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.60)); margin-bottom: 30px;}
.contato p {color: #FFF; font-size: 1.175rem;}
.contato p a {color: #FFF; text-decoration: none;}
.contato .bi {color:#3ECF8E; text-shadow: 0px 0px 5px rgba(62,207,142,0.6);}

@media (max-width: 320px) {
  .contato h3 {font-size: 2rem;}
  .contato p {font-size: 1rem;}
  .contato form {margin-top: 80px;}
}
@media (min-width: 321px) and (max-width: 360px) {
  .contato h3 {font-size: 2rem;}
  .contato p {font-size: 1rem;}
  .contato form {margin-top: 80px;}
}
@media (min-width: 361px) and (max-width: 480px) {
  .contato h3 {font-size: 2rem;}
  .contato p {font-size: 1rem;}
  .contato form {margin-top: 80px;}
}
@media (min-width: 481px) and (max-width: 600px) {
  .contato h3 {font-size: 2.2rem;}
  .contato p {font-size: 1rem;}
  .contato form {margin-top: 80px;}
}
@media (min-width: 601px) and (max-width: 768px) {
  .contato h3 {font-size: 2.2rem;}
  .contato p {font-size: 1rem;}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .contato h3 {font-size: 2.2rem;}
}


/* Contato Sucesso
-------------------------------------------------------------- */
.sucesso-page {padding-top: 200px;}
.sucesso-page h1 {font-size: 2.8rem; color: #FFF; font-weight: 700; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.60));}
@media (max-width: 320px) {
  .sucesso-page h1 {font-size: 2.4rem;}
}
@media (min-width: 321px) and (max-width: 360px) {
  .sucesso-page h1 {font-size: 2.4rem;}
}
@media (min-width: 361px) and (max-width: 480px) {
  .sucesso-page h1 {font-size: 2.4rem;}
}
@media (min-width: 481px) and (max-width: 600px) {
  .sucesso-page h1 {font-size: 2.6rem;}
}
@media (min-width: 601px) and (max-width: 768px) {
  .sucesso-page h1 {font-size: 2.6rem;}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .sucesso-page h1 {font-size: 2.6rem;}
}


/* Page
-------------------------------------------------------------- */
.default-page {padding-top: 150px;}
.default-page h1 {font-size: 2.8rem; color: #FFF; font-weight: 700; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.60)); margin-bottom: 50px;}
.default-page h2 {margin-top: 50px; margin-bottom: 20px;}
.default-page .default-content {color:rgba(255, 255, 255, 0.80);}
@media (max-width: 320px) {
  .default-page h1 {font-size: 2.4rem;}
}
@media (min-width: 321px) and (max-width: 360px) {
  .default-page h1 {font-size: 2.4rem;}
}
@media (min-width: 361px) and (max-width: 480px) {
  .default-page h1 {font-size: 2.4rem;}
}
@media (min-width: 481px) and (max-width: 600px) {
  .default-page h1 {font-size: 2.6rem;}
}
@media (min-width: 601px) and (max-width: 768px) {
  .default-page h1 {font-size: 2.6rem;}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .default-page h1 {font-size: 2.6rem;}
}


/* 404
-------------------------------------------------------------- */
.error-page {padding-top: 200px;}
.error-page h1 {font-size: 2.8rem; color: #FFF; font-weight: 700; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.60));}
.error-page p a {color:#3ECF8E; text-decoration: none;}
.error-page p a:hover {text-decoration: underline;}
@media (max-width: 320px) {
  .error-page h1 {font-size: 2.4rem;}
}
@media (min-width: 321px) and (max-width: 360px) {
  .error-page h1 {font-size: 2.4rem;}
}
@media (min-width: 361px) and (max-width: 480px) {
  .error-page h1 {font-size: 2.4rem;}
}
@media (min-width: 481px) and (max-width: 600px) {
  .error-page h1 {font-size: 2.6rem;}
}
@media (min-width: 601px) and (max-width: 768px) {
  .error-page h1 {font-size: 2.6rem;}
}
@media (min-width: 769px) and (max-width: 1024px) {
  .error-page h1 {font-size: 2.6rem;}
}



/* Footer
-------------------------------------------------------------- */
.main-footer {padding-top: 70px; padding-bottom: 50px; color: #FFF;}
.main-footer hr {margin-top: 50px;}
.main-footer .legal-nav .menu-item {font-size: .875em;}
.main-footer .legal-nav .menu-item a {color: #FFF; text-decoration: none; transition: .2s ease-in-out;}
.main-footer .legal-nav .menu-item a:hover {color: #CCC;}

@media (max-width: 320px) {}
@media (min-width: 321px) and (max-width: 360px) {}
@media (min-width: 361px) and (max-width: 480px) {}
@media (min-width: 481px) and (max-width: 600px) {}
@media (min-width: 601px) and (max-width: 768px) {}
@media (min-width: 769px) and (max-width: 1024px) {}












/* WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.alignright {float: right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;}

/* Text meant only for screen readers. */
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important;
  width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */}
.screen-reader-text:focus {background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal;
  padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */}