/*
Theme Name: Matriztica
Theme URI: http://www.lackfeartechnologies.com
Author: the LackFearTechnologies team
Author URI: http://www.lackfeartechnologies.com
Description: Matriztica 2021 theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: matriztica

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/******************************************************************imports************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import 'css/bootstrap.min.css';
@import 'css/classes.css?v=1.0.0';
@import 'css/slick.css';
@import 'css/lightbox.min.css';
.row {overflow: hidden;margin: -1% -1% 0;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {float: left;padding: 0 1%;margin: 1% 0;}
.col1 {width: 8.333333333333332%;}
.col2 {width: 16.666666666666664%;}
.col3 {width: 25%;}
.col4 {width: 33.33333333333333%;}
.col5 {width: 41.66666666666667%;}
.col6 {width: 50%;}
.col7 {width: 58.333333333333336%;}
.col8 {width: 66.66666666666666%;}
.col9 {width: 75%;}
.col10 {width: 83.33333333333334%;}
.col11 {width: 91.66666666666666%;}
.col12 {width: 100%;}
/*************************************************************************************************************************************************/

/*****************************************************************rewrited styles*****************************************************************/
:root {
  --font1: "Montserrat", sans-serif;
}
body {
    font-family: var(--font1);
    line-height: normal;
    font-size: 17px;
}

figure {
    margin-bottom: 0 !important;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

p:empty {
    display: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: inherit !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: inherit !important;
}

input:-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: inherit !important;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: inherit !important;
}

input::placeholder,
textarea::placeholder {
    color: inherit !important;
}

button {
    outline: 0 !important;
}
/*************************************************************************************************************************************************/


/********************************************************************Header
***************************************************************/
ul#avia-menu li {
    margin: 0 0 0 10px;
}
ul#avia-menu li a {
    font-size: 18px;
}


/********************************************************************custom classes***************************************************************/
.bg-lightblue {
    background-color: #5B96B1;
}

.bg-blue {
    background-color: #244E9F;
}

.bg-gray {
    background-color: #ECEDF1;
}

.bg-pink {
    background-color: #D86B63;
}

.text-lightblue, .text-lightblue:focus {
    color: #5B96B1 !important;
}

.text-blue {
    color: #244E9F;
}

.text-darkgray {
    color: #4D4D4D;
}

.text-black {
    color: #051025;
}

.text-xxl {
    font-size: 36px;
}

.text-xl {
    font-size: 30px;
}

.text-lg {
    font-size: 24px;
}

.text-md {
    font-size: 18px;
}

.text-rg {
    font-size: 16px;
}

.text-sm {
    font-size: 13px;
}

.text-xs {
    font-size: 11px;
}

.border-lightblue {
    border-color: #5B96B1 !important;
}

.p-header {
    padding-top: 72px;
}

.br-none br {
    display: none;
}

.mb-0-last > *:last-child {
    margin-bottom: 0 !important;
}

.custom-btn:hover {
    background-color: #244E9F !important;
}

#menu-header > li > ul {
    display: none;
    z-index: 1050;
}

#menu-header > li:hover > ul {
    display: block;
}

.navbar-white .navbar-brand,
.navbar-white .navbar-nav .nav-link,
.navbar-white .navbar-text,
.navbar-white .navbar-toggler,
.navbar-white .navbar-text a {
    color: #244E9F;
}

.navbar-white .navbar-brand:hover,
.navbar-white .navbar-nav .nav-link:hover,
.navbar-white .navbar-nav .show > .nav-link,
.navbar-white .navbar-nav .active > .nav-link,
.navbar-white .navbar-nav .nav-link.show,
.navbar-white .navbar-nav .nav-link.active,
.navbar-white .navbar-text a:hover {
    text-decoration: underline;
}

.navbar-white .navbar-nav .nav-link.disabled {
    color: rgba(36,78,159, 0.25);
}

.navbar-white .navbar-toggler {
    border-color: #244E9F;
}

.navbar-white .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23244E9F' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.image-container {
    height: 150px;
}

.slick-dots li button {
    width: 10px;
    height: 10px;
}

.slick-dots li.slick-active button {
    background-color: #244E9F;
}
/*************************************************************************************************************************************************/

/******************************************************************specifyc styles****************************************************************/
header .navbar-brand img {
    height: 40px;
}

#wpcf7-f44-o1 input[type="submit"] {
    width: 138px;
}

#wpcf7-f44-o1 .ajax-loader {
    display: block !important;
    margin: 0 auto;
}

#wpcf7-f44-o1 .wpcf7-response-output {
    margin-top: 0 !important;
    text-align: center;
}

.card-image-container {
    height: 200px;
}

#blog_container a:hover .card {
    box-shadow: 0px 0px 6px 1px #cccccc;
}


/* ____________________/N_css
____________________________________________________________*/
/* Header */
header#header.av_header_transparency ul#avia-menu li a {
    color: white;
}
header#header.av_header_transparency span.avia-menu-fx {
    background: white;
}

/* Borders_Diagonal */
.section-border .template-page {
    padding-bottom: 100px;
}
.section-border:after {
    content: '';
    position: relative;
    display: block;
    width: 3000px;
    height: 100px;
    transform: rotate(3deg);
    margin: 0 0 -75px;
    left: -100px;
}
.section-border-top:before {
    content: '';
    position: relative;
    display: block;
    width: 3000px;
    height: 110px;
    transform: rotate(-4deg);
    margin: 0;
    left: -100px;
    z-index: 99;
    top: -110px;
}
.border-b:before, .border-b:after {
    background: #0d7fc6;
}
.border-g:before, .border-g:after {
    background: #0a9174;
}
.border-w:before, .border-w:after{
    background: white;
}

/* ________________________________________________________________ */
.section-col-icon .avia-image-container {
    width: 60%;
}
.section-col-icon .avia-image-container img {
    width: 100%;
}
.section-col-icon .avia-gallery-thumb img {
    padding: 0 !important;
    border: none !important;
}
.section-book .avia-image-container.title {
    margin: 0 0 30px;
}
.section-home1 .avia-image-container {
    width: 70%;
    margin: 0 auto 30px;
}
.section-contacto .avia-image-container {
    width: 50%;
}
.section-contacto .avia-image-container .avia-image-container-inner, .section-contacto .avia-image-container img {
    width: 100%;
}
a.av-fold-button-container {
    background: #555 !important;
    border: none !important;
}
/* Contacto */
.section-contacto .row p {
    margin: 0;
}
.section-contacto input.input-class, .section-contacto textarea.input-class, .section-contacto select.input-class {
    color: black;
    border-radius: 20px !important;
    padding: 10px 20px !important;
    margin: 0 !important;
}
.section-contacto textarea.input-class {
    height: 160px;
}
.section-contacto input.input-send {
    background: #351b45;
    padding: 15px 70px;
    font-weight: bold;
    font-size: 18px;
    border-radius: 100px;
    font-family: var(--font1) !important;
}
span.wpcf7-not-valid-tip {
    font-size: 12px;
    margin: -5px 0 0 20px;
}
.section-contacto .wpcf7-response-output {
  font-size: 15px;
  color: black;
  background: white;
  margin: 5px 0 0 !important;
  text-align: center;
}
.wpcf7 input::-webkit-input-placeholder { color: #969696!important; opacity: 1 !important;} /* WebKit */
.wpcf7 input::-moz-placeholder { color: #969696!important; opacity: 1 !important;} /* Firefox 19+ */
.wpcf7 input::-ms-input-placeholder { color: #969696!important; opacity: 1 !important;} /* IE 10+ */
.wpcf7 textarea::-webkit-input-placeholder { color: #969696!important; opacity: 1 !important;} /* WebKit */

/* Footer */
#section-footer p {
    margin: 0;
}

/*************************************************************************************************************************************************/

/******************************************************************responsive breakpoints*********************************************************/
@media (min-width: 768px) {
    .p-header {
        padding-top: 124px;
    }
    
    .br-none br {
        display: block;
    }
    
    header .navbar-brand img {
        height: 76px;
    }
    
    .service-preview h3 {
        height: 45px;
    }

    .service-preview p {
        height: 185px;
    }
}
/*************************************************************************************************************************************************/


/* N_Responsive */
/* ________________________________________________________________ */
@media (max-width:1100px) {
  /* Header */
  ul#avia-menu li {
      margin: 0 0 0 5px;
  }
  ul#avia-menu li a {
      font-size: 15px;
  }
  /* Home */
  .section-pmv img {
      width: 50%;
  }
  .section-team-ban .hr {
    display: none;
  }
  .section-team-ban, .section-team-ban .av-parallax, .section-team-ban .container {
      height: 400px;
  }
  .section-team-ban .av-parallax {
      transform: none !important;
  }
  .section-testimonials .avia-testimonial {
      padding: 0 !important;
  }
  .section-contacto, .section-contacto .av-parallax, .section-contacto .container {
      height: 900px;
      background-size: cover;
  }
  .section-contacto .av-parallax {
      transform: none !important;
  }
  
}


@media (max-width:989px) {
  /* Header */
  .html_header_top.html_header_sticky #header {
    position: fixed !important;
  }
  /* Home */
  #hero_page .avia-image-container.img-button {
    width: 56%;
  }
  #hero_page .hr {
    height: 30px !important;
  }
  .section-video .avia-image-container.img-button {
    width: 68%;
  }
  .section-video .hr {
    height: 30px !important;
  }
  .flex_column.av-hide-on-mobile {
    display: none;
  }
  .section-desafios .entry-content-wrapper:before, 
  .section-desafios .entry-content-wrapper:after,
  .section-help .entry-content-wrapper:before, 
  .section-help .entry-content-wrapper:after, 
  .section-team-list .entry-content-wrapper:before, 
  .section-team-list .entry-content-wrapper:after, 
  .section-tendencias .entry-content-wrapper:before,
  .section-tendencias .entry-content-wrapper:after {
    display: none !important;
  }
  .section-desafios .entry-content-wrapper, 
  .section-help .entry-content-wrapper, 
  .section-team-list .entry-content-wrapper, 
  .section-tendencias .entry-content-wrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 30px 0;
    align-items: center;
  }
  .section-desafios .flex_column, 
  .section-help .flex_column, 
  .section-tendencias .flex_column {
    width: 80%;
    margin: 0 !important;
    text-align: center;
  }
  .section-desafios .flex_column section.slide-entry, 
  .section-help .flex_column section.slide-entry {
    width: 100%;
  }
 .section-team-list .flex_column.col-team {
     width: 80%;
     text-align: center;
     margin: 0 auto;
 }
  .section-team-list .flex_column.col-team img {
      width: 60%;
  }
  .section-contacto .flex_column_table {
      display: flex !important;
      flex-direction: row;
      flex-wrap: wrap;
  }
  .section-contacto .flex_column_table .flex_column.col-c02, .section-contacto .flex_column_table .av-flex-placeholder {
      display: none !important;
  }
  .section-contacto .flex_column_table .flex_column.col-c01 {
      width: 70% !important;
  }
  .section-book .avia-image-container.title {
      margin: 0 0 30px;
      width: 70%;
  }
  .section-home1 .avia-image-container {
    width: 90%;
    margin: 0 auto 30px;
  }
  .section-melanie .flex_column_table {
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
    grid-gap: 40px 0;
  }
  .section-melanie .av-flex-placeholder {
    display: none !important;
  }
  .section-melanie .flex_column {
    width: 100%;
    margin: 0;
  }
  .section-melanie .flex_column.col-icons {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 0 11%;
  }
  .section-melanie .flex_column.col-icons .hr {
    display: none;
  }
  
    
}


@media (max-width:767px) {
  .responsive #top #wrap_all .container {
      width: 100%;
      max-width: 100%;
      padding-left: 20px;
      padding-right: 20px;
  }
  /* Header */
  span.logo.avia-svg-logo {
      margin: 0 0 0 -60px;
  }
  
  /* Home */
  #hero_page {
      height: 650px;
  }
  #hero_page .avia-image-container.img-logo {
      width: 90%;
  }
  #hero_title {
      margin: 0 !important;
      padding: 30px 0 0;
  }
  .section-video .avia-image-container.img-button {
      width: 75%;
  }
  section.slide-entry {
      border-width: 60px 30px !important;
  }
  .section-team-list .flex_column.col-team img {
      width: 80%;
  }
  .section-contacto {
      background-position: 60% 0% !important;
  }
  .section-contacto .flex_column_table .flex_column.col-c01 {
      width: 100% !important;
  }

    .section-home1, .section-home1 .av-parallax, .section-home1 .container {
        height: 460px;
    }
    .section-home1 .av-parallax {
        transform: none !important;
    }
    .section-video .hr {
        height: 20px !important;
    }
    .section-book .avia-image-container.title {
        margin: 0 0 30px;
        width: 57%;
    }
    .section-book .avia-image-container.image-book {
        margin: 30px 0 0 -40px !important;
    }
    .section-contacto .avia-image-container {
        width: 100%;
    }
    .section-social .entry-content-wrapper:before, .section-social .entry-content-wrapper:after {
        display: none !important;
    }
    .section-social .entry-content-wrapper {
        display: flex;
    }
    /* Bordes */
    .section-border:after {
        content: '';
        position: relative;
        display: block;
        width: 1000px;
        height: 100px;
        transform: rotate(9deg);
        margin: 0 0 -60px;
        left: -100px;
        bottom: 0;
    }
    .section-border-top:before {
        content: '';
        position: relative;
        display: block;
        width: 3000px;
        height: 110px;
        transform: rotate(-10deg);
        margin: -100px 0 0;
        left: -100px;
        z-index: 99;
        top: -180px;
    }
    
    /* Footer */
    .section-video-f .container {
        height: 50vh !important;
    }
    .section-footer .entry-content-wrapper:before, .section-footer .entry-content-wrapper:after {
      display: none;
    }
    .section-footer .entry-content-wrapper {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .section-footer .flex_column.colum-footer1 {
        width: 100% !important;
    }
    .section-footer .flex_column {
        width: 20% !important;
    }
}