.border-box{box-sizing: border-box; -moz-box-sizing: border-box}.clearfix:after{content: ''; display: table; clear: both}@media all and (min-width: 1600px){.logo{margin-top: 80px !important}} header{height: 320px; background: url(/assets/templates/frontend/images/backs/concrete01.jpg)}header .logo{opacity: 1; -moz-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=.5)}section{position: relative; text-align: center; background: #fff; min-height: 100px; overflow: hidden}section .shade{position: absolute; left: 0px; top: -1px; width: 100%; height: 1px; box-shadow: 0 0 10px #000000; -webkit-box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000}#recent{height: 180px; color: #fff; background: url(/assets/templates/frontend/images/backs/home/recent01.jpg) 0 100%; background-size: cover}#structure{background: url(/assets/templates/frontend/images/backs/concrete02.jpg)}#structure .block{width: 25%; min-width: 240px; max-width: 480px; transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out}#structure h2{color: #333; font-weight: 300}#structure .card{background: none !important; box-shadow: 0 0 0 #000; -webkit-box-shadow: 0 0 0 #000; -moz-box-shadow: 0 0 0 #000}#structure .card h3{padding: 0px 10px; font-size: 20px; font-weight: 300}#structure .card .hidden{visibility: hidden}#structure .card:hover{background: #fff !important; box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5)}#structure .card:hover .hidden{visibility: visible}#news{color: #fff; background: url(/assets/templates/frontend/images/backs/home/news.jpg) 0 100%}#news h2{color: #fff; font-weight: 300}#news .dittoNewsListItem{display: inline-block; width: 25%; min-width: 240px; max-width: 400px; min-height: 100px; text-align: center; margin: 10px; padding: 10px; background: rgba(255,255,255,0.75); transition: all .25s ease-out; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out; -ms-transition: all .25s ease-out}#news .dittoNewsListItem:hover{background: rgba(255,255,255,0.9); box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5)}#links{background: url(/assets/templates/frontend/images/backs/concrete02.jpg)}#links .card{height: 200px}#links .card .title{width: 100%; height: 50px; line-height: 50px; font-weight: 300; background: rgba(0,0,0,0.5); transition: all .25s ease-out; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out; -ms-transition: all .25s ease-out}#links .card .title:hover{background: rgba(0,0,0,0.9)}#links .card .title a{color: #fff}#links .solutions{background: url(/assets/templates/frontend/images/backs/home/links/solutions.jpg); background-size: cover}#links .solutions .title{background: rgba(82,74,71,0.5)}#links .solutions .title:hover{background: rgba(82,74,71,0.9)}#links .works{background: url(/assets/templates/frontend/images/backs/home/links/works.jpg); background-size: cover}#links .works .title{background: rgba(160,32,5,0.5)}#links .works .title:hover{background: rgba(160,32,5,0.9)}#links .products{background: url(/assets/templates/frontend/images/backs/home/links/products.jpg); background-size: cover}#links .products .title{background: rgba(74,89,82,0.5)}#links .products .title:hover{background: rgba(74,89,82,0.9)}@media all and (max-width: 800px){header{height: 180px}} #recent .dittoHomeWorksListItem{display: table; width: 80%; padding: 0 10%; text-align: center}#recent .dittoHomeWorksListItem *{color: #fff}#recent .dittoHomeWorksListItem h2{display: table-cell; vertical-align: middle}#recent .dittoHomeWorksListItem h2 a{font-weight: 300}#slider{width: 100%; height: 100%}#slider .inner{height: 100%; position: relative}#slider .inner >div, #slider .inner >a{position: absolute}#slider .next, #slider .prev{display: block; z-index: 1000; width: 100px; height: 100%; background-size: 100%; opacity: 0; -moz-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=.5); transition: all .25s ease-out; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out; -ms-transition: all .25s ease-out}#slider .next:hover, #slider .prev:hover{cursor: hand; opacity: 1; -moz-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=.5)}#slider .next{right: 120px; background: url("/assets/templates/frontend/images/slider/next.svg") 50% 50% no-repeat}#slider .prev{left: 120px; background: url("/assets/templates/frontend/images/slider/prev.svg") 50% 50% no-repeat}#slider:hover .next, #slider:hover .prev{opacity: .7; -moz-opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=.5)}#slider:hover .next{right: 10px}#slider:hover .prev{left: 10px}#slider .prev:hover, #slider .next:hover{opacity: 1; -moz-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=.5)}#slider .slide{width: 100%; height: 100%; z-index: -1; opacity: 0; -moz-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=.5); transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out}#slider .slide a{padding: 0 5px; background: rgba(12,3,124,0.6)}#slider .slide a:hover{background: rgba(12,3,124,0.9)}#slider .active{z-index: 1; opacity: 1; -moz-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=.5)}