@font-face {
    font-family: 'lato-heavy';
    src: url('../font/lato-heavy.eot');
    src: url('../font/lato-heavy.eot?#iefix') format('embedded-opentype'),
        url('../font/lato-heavy.woff2') format('woff2'),
        url('../font/lato-heavy.woff') format('woff'),
        url('../font/lato-heavy.svg#lato-heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lato-regular';
    src: url('../font/lato-regular.eot');
    src: url('../font/lato-regular.eot?#iefix') format('embedded-opentype'),
        url('../font/lato-regular.woff2') format('woff2'),
        url('../font/lato-regular.woff') format('woff'),
        url('../font/lato-regular.svg#lato-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/***** Tags Básicas *****/
::selection{background:#edd22d;color:#fff;}
::-moz-selection{background:#edd22d;color:#fff;}
html{position:relative;min-height:100%;}
*,body{font-family:'lato-regular';font-weight:lighter;outline:none;}
body.has-footer-skol{margin-bottom:100px;}
body.no-scroll{overflow:hidden;height:100%!important;}
.wrapper{min-height:100%;height:100%;margin:0 auto 80px;}
h1,h2,h3,h4,h5,h6{font-family:'lato-heavy';font-weight:bold;}
h2{font-size:2.5rem;}
h3{font-size:2rem;}
a:hover,a:focus,a:active{text-decoration: none;outline:none;}
section{position:relative;}
ul{padding:0;padding-left:20px;margin:0;}
p{margin:0;}
p+p{margin-top:10px;}
.p-0{padding:0!important;}
/***** Classes Padrões*****/
.container{position:relative;width:100%;}
@media (min-width:768px){
    .container{max-width:750px}
}
@media (min-width:992px){
    .container{max-width:970px}
}
@media (min-width:1200px){
    .container{max-width:1170px}
}
.d-block{display:block;}
.d-iblock{display:inline-block;}
.d-inline{display:inline;}
.transition8{-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;}
.transition5{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
a,.transition3{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.margin-center{margin: 0 auto;}
/* Fonts */
.font-bold{font-family:'lato-heavy'}
.font-regular{font-family:'lato-regular'}
.uppercase{text-transform: uppercase;}
.underline,.underline:hover,.underline:focus,.underline:active{text-decoration:underline;}
.fw-bold{font-weight:bold;}
.fw-18{font-size:18px;}
/* titulos */
/* Backgrounds */
.bg-white{background:#fff;}
.bg-black{background:#000;}
.bg-success{background-color:#28a745;}
.bg-warning{background-color:#ffc107;}
.bg-danger{background-color:#dc3545;}
.bg-secondary{background-color:#6c757d;}
.bg-dark{background-color:#343a40;}
.bg-blue{background:#588bc2;color:#fff;}
.bg-blue-darker{background:#284d81;color:#fff;}
/* Colors */
.color-white{color:#fff;}
a.color-white:hover{color:#fff;opacity:.7;}
.color-black{color:#000;}
.color-success{color:#28a745;}
.color-warning{color:#ffc107;}
.color-danger{color:#dc3545;}
.color-secondary{color:#6c757d;}
.color-dark{color:#343a40;}
.color-blue{color:#588bc2;}
.color-blue-darker{color:#284d81;}
/* Buttons */
.btn-blue{background:#588bc2;color:#fff;}
.btn-blue-darker{background:#284d81;color:#fff;}
.btn-outline-white {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: #fff;
}
.va-m{vertical-align:middle;}
.va-t{vertical-align:top;}
.va-b{vertical-align:bottom;}

label.required:after,.required label:after{content:" *";color:#CE0037;}

/* Loader */
#loader{
    position:fixed;
    top:0;
    left:0;
    background:#284d81;
    width:100%;
    height:100%;
    z-index:1500;
}
.cssload-thecube {
    width: 73px;
    height: 73px;
    left:50%;
    top:50%;
    margin-top:-37px;
    margin-left:-37px;
    position: absolute;
    transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
    position: relative;
    transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.cssload-thecube .cssload-cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255,255,255);
    animation: cssload-fold-thecube 2.76s infinite linear both;
    -o-animation: cssload-fold-thecube 2.76s infinite linear both;
    -ms-animation: cssload-fold-thecube 2.76s infinite linear both;
    -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
    -moz-animation: cssload-fold-thecube 2.76s infinite linear both;
    transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
}
.cssload-thecube .cssload-c2 {
    transform: scale(1.1) rotateZ(90deg);
    -o-transform: scale(1.1) rotateZ(90deg);
    -ms-transform: scale(1.1) rotateZ(90deg);
    -webkit-transform: scale(1.1) rotateZ(90deg);
    -moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube .cssload-c3 {
    transform: scale(1.1) rotateZ(180deg);
    -o-transform: scale(1.1) rotateZ(180deg);
    -ms-transform: scale(1.1) rotateZ(180deg);
    -webkit-transform: scale(1.1) rotateZ(180deg);
    -moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube .cssload-c4 {
    transform: scale(1.1) rotateZ(270deg);
    -o-transform: scale(1.1) rotateZ(270deg);
    -ms-transform: scale(1.1) rotateZ(270deg);
    -webkit-transform: scale(1.1) rotateZ(270deg);
    -moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube .cssload-c2:before {
    animation-delay: 0.35s;
    -o-animation-delay: 0.35s;
    -ms-animation-delay: 0.35s;
    -webkit-animation-delay: 0.35s;
    -moz-animation-delay: 0.35s;
}
.cssload-thecube .cssload-c3:before {
    animation-delay: 0.69s;
    -o-animation-delay: 0.69s;
    -ms-animation-delay: 0.69s;
    -webkit-animation-delay: 0.69s;
    -moz-animation-delay: 0.69s;
}
.cssload-thecube .cssload-c4:before {
    animation-delay: 1.04s;
    -o-animation-delay: 1.04s;
    -ms-animation-delay: 1.04s;
    -webkit-animation-delay: 1.04s;
    -moz-animation-delay: 1.04s;
}



@keyframes cssload-fold-thecube {
    0%, 10% {
        transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-o-keyframes cssload-fold-thecube {
    0%, 10% {
        -o-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -o-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -o-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-ms-keyframes cssload-fold-thecube {
    0%, 10% {
        -ms-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -ms-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -ms-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-webkit-keyframes cssload-fold-thecube {
    0%, 10% {
        -webkit-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -webkit-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -webkit-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-moz-keyframes cssload-fold-thecube {
    0%, 10% {
        -moz-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -moz-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -moz-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}
/* Header */
#nav-list li{
    position:relative;
}
#nav-list a{
    color:#fff;
    border-radius:10px;
}
#nav-list li+li{
    margin-left:10px;
}
#nav-list li+li:before{
    content:"";
    height:20px;
    width:1px;
    background:#fff;
    position:absolute;
    left:-5px;
    top:10px;
}
#nav-list a.ecommerce-link{
    background:#fff;
    color:#284d81;
}
#nav-list a:after{
    content:"";
    width:0%;
    height:2px;
    background:#fff;
    display:block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#nav-list a:hover:after,#nav-list a.active:after{
    width:100%;
}
#nav-list a.ecommerce-link:hover:after,
#nav-list a.active.ecommerce-link:after{
    background:#284d81;
}
.svg-triangle{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:120px;
    z-index:-1;
}   
.svg-triangle polygon {
    fill:#284d81;
}
.logo-artemper{
    display:none;
}
@media (max-width: 991px) {
    .container {
        max-width: 100%;
    }
    .svg-triangle{
        top:-30px;
    }
    .navbar-nav {
        margin-top:40px;
        padding-left:15px;
    }
    .logo-artemper{
        display:block;
        max-width:100%;
    }
    #nav-list li+li{
        margin-left:0;
    }
    #nav-list li+li:before {
        content: "";
        display:none;
    }
    .menu-mobile {
        position: fixed;
        top: 0;
        left: -100%;
        z-index: 15;
        width: 77%;
        height: 100%;
        padding:20px;
        background: #284d81;
        margin-top: 0px;
        box-shadow: 0 0 30px rgba(0,0,0,.5);
        -webkit-transition: left 0.4s ease-in-out;
        -moz-transition: left 0.4s ease-in-out;
        -ms-transition: left 0.4s ease-in-out;
        -o-transition: left 0.4s ease-in-out;
        transition: left 0.4s ease-in-out;
    }
    .menu-mobile.menu-active {
        left: 0;
    }
    .bar1, .bar2, .bar3 {
        width: 25px;
        height: 2px;
        margin: 6px 0;
        transition: 0.4s;
    }

    .bar1.change {
        -webkit-transform: rotate(-46deg) translate(-4px, 3px);
        transform: rotate(-46deg) translate(-4px, 3px);
    }
    .bar2.change {opacity: 0;}

    .bar3.change {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px);
    }
    footer .row > *,footer p:not(.ar-description){
        text-align:center;
    }
    footer p{
        margin-top:40px;
    }
    .navbar-nav{
        margin-left:0;
    }
    #nav-list a {
        color: #fff;
        padding:0 10px;
        line-height:44px;
    }
}
@media (max-width:500px){
    h2{
        font-size:2rem;
    }
    h3{
        font-size:1.6rem;
    }
    .block{
        padding:20px;
    }
    .block+.block{
        padding:0 20px 20px;
    }
}
/* Header */

/* Home */
#home{
    position:relative;
    overflow:hidden;
    background-image:url(../img/bg-home.jpg);
    background-size:cover;
    /*background-size: 100% 100%;*/
}
/*#home:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background-image:url(../img/bg-home.jpg);
    background-repeat: no-repeat;
    background-position:top center;
    /*background-size:cover;*/
    /*background-size:auto 100%;*/
    /*background-size:contain;*/
    /*z-index:0;*/
/*}*/
/*#home:after{
    content:"";
    position:absolute;
    top:-10%;
    left:-10%;
    width:120%;
    height:120%;
    background-image:url(../img/bg-home.jpg);
    background-size:cover;
    z-index:-1;
    -webkit-filter: blur(12px);
    -moz-filter: blur(12px);
    -o-filter: blur(12px);
    -ms-filter: blur(12px);
    filter: blur(12px);
}*/
.title-bar,
.content-bar{
    padding:50px 0;
    position:relative;
}
/* Titulos */
.title.bar-title{
    position:relative;
    padding:4px 0;
    display:inline-block;
}
.title.bar-title:after{
    content:"";
    position:absolute;
    background:#588bc2;
    display:block;
    height:4px;
}
.title.bar-bottom-right:after{
    width:35%;
    bottom:0;
    right:-5%;
}
.title.bar-top-left:after{
    width:35%;
    top:0;
    left:0%;
}
.title.bar-bottom-block{
    display:block;
}
.title.bar-bottom-block:after{
    width:90%;
    bottom:0;
    left:0%;
}
.title.title-margin-left{
    text-indent:30px;
}

@media screen and (orientation:portrait){
    #home{
        background-image:url(../img/bg-home-portrait.jpg);
    }
}
@media (max-width: 690px) {
    #home{
        background-image:url(../img/bg-home-mobile.jpg);
        background-size:cover;
        background-position:top center;
    }
}
@media (max-width: 769px) {
    .block+.block{
        padding:0 30px 30px;
    }
}
/* Quem Somos */
.block{
    padding:30px;
}
.block+.block{
    padding:10px 30px 30px;
}
.block-item{
    padding-top:30px;
}
#quem-somos p{
    margin-top:15px;
}
/* Produtos */
#produtos{
    margin-bottom:25px;
}
.list{
    padding:20px 0 50px;
}
.flag{
    position:absolute;
    width:100%;
    bottom:0;
    margin-bottom:-25px;
}
.flag-content{
    padding:10px;
    max-width:800px;
    width:100%;
    font-weight:bold;
}
/* Galeria */
.galeria {
    position: relative;
    width: 100%;
}
.swiper-container-galeria{
    overflow: hidden;
    margin:0 40px;
}
.img-galeria {
    width: 100%;
    object-fit: cover;
    height: 350px;
}
.galeria .link-galeria:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color:  rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    background-image: url('../img/lupa.png');
    background-size: 15%;
    background-repeat: no-repeat;
    background-position: center;
    opacity:0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.galeria .link-galeria:hover:after {
    opacity:1;
}
@media (max-width: 767.98px) { 
    .projetos .image-x {
        width: 100%;
        height: auto;
        object-fit: cover;
        margin-top: 25px;
    }
    .projetos .titulo h1 {
        color:  #e8e100;
        font-size: 32px;
        text-transform: uppercase;
        font-family: 'HeronSans-Light';
        letter-spacing: 5px;
        padding: 15px;
    }
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left:0;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right:0;
}
/* Contato */
.endereco{
    padding:5px;
}
#mapa{
    width:100%;
    padding-bottom:60%;
    color:#000;
}
#contato ul{
    list-style:none;
}
.tel,.fax,.whatsapp,.emails{
    position:relative;
    min-height:40px;
    line-height:40px;
    padding:10px 5px 10px 65px;
    display:block;
}
.tel:before,.fax:before,.whatsapp:before,.emails:before{
    width: 35px;
    height: 35px;
}
.tel:before,.fax:before,.whatsapp:before,.emails:before,.emails:after{
    content:"";
    position:absolute;
}
.tel:before{
    background: url('../img/sprite.png') no-repeat 0 0;
    left:0;
    top:8px;
}
.whatsapp:before{
    background: url('../img/sprite.png') no-repeat 0 -112px;
    left:0;
    top:11px;
}
.fax:before{
    background: url('../img/sprite.png') no-repeat -2px -36px;
    height:39px;
    left:0;
    top:5px;
}
.emails:before{
    background: url('../img/sprite.png') no-repeat 0 -76px;
    left:0;
    top:50px;
}
.emails:after{
    background:#4E89C4;
    height:80%;
    width:3px;
    left:50px;
    top:10%;
}
/* E-commerce */
#ecommerce{
    overflow:hidden;
}
#ecommerce:before,
#ecommerce:after{
    content:"";
    position:absolute;
    left:-2%;
    top:-2%;
    width:110%;
    height:110%;
    
}
#ecommerce:before{
    background:url(../img/galeria/img23.jpg) center center fixed;
    background-size:cover;
    z-index:-2;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}
#ecommerce:after{
    background:rgba(0,0,0,.2);
    z-index:-1;
}
#ecommerce .container{
    padding:50px 0;
    display:table;
    height:50vh;
    font-size:3rem;
    color:#fff;
}
#ecommerce form{
    max-width:600px;
    width:100%;
}
#ecommerce label{
    font-size:22px;
    color:#3A4A7E;
}
#ecommerce input{
    background:#D7D7D7;
}
@media (max-width:500px){
    #ecommerce .container{
        font-size:1.7em;
    }
}
/* Footer */
footer{
    padding:20px 0;
}
.ar-description:before{
    content:"";
    height:100%;
    width:3px;
    background:#588bc2;
    position:absolute;
    left:0;
    top:0;
}
/* Modal */
.modal-transparent .modal-content{
    background:transparent;
    border:0;
}
.modal-transparent .modal-header{
    border:0;
}
.modal-transparent .modal-body{
    padding:0;
}
.modal-transparent .close{
    color:#fff;
    background:#000;
}