/* Theme Name: KBD Engineering Theme URI: http://www.iljaburzev.com Description: KBD Engineering Author: Sasha Version: 1.0 Tags: */ @charset "utf-8"; @import "bootstrap.css"; @font-face { font-family: 'DTL Nobel T'; src: url(fonts/dtlnobelt.eot); src: url(fonts/dtlnobelt.eot?#iefix) format('embedded-opentype'), url(fonts/dtlnobelt.woff2) format('woff2'), url(fonts/dtlnobelt.woff) format('woff'), url(fonts/dtlnobelt.ttf) format('truetype'), url(fonts/dtlnobelt.svg#icon) format('svg'); font-weight: 400; font-style: normal } @font-face { font-family: 'DTL Nobel T'; src: url(fonts/dtlnobelt-italic.eot); src: url(fonts/dtlnobelt-italic.eot?#iefix) format('embedded-opentype'), url(fonts/dtlnobelt-italic.woff2) format('woff2'), url(fonts/dtlnobelt-italic.woff) format('woff'), url(fonts/dtlnobelt-italic.ttf) format('truetype'), url(fonts/dtlnobelt-italic.svg#icon) format('svg'); font-weight: 400; font-style: italic } @font-face { font-family: 'DTL Nobel T'; src: url(fonts/dtlnobelt-light.eot); src: url(fonts/dtlnobelt-light.eot?#iefix) format('embedded-opentype'), url(fonts/dtlnobelt-light.woff2) format('woff2'), url(fonts/dtlnobelt-light.woff) format('woff'), url(fonts/dtlnobelt-light.ttf) format('truetype'), url(fonts/dtlnobelt-light.svg#icon) format('svg'); font-weight: 300; font-style: normal } @font-face { font-family: 'DTL Nobel T'; src: url(fonts/dtlnobelt-bold.eot); src: url(fonts/dtlnobelt-bold.eot?#iefix) format('embedded-opentype'), url(fonts/dtlnobelt-bold.woff2) format('woff2'), url(fonts/dtlnobelt-bold.woff) format('woff'), url(fonts/dtlnobelt-bold.ttf) format('truetype'), url(fonts/dtlnobelt-bold.svg#icon) format('svg'); font-weight: 700; font-style: normal } @font-face { font-family: 'Proxima Nova'; src: url(fonts/proximanova-xbold.eot); src: url(fonts/proximanova-xbold.eot?#iefix) format('embedded-opentype'), url(fonts/proximanova-xbold.woff2) format('woff2'), url(fonts/proximanova-xbold.woff) format('woff'), url(fonts/proximanova-xbold.ttf) format('truetype'), url(fonts/proximanova-xbold.svg#icon) format('svg'); font-weight: 800; font-style: normal } @-webkit-keyframes intro_h { 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; margin: 100px -80px } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; margin: 0 -80px } } @-moz-keyframes intro_h { 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; margin: 100px -80px } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; margin: 0 -80px } } @-o-keyframes intro_h { 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; margin: 100px -80px } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; margin: 0 -80px } } @keyframes intro_h { 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; margin: 100px -80px } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; margin: 0 -80px } } @-webkit-keyframes intro_v { 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; margin: 0 100px } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; margin: 0 } } @-moz-keyframes intro_v { 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; margin: 0 100px } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; margin: 0 } } @-o-keyframes intro_v { 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; margin: 0 100px } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; margin: 0 } } @keyframes intro_v { 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; margin: 0 100px } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; margin: 0 } } body { letter-spacing: .01em; font: 300 18px/1.666667 "DTL Nobel T", Arial, Helvetica, sans-serif; background: #f9f9f9; color: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100% } body, html { margin: 0; padding: 0; width: 100%; height: 100% } body.no-scroll, html.no-scroll { overflow: hidden; width: auto; height: auto } *, :focus { outline: 0 } table, td, th, tr { padding: 0; border-collapse: collapse } article, aside, details, figure, footer, header, nav, section, summary { display: block; padding: 0; margin: 0; border: none } address, blockquote, dd, del, dfn, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, kbd, label, li, ol, p, ul { margin: 0; padding: 0; text-decoration: none; font-style: normal; border: none } ul li { list-style: none } input, textarea { margin: 0; padding: 0 } a { -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s; text-decoration: none; color: #2d86b1 } a img { border: none } a *, button, button *, input[type=button], input[type=submit] { cursor: pointer; -webkit-appearance: none } .input { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; position: relative } .input input, .input textarea { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REJBOTY0MUE3Q0Y2MTFFM0I4NThFNzdFQzVBQTdDMzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REJBOTY0MUI3Q0Y2MTFFM0I4NThFNzdFQzVBQTdDMzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQkE5NjQxODdDRjYxMUUzQjg1OEU3N0VDNUFBN0MzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQkE5NjQxOTdDRjYxMUUzQjg1OEU3N0VDNUFBN0MzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgcYRcAAAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; display: block; width: 100%; height: 100% } .input textarea { resize: vertical } .input.textarea { height: auto } input[type=checkbox], input[type=radio] { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); -khtml-opacity: .01; -moz-opacity: .01; opacity: .01; position: absolute; cursor: pointer } input[type=checkbox]+u, input[type=radio]+u { display: inline-block; vertical-align: top; cursor: pointer } input[type=checkbox]:focus+u, input[type=radio]:focus+u { outline: 1px dotted #999 } .button { display: inline-block; vertical-align: top; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s; position: relative; text-align: center; text-decoration: none } .button input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REJBOTY0MUE3Q0Y2MTFFM0I4NThFNzdFQzVBQTdDMzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REJBOTY0MUI3Q0Y2MTFFM0I4NThFNzdFQzVBQTdDMzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQkE5NjQxODdDRjYxMUUzQjg1OEU3N0VDNUFBN0MzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQkE5NjQxOTdDRjYxMUUzQjg1OEU3N0VDNUFBN0MzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgcYRcAAAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC); position: absolute; cursor: pointer; z-index: 2; display: block; width: 100%; height: 100%; border: none; top: 0; left: 0 } .wrap { width: 100%; min-height: 100%; overflow: hidden; position: relative; margin: auto } .navbar { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .05); box-shadow: 0 0 24px rgba(0, 0, 0, .05); background-color: #fff; z-index: 101; position: fixed; top: 0; left: 0; width: 100% } .navbar .navbar-header .navbar-brand { padding-top: 0 } .navbar .navbar-header .navbar-brand a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; background: url(images/kbd.png) 0 0; width: 324px; height: 36px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box; display: block; margin-top: -10px; position: absolute } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .navbar .navbar-header .navbar-brand a { -webkit-background-size: 234px 26px; -o-background-size: 234px 26px; background-size: 234px 26px; background-image: url(images/kbdRetina.png); width: 234px; height: 26px; margin-top: -4px } } .navbar .navbar-nav { position: relative } .navbar .navbar-nav>li { position: static } .navbar .navbar-nav>li>a { display: inline-block; vertical-align: top; letter-spacing: .2em; font-weight: 400; font-size: 12px; line-height: 22px; text-transform: uppercase; color: #000; border-bottom: 2px solid transparent } .navbar .navbar-nav>li>a:hover { border-bottom-color: #000 } .navbar .navbar-nav>li+li { padding-left: 38px } .navbar .navbar-nav>li.lang a { display: block; border: none !important; margin: 5px 2px 0 11px } .navbar .navbar-nav>li.lang a.de { background: url(images/sprite.png) -172px 0; width: 19px; height: 12px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .navbar .navbar-nav>li.lang a.de { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } .navbar .navbar-nav>li.lang a.en { background: url(images/sprite.png) -191px 0; width: 19px; height: 12px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .navbar .navbar-nav>li.lang a.en { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } .navbar .navbar-nav>li.active>a { border-bottom-color: #000 } @media screen and (min-width: 992px) { .navbar { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; padding: 45px 0 31px } .navbar .navbar-nav>li .dropdown { display: none; position: absolute; top: 100%; left: 0; height: 36px; white-space: nowrap; padding-top: 10px } .navbar .navbar-nav>li .dropdown ul { position: relative; z-index: 2 } .navbar .navbar-nav>li .dropdown ul li { display: inline-block; vertical-align: top; letter-spacing: .09em; font-size: 13px; line-height: 50px; text-transform: uppercase; color: #a4aebc } .navbar .navbar-nav>li .dropdown ul li a { letter-spacing: .025em; font-size: 16px; line-height: 48px; text-transform: none; border-bottom: 1px solid transparent } .navbar .navbar-nav>li .dropdown ul li a:hover { border-bottom-color: #8abbd2 } .navbar .navbar-nav>li .dropdown ul li+li { padding-left: 25px } .navbar .navbar-nav>li .dropdown ul li.active a { color: #464646; border-bottom-color: transparent !important; cursor: default } .navbar .navbar-nav>li .dropdown:before { -webkit-box-shadow: inset 0 0 24px rgba(0, 0, 0, .05); box-shadow: inset 0 0 24px rgba(0, 0, 0, .05); content: ""; display: block; position: absolute; z-index: 1; top: 0; left: -5000%; width: 10000%; height: 100%; background-color: #fbf5f2; border-top: 10px solid #fff } .navbar .navbar-nav>li.active .dropdown { display: block } .navbar.fixed { position: fixed; top: -24px; z-index: 500; padding-bottom: 5px; padding-top: 50px } } @media screen and (max-width: 991px) { .navbar { z-index: 500; height: 66px } .navbar .navbar-header .navbar-brand a { margin-top: 20px } .navbar #navbar { -webkit-box-shadow: 0 12px 12px rgba(0, 0, 0, .05); box-shadow: 0 12px 12px rgba(0, 0, 0, .05); position: absolute; z-index: 2000; padding: 0 15px; width: auto; background-color: #fff; top: 100%; right: 0; margin: 0; overflow: auto; max-height: calc(100vh - 66px) } .navbar #navbar .navbar-nav { margin-right: 0; margin-left: 0 } .navbar .navbar-nav { padding-bottom: 30px } .navbar .navbar-nav>li { padding: 15px 15px 0 !important; min-width: 200px } .navbar .navbar-nav>li .dropdown { font-size: 0 } .navbar .navbar-nav>li .dropdown ul { padding: 0 0 10px 20px } .navbar .navbar-nav>li .dropdown ul li a { font-size: 14px } .navbar .navbar-nav>li .dropdown ul li+li { padding-top: 10px } .navbar .navbar-nav>li.lang a { margin: 0 !important } } [class*="__page"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 100vh; padding-top: 242px !important } @media screen and (max-width: 991px) { [class*="__page"] { padding-top: 116px !important } } .page-header { padding-bottom: 16px } .page-header img { display: inline-block; vertical-align: middle; margin: -3px 16px 0 -3px } footer { background-color: #0A71A6; color: rgba(255, 255, 255, .5); font-size: 14px; line-height: 24px; padding: 36px 0 66px } footer .contact, footer .links, footer .logo { padding: 15px 0 } footer .logo { margin-top: 1px } footer .logo a { background: url(images/sprite.png) 0 -20px; width: 172px; height: 19px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box; display: block } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { footer .logo a { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } footer .contact b { display: block; font-weight: 400; padding: 4px 0 2px } footer .links { text-align: right } footer .links li { display: inline-block; vertical-align: top } footer .links li a { color: #fff; border-bottom: 1px solid #8e8f93 } footer .links li a:hover { border-bottom-color: transparent } footer .links li+li { padding-left: 29px } @media screen and (max-width: 767px) { footer .links { text-align: left } } @media screen and (max-width: 320px) { footer .col-xs-6 { width: 100% !important } } h1, h2, h3, h4 { line-height: 1.35em; font-weight: 400 } h1 { font-size: 40px } h2 { font-size: 30px } h3 { font-size: 24px } h4 { font-size: 18px } .intro__widget .row>:first-child { font-size: 20px; line-height: 30px; font-weight: 400 } .intro__widget .row>:last-child { padding-top: 4px } .text__widget h3 { margin: 0px 0 } .text__widget h4 { margin: 70px 0 37px } .text__widget ul li { position: relative } .text__widget ul li:before { content: ""; display: block; position: absolute; top: 12px; left: -18px; width: 4px; height: 4px; background-color: #646464 } .text__widget ul li+li { margin-top: 24px } .text__widget .address, .text__widget ol, .text__widget p, .text__widget table, .text__widget ul { margin: 30px 0 } .text__widget .address b { display: block; font-weight: 400 } .text__widget>:first-child { margin-top: 0 !important } .text__widget>:last-child { margin-bottom: 0 !important } .breadcrumbs__widget { padding-bottom: 19px } .breadcrumbs__widget li { display: inline-block; vertical-align: top; font-size: 14px; margin-right: 32px } .breadcrumbs__widget li a { border-bottom: 1px solid #8abbd2; position: relative } .breadcrumbs__widget li a:after { background: url(images/sprite.png) -172px -12px; width: 5px; height: 9px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box; content: ""; display: block; position: absolute; top: 0; left: 100%; margin: 4px 0 0 17px } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .breadcrumbs__widget li a:after { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } .breadcrumbs__widget li a:hover { border-bottom-color: transparent } .overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 600; background-color: rgba(52, 52, 52, .8) } .overlay.active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; z-index: 600 } .popup__widget { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 601; padding: 0 15px; overflow: auto; visibility: hidden } .popup__widget .popup-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 971px; background-color: #f9f9f9; padding: 41px 38px 0 41px; margin: 206px auto 50px; position: relative } @media screen and (max-width: 991px) { .popup__widget .popup-inner { margin-top: 166px } } .popup__widget .popup-inner .close { -webkit-border-radius: 50%; border-radius: 50%; display: block; position: absolute; background-color: #f0f0f0; top: 31px; right: 35px; width: 64px; height: 64px } .popup__widget .popup-inner .close:before { background: url(images/sprite.png) -184px -12px; width: 26px; height: 25px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box; content: ""; display: block; position: absolute; top: 50%; left: 50%; margin: -12px -13px } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .popup__widget .popup-inner .close:before { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } .popup__widget .popup-inner .popup-header { padding-bottom: 53px } .popup__widget .popup-inner .popup-header h3 { line-height: 36px; padding-bottom: 17px } .popup__widget .popup-inner .popup-header .location { position: relative; padding-left: 17px; font-size: 14px; line-height: 18px; color: rgba(55, 55, 55, .5) } .popup__widget .popup-inner .popup-header .location:before { background: url(images/sprite.png) -172px -34px; width: 8px; height: 11px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box; content: ""; display: block; position: absolute; top: 2px; left: 1px } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .popup__widget .popup-inner .popup-header .location:before { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } .popup__widget .popup-inner .popup-content { padding-bottom: 82px } .popup__widget .popup-inner .popup-content:after { content: ''; display: table; clear: both } .popup__widget .popup-inner .popup-content .technical { float: left; width: 270px; white-space: pre-wrap; font-size: 12px; line-height: 18px } .popup__widget .popup-inner .popup-content .technical li { display: table; font-size: 14px; line-height: 22px; margin-bottom: 8px } .popup__widget .popup-inner .popup-content .technical li b, .popup__widget .popup-inner .popup-content .technical li span { display: block } .popup__widget .popup-inner .popup-content .media { float: right; width: 545px; padding-top: 3px } .popup__widget .popup-inner .popup-content .media .full-slider { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 433px; border: 1px solid #dfdfdf; margin-bottom: 19px; position: relative } .popup__widget .popup-inner .popup-content .media .full-slider .item, .popup__widget .popup-inner .popup-content .media .full-slider .items, .popup__widget .popup-inner .popup-content .media .full-slider .slick-list, .popup__widget .popup-inner .popup-content .media .full-slider .slick-track { height: 100% } .popup__widget .popup-inner .popup-content .media .full-slider .items { overflow: hidden } .popup__widget .popup-inner .popup-content .media .full-slider .items .item { float: left; text-align: center; background-color: #000 } .popup__widget .popup-inner .popup-content .media .full-slider .items .item img, .popup__widget .popup-inner .popup-content .media .full-slider .items .item video { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100% } .popup__widget .popup-inner .popup-content .media .full-slider .items .item:before { display: inline-block; vertical-align: middle; height: 100%; content: '' } .popup__widget .popup-inner .popup-content .media .thumb-slider { position: relative; width: 564px } .popup__widget .popup-inner .popup-content .media .thumb-slider .items { overflow: hidden } .popup__widget .popup-inner .popup-content .media .thumb-slider .items .item { float: left; width: 141px } .popup__widget .popup-inner .popup-content .media .thumb-slider .items .item span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 122px; height: 83px; border: 1px solid #dedede; text-align: center; cursor: pointer; position: relative } .popup__widget .popup-inner .popup-content .media .thumb-slider .items .item span img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100% } .popup__widget .popup-inner .popup-content .media .thumb-slider .items .item span:before { display: inline-block; vertical-align: middle; height: 100%; content: '' } .popup__widget .popup-inner .popup-content .media .thumb-slider .items .item span.video i { background: url(images/sprite.png) -210px 0; width: 24px; height: 36px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box; display: block; position: absolute; z-index: 2; top: 50%; left: 50%; margin: -18px -6px } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .popup__widget .popup-inner .popup-content .media .thumb-slider .items .item span.video i { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } .popup__widget .popup-inner .popup-content .media .thumb-slider .items .item span.video:after { content: ""; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .31) } @media screen and (min-width: 481px) and (max-width: 991px) { .popup__widget .popup-inner .popup-content .technical { -moz-column-count: 2; -moz-column-width: auto; -moz-column-gap: normal; -webkit-column-count: 2; -webkit-column-width: auto; -webkit-column-gap: normal; column-count: 2; column-width: auto; column-gap: normal; float: none; width: 100%; padding-bottom: 25px } .popup__widget .popup-inner .popup-content .technical li { display: inline-block; vertical-align: top; width: 100% } .popup__widget .popup-inner .popup-content .media { float: none; width: 100% } .popup__widget .popup-inner .popup-content .media .full-slider { height: auto } .popup__widget .popup-inner .popup-content .media .thumb-slider { display: none } } @media screen and (max-width: 480px) { .popup__widget .popup-inner .popup-content .technical { float: none; width: 100%; padding-bottom: 25px } .popup__widget .popup-inner .popup-content .technical li { display: inline-block; vertical-align: top; width: 100% } .popup__widget .popup-inner .popup-content .media { float: none; width: 100% } .popup__widget .popup-inner .popup-content .media .full-slider { height: auto } .popup__widget .popup-inner .popup-content .media .thumb-slider { display: none } } .popup__widget.active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; z-index: 601 } .news__page { margin-bottom: 141px } .news__page .list { padding-top: 49px } .news__page .list .item { padding-bottom: 47px } .news__page .list .item:after { content: ''; display: table; clear: both } .news__page .list .item .date { float: left; width: 76px; font-size: 10px; line-height: 24px; font-weight: 400; color: #FFAB33; padding-top: 3px } .news__page .list .item p { margin-left: 100px; font-size: 14px; line-height: 24px } .news__page .list .item p a { border-bottom: 1px solid #8abbd2 } .news__page .list .item p a:hover { border-bottom-color: transparent } @media screen and (max-width: 480px) { .news__page .list .item .date { float: none } .news__page .list .item p { margin-left: 0 } } .news__page .press h4 { padding-bottom: 30px } .news__page .press ul li { padding-bottom: 30px } .news__page .press ul li .info { letter-spacing: .07em; color: rgba(0, 0, 0, .3); font-size: 10px; line-height: 14px; text-transform: uppercase; padding-bottom: 5px } .news__page .press ul li .info .date { display: inline-block; vertical-align: top; position: relative } .news__page .press ul li .info .date:after { display: inline-block; vertical-align: top; content: ""; width: 1px; height: 8px; margin: 1px 8px 0 8px; background-color: #c7c7c7 } .news__page .press ul li p { font-size: 14px; line-height: 24px } .news__page .press ul li p a { border-bottom: 1px solid transparent } .news__page .press ul li p a:hover { border-bottom-color: #8abbd2 } .technology__page { -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-color: #000; color: rgba(255, 255, 255, .6) } .technology__page .page-header { padding-bottom: 36px } .technology__page .text p, .technology__page .text ul { padding-bottom: 2.55555556em } .technology__page .text ul li { position: relative; padding-left: 23px } .technology__page .text ul li+li { margin-top: 1.66666667em } .technology__page .text ul li:before { -webkit-border-radius: 50%; border-radius: 50%; content: ""; display: block; position: absolute; top: 11px; left: 1px; width: 7px; height: 7px; background-color: rgba(255, 255, 255, .6) } .technology__page.type-optimquench { background-image: url(images/technology-optimquench.jpg) } .technology__page.type-2phasen { background-image: url(images/technology-2phasen.jpg) } .technology__page.type-ndt { background-image: url(images/technology-ndt.jpg) } .contacts__page { padding-top: 119px } .contacts__page .row { padding-bottom: 40px } .contacts__page .address, .contacts__page .contact { padding-bottom: 28px } .contacts__page .address { font-size: 20px; line-height: 30px } .contacts__page .address b { display: block; font-weight: 400; line-height: 1em; padding-top: 5px } .contacts__page .address p { padding-bottom: 1.5em } .contacts__page .contact { font-size: 14px; line-height: 24px } .contacts__page .contact b { display: block; font-weight: 400; padding: 4px 0 2px } .contacts__page #map { width: 100%; height: 542px; min-height: 100px; max-height: 100vh } @media screen and (max-width: 320px) { .contacts__page .col-xs-6 { width: 100% !important } } .technologies__page { padding-top: 120px } .technologies__page .page-header { padding-bottom: 62px } .technologies__page .intro__widget { padding-bottom: 105px } .technologies__page .methods { border-top: 152px solid transparent; margin-top: -152px } .technologies__page .methods h2 { padding-bottom: 43px } .technologies__page .methods .row { padding-bottom: 63px } .technologies__page .methods .row .addition { padding: 0px 0 0 31px } .technologies__page .methods .row .addition img { display: block; max-width: 100% } .technologies__page .methods .row .addition p { font-size: 12px; line-height: 18px; color: rgba(0, 0, 0, .5); padding: 16px 0 0 2px } @media screen and (max-width: 991px) { .technologies__page .methods { border-top-width: 111px; margin-top: -111px } } .technologies__page .list { background-color: #fff; padding: 52px 0 100px; border-top: 100px solid transparent; margin-top: -100px; -o-background-clip: padding-box; background-clip: padding-box } .technologies__page .list h2 { padding-bottom: 52px } .technologies__page .list .link { display: block; font-size: 24px; line-height: 30px; margin-bottom: 18px } .technologies__page .list .link img { display: block; margin-bottom: 35px; max-width: 100%; height: auto } .technologies__page .list .link b { display: inline-block; vertical-align: top; font-weight: 400; border-bottom: 1px solid transparent } .technologies__page .list .link:hover b { border-bottom-color: #8abbd2 } .technologies__page .list p { padding-bottom: 35px } .technologies__page .list .more { position: relative; padding-left: 36px; margin-top: 10px; margin-bottom: 33px; line-height: 1em } .technologies__page .list .more a { display: inline-block; vertical-align: top; border-bottom: 1px solid #8abbd2; line-height: 1em } .technologies__page .list .more a i { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; display: block; position: absolute; width: 21px; height: 21px; border: 1px solid #1a7dad; right: 100%; top: 50%; margin: -10.5px -23px 0 0 } .technologies__page .list .more a i:before { background: url(images/sprite.png) -177px -12px; width: 5px; height: 9px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box; content: ""; display: block; position: absolute; top: 50%; left: 50%; margin: -4.5px 0 0 -2.5px } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .technologies__page .list .more a i:before { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } .technologies__page .list .more a:hover { border-bottom-color: transparent } @media screen and (max-width: 991px) { .technologies__page .list { border-top-width: 59px; margin-top: -60px } } .job__page { padding: 71px 0 162px } .job__page .page-header { padding: 0 0 49px } .job__page .row+.row { padding-top: 49px } .default__page { padding: 71px 0 162px } .default__page .page-header { padding: 0 0 49px } .default__page .row+.row { padding-top: 49px } .services__page { padding: 113px 0 216px } .services__page .page-header { padding-bottom: 63px } .services__page .intro__widget { padding-bottom: 95px } .services__page .item { padding-bottom: 93px; position: relative } .services__page .item h2 { padding-bottom: 27px } .services__page .item:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ""; display: block; position: absolute; right: 100%; top: 0; width: 3px; height: 100%; background-color: #FFAB33; margin-right: 52px } .services__page .item:after { -webkit-border-radius: 50%; border-radius: 50%; content: ""; display: block; position: absolute; top: 0; right: 100%; width: 9px; height: 9px; background-color: #FFAB33; border: 3px solid #f9f9f9; margin: 15px 46px 0 0 } .services__page .item:first-child:before { border-top: 30px solid #f9f9f9 } .services__page .item:last-child:before { height: 30px } .services__page .teasers { background-color: #fff; margin-top: 6px; margin-right: -27px } @media screen and (min-width: 993px) { .services__page .teasers.fixed { position: fixed } .services__page .teasers.absolute { position: absolute } } .services__page .teasers .teaser { padding: 30px 30px 29px; font-size: 0 } .services__page .teasers .teaser img { display: inline-block; vertical-align: middle; -webkit-border-radius: 50%; border-radius: 50% } .services__page .teasers .teaser p { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 22px; width: calc(100% - 110px); padding-left: 22px } .services__page .teasers .teaser p a { border-bottom: 1px solid #8cbed6 } .services__page .teasers .teaser p a:hover { border-bottom-color: transparent } .services__page .teasers .teaser+.teaser { border-top: 1px solid #ececec } @media screen and (max-width: 993px) { .production__page .sidetext { visibility: hidden } } .production__page .sidetext { position: absolute; font-size: 14px } .production__page .sidetext h3 { font-size: 16px } .production__page { padding: 119px 0 300px } .production__page .page-header { padding-bottom: 59px } .production__page .intro__widget { padding-bottom: 50px } .production__page .row>div { display: inline-block; vertical-align: top; margin: 0 -.5px } .production__page .row ul li { list-style: square outside; } .production__page .row li span { position: relative; left: 10px; } .production__page .row h3 span { position: relative; left: -30px; } .production__page .row .link { display: block; font-size: 16px; line-height: 24px; height: 270px } .production__page .row .link img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: auto; border: 1px solid #eee; margin-bottom: 19px } .production__page .row .link span { border-bottom: 1px solid transparent } .production__page .row .link:hover span { border-bottom-color: #8cbed6 } .production__page .row p { font-size: 12px; line-height: 18px; color: rgba(0, 0, 0, .5); padding: 1px 0 58px } .about__page { padding: 120px 0 0; } .about__page h2+.about { padding-top: 46px } .about__page>.container { border-bottom: 1px solid #ececec } .about__page .page-header { padding-bottom: 62px } .about__page .intro__widget { padding-bottom: 11px } .about__page .intro__widget .pull-right { margin-right: 30px } .about__page .intro__widget ul { padding-top: 2px } .about__page .intro__widget ul li { position: relative; padding-bottom: 48px } .about__page .intro__widget ul li .image { width: 94px; text-align: center; position: absolute; top: -4px; right: 100% } .about__page .intro__widget ul li .image img { display: inline-block; vertical-align: top } .about__page .intro__widget ul li p { font-size: 14px; line-height: 24px } .about__page .intro__widget ul li p a { border-bottom: 1px solid #b6d4e2 } .about__page .intro__widget ul li p a:hover { border-bottom-color: transparent } .about__page .intro__widget ul li p span { color: #818181 } @media screen and (max-width: 767px) { .about__page .intro__widget .pull-right { margin-right: 0; padding-top: 35px; padding-bottom: 55px; float: none !important } .about__page .intro__widget ul { padding-left: 94px } } .about__page .description { padding-bottom: 88px } .about__page .news { background-color: #fff; border-bottom: 1px solid #ececec; padding: 42px 0 50px; margin-top: -107px; border-top: 107px solid transparent; -o-background-clip: padding-box; background-clip: padding-box } .about__page .news .news-header { padding-bottom: 39px } .about__page .news .news-header:after { content: ''; display: table; clear: both } .about__page .news .news-header h2 { float: left } .about__page .news .news-header .more { float: right; font-size: 14px; line-height: 24px; padding-top: 15px } .about__page .news .news-header .more a { border-bottom: 1px solid #8dbed5 } .about__page .news .news-header .more a:hover { border-bottom-color: transparent } .about__page .news .date { font-size: 10px; font-weight: 400; color: #FFAB33; padding-bottom: 7px } .about__page .news p { font-size: 14px; line-height: 24px; padding-bottom: 25px } .about__page .news p a { border-bottom: 1px solid #8abbd2 } .about__page .news p a:hover { border-bottom-color: transparent } .about__page .team { padding-top: 52px; margin-top: -107px; border-top: 107px solid transparent; -o-background-clip: padding-box; background-clip: padding-box } .about__page .team .people { padding-top: 52px } .about__page .team .people .row { font-size: 0 } .about__page .team .people .row>div { display: inline-block; vertical-align: top; float: none; margin: 0 -.5px } .about__page .team .people img { display: block; max-width: 100%; margin-bottom: 26px } .about__page .team .people .name { font-size: 14px; line-height: 24px; padding-bottom: 11px } .about__page .team .people .name span { display: block; font-size: 18px; padding-bottom: 2px } .about__page .team .people .contact { font-size: 14px; line-height: 24px; padding-bottom: 52px } .about__page .work { padding: 53px 0 26px; margin-top: -107px; border-top: 107px solid transparent } .about__page .work .spec { padding-top: 81px } .about__page .work .spec .icon { -webkit-border-radius: 50%; border-radius: 50%; width: 111%; padding-top: 111%; background-color: #fff0e0; position: relative; margin-top: 3px } .about__page .work .spec .icon span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center } .about__page .work .spec .icon span img { display: inline-block; vertical-align: middle; max-width: 60%; max-height: 60% } .about__page .work .spec .icon span:before { display: inline-block; vertical-align: middle; height: 100%; content: "" } .about__page .work .spec strong { letter-spacing: .08em; display: block; text-transform: uppercase; font-size: 14px; line-height: 24px; font-weight: 400; padding-bottom: 7px } .about__page .work .spec p { font-size: 14px; line-height: 24px; padding-bottom: 31px } .about__page .work .spec dl { font-size: 14px; line-height: 20px; position: relative; padding: 0 0 30px 20px } .about__page .work .spec dl dt { font-weight: 400; padding-bottom: 6px } .about__page .work .spec dl:before { background: url(images/sprite.png) -202px -37px; width: 8px; height: 13px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box; content: ""; display: block; position: absolute; top: 4px; left: 0 } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .about__page .work .spec dl:before { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } @media screen and (max-width: 992px) { .about__page .work .spec .col-sm-2 { clear: left } .about__page .work .spec .icon { margin-bottom: 50px } .about__page .work .spec strong { padding-top: 15px } .about__page .work .spec dl:last-child, .about__page .work .spec p:last-child { padding-bottom: 50px } } @media screen and (max-width: 480px) { .about__page .work .spec .col-md-2 { width: 75px } .about__page .work .spec .col-md-10 { margin-left: 75px; float: none; width: auto } } .about__page .partners { font-size: 0 } .about__page .partners>div { display: inline-block; vertical-align: top; float: none; margin: 0 -.5px } .about__page .partners a { display: block } .about__page .partners a .title span { font-weight: 300; border-bottom: 1px solid #89bad3 } .about__page .partners a:hover .title span { border-bottom-color: transparent } .about__page .partners .image { display: block; margin-bottom: 3px; height: 100px } .about__page .partners .image img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100% } .about__page .partners .image:before { display: inline-block; vertical-align: middle; height: 100%; content: "" } .about__page .partners .title { display: inline-block; vertical-align: top; font-weight: 400; font-size: 18px; line-height: 24px; padding-bottom: 1px } .about__page .partners p { color: rgba(0, 0, 0, .6); font-size: 14px; line-height: 24px; padding-bottom: 10px } @media screen and (max-width: 360px) { .about__page .partners .col-md-6 { width: 100% } } .about__page .careers { padding: 52px 0 25px; margin-top: -107px; border-top: 107px solid transparent } .about__page .careers .vacancy { padding-top: 52px } .about__page .careers .vacancy dl { padding-bottom: 27px } .about__page .careers .vacancy dl dt { font-weight: 400; font-size: 18px; line-height: 30px; padding-bottom: 17px } .about__page .careers .vacancy dl dd { padding-bottom: 12px } .about__page .careers .vacancy dl dd a { border-bottom: 1px solid #8abbd2 } .about__page .careers .vacancy dl dd a:hover { border-bottom-color: transparent } .experience__page { padding-top: 120px } .experience__page .page-header { padding-bottom: 62px } .experience__page .intro__widget { padding-bottom: 67px } .experience__page .products { padding-bottom: 72px; border-top: 107px solid transparent; margin-top: -107px } @media screen and (min-width: 993px) { .experience__page .products .row>div:not(:first-child) { padding-left: 0 } .experience__page .products .row>div:not(:first-child) a { border-left: 1px solid #ececec } .experience__page .products .row>div:not(:last-child) { padding-right: 0 } } @media screen and (min-width: 768px) and (max-width: 992px) { .experience__page .products .row>div a { border-bottom: 1px solid #ececec } .experience__page .products .row>div:nth-last-child(1) a, .experience__page .products .row>div:nth-last-child(2) a { border-bottom: none } .experience__page .products .row>div:nth-child(2n-1) { padding-right: 0 } .experience__page .products .row>div:nth-child(2n) { padding-left: 0; border-left: 1px solid #ececec } } @media screen and (max-width: 767px) { .experience__page .products .row>div a { border-top: 1px solid #ececec } } .experience__page .products a { display: block; text-align: center; background-color: #fff; position: relative; padding: 35px 0 38px } .experience__page .products a .image { display: block; height: 150px; padding-bottom: 35px } .experience__page .products a .image img { display: inline-block; vertical-align: top; max-width: 100% } .experience__page .products a .title { letter-spacing: .08em; display: block; text-transform: uppercase; font-weight: 400; padding-bottom: 27px } .experience__page .products a .title span { border-bottom: 1px solid #8cbed6 } .experience__page .products a .desc { font-size: 14px; line-height: 24px; color: rgba(0, 0, 0, .9); display: block; padding: 0 30px 34px } .experience__page .products a .view { display: block; padding-left: 16px } .experience__page .products a .view span { border-bottom: 1px solid #8cbed6; position: relative } .experience__page .products a .view span:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; content: ""; display: block; position: absolute; z-index: 1; top: 0; right: 100%; width: 21px; height: 21px; border: 1px solid #1a7dad; margin: -2px 12px 0 0 } .experience__page .products a .view span:after { background: url(images/sprite.png) -177px -12px; width: 5px; height: 9px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box; content: ""; display: block; position: absolute; top: 0; right: 100%; margin: 4px 19px 0 0 } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .experience__page .products a .view span:after { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } .experience__page .products a:after { content: ""; display: none; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; background-color: rgba(220, 160, 128, .1) } .experience__page .products a:hover { color: #81745e } .experience__page .products a:hover .title span { border-bottom-color: #c0b9ae } .experience__page .products a:hover .view span { border-bottom-color: #c0b9ae } .experience__page .products a:hover .view span:before { border-color: #8a7861 } .experience__page .products a:hover .view span:after { background-position: -172px -45px } .experience__page .products a:hover:after { display: block } @media screen and (max-width: 991px) { .experience__page .products { border-top-width: 65px; margin-top: -65px } } @media screen and (max-width: 767px) { .experience__page .products { padding-bottom: 0 } .experience__page .products .row>div { padding: 0 } .experience__page .products .desc { height: auto !important } } .experience__page .map { background-color: #1672a4; color: #fff; border-top: 107px solid transparent; margin-top: -107px; -o-background-clip: padding-box; background-clip: padding-box } .experience__page .map .tooltip { -webkit-border-radius: 3px; border-radius: 3px; position: absolute; background-color: #f4f4f4; color: #1a7dad; padding: 13px 27px 15px 19px } .experience__page .map .tooltip b { font-weight: 400; font-size: 14px; line-height: 19px; display: block; padding-bottom: 12px } .experience__page .map .tooltip span { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; display: block; font-size: 12px; line-height: 18px } .experience__page .map .tooltip:after { background: url(images/sprite.png) -187px -37px; width: 15px; height: 7px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box; content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -7px } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .experience__page .map .tooltip:after { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } .experience__page .map .row { padding-top: 93px; position: relative; z-index: 2 } .experience__page .map .row h2 { padding-bottom: 51px } .experience__page .map .row .tabs { -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px #458eb6; box-shadow: inset 0 0 0 1px #458eb6; float: right; overflow: hidden; margin: 7px 15px 20px 0; font-size: 0 } .experience__page .map .row .tabs a { display: inline-block; vertical-align: top; letter-spacing: .025em; font-size: 14px; line-height: 33px; height: 33px; padding: 0 17px; color: #fff; position: relative } .experience__page .map .row .tabs a+a { border-left: 1px solid #458eb6 } .experience__page .map .row .tabs a:after, .experience__page .map .row .tabs a:before { content: ""; display: none; position: absolute; z-index: 10; top: 0; width: 1px; height: 100% } .experience__page .map .row .tabs a:after { left: 100% } .experience__page .map .row .tabs a:before { right: 100% } .experience__page .map .row .tabs a:hover+.active:before { display: none } .experience__page .map .row .tabs a.active { color: #0e5c86 } .experience__page .map .row .tabs a.active+:hover:before { display: none } .experience__page .map .row .tabs a.active, .experience__page .map .row .tabs a:after, .experience__page .map .row .tabs a:before, .experience__page .map .row .tabs a:hover { background-color: rgba(255, 255, 255, .5) } .experience__page .map .row .tabs a.active:after, .experience__page .map .row .tabs a.active:before, .experience__page .map .row .tabs a:hover:after, .experience__page .map .row .tabs a:hover:before { display: block } @media screen and (max-width: 480px) { .experience__page .map .row .tabs { float: left; margin-left: 15px; white-space: nowrap } .experience__page .map .row .tabs a { font-size: 12px; padding: 0 13px } } .experience__page .map .object { position: relative; z-index: 1 } @media screen and (max-width: 991px) { .experience__page .map { border-top-width: 65px; margin-top: -65px } } .experience__page .clients { border-top: 51px solid transparent; margin-top: -51px; padding: 112px 0 87px } .experience__page .clients h2 { padding-bottom: 47px } .experience__page .clients .about { padding-bottom: 49px } .experience__page .clients .list .row { font-size: 0 } .experience__page .clients .list .row>div { display: inline-block; vertical-align: top; float: none; margin: 0 -.5px } .experience__page .clients .list img { display: block; max-width: 100%; margin-bottom: 25px } .experience__page .clients .list span { display: block; color: rgba(0, 0, 0, .6); font-size: 12px; line-height: 18px; padding-bottom: 58px } @media screen and (max-width: 991px) { .experience__page .clients { border-top-width: 10px; margin-top: -10px } } html.home, html.home body { background-color: #D8D3CF; width: 100%; height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch } html.home .wrap { height: 100% } html.home .navbar { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1); box-shadow: 0 0 20px rgba(0, 0, 0, .1); background-color: rgba(255, 255, 255, .1); z-index: 1501 } html.home .navbar .navbar-header .navbar-brand a { background-position: 0 0px } html.home .navbar .navbar-nav>li>a { color: rgba(55, 55, 55, .8) } html.home .navbar .navbar-nav>li>a:hover { border-bottom-color: rgba(55, 55, 55, .8) } @media screen and (min-width: 992px) { html.home.no-scroll .navbar { -webkit-box-shadow: none; box-shadow: none; background: 0 0 } } @media screen and (max-width: 991px) { html.home, html.home body { overflow: visible; width: 100%; height: 100% } } .index__page+footer { display: none } @media screen and (min-width: 992px) { .index__page { padding-top: 0 !important; position: relative; background-color: #e9e4df; min-height: 1067px; height: 100% } .index__page .tile { display: block; width: 100%; height: 1449px; position: absolute; bottom: 0; left: 0; z-index: 1 } .index__page .scroll-converter { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REJBOTY0MUE3Q0Y2MTFFM0I4NThFNzdFQzVBQTdDMzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REJBOTY0MUI3Q0Y2MTFFM0I4NThFNzdFQzVBQTdDMzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQkE5NjQxODdDRjYxMUUzQjg1OEU3N0VDNUFBN0MzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQkE5NjQxOTdDRjYxMUUzQjg1OEU3N0VDNUFBN0MzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgcYRcAAAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC); height: 100%; width: 200%; position: absolute; top: 0; left: 0; z-index: 10; overflow: auto; -ms-overflow-x: hidden; overflow-x: hidden; -ms-overflow-y: auto; overflow-y: auto; display: block } .index__page .scroll-converter div { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REJBOTY0MUE3Q0Y2MTFFM0I4NThFNzdFQzVBQTdDMzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REJBOTY0MUI3Q0Y2MTFFM0I4NThFNzdFQzVBQTdDMzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQkE5NjQxODdDRjYxMUUzQjg1OEU3N0VDNUFBN0MzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQkE5NjQxOTdDRjYxMUUzQjg1OEU3N0VDNUFBN0MzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgcYRcAAAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC); height: 2057px } .index__page .scroll-converter.disabled { z-index: -1 } .index__page .scroll-tip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-border-radius: 25px; border-radius: 25px; -webkit-animation: intro_h 2s cubic-bezier(.18, 1, .22, 1) forwards; -moz-animation: intro_h 2s cubic-bezier(.18, 1, .22, 1) forwards; -o-animation: intro_h 2s cubic-bezier(.18, 1, .22, 1) forwards; animation: intro_h 2s cubic-bezier(.18, 1, .22, 1) forwards; visibility: visible; position: absolute; z-index: 100; top: calc(100vh - 100px); left: 50%; width: 160px; height: 50px; border: 1px solid #d1cecb; margin-left: -80px; text-align: center; color: #000; line-height: 50px; background-color: rgba(254, 250, 249, .5) } .index__page .scroll-tip:before { display: inline-block; vertical-align: middle; background: url(images/sprite.png) -210px -37px; width: 8px; height: 13px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box; margin: -4px 20px 0 0; content: "" } .index__page .scroll-tip:after { display: inline-block; vertical-align: middle; background: url(images/sprite.png) -172px -21px; width: 8px; height: 13px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box; margin: -4px 0 0 20px; content: "" } .index__page .scroll-tip.disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden } .index__page .layers { -webkit-animation: intro_v 2s cubic-bezier(.18, 1, .22, 1) forwards; -moz-animation: intro_v 2s cubic-bezier(.18, 1, .22, 1) forwards; -o-animation: intro_v 2s cubic-bezier(.18, 1, .22, 1) forwards; animation: intro_v 2s cubic-bezier(.18, 1, .22, 1) forwards; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden } .index__page .layers .placeholder { display: block; width: calc(2300px + ((100vw - 1170px) / 2)); height: 1px; position: relative; margin-left: calc((100vw - 1170px) / 2) } .index__page .layers img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); display: block; position: absolute; bottom: 0; left: calc((100vw - 1170px) / 2 - 65px); width: 2300px } .index__page .layers img:nth-child(2) { z-index: 3 } .index__page .layers img:nth-child(3) { z-index: 4 } .index__page .layers img:nth-child(4) { z-index: 5 } .index__page .layers img:nth-child(5) { z-index: 6 } .index__page .layers img:first-child { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1 } .index__page .layers .container { position: absolute; top: 0; left: 0; margin-left: calc((100vw - 1170px) / 2 - 17px) } .index__page .layers .desc { position: absolute; z-index: 9999; overflow: hidden; top: 0; left: 0; margin-left: 15px; width: 2530px; padding-top: 189px } .index__page .layers .desc .slide { letter-spacing: .015em; float: left; white-space: nowrap } .index__page .layers .desc .slide a { text-decoration: underline } .index__page .layers .desc .slide a:hover { text-decoration: none } .index__page .layers .desc .slide.long { width: 420px; padding-right: 29px } .index__page .layers .desc .slide.short { width: 290px; padding-right: 29px } .index__page .layers .desc .slide[data-digit] { width: 270px; padding-left: 153px; padding-right: 17px; position: relative } .index__page .layers .desc .slide[data-digit]:before { content: ""; display: block; position: absolute; top: 4px; left: 12px } .index__page .layers .desc .slide[data-digit="13"]:before { background: url(images/sprite.png) 0 -60px; width: 119px; height: 70px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box } .index__page .layers .desc .slide[data-digit="250"]:before { background: url(images/sprite.png) -116px -60px; width: 119px; height: 70px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box } .index__page .layers .desc .slide:last-child { padding-right: 0 } .index__page .layers .desc .separator { float: left; width: 260px; height: 32px; margin: 29px 20px 0 0; background: url(images/index-separator.png) repeat-x 0 50%; text-align: center } .index__page .layers .desc .separator span { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; width: 32px; height: 32px; border: 1px solid #000; margin-left: 4px; background-color: #f9f4f0; position: relative } .index__page .layers .desc .separator span i { display: inline-block; vertical-align: top; background: url(images/sprite.png) -172px -21px; width: 8px; height: 13px; border: 0 solid transparent; -o-background-clip: padding-box; background-clip: padding-box; margin: 8px 0 0 2px } .index__page .layers .desc .separator span:after, .index__page .layers .desc .separator span:before { content: ""; display: block; position: absolute; width: 3px; height: 3px; background-color: #f9f4f0; top: 14px } .index__page .layers .desc .separator span:before { left: -7px } .index__page .layers .desc .separator span:after { right: -6px } .index__page .wide { display: block } .index__page .narrow { display: none } .touchevents .index__page .scroll-converter { display: none } .touchevents .index__page .layers { overflow: auto; -ms-overflow-x: auto; overflow-x: auto; -ms-overflow-y: hidden; overflow-y: hidden } .touchevents .index__page .layers .placeholder { width: calc(2300px + ((100vw - 1170px) / 2) - 140px) } } @media screen and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 992px) and (min-resolution: 192dpi) { .index__page .scroll-tip:before { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } @media screen and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 992px) and (min-resolution: 192dpi) { .index__page .scroll-tip:after { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } @media screen and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 992px) and (min-resolution: 192dpi) { .index__page .layers .desc .slide[data-digit="13"]:before { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } @media screen and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 992px) and (min-resolution: 192dpi) { .index__page .layers .desc .slide[data-digit="250"]:before { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } @media screen and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 992px) and (min-resolution: 192dpi) { .index__page .layers .desc .separator span i { -webkit-background-size: 234px 137px; -o-background-size: 234px 137px; background-size: 234px 137px; background-image: url(images/sprite.retina.png) } } @media screen and (min-width: 992px) and (max-width: 1199px) { .index__page .scroll-converter div { height: 2257px } .index__page .layers .placeholder { width: calc(2300px + ((100vw - 970px) / 2)); margin-left: calc((100vw - 970px) / 2) } .index__page .layers img { left: calc((100vw - 970px) / 2 - 65px) } .index__page .layers .container { margin-left: calc((100vw - 970px) / 2 - 17px) } } @media screen and (max-width: 991px) { .index__page { padding-top: 0 !important; position: relative } .index__page .slider .items { overflow: hidden } .index__page .slider .items .item { float: left; min-height: 100vh } .index__page .slider .items .item .container { position: relative; z-index: 2 } .index__page .slider .items .item .container .slide { margin-top: 140px; } .index__page .slider .items .item .container .slide[data-digit] { padding-left: 190px; position: relative } .index__page .slider .items .item .container .slide[data-digit]:before { letter-spacing: .025em; content: attr(data-digit); color: rgba(0, 0, 0, .2); font: 800 80px/1 "Proxima Nova", Arial, Helvetica, sans-serif; display: block; position: absolute; top: -10px; left: 10px; width: 150px; text-align: center } .index__page .slider .items .item .container:after { content: ""; display: block; width: 100%; height: 0; padding-top: 70% } .index__page .slider .items .item img { display: block; position: absolute; z-index: 1; left: 0; bottom: 0; height: 100% } .index__page .slider .items .item:nth-child(4) img { left: auto; right: 0 } .index__page .slider .slick-track { min-height: 100vh } .index__page .slider .slick-track .slick-slide { height: 100% } .index__page .slider .slick-dots { text-align: center; position: absolute; z-index: 1500; top: 110px; left: 0; width: 100% } .index__page .slider .slick-dots li { display: inline-block; vertical-align: top; -webkit-border-radius: 50%; border-radius: 50%; width: 10px; height: 10px; background-color: rgba(0, 0, 0, .3); margin: 0 5px; overflow: hidden; position: relative } .index__page .slider .slick-dots li button { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REJBOTY0MUE3Q0Y2MTFFM0I4NThFNzdFQzVBQTdDMzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REJBOTY0MUI3Q0Y2MTFFM0I4NThFNzdFQzVBQTdDMzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQkE5NjQxODdDRjYxMUUzQjg1OEU3N0VDNUFBN0MzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQkE5NjQxOTdDRjYxMUUzQjg1OEU3N0VDNUFBN0MzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgcYRcAAAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; border: none; font: 0/0 a } .index__page .slider .slick-dots li.slick-active { background-color: #000 } .index__page .wide { display: none } .index__page .narrow { display: block } } .img-container { height: 100px; width: 170px; margin: 5px; } .img-desc { width: 170px; margin: 5px; } #list-with-symbols { white-space: normal; } #list-with-symbols li { list-style-type: square; display: list-item; margin-left: 30px; } /* * Cambios 27/06/2025 */ .only--mobile { display: none; } .only--desktop { display: block; } @media (min-width: 990px) { .navbar-right { display: flex; align-items: center; } } @media screen and (max-width: 990px) { .only--mobile { display: block; position: relative; float: right; margin-right: 15px; /* padding: 9px 10px; */ margin-top: 16px; margin-bottom: 8px; } .only--desktop { display: none !important; } } .lang-inline { display: flex; gap: 12px; list-style: none; margin: 0; padding: 0; } .lang-inline a, .lang-inline .is-active { font-size: .9rem; letter-spacing: .06em; text-decoration: none; color: inherit; opacity: .7; transition: opacity .15s ease; } .lang-inline a:hover { opacity: 1; } .lang-inline .is-active { opacity: 1; font-weight: 600; }