/*
Theme Name: 
Theme URI: http://agentecria.com/
Author: A Gente cria
*/

@charset "utf-8";
/* CSS Document */

/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;veratical-align: baseline;}
ul{list-style-type:none}
p, li, a{}
h1, h2, h3, h4, h5, h6{font-size:32px;line-height:25px;font-weight:400}
strong{font-weight:900}
body{font-size:15px;line-height:22px;font-family: 'Raleway', sans-serif;width: 100%;  background-color:#204d60;}
/* HTML5 display-role reset for older browsers */

.italic{font-style: italic;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.texto-branco{color: #fff;}
.texto-preto{color: #000;}
.texto-cinza{color: #737475;}
.texto-azul{color: #204c61;}

a{color: #204c61;}
a:hover{color: #204c61;}

/* ------------- header ------------- */
div#groupTopo{background:center bottom no-repeat; background-size:cover; background-attachment:fixed; margin:0px; padding:0px;}

	header{background:transparent url(imagens/bg_header.png) center top no-repeat;background-blend-mode: multiply;position: fixed;width: 100%;z-index: 90;}
	header.small{background:transparent url(imagens/bg_header_fixed.png) center top no-repeat}
	header h1{display:block;width:108px;height:108px;margin:1rem auto}
	header h1 a{display:block;}
	
	nav{width:75%;margin:-5rem auto 0 auto}
	nav ul{}
	nav ul li{display:inline-block;margin:0 2rem}
	nav ul li:nth-child(2){margin-right:10rem}
	nav ul li:nth-child(3){margin-left:9.5rem}
	nav ul li:nth-child(4){margin-right:0rem !important	}
	nav ul li a{text-transform:uppercase;font-weight:800;color:#fff}
	nav ul li a:hover{color:#0CF}
		
	/* Mobile Navigation */
	.nav-mobile{cursor: pointer;position: absolute;top: 3rem;right: 1rem;background: #204c61 url(imagens/nav.svg) no-repeat center center;height: 3rem;width: 3rem;border-radius: 0.5rem;display: none;z-index:90;}

    section#boxDestaque{padding:10rem 0 10rem;}
	section#boxDestaque h4{font-size:1.75rem;font-weight:800;text-transform:uppercase;margin-right:1.5rem;text-align:center}
	section#boxDestaque h5{font-size:3.2rem;background-color:rgba(5,73,98,0.7);border-radius:10px;padding:1.3rem;margin:1rem  auto;text-transform:uppercase;line-height:40px;text-align:center;width:300px;display:block}
	section#boxDestaque h5 strong{}
	section#boxDestaque p{font-size:1.5rem;text-transform:uppercase;margin:1rem 1.5rem 2rem 0;font-weight:600;line-height:25px;text-align:center}
	section#boxDestaque a{color:#fff;background-color:rgba(8,102,161,0.2);border:1px solid #fff;border-radius:10px;padding:1em 2.5em;font-weight:600;text-transform:uppercase;margin:1.5rem auto;width:250px;display:block}
	section#boxDestaque a:hover{color:#fff;background-color:rgba(8,102,161,0.9);}

/* loading */

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #d8cecd;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #076589;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #1f4d5d;
        z-index: 1000;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    
    .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;  
                transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;  
                transition: all 0.3s 1s ease-out;
    }
    
    /* JavaScript Turned Off */
    .no-js #loader-wrapper {
        display: none;
    }
    .no-js h1 {
        color: #222222;
    }
/* fim loading */


video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    width: auto;
   z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('imagens/bg_topo.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
  opacity:0.5;
}

/* ------------- conteudo  ------------- */
div.strech{
	margin:0px;
	padding:0px;

	}

		/* home */
		body.home h2, body.home h3, body.home h4, body.home h5, body.home h6 {text-transform:uppercase}
		
		section#boxAreas{border-top:20px solid #d8cece;position:relative; background-color:#FFF; margin:0px; padding-bottom:25px;
		padding-top:25px;}
		section#boxAreas ul.tabs{margin-top:2rem;position:absolute;top:-11.2rem;}
		section#boxAreas ul.tabs li{background-color:#d8cece;background-position:center top;background-repeat:no-repeat;border-radius:10px 10px 0 0px;margin:0 0.2rem;padding:5.5rem 0 0 0;cursor:pointer;text-align:center;width:12rem;transition: all 0.2s;-moz-transition: all 0.2s; /* Firefox 4 */-webkit-transition: all 0.2s; /* Safari and Chrome */	-o-transition: all 0.2s; /* Opera */}
		section#boxAreas ul.tabs li.is-active{background-color:#fff;background-position:center bottom}
		section#boxAreas ul.tabs li:hover{background-color:#ebe6e6}
		section#boxAreas ul.tabs li a{color:#737475;font-weight:800;text-transform:uppercase;font-size:1.2rem}
		section#boxAreas ul.tabs li.is-active a{color:#086588}
		section#boxAreas ul.tabs li:nth-child(1){background-image:url(imagens/icon_agricola.png)}
		section#boxAreas ul.tabs li:nth-child(2){background-image:url(imagens/icon_transporte.png)}
		section#boxAreas ul.tabs li:nth-child(3){background-image:url(imagens/icon_industria.png)}
		section#boxAreas ul.tabs li:nth-child(4){background-image:url(imagens/icon_construcao.png)}
		section#boxAreas .tabs-content{margin:3rem 0}
		section#boxAreas .tabs-content ul{margin-top:2rem}
		
		section#boxOrcamento{background:transparent url(imagens/bg_orcamento.jpg) center center no-repeat; background-size:cover; background-attachment:fixed;padding:5.5rem 0; padding-top:150px; padding-bottom:125px; margin:0px;}
		section#boxOrcamento h3{background:transparent url(imagens/icon_box.png) 0 0 no-repeat;font-weight:800;line-height:40px;padding:1.0rem 0 1rem 3em; text-align:left;}
		section#boxOrcamento img {text-align:center; padding-top:15px; padding-left:22px;}
		.textTel{margin:4rem 0;font-size:1.3rem}
		.btOrcamento{background-color:rgba(8,102,161,0.2);border:1px solid #fff;border-radius:10px;padding:1em 2.5em;font-weight:600;text-transform:uppercase;margin:1rem 0; margin-bottom:12px;}
		.btOrcamento:hover{color:#fff;background-color:rgba(8,102,161,0.5);}
		
		
				.bttabela{background-color:rgba(255,255,255,0.8);border:1px solid #fff;border-radius:10px;padding:8px;font-weight:600;text-transform:uppercase;margin:1rem 0; font-size:0.758em; color:#083549; margin-top:25px;float:left;}
		
    #qualidade {margin-left: 15%}
    .certificado {padding: 50px;}
		
		.bttabela:hover {background-color:#083549; color:#FFF}
		section#boxSobre{padding:5rem 0; background-color:#e6eaec; padding-top:140px;}
		section#boxSobre h2{border-bottom:1px solid #d9d3d4;margin:0 0rem 1.5rem 0rem;padding:0 0 1.5rem 0; font-size: 1.6em; text-align: center;}
    section#boxSobre img{text-align: center;}
		section#boxSobre p{margin:2rem 0}
			div#slideImgs{margin:2rem 0;clear:both; background-color:#1a6a8e;}
			div#slideImgs img{float:left;width:20%}
			#slideImgs a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);

            }
            #slideImgs a:hover > img {
              -webkit-transform: scale3d(1.0, 1.0, 1.0);
              transform: scale3d(1.0, 1.0, 1.0);opacity: 1;filter: alpha(opacity=100);
			  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); 
            }
             #slideImgs a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
             #slideImgs a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
             #slideImgs a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
             #slideImgs a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
             #slideImgs .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            . #slideImgs .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
             #slideImgs.justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
             #slideImgs .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
             #slideImgs .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
             #slideImgs .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }

             #slideImgs .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
             #slideImgs.dark > ul > li a {
              border: 3px solid #04070a;
            }
			
			
	#div_demo {
	width:427px;
	height:240px;
	position: relative;
	border:#F00 dashed 5px;
}

		#message button {
			display:none;
		}
		
		#video { background-color:#1f4d5d;}
		section#boxContato{padding:6rem 0;clear:both;background:#FFF; padding-top:65px;}
		section#boxContato h2{border-bottom:1px solid #d9d3d4;margin:0 0rem 3rem 0rem;padding:0 0 1.5rem 0}
		section#boxContato form{padding:1rem 0}
		section#boxContato input{color: #898a8a;background:#f2f2f2;border-radius:5px;border:none}
		section#boxContato textarea{color: #898a8a;background:#f2f2f2;border-radius:5px;border:none;}
		section#boxContato button{border-radius:10px;color:#204c61;font-weight:900;text-transform:uppercase;background:#17c0ff;padding:0.7rem 1.2rem}
		section#boxContato .medium-8 p{font-weight:700;font-size:1.5rem;padding:0.5rem 0 0.5rem 2.6rem}
		section#boxContato input::-webkit-input-placeholder{color: #898a8a}
		section#boxContato input::-moz-placeholder{color: #898a8a}
		section#boxContato input:-ms-input-placeholder{color: #898a8a}
		section#boxContato input::placeholder{color: #898a8a}
		div.alert-box {position: relative;background: #fff;-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);margin: 5px 15px 20px;padding: 1px 38px 1px 12px;}
		div.alert-box.success {border-left: 4px solid #46b450}
		div.alert-box.warning {border-left: 4px solid #F60}
		div.alert-box p {margin: 0.5em 0;padding: 2px;font-family: 'Raleway', sans-serif;font-size: 0.75em;color: #080808;text-transform:uppercase;}
		.notice-dismiss{position: absolute;top: 0;right: 1px;border: none;margin: 0;padding: 9px;background: 0 0;color: #b4b9be;cursor: pointer;}
		.notice-dismiss:before{color: #b4b9be;content: '\f046';display: block; font-family: FontAwesome;height: 20px;text-align: center;width: 20px;-webkit-font-smoothing: antialiased;}		
        .message button{background:none}
		/* compartilhado na home e na interna */
		.lalala{}
	
		/* para todas as internas */
		.internas{}				
		
		/* contato */
		body#contato{}


    /*clientes*/

    section#boxClientes{padding:5rem 0; background-color:#fff; padding-top:140px;}
    section#boxClientes h2{border-bottom:1px solid #d9d3d4;margin:0 0rem 1.5rem 0rem;padding:0 0 1.5rem 0; font-size: 1.6em; text-align: center;}
    .slick-clientes {display: flex;justify-content: space-around;align-items: center;flex-direction: row;
    flex-wrap: wrap;text-align: center;transition: all 0.5s ease-out;}
    .slick-clientes figure {margin: 0px;padding: 0px;}
    .slick-clientes img {padding:0px;margin-bottom: 35px;margin-top: 30px;width: 70%;text-align: center;filter: grayscale(100%);}
    .slick-clientes img:hover {filter: grayscale(0%);}



/* ------------- footer ------------- */
footer{background:#1b688b}
footer h1{margin:1rem 0}
footer p{font-size:0.7rem;margin:2.5rem 0 0 0}
footer a{color:#17c0ff}


@media screen and (max-width : 1260px){
	nav ul li:nth-child(2){margin-right:17%}
	nav ul li:nth-child(3){margin-left:17%}
}
@media screen and (max-width : 1124px){
	nav ul li:nth-child(2){margin-right:7%}
	nav ul li:nth-child(3){margin-left:20%}
	}
@media screen and (max-width : 1024px){
	nav ul li:nth-child(2){margin-right:13%}
	nav ul li:nth-child(3){margin-left:13%}
	}
@media screen and (max-width : 990px){
	nav ul li{margin:0 1rem}
	nav ul li:nth-child(2){margin-right:17%}
	nav ul li:nth-child(3){margin-left:17%}
	section#boxAreas ul.tabs{top:-10.7rem}
	section#boxAreas ul.tabs li{width:8.8rem;}
	section#boxAreas ul.tabs li a{font-size:0.8rem;}
	}
@media screen and (max-width : 935px){
	nav ul li{margin:0 1rem}
	nav ul li:nth-child(2){margin-right:13%}
	nav ul li:nth-child(3){margin-left:13%}
	}	
@media screen and (max-width : 860px){
	
	.nav-mobile {	display: block;	z-index: 11;}
	.nav {font-weight: 900;right:1rem;}
	.nav-list {	display: none;margin-bottom: 1rem;position:absolute;}
	.nav-list li {	list-style: none;	display: block;border-bottom: #737475 solid 1px;	padding-top: 1rem;	padding-bottom: 1rem;margin:0 !important}
	.nav-list li a{color:#737475}
	.nav-active {	display: block;background-color:#fff;width:15rem;padding:1rem;right:1rem;top:6rem}
	.nav-mobile-open {	margin-bottom: 1rem;}	

}
@media screen and (max-width : 750px){
	section#boxAreas ul.tabs{top:-10.7rem}
	section#boxAreas ul.tabs li{width:7rem;}
	section#boxAreas ul.tabs li a{font-size:0.7rem;}
	}
@media screen and (max-width : 645px){
	section#boxDestaque{padding:1rem 0 10rem 0}
	section#boxAreas ul.tabs{margin-top:1rem;top:-6.7rem}
	section#boxAreas ul.tabs li{background-size:cover;padding:3rem 0 0 0;margin:0;width:4.8rem;}
	section#boxAreas ul.tabs li a{font-size:0.5rem;padding:1.25rem 0 1rem 0}
	section#boxAreas .tabs-content{margin:1rem 0}
	section#boxOrcamento{padding:1.5rem 0 4rem 0}
	section#boxOrcamento h3{background:none;padding:1rem 0}
		.textTel{margin:2rem 0 3rem 0;}
	section#boxSobre{padding:3rem 0}
		div#slideImgs img{float:left;width:100%}
	section#boxContato{padding:4rem 0;}	
	section#boxContato h2{margin:0 0rem 2rem 0rem;}
	section#boxContato .medium-4{text-align:center !important}
	section#boxContato .medium-8 p{margin:1rem 0 0 0}
	section#boxContato .text-right{text-align:center !important}
	footer *{text-align:center !important}
	footer p{margin:1.0rem 0 2rem 0}

}
@media screen and (max-width : 510px){}
@media screen and (max-width : 375px){}