.main-block-lm div.left-menu { width: 255px; } .page-content { padding-left: 31px; } .page-kompany-sites-block { display: block; margin: 0 0 30px 0; } .page-kompany-sites-block .item .image { -webkit-box-shadow:	0 0px 16px 0 rgba(30,30,30,0.5); -moz-box-shadow:	0 0px 16px 0 rgba(30,30,30,0.5); box-shadow: 0 0px 16px 0 rgba(30,30,30,0.5); display: inline-block; margin: -10px 0 0px 0; padding: 0; } .page-kompany-sites-block .item .image img { vertical-align: top; } .page-kompany-sites-block .links .item { text-align: left; } .page-kompany-sites-block a { color: #d87540; } .page-kompany-sites-block a:hover { color: #f28449; } .dsk-block { display: block; } .col-l, .col-r { width: calc(50% - 16px); display: inline-block; } .page-kompany-images-block { display: block; margin: 30px 0 0 0; } .page-kompany-images-block .item { margin-bottom: 30px; } .page-kompany-images-block .item .image-text { display: block; font-size: 14px; color: #252525; margin: 10px 0 10px 0; } .page-kompany-images-block .item .image { transition-property: all; transition-duration: 0.2s; transition-timing-function: ease-in, ease, linear; } .page-kompany-images-block .item .image:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .col-l, .col-r { width: calc(33% - 19px); display: inline-block; } .page-kompany-images-block .item .image a { display: flex; position: relative; } .page-kompany-images-block .item .image a:before { content: ""; display: block; width: 30px; height: 30px; position: absolute; right: 10px; bottom: 10px; background-image: url('/images/template/zoom.svg'); background-position: center center; background-repeat: no-repeat; background-size: 30px; } @media all and (max-width: 700px) { .col-l.inline-block, .col-r.inline-block { display: block; margin: 0; width: 100%; } .page-content.page { padding: 5vw 5vw 0 5vw; max-width: 100% !important; box-sizing: border-box; overflow-x: hidden; } .page-kompany-sites-block .page-screenshots .item { display: block; padding: 3vw 0 0 0; } .page-kompany-sites-block .page-screenshots .item img { width: 100%; } .page-kompany-images-block .item .image-text { font-size: 4vw; display: block; padding: 0 0 6vw 0; } .bottom-query-form h2 { padding: 0 0 0 0; } .page-kompany-images-block { max-width: calc(100% - 0vw); } .page-kompany-images-block .item { margin: 0 0 5vw 0; } .body.tm-scrolled .page-content {\ padding-top: 40px; } }