@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('Lato Regular'), local('Lato-Regular'), url(1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
html, body{font-family:'Lato', sans-serif;min-height:100%;min-width:100%;max-width:100%;height:100%;width:100%;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
blockquote:before, blockquote:after,
q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
.clearfix{clear:both;height:0px;width:0px;content:'';}
body, input, button, select, option, textarea{font-family:'Lato', sans-serif;}
body{font-size:100%;}
input, button, select, option, textarea{font-size:100%;}
div.blurry{-webkit-filter:blur(2px);fitler:blur(2px);}
.v-center{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.h-center{
    position:relative;
    left:50%;
    display:inline-block;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
}
.no-select {
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */

    /* No support for these yet, use at own risk */
    -o-user-select: none;
    user-select: none;
}





div#fixed-bg{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:-2;background-image:url("../images/bgs/fbg.jpg");background-position:center center;background-size:cover;}
div#image-loader{background-image:url("../../WSP%20r2/images/bgs/sbg.jpg");opacity:0;z-index:-99999;left:-9999999999px;position:absolute;top:-9999px;}
div.error{-webkit-box-shadow:0px 0px 15px 0px rgba(255, 0, 0, 1);-moz-box-shadow:0px 0px 15px 0px rgba(255, 0, 0, 1);box-shadow:0px 0px 15px 0px rgba(255, 0, 0, 1);}
div.spacer{z-index:2;min-height:500px;height:auto;width:100%;color:rgb(180, 180, 180);background:rgb(35, 31, 32);}
.opac{opacity:0 !important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.full-h{height:100% !important;}
h1{font-size:2em;padding:20px;color:white;font-weight:bold;}
h2{font-size:1.5em;padding:10px 5px 0px 10px;color:rgb(245, 130, 33);}
h1:before{display:block;float:left;width:35px;content:url(../images/sprites/bullet.png);}
p{padding:20px;font-size:1.2em;}
p.left{float:left;text-align:left;}
p.right{float:right;text-align:right;}
p.center, h2.center, h1.center, span.center{text-align:center;}
p.error{color:red;}
p.secondary{color:gray;font-size:1em;}
.orange{color:rgb(245, 130, 33);font-weight:bold;font-size:1.1em;}
a{color:white;text-decoration:underline;font-size:0.9em;cursor:pointer;}
a.no-style{text-decoration:none;color:inherit !important;font-size:inherit;}
div#header{position:absolute;width:100%;height:100px;top:50%;margin-top:-100px;left:0px;z-index:99999999999;/*background:rgba(0, 0, 0, 0.9);*/background:url("../images/dark-fade.png");}
div#header.fixed {position:fixed; top:0px; margin-top:0px;}
div#footer{color:white;width:100%;height:auto;background:rgba(35, 31, 32, 0.85); overflow:hidden;}
div.wrapper{width:1000px;position:relative;left:50%;margin-left:-400px;}
.header-logo{position:relative;padding:15px;float:left;cursor:pointer;}
ul#menu{float:right;list-style:none;width:auto;}
ul#menu .menu-item{font-size:1.25em;float:left;padding:40px 30px 39px 30px;color:darkgrey;cursor:pointer;-webkit-transition-property:color;-webkit-transition-duration:0.2s;-webkit-transition-timing-function:ease-in-out;transition-property:color;transition-duration:0.2s;transition-timing-function:ease-in-out;}
ul#menu .menu-item:hover, ul#menu .menu-item.active{color:rgb(245, 130, 33);border-bottom:1px solid rgb(245, 130, 33);}
.no-padding{padding:0px !important;}


ul#menu li a {
   color: inherit;
   text-decoration: none;
}



div#contacts{background:rgba(35, 31, 32, 0.8);}
#contact-form input{width:94%;height:25px;margin-top:5px;margin-bottom:10px;padding:3px 3%;text-align:left;}
#contact-form textarea{resize:none;height:50px;width:94%;padding:5px 3%;text-align:left;margin-top:5px;margin-bottom:10px;}
input, textarea{-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;border:1px solid #DDDDDD;outline:none;}
#contact-form input:focus, #contact-form textarea:focus{box-shadow:0 0 8px rgb(245, 130, 33) inset;border:1px solid rgb(245, 130, 33);}
#contact-form button{width:100%;padding-left:3%;padding-right:3%;height:35px;background:rgb(245, 130, 33);color:white;border:2px solid white;cursor:pointer;text-align:center;float:right;}
.col{width:46%;padding-left:2%;padding-right:2%;}
.float{float:left;}
div#projects .col-3{width:30%;padding:15px 1.5%;float:left;}
div#projects .col-3 p{text-align:center;}
div#projects .col-3 ul{padding:0px 15px;margin-left:15px;list-style:circle;}
div#projects .col-3 ul li{padding:5px;}
div#projects .col-5{width:45%;padding:15px 2.5%;float:left;}
div#projects .col-5 p{text-align:center;}
div#projects .col-5 ul{padding:0px 15px;margin-left:15px;list-style:circle;}
div#projects .col-5 ul li{padding:5px;}
div#projects div.big-ico{margin:0 auto;height:150px;width:150px;background-image:url(../images/sprites/activity.png);-moz-filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-o-filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%);filter:gray;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");}
div.big-ico.eletric {background-position: 0;-ms-background-position-x: 0;}
div.big-ico.energy {background-position: -150px 0;-ms-background-position-x: -150px;}
div.big-ico.com {background-position: -300px 0;-ms-background-position-x: -300px;}
div.big-ico.security {background-position: -450px 0;-ms-background-position-x: -450px;}
div.big-ico.eletromecanic {background-position: -600px 0;-ms-background-position-x: -600px;}
div.box-project{border-bottom:1px solid white;overflow:hidden;float:left;height:100px;width:100%;-webkit-transition-property:height;-webkit-transition-duration:1s;-webkit-transition-timing-function:ease-in-out;transition-property:height;transition-duration:1s;transition-timing-function:ease-in-out;background-size:cover;background-position:25% 25%;color:white;}
div.box-project.open{height:400px;}
div.box-project.open div.box-project-header p{color:rgb(245, 130, 33);}
div.box-project-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer;width:100%;height:100px;float:left;background:rgba(0, 0, 0, 0.8);}
div.box-project-content{width:100%;height:300px;float:left;background:rgba(0, 0, 0, 0.5);}
div.box-project-content div.col .img{padding:50px 0px;width:100%;height:200px;background-position:center center;background-size:contain;background-repeat:no-repeat;}
div.box-project-content div.col ul{padding:0px 25px;margin-left:15px;list-style:circle;}
div.box-project-content div.col ul li{padding:5px 0px;}
div.box-project-content div.col a{padding:15px;display:block;}
div.box-project-content div.col{height:300px;float:left;}
div.box-project div.box-project-header p{text-align:center;font-weight:bold;font-size:1.1em;display:block;width:100%;padding:40px 0px 40px 0px;float:left;-webkit-transition-property:color;-webkit-transition-duration:0.2s;-webkit-transition-timing-function:ease-in-out;transition-property:color;transition-duration:0.2s;transition-timing-function:ease-in-out;}
#footer img{padding:5px 10px;margin:auto;display:inline-block;}
#footer img.grey{-moz-filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-o-filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%);filter:gray;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");}
#footer img.grey:hover{-moz-filter:none;-o-filter:none;-webkit-filter:grayscale(0%);filter:none;filter:none;}
.lang {
    width:107px;
    margin:auto;
    position:relative;
    padding-bottom: 10px;
}
.lang a {
    padding: 0px 5px;
    margin:5px 0;
    float:left;
    display: inline-block;
    border-left: 1px solid lightgray;
}
.lang img {
    padding:0px !important;
    margin:0 !important;
}
.lang a:first-child {
    border-left: 0px solid lightgray;
}

.cookie {
    width:100%;
    z-index: 50;
    position:absolute;
    top:0;
    left:0;
    min-height:30px;
    background:black;
}
.cookie .wrapper {
    height:30px;
}
.cookie p {
    color:white;
    font-size: 0.7em;
    padding:8px;
    display: inline-block;
    float:left;
}
.cookie div.lang {
    float:right;
    padding:1px;
}

div#certificates {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding-top:20px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 16%, rgba(0,0,0,0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(16%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.7)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 16%,rgba(0,0,0,0.7) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 16%,rgba(0,0,0,0.7) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 16%,rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 16%,rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );

}
div#certificates img {
    margin:auto;
    display: block;
}

div#certificates p {
    font-style: italic;
    text-align: center;
    padding: 15px 0;
    font-size: 1em;
}
@media (max-width:820px){
    div#header{position:absolute;width:100%;height:150px;top:50%;margin-top:-100px;left:0px;z-index:99999999999;/*background:rgba(0, 0, 0, 0.9);*/background:url("../images/dark-fade.png");}
    div.wrapper{width:100%;left:0;margin:0;}
    div.box-project div.box-project-header p{width:auto;margin:0 auto;padding-left:30px;}
    div.box-project-content div.col .img{height:70px;padding:15px 0;margin-top:25px;}
    div.box-project-content div.col{height:auto;}
    div.box-project-content{height:450px;}
    div.box-project.open{height:450px;}
    .v-center{position:relative;top:0%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
    div#projects .col-3{width:97%;padding:15px 1.5%;float:left;}
    div#projects .col-5{width:97%;padding:15px 1.5%;float:left;}
    .col{width:94%;padding-left:3%;padding-right:3%;margin-bottom:20px;}
    #contact-form p{text-align:left;float:left;}
    #contact-form button{width:100%;padding-left:3%;padding-right:3%;margin-bottom:20px;}
    ul#menu .menu-item{padding-left:15px; padding-right:15px;}
    #footer img{display:block !important;}
}

@media (max-width:720px){
    div#header{position:absolute;width:100%;height:150px;top:50%;margin-top:-100px;left:0px;z-index:99999999999;/*background:rgba(0, 0, 0, 0.9);*/background:url("../images/dark-fade.png");}
}

@media (max-width: 640px){
    div#header{position:absolute;width:100%;height:150px;top:50%;margin-top:-100px;left:0px;z-index:99999999999;/*background:rgba(0, 0, 0, 0.9);*/background:url("../images/dark-fade.png");}
    div#fixed-bg{background-image:url("../images/bgs/fbg-small.jpg");}
    div#image-loader{background-image:url("../images/bgs/sbg-small.jpg");}
    ul#menu .menu-item{clear:both;padding:6px 5px;float:right;}
    img.header-logo{position:absolute;}
    #about img{padding:10px 3%;}
    div.spacer.filler{height:250px !important;min-height:250px !important;}
    #footer img.grey{-moz-filter:none;-o-filter:none;-webkit-filter:grayscale(0%);filter:none;}
}
@media (max-width: 400px){
    #about img{width:320px;padding:0;}
    div#header{position:absolute;width:100%;height:150px;top:50%;margin-top:-100px;left:0px;z-index:99999999999;/*background:rgba(0, 0, 0, 0.9);*/background:url("../images/dark-fade.png");}
}