@import url('https://use.fontawesome.com/releases/v5.7.2/css/all.css');
@import url('https://fonts.googleapis.com/css?family=Kanit:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url("../js/jsmodal/modals.css");
@import url("https://lovatel.com.br/plugins/plugins.css");

html, body {
    position: relative;
    height: 100%;
  }

  /* HEADER */
  header{
      position:fixed;
      top:0px;
      left:0px;
      right:0px;
      z-index:2;
      border-top:6px solid #9CCA47;
      padding:35px 0px;
      display:flex;

      transition-duration:0.2s;
        -moz-transition-duration:0.2s;
        -webkit-transition-duration:0.2s;
  }
    header .main{
        display:flex;
        align-items: center;
        justify-content: space-between;
    }

    header a#logo{
        width:265px;
        transition-duration:0.2s;
        -moz-transition-duration:0.2s;
        -webkit-transition-duration:0.2s;
    }

    header .top-header{
        width:75%;
    }

        .header_phone{
            display:table;
            width:100%;
            margin-bottom:20px;
            opacity:1;

            transition-duration:0.2s;
            -moz-transition-duration:0.2s;
            -webkit-transition-duration:0.2s;
        }
        .header_phone span{
            float:right;
            color:#fff;
            font-size:14px;
            font-weight:300;
            padding:5px 0px 5px 25px;
            background:url("../img/h_fone.png") no-repeat left center;
            font-family:'Kanit',sans-serif;
            text-align:right;
        }
            .header_phone span strong{
                font-weight:900;
                font-size:20px;
            }
            #menu{
                display:flex;
                justify-content: flex-end;
            }
            #menu ul{
                display:flex;
            }
            #menu ul li{
                display:inline-table;
                margin:0px 6px;
            }
            #menu ul li:nth-of-type(1){
                display:none;
            }
            #menu ul li a{
                width:100%;
                font-size:16px;
                font-family:'Kanit',sans-serif;
                color:#fff;
                font-weight:600;
                display:table;
                padding:16px 16px;
                border-radius:4px;
            }
            #menu ul li:hover a,
            #menu ul li.ativo a{
                background:#FFFFFF;
                color:#117DAC;
            }

    header.scroll{
        background:rgba(32,83,114,0.9);
        box-shadow:0px 0px 10px #173A4F;
        z-index:3;
    }  
        header.scroll{
            padding:15px 0px;
        }
        header.scroll .header_phone{
            opacity:0;
            margin-top:-75px;   
            margin-bottom:0px;
        }
        header.scroll a#logo{
            width:148px;
        }



/* BANNER */
#fullpage, .section_one {
    height: 100%;
}
.swiper-container {
    width: 100%;
    height: 100%;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    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;
  }

#banner{
    background:#000;
    position:relative;
    height:100%;
}

.wrap-chapter {
    position: absolute;
    width:96%;
    max-width:1336px;
    font-weight: 100;
    font-style:italic;
    text-align: right;
    font-size: 56px;
    margin-top:0px;
    opacity:0;

    padding-right:250px;
    
    transition-duration:1.5s;
    -moz-transition-duration:1.5s;
    -webkit-transition-duration:1.5s;
    transition-timing-function: cubic-bezier;
}

    .wrap-chapter:before{
        content:'';
        position:absolute;
        top:50%;
        margin-top:-175px;
        right:0px;
        width:210px;
        height:312px;
        display:table;
        background:url("../img/i_dek.png") no-repeat right center;
        background-size:100%;
    }


    .wrap-chapter h1{
        font-weight:900;
        color:#fff;
        font-size:70px;
        line-height:70px;
        
        position:relative;
    }


.swiper-slide.swiper-slide-active .wrap-chapter{
    opacity:1;
    margin-top:35px;
}


#banner .swiper-pagination,
#slider .swiper-pagination{
    padding:30px 0px;
}
#banner .swiper-pagination-bullet,
#slider .swiper-pagination-bullet{
    background:#fff;
    border-radius:50%;
    width:10px;
    height:10px;
    position:relative;
    margin:0 11px;
}
#banner .swiper-pagination-bullet-active:before,
#slider .swiper-pagination-bullet-active:before{
    content:'';
    border:5px solid #9CCA47;
    width:10px;
    height:10px;
    display:table;
    position:absolute;
    top:-5px;
    left:-5px;
    border-radius:50%;
}

#banner .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
#slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background:#fff;
    opacity:1;
}

#slider .swiper-container{
    padding-bottom:60px;
}

#slider .swiper-pagination{
    padding:0px;
}

#slider .swiper-pagination-bullet{
    background:#555;
}
#slider .swiper-pagination-bullet-active{
    background:#fff;
}
#slider .swiper-pagination-bullet-active:before{
    border-color:#117DAC;
}




#banner_actions{
    position:absolute;
    width:100%;
    bottom:8%;
    display:flex;
    z-index:5;
    align-items: center;
    justify-content: center;
}
    .bt_action{
        width:380px;
        margin:0px 15px;
        display:table;
        border:2px solid #bbb;
        padding:20px 30px;
        padding-left:120px;
        color:#fff;
        font-size:18px;
        position:relative;
    }
    .bt_action p,
    .bt_action span{
        color:#fff;

        transition-duration:0.5s;
        -moz-transition-duration:0.5s;
        -webkit-transition-duration:0.5s;
    }
    .bt_action:before{
        content:'';
        position:absolute;
        top:-2px;
        left:-2px;
        bottom:-2px;
        width:0%;
        opacity:0;
        display:block;
        border:2px solid #e63e26;
        border-right:0px;

        transition-duration:0.5s;
        -moz-transition-duration:0.5s;
        -webkit-transition-duration:0.5s;
        transition-timing-function: cubic-bezier;
    }
    .bt_action:after{
        content:'';
        position:absolute;
        top:-2px;
        right:-2px;
        bottom:-2px;
        width:0%;
        opacity:0;
        display:block;
        border:2px solid #e63e26;
        border-left:0px;
        transition-duration:0.5s;
        -moz-transition-duration:0.5s;
        -webkit-transition-duration:0.5s;

        transition-timing-function: cubic-bezier;
    }

    .bt_action:hover:before{
        width:50%;
        opacity:1;
    }
    .bt_action:hover:after{
        width:50%;
        opacity:1;
    }

    .bt_action:hover p,
    .bt_action:hover span{
        color:#df3014;
    }

    .bt_action p{
        position:relative;
        z-index:2;
        margin-top:5px;
        font-weight:900;
        font-size:35px;
    }
        .bt_action.i_search{
            background:url("../img/i_search.png") no-repeat left 10px top 5px;
        }
        .bt_action.i_visit{
            background:url("../img/i_visit.png") no-repeat left 10px top 5px;
        }
    .bt_action.i_search:hover,
    .bt_action.i_visit:hover{
        background-position:10px -85px;
    }

/* PÁGINA INIICIAL PÓS BANNER */
.section_two,
.section_three,
.section_four{
    display:flex;
    padding:70px 0px;
}


.main_t{
    font-size:50px;
    font-style:italic;
    font-weight:900;
    position:relative;
    margin-bottom:45px;
}
.main_t:before{
    content:'';
    position:absolute;
    bottom:-10px;
    width:300px;
    height:5px;
    display:table;
}

.sub_t{
    font-size:30px;
    font-style:italic;
    font-weight:900;
    position:relative;
    margin-bottom:25px;
}
.sub_t:before{
    content:'';
    position:absolute;
    bottom:-10px;
    width:90px;
    height:4px;
    display:table;
    background:#117DAC;
}


.blue{
    color:#117DAC;
}
.green{
    color:#9CCA47;
}
.navy{
    color:#205372;
}
.white{
    color:#fff;
}

.t_center{
    text-align:center;
    width:100%;
}

    .main_t.green:before{
        width:260px;
        left:0px;
        background:#9CCA47;
    }

    .main_t.navy:before{
        width:220px;
        left:0px;
        background:#205372;
    }

    .main_t.blue:before{
        left:0px;
        width:220px;
        background:#117DAC;
    }

    .main_t.blue.t_center:before{
        left:50%;
        width:300px;
        margin-left:-150px;
        background:#117DAC;
    }

    .main_t.green.t_center:before{
        left:50%;
        width:300px;
        margin-left:-150px;
        background:#9CCA47;
    }




/* EQUIPAMENTOS */
.section_two{
    padding-bottom:30px;
    background:#fff;    
}
    .section_two .main{
        flex-direction:column;
    }

    #slider{
            margin-bottom:60px;
            width:100%;
        }

        #slider figure{
            overflow: hidden;
            border:6px solid transparent;
            border-radius:10px;

            margin-bottom:10px;

            transition-duration:0.2s;
            -webkit-transition-duration:0.2s;
            -moz-transition-duration:0.2s;
        }
        #slider figure img{
            border-radius:4px;
        }
        #slider a:hover figure{
            border-color:#9CCA47;
        }

        #slider h6{
            text-align:center;
            color:#117DAC;
            font-size:18px;
            line-height:15px;
            padding:0px 20px;
        }



/* CONFIANÇA E RESULTADO */ 
.section_three{
    background: #255979;    
    background-size:cover;
    position:relative;
}
    .section_three .main{
        justify-content: space-between;
    }

    .section_three article{
        width:48%;
    }
        .section_three article p{
            font-weight:300;
        }

        .section_three figure#home_business_img{
            border-radius:10px 0px 0px 10px;
            overflow: hidden;
            position:absolute;
            right:0px;
            top:-50px;
            width:50%;
            max-height:520px;
        }

        .section_three figure#home_business_img img{
            width:100%;
        }

    .bt{
        border-radius:5px;
        padding:20px 30px;
        display:table;
        font-family:'Kanit',sans-serif;
        font-weight:600;
        font-size:15px;
        margin-top:40px;
    }
    
        .bgreen{
            color:#fff;
            background:#9CCA47;
        }
        .bgreen:hover{
            background:#6D9229;
        }



/* SERVIÇOS E PRODUTOS */
.section_four{
    background:#F3F3F3;
    position:relative;
    overflow: hidden;
}
    .section_four:before{
        content:'';
        background:#fff;
        width:50%;
        height:100%;
        display:block;
        position:absolute;
        right:0;
        top:0px;
    }   
    .section_four .main{
        z-index:2;
        justify-content: space-between;
        position:relative;
    }

    .section_four .main:before {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -125px;
        left:-90px;
        width:167px;
        height:250px;
        display: table;
        background: url(../img/i_dek.png) no-repeat right center;
        background-size: 100%;
    }

        .box-home-servicos,
        .box-home-produtos{
            width:50%;
        }

        .box-home-servicos{
            padding-right:30px;
            padding-left:90px;
        }
        .box-home-produtos{
            padding-left:60px;
        }

        .bnavy{
            color:#fff;
            background:#215472;
        }
        .bnavy:hover{
            background:#173A4F;
        }

        .bblue{
            color:#fff;
            background:#117DAC;
        }
        .bblue:hover{
            background:#215472;
        }




    footer{
        background:url("../img/bg_footer.png") no-repeat center center;
        background-size:cover;
        padding:70px 0px 0px 0px;
        display:flex;
        flex-direction: column;
    }
        footer .main{
            display:flex;
            flex-wrap:wrap;
            justify-content: space-between;
            align-items: center;
        }
            .logo-footer{
                width:18%;
            }
                .logo-footer img{
                    
                }
            

            .address-footer{
                width:58%;
            }
                .address-footer h6{
                    text-align:center;
                }
            .list-address{
                display:flex;
                flex-wrap:wrap;
                justify-content: space-between;
            }
            .list-address li{
                width:48%;
                padding-left:40px;
                position:relative;
                display: flex;
                align-items: center;
            }
                .list-address li i{
                    position:absolute;
                    top:50%;
                    margin-top:-10px;
                    left:0px;
                    font-size:30px;
                    color:#2CC1F1;
                }
                .list-address li p{
                    color:#fff;
                }
                .list-address li a{
                   color:#fff; 
                   font-weight:bold;
                }


            .brasil-footer{
                width:20%;
            }




            .footer_logo,
            .footer_endereco,
            .footer_fones{
                width:100%;
            }


            .footer_endereco article,
            .footer_fones article{
                float:right;
                padding-left:45px;
            }

            .footer_endereco article{
                margin:0 auto;
                float:none;
                display:table;
                background:url("../img/i_geo.png") no-repeat left center;
            }

            .footer_fones article{
                background:url("../img/i_phone.png") no-repeat left center;
            }

            .footer_endereco article p{
                color:#fff;
                font-weight:300;
            }
            .footer_endereco article p a{
                font-weight:700;
            }

            .footer_fones span{
                color:#fff;
                font-size:18px;
                font-weight:400;
                display:table;
                margin:5px 0px;
                text-align:right;
                width:100%;
            }
        
    footer h6{
        width:100%;
        display:table;
        color:#fff;
        font-size:30px;
        margin-bottom:20px;
        font-weight:900;
    }

        footer .footer_fones h6{
            text-align:right;
        }

    #development{
        background:rgba(20,52,71,0.5);
        margin-top:60px;
        display:flex;
        justify-content: space-between;
        padding:30px 0px;

    }

            #development span,
            #development span a{
                color:#bbb;
                font-weight:300;
                font-size:15px;
            }

            #development span a:hover{
                color:#fff;
            }

    /* PÁGINAS INTERNAS */
    #header_page{
        background:url("../img/bgs.png") no-repeat center top;
        display:flex;
        padding:230px 0px 0px 0px;
    }
    #header_page h1{
        color:#fff;
        text-align:center;
        display:table;
        padding:40px 20px;
        font-size:50px;
        font-weight:900;
        width:100%;
        background:rgba(20,52,71,0.5);
        position:relative;
    }
    #header_page h1:before{
        content:'';
        position:absolute;
        bottom:0px;
        width:350px;
        height:6px;
        display:table;
        left:50%;
        margin-left:-175px;
        background:#B6D341;
    }


    .section_content{
        display:flex;
        background:#F3F3F3;
        padding: 70px 0px;
        min-height:600px;
    }

    /* empresa */
    #description_dek{
        position:relative;
        height: fit-content;
        height: -moz-fit-content;
        min-height: auto;
    }
    #description_dek .main{
        justify-content: space-between;
    }
    
    #description_dek p strong{
        color:#173A4F;
        font-weight:600;
    }
        #description_dek article,
        #description_dek aside{
            width:48%;
            text-align: justify;
            height: fit-content;
            height: -moz-fit-content;
        }

        #description_dek aside{
            /* position:absolute; */
            right:0px;
            /* top:70px; */
            width:48%;
        }
        #description_dek aside figure{
            overflow: hidden;
            /* max-height:475px; */
            border-radius:10px;
        }

        #description_dek aside figure img{
            width:100%;
        }

        
        #diretrizes{
            padding:70px 0px;
        }
        #diretrizes .main{
            flex-direction: row;
            justify-content: space-between;
        }

        #diretrizes .main article{
            width:48%;
        }


        /* EQUIPAMENTOS */
        #equipamento_page .main{
            display:flex;
            flex-direction: column;
            min-height:100%;
        }
        .list-equipamentos{
            margin-top:30px;
            display:flex;
            flex-wrap:wrap;
            justify-content: space-between;
        }
        .list-equipamentos li{
            width:33%;
            display:table;
            margin-bottom:20px;
        }

        .list-equipamentos figure{
            overflow: hidden;
            border:6px solid #ccc;
            border-radius:10px;
            display: flex;
            justify-content: center;
            height: fit-content;
            height: -moz-fit-content;

            margin-bottom:10px;

            transition-duration:0.2s;
            -webkit-transition-duration:0.2s;
            -moz-transition-duration:0.2s;
        }
        .list-equipamentos figure img{
            border-radius:4px;
            /* width: 100%; */
            width: fit-content;
            width: -moz-fit-content;
            margin-left: auto;
            margin-right: auto;
            height: 100%;
        }
        .list-equipamentos a:hover figure{
            border-color:#9CCA47;
        }

        .list-equipamentos h6{
            text-align:center;
            color:#117DAC;
            font-size:18px;
            line-height:15px;
            padding:0px 20px;
        }

        #page_details .main{
            display:flex;
            flex-direction: column;
            min-height:100%;
        }

        #page_details ul{
            margin-top:30px;
            display:flex;
            flex-wrap:wrap;
            justify-content: space-between;
            align-items: center;
        }

        #page_details ul li{
            width:32%;
            font-style:italic;
            background:url("../img/bullets.png") no-repeat left center;
            padding:8px 0px 8px 15px;
            font-family:'Lato',sans-serif;
            color: #545454;
            margin-bottom:15px;
            line-height:24px;
        }


        .equip_t{
            font-size:30px;
            font-weight:900;
            font-style:italic;
            margin-bottom:30px;
            text-align:left;
        }

        #description_dek ul li{
            font-style:italic;
            background:url("../img/bullets.png") no-repeat left center;
            padding:8px 0px 8px 15px;
            font-family:'Lato',sans-serif;
            color: #545454;
        }

        #form_contact{
            flex-direction: column;
            display:flex;
        }
        #form_contact .grid3{
            width:100%;
            display:flex;
            flex-wrap:wrap;
            justify-content: space-between;
        }
        #form_contact .grid3 .input{
            width:33%;
        }

        #form_contact .input{
            height:55px;
            border:1px solid #D6D6D6;
            border-radius:4px;
        }

        #form_contact .msg{
            min-height:200px;
        }

        #form_contact .btn_send{
            border:0px;

            justify-content: flex-end;
            margin-left:auto;

            border-radius: 4px;
            padding: 20px 30px;
            display: table;
            font-family: 'Kanit',sans-serif;
            font-weight: 600;
            font-size: 15px;

            width:200px;
            cursor: pointer;

            background:#215472;
            color:#fff;
        }


        #page_form{
            min-height:auto;
        }

/* Mapa */
#box_map{position:relative;height:575px;}
#box_map #map{width:100%;
    height:575px;
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    z-index:2;
}



/* Novo footer */
footer{
    padding: 0;
}
.footer{
    display: flex;
    flex-direction: column;
    position: relative;
}
.footer::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 85%;
    height: 6px;
    background: #92C749;
}

.infoFooter{
    padding: 60px 20px;
    background: #255979;
    background-size: cover;
}

.infoF1{
    width: 50%;
    display: flex;
    flex-direction: column;
}

.enderecosFooter{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.endF{
    width: 49%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.endF img{
    margin-right: 15px;
}

.txtEndF h6{
    text-transform: uppercase;
    font-size: 18px;
    line-height: 23px;
    font-weight: normal;
    margin-bottom: 10px;
}
.txtEndF p{
    margin-bottom: 0;
    color: #fff;
}

.infoF1 a{
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    font-weight: bold;
    margin-top: 15px;
}
.infoF1 a img{
    margin-right: 15px;
}

.copyright{
    background: #173C53;
    background-size: cover;
    padding: 30px 20px;
}

.copyright p,
.copyright a{
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
}

.gridFooter{
    width: 45%;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2,1fr);
}

.itemFooter{
    width: 100%;
    padding: 20px 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #2CC1F1;
    border-radius: 10px;
}

.imgFooter{
    width: 100%;
    height: 176px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.itemFooter img{
    margin-left: auto;
    margin-right: auto;
}

.itemFooter h4{
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
}
.itemFooter h5{
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

/* SocialH */
header .main{
    position: relative;
}

.socialH{
    width: fit-content;
    width: -moz-fit-content;
    position: absolute;
    top: 13px;
    right: 250px;
}
.socialH ul li{
    display: flex;
    align-items: center;
}
.social-box a{
    width:28px;
    height:28px;
    border-radius:50%;
    margin:0px 3px;
    display:flex;
    justify-content: center;
    align-items: center;
    border:2px solid #fff;
    color: #fff;
}
.social-box .fab,
.social-box .fas{
    font-size:16px;
}

header.scroll .socialH{
    display: none;
}

.iframeSlider iframe{
    width: 100%;
    height: 250px;
}

/* CONTACT POPUP MODAL */
.dek-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(8px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.dek-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.dek-modal-content {
    background: #fff;
    width: 95%;
    max-width: 480px;
    padding: 45px 40px;
    border-radius: 20px;
    position: relative;
    text-align: center;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    transform: scale(0.85) translateY(30px);
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    border-bottom: 10px solid #9CCA47;
}

.dek-modal-overlay.active .dek-modal-content {
    transform: scale(1) translateY(0);
}

.dek-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
    line-height: 1;
}

.dek-modal-content img.logo-modal {
    width: 180px;
    margin: 0 auto 25px;
}

.dek-modal-content h3 {
    color: #205372;
    font-family: 'Kanit', sans-serif;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 15px;
}

.dek-modal-content p {
    color: #555;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 30px;
}

.dek-modal-buttons {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dek-modal-btn {
    padding: 15px 25px;
    border-radius: 8px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.dek-modal-btn-whats {
    background: #25D366 !important;
    color: #fff !important;
}

.dek-modal-btn-whats:hover {
    background: #128C7E !important;
    box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3);
}

.dek-modal-btn-contact {
    background: #205372 !important;
    color: #fff !important;
}

.dek-modal-btn-contact:hover {
    background: #173A4F !important;
    box-shadow: 0 5px 15px rgba(32, 83, 114, 0.3);
}

.whatsChat{
    width: 70px !important;
    height: 70px !important;
    background: #34af23 url("../img/wppIcon.png") no-repeat center center !important;
}