/*
Theme Name: Geopixel
Theme URI: http://www.geopx.com.br/
Author: Wesley Souza
Author URI: https://wesleydesign.com.br/
Description: Template criado para Geopixel
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: geopixel
Tags: 
*/

html,body{
	overflow-x: hidden!important;
	font-family: "Ubuntu", Sans-serif;
}



.fw-800 {
    font-weight: 800!important;
}

.color-blue{
    color: #1E68AC;
}

.text-italic{
    font-style: italic;
}

li#menu-item-400 > a {
    background: linear-gradient(90deg, #12a4c8, #61C07C);
    margin-top: 16px;
    color: #fff;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    border-radius: 8px;
}

li#menu-item-400 > a:hover{
	    border-color: #fff0;
}
li#menu-item-400:hover{
	    border-color: #fff0;
}

/* bg gradiente horizontal diagonal */

.bg-gvh, .bg-gradiente {

    background: -moz-linear-gradient(-45deg, rgba(3,102,200,1) 0%, rgba(140,171,63,1) 100%);

    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(3,102,200,1)), color-stop(100%, rgba(140,171,63,1)));

    background: -webkit-linear-gradient(-45deg, rgba(3,102,200,1) 0%, rgba(140,171,63,1) 100%);

    background: -o-linear-gradient(-45deg, rgba(3,102,200,1) 0%, rgba(140,171,63,1) 100%);

    background: -ms-linear-gradient(-45deg, rgba(3,102,200,1) 0%, rgba(140,171,63,1) 100%);

    background: linear-gradient(135deg, rgba(3,102,200,1) 0%, rgba(140,171,63,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0366c8', endColorstr='#8cab3f', GradientType=1 );

}





#header{ 
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%; 
    height: auto; 
    z-index: 999; 
    background: #fff;   
  }



#header.fixed {
    -webkit-box-shadow: 0px 5px 16px -10px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 5px 16px -10px rgba(0,0,0,0.35);
    box-shadow: 0px 5px 16px -10px rgba(0,0,0,0.35);
}





/***

########## ###############

MENU  NAVEGAÇÃO

##########################

***/



.nav-main ul { margin: 0;}
.nav-main ul li{ margin: 0 15px; position: relative;}
.nav-main ul li:last-child{ margin-right: 0;}
.nav-main ul li a{ 
    font-size: 15px;
    font-weight: 400; 
    color: #4B4B4B;
    text-transform: none!important;
    padding: 24px 5px;
    border-bottom: 4px solid transparent;
	display: inline-block;
}

.nav-main ul li a:hover, .nav-main ul li.current-menu-item a, .nav-main ul li.current_page_parent a, .nav-main ul li:hover a
{
    color: #276B9F; 
    border-color: #276B9F;
}



.nav-main ul li:hover ul.sub-menu{ 
    max-height: 1300px;
    opacity: 1;
    display: block;
}



.nav-main ul.sub-menu {
    position: absolute;
    width: auto;
    white-space: nowrap;
    top: 74px;
    left: 0;
    padding: 20px 30px;
    min-width: 250px;
    display: none;
    transition: all linear .2s;
    background: #fff;
    border-top: 1px solid #ddd;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;

    -webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.15);
box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.15);

}



.nav-main ul.sub-menu:before{

    content:"";

    display: none;

    width: 100%;

    height: 30px;

    background: #fff;

    position: absolute;

    top: 0;

    left: 0;

}



.nav-main ul.sub-menu li {
    padding: 0 0;    
    margin: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}


.nav-main ul.sub-menu li:first-child {
    margin-top: 0;
}


.nav-main ul.sub-menu li:last-child {
    border-bottom: none;
    position: relative;
}



.nav-main ul.sub-menu li a{

    color: #666;
    font-size: 14px;
    padding: 12px 0;
    transition: all linear .2s;
    border: none!important;
    display: block;

}



.nav-main ul.sub-menu li:hover a{
    padding-left: 12px;
    ;
}



.nav-main ul.sub-menu li a:before{

    content:"\f105"; 

    font-family: "Font Awesome 5 Free";
	font-weight: 600;

    opacity: 0;

    left: -10px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    transition: all linear .2s;

}



.nav-main ul.sub-menu li:hover a:before{

    left: 0;   

    opacity: 1;

}



.menu-item-has-children:after{
    content:"\f107";
    font-family: "Font Awesome 5 Free";
    margin-left: 5px;
    color: #276B9F;
	font-weight: 600;
}








.logo-contact, .logo-header{ transition: all linear .2s; }

.logo-header img{ transition: all linear .2s; }

.header-fixed .logo-header img{  max-width: 150px; }



.zindex-0{

    z-index: 0;

}



.zindex-1{
    z-index: 100;
}



.pos-relative{
    position: relative;
}







/**
* CONTEUDO HOME
**/

    /* drone */

    .drone{
        position: absolute!important;
        right: -250px!important;
        top: 0!important;
        animation : drone_animate 4s infinite;
    }
	
@media all and (max-width: 1366px) {
	.drone{
		right: -180px!important;
	}
}
    

    @keyframes drone_animate {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: ease-in;
        }
        30% {
            transform: translate3d(40px, 40px, 0px);
            animation-timing-function: ease-out;
        }

        60% {
            transform: translate3d(70px, 60px, 0px);
            animation-timing-function: ease-out;
        }

        100% {
            transform: translate3d(0px, 0px, 0px);
        }
    }

  

.col-video-home figure.wp-caption figcaption{
    display: none;
}







.form-news .form-control{
    background: #fff;
    border: none;
    color: #434343;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    border-radius: 6px;
    margin: 5px 0;
    /* -webkit-border-top-left-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px; */
}



.form-receba{ max-width: 85%!important; margin-left: auto ; margin-right: auto;}

.form-receba .btn-send{ background: #2D76AB!important;}



.form-contato .form-control, .form-contato textarea{
    width: 100%;
    height: 38px;
    border: 1px solid #aaa;
    padding: 0 20px;
    background: transparent!important;
    margin: 5px 0;
    color: #666!important;  
}

.form-contato textarea{
    height: 385px!important;
    padding: 20px!important;
}



.form-contato label{
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 2px;
}



.form-contato .form-control::-webkit-input-placeholder {
	color: #666;
	font-family: "Montserrat"; font-size: 13px;
}

.form-contato .form-control::-moz-placeholder {
	color: #666;font-family: "Montserrat";font-size: 13px;
}

.form-contato .form-control:-ms-input-placeholder {
	color: #666;font-family: "Montserrat";font-size: 13px;
}

.form-contato .form-control:-moz-placeholder {
	color: #666;font-family: "Montserrat";font-size: 13px;
}



.form-contato .btn-send{ 
    background: #366C83; font-weight: 900;
}



.btn-send, .btn-fale{
    background: #2D76AB;
    padding: 10px 10px;
    height: 50px;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;   
    font-size: 18px;
    font-weight: bold;
	cursor: pointer; border: none;
}


.btn-send{
    border-radius: 6px;
    margin-top: 4px;
    /* -webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px; */
}



.btn-send:hover{
    cursor: pointer;
    background: #8FB95C;
}



.btn-fale:hover{
    color: #fff;
    opacity: .9;
}





.form-news .form-control::-webkit-input-placeholder {
    color: #434343;
    	font-weight: 500;
}

.form-news .form-control::-moz-placeholder {
	color: #434343;font-weight: 500;
}

.form-news .form-control:-ms-input-placeholder {
	color: #434343;font-weight: 500;
}

.form-news .form-control:-moz-placeholder {
	color: #434343;font-weight: 500;
}



div.wpcf7-response-output{ color: #fff!important;}

span.wpcf7-not-valid-tip{ color:#F0C44f!important;}


/***
########## ###############
BLOG HOME
##########################
***/

.box-post-home .thumb{
	border: 2px solid #eee;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
}

.box-post-home .title{
    display: block;
    max-width: 100%;
    margin: 0px auto 0 auto;
    padding: 10px;
    background: #fff;
    z-index: 1;
    position: relative;

    -webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;

	border: 2px solid #eee;
	border-top: none;
}

.box-post-home a .title{
    color: #434343;
	min-height: 267px;
}
.box-post-home a:hover .title{
    color: #2D76AB;
}

.box-post-home p{ font-size: 13px; color: #666; margin-top: 15px;}

.box-post-home a .date_by{
    color: #77A946;
    font-size: 13px;
    font-weight: 300;
}




/***
########## ###############
RODAPÉ
##########################
***/



.footer-main{
    width: 100%;
    float: left;
    background: #eee;
    padding: 3.5rem 0;
    color: #666;
}



.footer-main h6 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 2rem;
}

.footer-main ul{
    padding: 0;
}



.footer-main ul li{ margin-bottom: 5px;}


.footer-main ul ul{
    padding-left: 15px;
}

.footer-main .menu-item-has-children:after {
    display: none;
}

.footer-main ul ul li a {
    font-size: 13px; margin: 5px 0;
}

.footer-main ul.list-contact li {
    margin-bottom: 12px;
}

.footer-social li{
    margin-right: 15px;
}

.footer-social li a{
    color: #666;
}

.footer-social li a:hover{
    color: #1E67AC;
}

.footer-social li a i{
    font-size: 22px;
}





.copy{
    color: #666;
    font-size: 13px;
    border-top: 1px solid #ccc;
    background: #E9E9E9;
}







.pos-relative { position: relative;}

.z-index1 {z-index: 1;}

.z-index0 {z-index: 0;}



.bg-curve-top-bottom:before{

    content:"";

    width: 100%;

    height: 150px;

    background: url('images/bg-curve-top.png') center top no-repeat;

    position: absolute;

    top: 0;

    left: 0;

}



.bg-curve-top-bottom:after{

    content:"";

    width: 100%;

    height: 150px;

    background: url('images/bg-curve.png') center bottom no-repeat;

    position: absolute;

    bottom: 0;

    left: 0;

}





li.separator:after{
    /*content:"\f105";*/
	content: "\f054";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    margin: 0 10px;
	font-weight: 600;
}



/***

CARROSSEL DEPOIMENTOS

 */



#carrossel-depoimentos .swiper-container{

    /*max-width: 670px;*/

    width: 100%;





}



#carrossel-depoimentos .swiper-wrapper{

    text-align: left;

}



#carrossel-depoimentos .swiper-slide {

    padding: 30px;

    background: transparent;

    border-radius: 12px;

    opacity: .4;

    color: #666;

    transition: all linear .2s;

}



#carrossel-depoimentos .swiper-slide .name {

    color: #666;

}



#carrossel-depoimentos .swiper-slide-active{

    opacity: 1;

    background: #8FB95C;

    color: #fff;

}



#carrossel-depoimentos .swiper-slide-active .name {

    color: #356C84;

}



#carrossel-depoimentos .icon{

    font-size: 50px;

    font-weight: 900;

    margin: 0 30px 15px 0;

}



#carrossel-depoimentos .name {

    width: 100%;

    text-align: center;

    font-weight: bold;

    color: #356C84;

    font-size: 18px;

    margin-top: 15px;

}



#carrossel-depoimentos .swiper-pagination{

    width: 100%;

    margin-top: 15px;

}



#carrossel-depoimentos .swiper-pagination-bullet{

    background: #366C84;

    width: 12px;

    height: 12px;

    margin: 5px;

}





/***

########## ###############

BLOG

##########################

***/



.box-blog{

    padding-bottom: 34px;

    margin-bottom: 20px;

    border-bottom: 1px dotted #ccc;

}



.row-blog .box-item:last-child {

    background: red;

    border-bottom: none!important;

}



.row-blog .border-none{ border: none!important;}



.box-blog a h2 {

    color: #366C83;

    font-weight: 700;

}



.box-blog .btn-continue:hover{

    opacity: 0.8;

}





.zm-pagination {

    border-bottom: 1px solid #e6e6e6;

    border-top: 1px solid #e6e6e6;

}

.zm-pagination .page-numbers li {

    display: inline-block;

}

.zm-pagination .page-numbers li .page-numbers {

    display: block;

    font-size: 14px;

    font-weight: 400;

    height: auto;

    line-height: 22px;

    margin: auto 0px;

    padding: 8px 12px;

    text-transform: uppercase;

    color: #2f2f2f;

    transition: 0.3s;

}

.zm-pagination .page-numbers li .page-numbers.prev,

.zm-pagination .page-numbers li .page-numbers.next {

    background: #e6e6e6;

    color: #2f2f2f;

    position: relative;

    font-weight: 700 !important;

}

.zm-pagination .page-numbers li .page-numbers.prev {

    margin-right: 20px;



}

.zm-pagination .page-numbers li .page-numbers.next {

    margin-left: 20px;



}

.zm-pagination .page-numbers li .page-numbers.prev::before,

.page-numbers.prev::before {

    content: "\f177";

    font-family: fontawesome;

    padding-right: 15px;

}

.zm-pagination .page-numbers li .page-numbers.next::after,

.page-numbers.next::after {

    content: "\f178";

    font-family: fontawesome;

    padding-left: 15px;

}

.zm-pagination .page-numbers li .page-numbers.current,

.zm-pagination .page-numbers li.active .page-numbers,

.zm-pagination .page-numbers li .page-numbers:not(.zm-pgi-dots):hover {

    background: #8FB95C;

    color: #fff!important;

}



.zm-pagination .page-numbers li .page-numbers.current:hover{

    color: #fff!important;

    background: #2980b9!important;

}







/***
########## ###############
SIDEBAR
##########################
***/

.section-aside{
    margin-bottom: 60px;
}

.section-title {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.bg-white .header-color, .header-color {
    background: #ddd;
    color: #2f2f2f;
}

.section-title h2 {
    font-weight: 700;
    height: 30px;
    letter-spacing: 2px;
    line-height: 30px;
    padding: 0 15px;
    position: relative;
    z-index: 2;
    margin-bottom: 0;
}





.bg-white .section-title::after, .section-title::after {

    background: #e6e6e6 none repeat scroll 0 0;

}

.section-title::after {

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    width: 100%;

    z-index: -1;



}



.inline-block {

    display: inline-block;

    width: auto;

}



.section-aside ul{ padding: 0;}





ul li.cat-item{

    margin: 8px 0;

}



ul li.cat-item:first-child{

    margin-top: 0;

}



ul li.cat-item a{

    color: #333;

    font-weight: 600;

    position: relative;

    padding-left: 22px;

}



ul li.cat-item a:hover{

    color: #366C83;

}



ul li.cat-item a:before{

    content:"\f07c";

    font-family: "Font Awesome 5 Free";
	font-weight: 600;

    position: absolute;

    left: 0;

    top: 0;

    color: #8FB95C;

    font-size: 15px;

}



#searchform{

    margin-bottom: 60px;

}



#searchform #s {

    width: 100%;

    height: 40px;

    border: 1px solid #ddd;

    padding: 0 10px;

}



#searchform #searchsubmit{

    width: 100%;

    height: 40px;

    color: #fff;

    font-weight: bold;

    border: none;

    background: -moz-linear-gradient(-45deg, rgba(3,102,200,1) 0%, rgba(140,171,63,1) 100%);

    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(3,102,200,1)), color-stop(100%, rgba(140,171,63,1)));

    background: -webkit-linear-gradient(-45deg, rgba(3,102,200,1) 0%, rgba(140,171,63,1) 100%);

    background: -o-linear-gradient(-45deg, rgba(3,102,200,1) 0%, rgba(140,171,63,1) 100%);

    background: -ms-linear-gradient(-45deg, rgba(3,102,200,1) 0%, rgba(140,171,63,1) 100%);

    background: linear-gradient(135deg, rgba(3,102,200,1) 0%, rgba(140,171,63,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0366c8', endColorstr='#8cab3f', GradientType=1 );

}



#searchform #searchsubmit:hover{
    cursor: pointer;

    opacity: 0.89;

}





.subscribe-form{

    padding: 30px;

    border-radius: 5px;

}



.subscribe-form .title{

    font-size: 22px;

    font-weight: 600;

}



.subscribe-form p{

    font-size: 14px;

}



.subscribe-form input{

    font-size: 14px;

}



.subscribe-form .btn-newsletter{

    background: #8FB95C;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    border: none;

    width: 100%;

    height: auto;

    padding: 10px;

}



.section-aside div.wpcf7-response-output{

    color: #333!important;

}





.entry-meta a{

    color: #333!important;

    font-size: 13px;

    font-weight: 600;

}



.share-social-link a{

    margin: 5px 5px;

    padding: 7px 10px 0 10px;

    background: #666;

    width: 40px;

    height: 38px;

    text-align: center;

    color: #fff;

}



.share-social-link .facebook{

    background: #3B5998;

}



.share-social-link .twitter{

    background: #4EAEF8;

}



.share-social-link .linkedin{

    background: #0077b5;

}



.share-social-link .whatsapp{
    background: #1C9D38;
}



.meta-list a{
    font-size: 13px;
    background: #eee;
    border: 1px solid #eee;
    color: #333;
    font-weight: 500;
    border-radius: 4px;
    padding: 5px 10px;
}



.meta-list a:hover{
    border-color: #ccc;
}



/***
########## ###############
RESPONSIVO
##########################
***/





@media all and (max-width: 1200px){

    .nav-main ul li{margin-left: 12px; margin-right: 12px;}

}



@media all and (max-width: 991px){

    .menu-main ul.ul-main{display: block; position: fixed;  left: 0%; top: 0; transition: all linear .2s;

        background:#2D76AB;

        padding: 80px 0;

        width: 100%;

        max-width: 360px;

        height: 100%;

        z-index: 999;

        border-right: 4px solid #fff;

        -webkit-box-shadow: 2px 5px 16px -12px rgba(0,0,0,0.75);

        -moz-box-shadow: 2px 5px 16px -12px rgba(0,0,0,0.75);

        box-shadow: 2px 5px 16px -12px rgba(0,0,0,0.75);

    }

    .menu-main ul.ul-main.hide{ left: -100%; }

    .menu-main ul.ul-main li{ margin: 10px 0;}

    .menu-main ul.ul-main li a{ padding: 10px 20px; color: #fff;  display: block;}

    .menu-main ul.ul-main li a:hover{ background: #fff; color: #000!important;}



    .button-nav-mobile{ font-size: 24px; border: 2px solid #fff; padding: 4px 12px; border-radius: 4px; cursor: pointer; background: #2D76AB}

    .button-nav-mobile i{ color: #fff;}



    .bar-top ul li.email{ display: none;}



    .nav-main ul.sub-menu{ position: relative;

         /* display: block; */

    top: 0;

    left: 0;

    padding: 0;

    background: transparent;

    padding-left: 15px;



}



.nav-main ul.sub-menu:before, .nav-main ul.sub-menu:after,

.nav-main ul.sub-menu li a:before, .nav-main ul.sub-menu li a:after, .menu-item-has-children:after { content:""!important; display: none!important;}



    .modal-contact{       
        left: 50%;
        right: 0;
        transform: translate(-50%,0%);
    }

}



/** CLIENTES HOME **/

#text-client {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.elementor-element-ac86d78{
	position: static!important;
}


@media all and (max-width: 768px){

    .sec-diferenciais{ background-color: #38224a!important;}

    .bar-top ul li.tel{ display: none;}

    .button-nav-mobile{ font-size: 20px; padding: 3px 9px; }


    .tp-bullets{
        top: calc(100%)!important;
     }



     ul.contato-footer li{
        margin: 10px 0px!important;
    }



    ul.contato-footer li text{ font-size: 15px;}



    .img-novidades-box img{

        max-width: 100%!important;

    }

    .img-novidades-box{ position: relative; left: 0; display: none; }

}

@media all and (max-width: 575px) {
    .courses-list a.title{ min-height: auto!important;}
    .courses-list .thumbnail{
        max-height: none!important;
    }
}




@media all and (max-width: 1920px) {
	.height-max-box{ max-height: 480px!important;}
	.overflow-hidden{ overflow: hidden!important;}
}


.p-link a{
    color: #666;
}



.logo-pref{
    position: relative!important;
    z-index: 1;
}

.btn-ver-caso{
   /* display: none;*/
    position: absolute!important;
    bottom: -56px!important;
}
.logo-pref:hover .btn-ver-caso{
    display: block!important;
}

.overflow-hidden{
    overflow: hidden!important;
}

.maxw-none, .maxw-none img{
    max-width: none!important;
}


.img-ok{
    position: absolute!important;
    right: 15px;
    max-width: 250px!important;
}

.btn-plastico a{
	position: relative;
}

.btn-plastico a:before{
	content:"";
	width: 85%;
	height: 15px;
	background: #fff;
	opacity: 0.2;
	border-radius: 18px;
	position: absolute;
	top: 2px;
	left: 50%;
	transform: translatex(-50%);
	z-index: 1;
}

.btn-plastico a span{
	z-index: 2;
	position: relative;
	
}

.btn-plastico a span.elementor-button-text{
	text-shadow: 1px 0.4px 2px rgba(0,0,0,0.8);
}

.col-geosiap:after{
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #092E56;
	right: -100%;
}

.page-id-384 div.wpcf7-response-output{
	color: #333!important;
}