/*

@media (min-width:320px) {smartphones, iPhone, portrait 480x320 phone}

@media (min-width:481px) {portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide}

@media (min-width:641px) {portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones}

@media (min-width:961px) {tablet, landscape iPad, lo-res laptops ands desktops}

@media (min-width:1025px) {big landscape tablets, laptops, and desktops}

@media (min-width:1281px) {hi-res laptops and desktops}

*/



/* Reset */

* {

    margin: 0;

    padding: 0;

    border: none;

    outline: none;

}



/*

font-family: 'Roboto', sans-serif;

font-family: 'Raleway', sans-serif;

*/



body {

    font-family: 'Roboto',sans-serif;

    font-weight: 300;

    color: #333333;

    transition: height 100s;

    line-height: 1.5;

}



.hidden {

    display: none;

}



.show {

    display: none;

}



::-webkit-scrollbar { 

    display: none; 

}



a {

    text-decoration: none;

    color: #333333;

}



ul {

    list-style: none;

}



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

@media (min-width: 0px) { /* ************************************************ */

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



    h1 {

        font-size: 26px;

        font-weight: 500;

    }

    

    h2 {

        font-size: 22px;

        font-weight: 500;

    }



    .main-wrapper {

        width: 94%;

        margin: 0 3%;

        float: left;

    }



    .header {

        width: 100%;

        height: 80px;

    }



    .hamburguer-btn {

        width: 48px;

        height: 80px;

        float: left;

        background-repeat: no-repeat;

        background-position: 50%;

        background-size: 28px;

    }

    

    .hamburguer-open-btn {

        background-image: url(../images/icon-open-hamburguer.svg);

    }

    

    .hamburguer-close-btn {
        background-image: url(../images/icon-close-hamburguer.svg);

    }

    

    .menu-desktop {

        display: none;

    }

    

    .menu-mobile {

        display: none;

        position: fixed;

        padding:0;

        margin:0;

        top:0;

        left:0;

        width: 100%;

        height: 100%;

        z-index: 1001;

        background-color: #ffffff;

    }

    

    .menu-mobile .mm-1 {

        width: 100%;

        height: 44px;

        line-height: 44px;

        float: left;

        text-align: center;

    }

    

    .menu-mobile .mm-2 {

        width: 100%;

        height: 44px;

        line-height: 44px;

        float: left;

        text-align: center;

    }

    

    .m2-wrapper {

        display: none;

        width: 100%;

    }

    

    .social-wrapper {

        width: 162px;

        margin: 0 auto;

    }

    

    .logo-wrapper {

        width: calc(100% - 48px);

        height: 80px;

        float: left;

        text-align: center;

    }

    

    .logo {

        width: 140px;

        height: 80px;

        float: left;

        margin-left: calc(50% - 44px);

        background-image: url(../images/main-logo-flyactiv.svg);

        background-repeat: no-repeat;

        background-size: 140px;

        background-position-x: 50%;

        background-position-y: 50%;  

    }

    

    .nav {

        display: none;

    }



    .nav li {

        display: inline;

    }

    

    .nav a {

        display: inline-block;

        padding: 0 12px;

    }

    

    .swiper-container {

        overflow: initial !important;

        height: 480px;

    }

    

    .swiper-container-autoheight .swiper-wrapper {

        height: 80%;

    }

    

    .swiper-slide {

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;

    }

    

    .sw-mobile-content {

        width: 100%;

        height: 100%;

        background-position: 50%;

        background-size: cover;

    }

    

    .sw-mobile-text {

        width: 200px;

        padding: 18px 18px;

        font-weight: bold;

        border-radius: 4px;

        margin: 28px 0 0 0;

        color: #009b99;

        font-size: 19px;

        background-color: #ffffff;

        opacity: 0.95;

    }

    

    .sw-mobile-link {

        width: 200px;

        background-color: #ffffff;

        margin: 20px 0 0 0;

        text-align: center;

        padding: 10px 18px;

        border-radius: 4px;

        color: #009b99;

        cursor: pointer;

        float: left;

        opacity: 0.95;

    }

    

    .swiper-left-part {

        width: 50%;

        height: calc(100vh - 120px);

        min-height: 360px;

        float: left;

        background-color: lightgray;

    }

    

    .swiper-right-part {

        width: 50%;

        height: calc(100vh - 120px);

        min-height: 360px;

        float: left;

        background-color: grey;

    }

    

    .swiper-lp-text {

        text-align: left;

    }

    

    .bio-wrapper {

        width: 100%;

        height: auto;

        background-color: #009b99;

        float: left;

    }

    

    .bio-photo {

        width: 100%;

        height: 280px;

        margin: 60px 0 28px 0;

        float: left;

        background-image: url(../images/foto-bio.png);

        background-position: 50%;

        background-repeat: no-repeat;

        background-size: contain;

    }

    

    .bio-text {

        width: 100%;

        margin: 0px 0 60px 0;

        color: #ffffff;

        float: left;

        text-align: center;

    }

    

    .pers-wrapper a {

        padding: 10px 24px;

        background-color: #009b99;

        border-radius: 4px;

        color: #ffffff;

        font-weight: 300;

    }

    

    .pers-wrapper {

        font-size: 18px;

    }

    

    .bio-text a {

        padding: 10px 24px;

        background-color: #ffffff;

        border-radius: 4px;

        color: #009b99;

    }

    

    .desktop-footer {

        display: none;

    }

    

    .mobile-footer {

        width: 100%;

        float: left;

    }

    

    .footer-block {

        width: 100%;

        float: left;

        background-color: #333333;

        color: #ffffff;

        padding: 50px 0;

    }

    

    .footer-block a {

        color: #ffffff;

    }

    

    .footer-inner-block {

        width: 100%;

        margin: 0 0 40px 0;

        text-align: center;

        float: left;

    }

    

    .footer-logo {

        width: 100%;

        height: 120px;

        background-image: url("../images/main-logo-flyactiv.svg");

        background-repeat: no-repeat;

        background-size: 160px; 

        background-position: 50%;

    }

    

    .footer-space {

        width: 100%;

        height: 120px;

    }

    

    .footer-inner-block a {

        font-weight: 300;

        cursor: pointer;

    }

    

    

    .social-icon {

        width: 40px;

        height: 40px;

        background-color: #9c6f6f;

        float: left;

        margin: 0 7px;

    }

    

    .page-title {

        width: 100%;

        float: left;

        margin: 28px 0;

        font-size: 22px;

        font-weight: 500;

        text-align: center;

    }

    

    .product-wrapper {

        width: calc(96% - 2px);

        margin: 2%;

        float: left;

        border: 1px solid #f2f2f2;

        text-align: center;

    }

    

    .product-status{

        width: 80px;

        height: 80px;

        line-height: 80px;

        float: right;

        border-radius: 40px;

        background-color: #00804b;

        font-weight: 700;

        color: #ffffff;

        opacity: 0.9;

        font-size: 12px;

        text-transform: uppercase;

    }

    

    .product-media {

        width: 90%;

        height: 0;

        padding-top: 90%;

        margin: 5%;

        background-position: 50%;

        background-size: cover;

    }

    

    .product-name {

        width: 100%;

        float: left;

        margin: 5px 0;

        font-weight: 700;

        font-size: 20px;

    }

    

    .product-ref {

        width: 100%;

        float: left;

        margin: 5px 0 15px 0;

        font-size: 12px;

        

    }

    

    .product-details-info-wrapper {

        float: left;

        width: 100%;

    }

    

    .product-details-media {

        width: 100%;

        height: 200px;

        margin: 40px 0;

        float: left;

        background-position: 50%;

        background-size: contain;

        background-repeat: no-repeat;

    }

    

    .product-details-info-wrapper .product-ref,

    .product-details-info-wrapper .product-name{

        text-align: center;

    }

    

    .admin-select {

        width: 200px;

        padding: 16px 4px;

        background-color: #ffffff;

        color: #333333;

        border: 1px solid #333333;

    }

    

    .admin-input {

        width: 200px;

        padding: 16px 20px;

        background-color: #ffffff;

        color: #333333;

        border: 1px solid #333333;

    }

    

    .admin-textarea {

        width: 300px;

        height: 260px;

        padding: 16px 20px;

        color: #333333;

        border: 1px solid #333333;

        resize: none;

    }

    

    .admin-submit-btn {

        width: 200px;

        padding: 16px 20px;

        background-color: #ffffff;

        color: #333333;

        border: 1px solid #333333;

        border-radius: 26px;

        text-transform: uppercase;

    }

    

    .admin-submit-btn:hover {

        cursor: pointer;

    }

    

    .admin-product-wrapper {

        width: calc(30.33% - 2px);

        padding: 1.5%;

        float: left;

        border: 1px solid #f2f2f2;

        overflow: scroll;

    }

    

    .admin-product-wrapper a {

        width: 60%;

        height: 46px;

        line-height: 46px;

        margin: 10px 20%;

        text-align: center;

        border-radius: 23px;

        border: 1px solid #f2f2f2;

        float: left;

        

    }

    

    .admin-desc-produto {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }

    

    .admin-prduct-tumb {

        width: 100%;

        height: 100px;

        background-position-y: 50%;

        background-position-x: 0%;

        background-size: 100px;

        background-repeat: no-repeat;

        margin: 0 0 20px 0;

    }

    

    .admin-color-circle {

        width: 16px;

        height: 16px;

        /* margin: 2px; */

        border-radius: 10px;

        /* float: left; */

        /* border: 1px solid #dadada; */

    }

    

    .sqs-wrapper {

        width: 100%;

        float: left;

    }

    

    .destak-square {

        width: calc(46% - 2px);

        border: 1px solid #f2f2f2;

        padding: 2%;

        margin: 4% 0;

        float: left;

    }

    

    .destak-square p {

        text-align: center;

    }

    

    .destak-img {

        width: 88%;

        height: 0;

        padding-top: 90%;

        margin: 0 6%;

        

        background-position: 50%;

        background-size: 80%;

        background-repeat: no-repeat;

    }

    

    .destak-btn {

        width: 120px;

        text-align: center;

        margin: 20px auto;

        padding: 10px 6px;

        background-color: #009b99;

        border-radius: 4px;

        color: #ffffff;

    }

    

    .back-btn {

        width: 100%;

        height: 42px;

        text-align: center;

        line-height: 42px;

        border: 1px solid #f2f2f2;

        border-radius: 28px;

        float: left;

    }

    

    .img-wrapper {

        width: 100%;

        height: 320px;

        float: left;

        background-position: 50%;

    }

    

    .text-block {

        width: 100%;

        float: left;

        padding: 60px 0;

    }

    

    .pers-wrapper-1 {

        width: calc(100% - 40px);

        padding: 20px;

        margin: 0 0 40px 0;

        float: left;

        background-image: url("../images/img-company-002.jpg");

        background-repeat: no-repeat;

        background-position: 50%;

        background-size: cover;

        color: #ffffff;

    }

    

    .pers-wrapper-2 {

        width: calc(100% - 40px);

        padding: 20px;

        margin: 0 0 40px 0;

        float: left;

        background-image: url("../images/img-company-003.jpg");

        background-repeat: no-repeat;

        background-position: 50%;

        background-size: cover;

        color: #ffffff;

    }

    

    .promo-title {

        width: 100%;

        float: left;

        text-align: center;

        font-weight: 700;

        font-size: 32px;

        color: #009b99;

    }

    

    .promo-subtitle {

       width: 100%;

       float: left;

       text-align: center;

       font-size: 16px;

       font-weight: bold;

    }

    

    .newsletter-block {

        background-color: #e7e7e7;

        padding: 40px 0;

        width: 100%;

        text-align: center;

        float: left;

    }

    

    .newsletter-input {

        width: 200px;

        height: 32px;

        line-height: 32px;

        padding: 6px;

        font-size: 16px;

        margin: 0 10px 10px 10px;

        border-radius: 4px;

    }

    

    .newsletter-submit {

        width: 200px;

        line-height: 32px;

        padding: 6px 6px;

        font-size: 16px;

        background-color: #adadad;

        border-radius: 4px;

    }

    

    .pdf-object {

        display: none;

    }

    

    .form_login {

        font-size: 12px;

        width: 320px;

        margin: 0 auto;

    }



    .form_title {

        text-align: center;

        margin-top: 20px;

        margin-bottom: 20px;

    }

    

    .input_login_form {

        width: 100%;

        height: 30px;

        border-radius: 5px;

        border: 0;

        padding: 5px;

        margin-left: 5px;

        background-color: grey;

    }

    

    .bo_pair_btn_positive {

        background: #28C135;

        color: white;

        text-align: center;

        height: 40px;

        line-height: 40px;

        border-radius: 2px;

        font-size: 12px;

        padding: 0px 14px;

        margin: 10px 10px 0px 0;

    }

    

    .bo_add_new_post_btn {

        float: left;

        background: rgb(71, 71, 71);

        color: white;

        text-align: center;

        height: 40px;

        line-height: 40px;

        border-radius: 2px;

        font-size: 12px;

        padding: 0px 14px;

        margin-bottom: 10px;

        margin-top: 10px;

    }

    

    .langs-wrapper {

        width: 92%;

        padding: 0 4%;

        height: 34px;

        line-height: 34px;

        float: left;

        font-size: 14px;

        margin-top: 0px;

        background-color: #f3f3f3;

    }

    

}



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

@media (min-width: 320px) { /* ********************************************** */

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







}



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

@media (min-width: 481px) { /* ********************************************** */

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



    .product-wrapper {

        width: calc(46% - 2px);

    }

    

    .product-details-media {

        height: 280px;

    }

    

    .back-btn {

        width: 200px;

    }



    .product-name {

        width: 100%;

        float: left;

        margin: 5px 0;

        font-weight: 700;

        font-size: 20px;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }



}



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

@media (min-width: 641px) { /* ********************************************** */

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

    

    .bio-photo {

        height: 340px;

    }



    .promo-title {

        font-size: 42px;

    }

    

}



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

@media (min-width: 780px) { /* ********************************************** */

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

    

    .bio-photo {

        height: 400px;

    }



    .product-details-info-wrapper {

        width: 45%;

    }

    

    .product-details-media {

        width: 55%;

        height: 320px;

    }

    

    .product-details-info-wrapper .product-ref,

    .product-details-info-wrapper .product-name {

        text-align: left;

    }

    

    .destak-square {

        width: calc(29.33% - 2px);

    }

    

    .pers-wrapper-1,

    .pers-wrapper-2 {

        width: calc(100% - 40px);

    }

    

}



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

@media (min-width: 961px) { /* ********************************************** */

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



    .bio-photo {

        width: 50%;

        height: 380px;

        margin: 60px 28px 60px 0;

    }

    

    .bio-text {

        width: calc(50% - 28px);

        margin: 60px 0 60px 0;

        color: #ffffff;

        text-align: left;

        font-size: 18px;

    }

    

    .product-wrapper {

        width: calc(29.33% - 2px);

    }



    .product-details-info-wrapper {

        width: 30%;

    }

    

    .product-details-media {

        width: 70%;

        height: 420px;

    }

    

    .swiper-container {

        height: 600px;

        overflow: initial !important;

    }

    

}



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

@media (min-width: 1025px) { /* ********************************************** */

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



    .mobile-footer {

        display: none;

    }

    

    .desktop-footer {

        display: block;

    }

    

    .footer-inner-block {

        width: 33.33%;

        float: left;

    }

    

    .destak-square {

        width: calc(21% - 2px);

    }

    

    .product-details-media {

        height: 480px;

    }

    

    .pdf-object {

        display: block;

    }



}



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

@media (min-width: 1200px) { /* ********************************************** */

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



    .main-wrapper {

        width: 1200px;

        margin: 0 auto;

        float: initial;

    }

    

    .header {

        width: 100%;

        height: 120px;

    }

    

    .logo-wrapper {

        width: calc(100% - 48px);

        height: 120px;

    }

    

    .logo {

        width: 220px;

        height: 120px;

        margin-left: calc(50% - 88px);

        background-size: 220px;

    }

    

    .hamburguer-btn {

        display: none;

    }

    
/* ************ MENU ******************************************************** */



    .menu-desktop {

        display: block;

    }



    #nav {

        border-width: 1px 0;

        list-style: none;

        margin: 20px 0;

        padding: 0;

        text-align: center;

        border-bottom: 1px solid #f2f2f2;

    }



    #nav li {

        position: relative;

        display: inline;

    }



    #nav a {

        display: inline-block;

        padding: 10px 16px;

    }



    #nav ul {

        position: absolute;

        left: -9999px;

        margin: 0;

        padding: 0;

        text-align: left;

        z-index: 1000;

    }



    #nav ul li {

        display: block;

    }



    #nav li:hover ul {

        left: 0;

    }

    #nav li:hover a {

        background: #ffffff;

    }



    #nav li:hover ul a {

        text-decoration: none;

        background: #ffffff;

        opacity: 1;

    }



    #nav li:hover ul a:hover {

        background: #ffffff;

        opacity: 1;

    }



    #nav ul a {

        white-space: nowrap;

        display: block;

        border-bottom: 1px solid #ccc;

    }



    a {

        text-decoration: none;

        font-weight: bold;

    }



    .menu-desktop a:hover {

        background: #f1f1f1;

    }

    

    .product-link {

        font-weight: 300;

    }



/* ************ FIM MENU **************************************************** */



    .back-btn {

        display: none;

    }



}