body,h1,h2,h3,h4,h5,h6,p,ul,li,ol,hr,form,menu,header,footer{padding:0;margin:0;border:none}body,input,select,textarea{font-family:'Roboto', sans-serif;font-size:14px;line-height:1.35em;color:#5f5f5f;font-weight:normal}a{outline:0;text-decoration:none;color:#5f5f5f}*:focus{outline:none}header{max-width:1340px;height:83px;margin:0 auto;position:relative}header .logo{position:absolute;bottom:0;left:20px;width:248px;display:block;max-width:65%}header ul{position:absolute;right:20px;bottom:0;list-style:none}header ul li{display:inline}header ul li a{display:inline-block;font-weight:300;text-transform:uppercase;font-size:14px;margin-left:20px}header ul li a .sm{display:none}header ul li a:hover{color:#ba0e31}@media screen and (max-width: 1280px){header{max-width:870px}}@media screen and (max-width: 870px){header{height:70px}}@media screen and (max-width: 500px){header{height:70px}header ul li:first-child{display:none}header ul li a{margin-left:5px}header ul li a .lg{display:none}header ul li a .sm{display:inline}}.content{margin:35px auto 180px;max-width:1300px;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:space-between}.content > *{display:block;width:400px;height:330px;margin-bottom:50px;background-size:contain;background-position:center center;-webkit-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.15);box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.15);position:relative;overflow:hidden}.content > *.defstav{background-image:url('/images/defstav.jpg')}.content > *.defbeton{background-image:url('/images/defbeton.jpg')}.content > *.defire{background-image:url('/images/defire.jpg')}.content > *.def-development{background-image:url('/images/defdevelopment.jpg')}.content > *.def-recycle{background-image:url('/images/defrecycle.jpg')}.content > * > img{position:absolute;left:50px;right:50px;width:calc(100% - 100px);margin:auto;top:calc(50% - 75px);z-index:1;transition:top .3s}.content > *.text{background-image:none;display:flex;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.content > *.text p{margin:20px;text-align:justify;font-weight:300;font-size:16px;line-height:1.5em}.content > * .hover{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.7);transition:opacity .3s}.content > * .hover p{position:absolute;bottom:40px;left:35px;right:35px;color:#ffffff;font-weight:300;text-align:justify}.content > * .hover p.center{text-align:center}.content > * .hover p a{width:120px;display:block;margin:20px auto 0;background:#ffffff;text-transform:uppercase;padding:5px;color:#000000;text-align:center;font-weight:400}.content > *:hover > img{top:0}.content > *:hover .hover{opacity:1}@media screen and (max-width: 1280px){.content{max-width:830px;margin-bottom:70px}}@media screen and (max-width: 870px){.content{justify-content:center;margin-top:30px;margin-bottom:30px}}@media screen and (max-width: 500px){.content > *{background-size:cover}.content > *.text{height:auto}.content > *.text p{margin:0}.content > * .hover p{bottom:20px;left:20px;right:20px}}footer{background:#2c2c2c;color:#cccccc;font-size:14px;font-weight:300}footer a{color:#ba0e31}footer a:hover{color:#ffffff}footer .center{margin:0 auto;max-width:1300px;padding:40px 20px 80px}footer .center .right{float:right;width:380px}footer .center .right .logo{width:155px;display:inline-block;margin:0 0 20px 0}footer .center .left{position:relative}footer .center .left h2{font-weight:700;text-transform:uppercase;font-size:20px;margin-bottom:10px}footer .center .left p{line-height:1.7em}footer .center .left p.abs{position:absolute;left:200px;top:30px}@media screen and (max-width: 870px){footer .center .right{float:none;width:auto;margin-bottom:20px}footer .center .left p.abs{position:static}}