body { background: #000; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 13px; line-height: 22px; color: #fff;} a { color: #d3d3d3} h2,h3,h4,h5 { margin-top: 0} h3 { font-size: 23px} h1 { font-size: 40px} .vr h1 { font-size: 34px} dl dd { font-family: "futura-pt",sans-serif; font-weight: 300} a, #grey-line, #grey-line.in, header ul li a:hover #telefon, #menu-open:hover #line1, #menu-open:hover #line3, #line1, #line3, img, .send, #lang.open, #lang { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out} .menu, .open, #head, .content1 { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out} .site .item-page .articleBody p.inline.in { -webkit-transition: opacity 1.5s ease-in-out; -moz-transition: opacity 1.5s ease-in-out; -o-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out} .item-page.vr .articleBody .content1, .grey-poll, .blue-poll { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out} .left { text-align: left} .right { text-align: right} .container { max-width: 1440px; width: 100%; padding: 0} .row { margin: 0} #cover { position: fixed; bottom: 0; width: 100%; height: 30%; z-index: 100; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#000000',GradientType=0 );} header { padding: 15px 50px; width: 100%; color: #d3d3d3; position: fixed; z-index: 999; background: rgba(0,0,0,0.6); top: 0} header .over_brand { max-width: 200px; z-index: 101} header .over_brand a.brand { line-height: 41px} header ul.nav li { display: inline-block} header ul.nav li.current a { color: #feb510} header ul.nav li.current a:hover { color: #feb510} header ul.nav li:nth-child(4).current a { color: #009bdf; background: transparent url('/templates/oko/images/vr-blue.png') no-repeat 21px 8px; background-size: 28px 28px;} header ul.nav li:nth-child(4).current img { opacity: 0} header ul.nav li:nth-child(4) a:hover img { opacity: 0.7} header ul.nav li:nth-child(4).current a:hover { color: #009bdf!important} header ul.nav li:nth-child(4).current a:hover img { opacity: 0} header .nav>li>a>img { width: 27px} header ul.nav li a:hover, header ul.nav li a:focus { background: none} #top_menu .menu_trigger { display: none} #top_menu { min-height: 0} #lang { float: right; text-align: right; position: fixed; right: 40px; top: 16px; min-width: 192px} #lang a img { width: 28px; margin-left: 5px} #lang table { height: 40px; float: right} #lang table td ul.lang-inline li.lang-active a { color: #009bdf; text-decoration: none} #lang table td p { margin: 0} div.mod-languages a { font-weight: 400} .errorpage { padding-top: 80px} .well { background: none} .ease1 { opacity: 0; transform: translateY(200px); transition-delay: 0.6s, 0.6s, 0.6s, 0.6s; transition-duration: 0s, 0s, 0s, 0s; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000), cubic-bezier(0.770, 0.000, 0.175, 1.000), cubic-bezier(0.770, 0.000, 0.175, 1.000), cubic-bezier(0.770, 0.000, 0.175, 1.000);-webkit-backface-visibility: hidden;} .ease1.in { opacity:1;transform:translateY(0%);transition-delay:0.1s,0.1s,0.1s,0.1s;transition-duration:1s,1s,1s,1s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease2 { opacity:0;transform:translateY(300px);transition-delay:0.6s,0.6s,0.6s,0.6s;transition-duration:0s,0s,0s,0s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease2.in { opacity:1;transform:translateY(0%);transition-delay:0.1s,0.1s,0.1s,0.1s;transition-duration:1.5s,1.5s,1.5s,1.5s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease3 { opacity:0;transform:translateY(400px);transition-delay:0.6s,0.6s,0.6s,0.6s;transition-duration:0s,0s,0s,0s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease3.in { opacity:1;transform:translateY(0%);transition-delay:0.1s,0.1s,0.1s,0.1s;transition-duration:1.75s,1.75s,1.75s,1.75s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease4 { opacity:0;transform:translateY(400px);transition-delay:0.6s,0.6s,0.6s,0.6s;transition-duration:0s,0s,0s,0s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease4.in { opacity:1;transform:translateY(0%);transition-delay:0.1s,0.1s,0.1s,0.1s;transition-duration:2s,2s,2s,2s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease5 { opacity:0;transform:translateY(400px);transition-delay:0.6s,0.6s,0.6s,0.6s;transition-duration:0s,0s,0s,0s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease5.in{ opacity:1;transform:translateY(0%);transition-delay:0.1s,0.1s,0.1s,0.1s;transition-duration:2.25s,2.25s,2.25s,2.25s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease6{ opacity:0;transform:translateY(400px);transition-delay:0.6s,0.6s,0.6s,0.6s;transition-duration:0s,0s,0s,0s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease6.in{ opacity:1;transform:translateY(0%);transition-delay:0.1s,0.1s,0.1s,0.1s;transition-duration:2.5s,2.5s,2.5s,2.5s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease7{ opacity:0;transform:translateY(400px);transition-delay:0.6s,0.6s,0.6s,0.6s;transition-duration:0s,0s,0s,0s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease7.in{ opacity:1;transform:translateY(0%);transition-delay:0.1s,0.1s,0.1s,0.1s;transition-duration:2.75s,2.75s,2.75s,2.75s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease8{ opacity:0;transform:translateY(400px);transition-delay:0.6s,0.6s,0.6s,0.6s;transition-duration:0s,0s,0s,0s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease8.in{ opacity:1;transform:translateY(0%);transition-delay:0.1s,0.1s,0.1s,0.1s;transition-duration:3s,3s,3s,3s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease9{ opacity:0;transform:translateY(400px);transition-delay:0.6s,0.6s,0.6s,0.6s;transition-duration:0s,0s,0s,0s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease9.in{ opacity:1;transform:translateY(0%);transition-delay:0.1s,0.1s,0.1s,0.1s;transition-duration:3.25s,3.25s,3.25s,3.25s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease10{ opacity:0;transform:translateY(400px);transition-delay:0.6s,0.6s,0.6s,0.6s;transition-duration:0s,0s,0s,0s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease10.in{ opacity:1;transform:translateY(0%);transition-delay:0.1s,0.1s,0.1s,0.1s;transition-duration:3.5s,3.5s,3.5s,3.5s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease11{ opacity:0;transform:translateY(400px);transition-delay:0.6s,0.6s,0.6s,0.6s;transition-duration:0s,0s,0s,0s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease11.in{ opacity:1;transform:translateY(0%);transition-delay:0.1s,0.1s,0.1s,0.1s;transition-duration:3.75s,3.75s,3.75s,3.75s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease12{ opacity:0;transform:translateY(400px);transition-delay:0.6s,0.6s,0.6s,0.6s;transition-duration:0s,0s,0s,0s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .ease12.in{ opacity:1;transform:translateY(0%);transition-delay:0.1s,0.1s,0.1s,0.1s;transition-duration:4s,4s,4s,4s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} #grey-line{ border-top:1pxsolid#ddd;width:0px;height:1px;display:inline-block;margin-top:30px;padding-bottom:3px;transform:width;transition-delay:0.6s,0.6s,0.6s,0.6s;transition-duration:0s,0s,0s,0s;transition-property:width,-webkit-width,-moz-width,-o-width;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} #grey-line.in{ border-top:1pxsolid#ddd;height:1px;display:inline-block;margin-top:30px;padding-bottom:3px;width:280px;transition-delay:0.6s,0.6s,0.6s,0.6s;transition-duration:1s,1s,1s,1s;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} #orange-line{ border-top:1pxsolidorange;width:0px;height:1px;display:inline-block;padding-bottom:3px;transform:width;transition-delay:0.8s,0.8s,0.8s,0.8s;transition-duration:0s,0s,0s,0s;transition-property:width,-webkit-width,-moz-width,-o-width;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} #orange-line.in{ border-top:1px solid orange;height:1px;display:inline-block;padding-bottom:3px;width:350px;max-width:100%;transition-delay:0.8s,0.8s,0.8s,0.8s;transition-duration:1s,1s,1s,1s;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;}#head.in{ opacity:1;transition-delay:0.8s,0.8s,0.8s,0.8s;transition-duration:2s,2s,2s,2s;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .galeria.film{ padding-left:8px;padding-right:8px;margin-bottom:20px;opacity:0;transform:translateY(400px);transition-delay:0.6s,0.6s,0.6s,0.6s;transition-duration:0s,0s,0s,0s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .galeria.film.in{ opacity:1;transform:translateY(0%);transition-delay:0.1s,0.1s,0.1s,0.1s;transition-duration:1s,1s,1s,1s;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .galeria .film img { width: 100%} .galeria .film .podpis { font-size: 12px; line-height: 17px; margin-top: 10px} .galeria .film .podpis strong { color: #feb510} .galeria .film .play { position: absolute;right: 15px; bottom: 15px; width: 24px; height: 24px; background: url(../images/play.png) center center no-repeat transparent; background-size: 24px 24px;cursor: pointer} .clear_md { clear: both} .myVideo { position: absolute; right: 0;bottom: 0; top: 0; right: 0; width: 100%; height: 100%; background-size: 100% 100%; background-color: black; background-position: center center;background-size: contain;object-fit: cover;opacity: 0.99;z-index: 0;border: none;padding: 0} #back-img { display: none; position: absolute; right: 0; top: 0;width: 100%;height: 100%; background: #000 url('/images/backgrounds/background.jpg') no-repeat center center;background-size: 100% 100%; opacity: 0.99;z-index: 0; border: none; padding: 0} #map-europe { height: 400px; max-width: 100%} .item-page { margin-top: 80px} .item-page.films { margin-top: 75px} .item-page.films h3 { padding-left: 20px; margin-bottom: 30px} .item-page.home h1 { padding: 225px 125px 0px 125px; font-size: 78px; text-transform: uppercase; letter-spacing: 15px} .orange { color: #feb510!important} .grey { color: #6b6b6b!important} .blue { color: #009bdf!important} .site .item-page .content1, .site .item-page .content2 { padding: 108px 145px} .site .item-page .articleBody p.inline { display: inline-block; margin: 0; opacity: 0} .site .item-page .articleBody p.inline.in { opacity: 1} #grey-line.in { border-top: 1px solid #ddd; width: 280px; height: 1px; display: inline-block; margin-top: 30px; padding-bottom: 3px} .site .item-page .articleBody h4 { margin-top: 20px} .item-page.about-us .articleBody h1 { font-size: 42px; font-weight: 700; margin-bottom: 20px} .site .item-page .articleBody .content2 .row.grey, .site .item-page .articleBody .content2 .row.blue { border-top: 2px solid #777777; padding: 20px 0} .site .item-page .articleBody .content2 .row.grey div, .site .item-page .articleBody .content2 .row.blue div { padding-right: 60px} .site .item-page .articleBody .content2 .row.grey p { font-size: 14px; text-align: justify; line-height: 16px} .site .item-page .articleBody .content2 .row.blue p { font-size: 14px; text-align: justify; line-height: 16px; color: #006997} .site .item-page.about-us .content2 { padding: 0px 145px} .item-page.about-us .content1 { padding: 108px 145px 50px 145px} .cssmap-visible-list-container { position: absolute} #customers { margin-top: 50px} #customers img { margin: 5px; width: 100px} #customers h1 { font-weight: 300; text-transform: uppercase; font-size: 23px} #customers .col-sm-6 { padding: 0; margin-left: -20px} .item-page.vr .articleBody .content1 { background: #000 url('/images/backgrounds/okulus.png') no-repeat center right; background-position: -100%} .item-page.vr .articleBody .content1.in { background: #000 url('/images/backgrounds/okulus.png') no-repeat center right; background-position: 90%} .item-page.vr .articleBody .content1, .item-page.vr .articleBody .content2 h1 { text-transform: uppercase} .item-page.vr .articleBody .content1 p { font-size: 22px; color: #009bdf} #head { width:372px;max-width:100%;opacity:0;transform:opacity;transition-delay:0.8s,0.8s,0.8s,0.8s;transition-duration:0s,0s,0s,0s;transition-property:opacity,-webkit-opacity,-moz-opacity,-o-opacity;transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000),cubic-bezier(0.770,0.000,0.175,1.000);-webkit-backface-visibility:hidden;} .item-page.vr .articleBody .content2 { background: #000 url('/images/backgrounds/woman.png') no-repeat center right; background-position: 90%} .item-page.vr .articleBody .content2 p { font-size: 16px; color: #aeaeae} .item-page.vr .articleBody .content2 p.source { font-size: 12px} .item-page.vr .articleBody .icons .col-lg-2 p br { display: none} .item-page.vr .articleBody .content2 .col-sm-6 { padding: 0; text-align: center} .item-page.vr .articleBody .content2 .col-sm-6 .grey-poll:nth-child(1) { padding-right: 0px; height: 20px; width: 0px; background: rgb(156,156,156); background: -moz-linear-gradient(left, rgba(156,156,156,1) 0%, rgba(156,156,156,1) 51%, rgba(56,56,56,1) 100%);background: -webkit-linear-gradient(left, rgba(156,156,156,1) 0%,rgba(156,156,156,1) 51%,rgba(56,56,56,1) 100%); background: linear-gradient(to right, rgba(156,156,156,1) 0%,rgba(156,156,156,1) 51%,rgba(56,56,56,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9c', endColorstr='#383838',GradientType=1 );} .item-page.vr .articleBody .content2 .col-sm-6 .grey-poll:nth-child(2) { padding-right: 0px; height: 20px; width: 0px; background: rgb(156,156,156);background: -moz-linear-gradient(left, rgba(156,156,156,1) 0%, rgba(156,156,156,1) 51%, rgba(56,56,56,1) 100%); background: -webkit-linear-gradient(left, rgba(156,156,156,1) 0%,rgba(156,156,156,1) 51%,rgba(56,56,56,1) 100%); background: linear-gradient(to right, rgba(156,156,156,1) 0%,rgba(156,156,156,1) 51%,rgba(56,56,56,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9c', endColorstr='#383838',GradientType=1 ); margin-top: 15px} .item-page.vr .articleBody .content2 .col-sm-6 .blue-poll:nth-child(1) { padding-right: 0px; height: 20px; width: 0px; background: rgb(0,105,151); background: -moz-linear-gradient(left, rgba(0,105,151,1) 0%, rgba(0,105,151,1) 51%, rgba(0,33,47,1) 100%); background: -webkit-linear-gradient(left, rgba(0,105,151,1) 0%,rgba(0,105,151,1) 51%,rgba(0,33,47,1) 100%);background: linear-gradient(to right, rgba(0,105,151,1) 0%,rgba(0,105,151,1) 51%,rgba(0,33,47,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006997', endColorstr='#00212f',GradientType=1 );} .item-page.vr .articleBody .content2 .col-sm-6 .blue-poll:nth-child(2) { padding-right: 0px; height: 20px; width: 0px; background: rgb(0,105,151);background: -moz-linear-gradient(left, rgba(0,105,151,1) 0%, rgba(0,105,151,1) 51%, rgba(0,33,47,1) 100%); background: -webkit-linear-gradient(left, rgba(0,105,151,1) 0%,rgba(0,105,151,1) 51%,rgba(0,33,47,1) 100%); background: linear-gradient(to right, rgba(0,105,151,1) 0%,rgba(0,105,151,1) 51%,rgba(0,33,47,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006997', endColorstr='#00212f',GradientType=1 ); margin-top: 15px} .item-page.vr .articleBody .content2 .col-sm-6 .grey-poll.in:nth-child(1) { width: 50%; padding-right: 60px} .item-page.vr .articleBody .content2 .col-sm-6 .grey-poll.in:nth-child(2) { width: 100%; padding-right: 60px} .item-page.vr .articleBody .content2 .col-sm-6 .blue-poll.in:nth-child(1) { width: 70%; padding-right: 60px} .item-page.vr .articleBody .content2 .col-sm-6 .blue-poll.in:nth-child(2) { width: 100%; padding-right: 60px} .item-page.vr .articleBody .icons { margin: 50px 0} .item-page.vr .articleBody .icons h3 { color: #009bdf; font-size: 20px} .item-page.vr .articleBody .icons p { font-size: 12px; max-width: 240px; margin: 0 auto} .vr-pl .item-page.vr .articleBody .icons p { max-width: 210px} .vr-360-de .item-page.vr .articleBody .icons p { max-width: 240px} .item-page.vr .articleBody .icons .col-lg-2 { text-align: center} .item-page.vr .articleBody .icons img { width: 67px; margin: 15px 0} .item-page.vr .articleBody #cross img { width: 13px} .item-page.vr .articleBody #cross { text-align: center; margin: 0; padding: 0 25px} .item-page.contact .content1 table img { width: 40px} .item-page.contact .content1 .row h1 { text-transform: uppercase; margin-bottom: 30px; margin-top: 0; font-weight: 700} .item-page.contact .content1 .row h4 { color: #7f7f7f; padding-left: 15px; margin-bottom: 20px} .item-page.contact .content1 .row p { font-size: 10px; line-height: 11px} .item-page.contact .content1 #contact p { font-size: 18px; line-height: 20px} .item-page.contact .content1 #contact td { padding-right: 10px} .item-page.contact .content1 #telephone-contact td { padding-right: 65px; padding-left: 15px; font-size: 22px; font-weight: 700; color: #7f7f7f} .item-page.contact .content1 form input { width: 100%; color: #000; margin-bottom: 2px; height: 31px; padding: 0 15px} .item-page.contact .content1 form input::-webkit-input-placeholder { color: #000} .item-page.contact .content1 form input:-moz-placeholder { color: #000;opacity: 1} .item-page.contact .content1 form input::-moz-placeholder { color: #000;opacity: 1} .item-page.contact .content1 form input:-ms-input-placeholder { color: #000} .item-page.contact .content1 form input::-ms-input-placeholder { color: #000} .item-page.contact .content1 #comment { height: 130px; resize: none;background-color: #fff; box-sizing: border-box; outline: none; padding: 10px 15px; width: 100%; color: #000} .item-page.contact .content1 #comment::-webkit-input-placeholder { color: rgba(170, 170, 170, 0.8)} .item-page.contact .content1 #comment:-moz-placeholder { color: #aaaaaa;opacity: 0.8} .item-page.contact .content1 #comment::-moz-placeholder { color: #aaaaaa;opacity: 0.8} .item-page.contact .content1 #comment:-ms-input-placeholder { color: rgba(170, 170, 170, 0.8)} .item-page.contact .content1 #comment::-ms-input-placeholder { color: rgba(170, 170, 170, 0.8)} .item-page.contact .content1 #map { height: 200px; width: 100%; margin-bottom: 8px} .item-page.contact .content1 .send { position: absolute;right: 15px; bottom: -40px; font-size: 16px; background: #feb526;color: #000;padding: 5px 44px; border: none} .item-page.contact .content1 .send:hover { text-transform: none; color: #fff; background: #b97a00; text-decoration: none; cursor: pointer} .item-page.contact .content1 .row.telephone { margin-top: 20px; display: inline-block} .item-page.contact #telephone-contact p { font-size: 12px; font-weight: 400; line-height: 16px} .item-page.contact #telephone-contact a { text-decoration: none; color: #feb510} .item-page.contact #telephone-contact a:hover { text-decoration: none; color: #fdc860} #preloader { width: 100%; height: 100%; position: fixed; z-index: 1010101; left: 0; top: 0; background: #000; text-align: center; display: table} #preloader .inner_table { display: table-cell; vertical-align: middle; color: #fff; line-height: 15px; font-size: 18px; font-weight: 900} #preloader .inner_table img { height: 58px; margin-bottom: 15px} #preloader .inner_table em { color: #feb510; font-style: normal} #preloader .inner_table .procent { color: #fff; font-size: 12px; font-weight: 400; margin-top: 10px; display: block} #top_menu ul li { margin: 0 35px} #top_menu ul li:first-child { border-top: none} #top_menu ul li a { outline: none; text-transform: uppercase; padding: 9px 0; letter-spacing: 1px; font-size: 13px; line-height: 13px} #top_menu ul li a:hover { color: #9d9d9d} #menu-open { display: none} #menu-open:hover { cursor: pointer} .txt { float: left} .lines { width: 28px; height: 18px; display: block; position: relative; float: left; margin-top: 6px; margin-left: 10px} #line1, #line2, #line3 { -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg)} #line1 { top: 0px} #line2 { top: 8px} #line3 { bottom: 0px} #line1, #line2, #line3 { height: 2px; width: 28px; background: #fff; display: block; position: absolute} #menu-open:hover #line1 { top: -4px} #menu-open:hover #line3 { bottom: -4px} #menu-open.zamknij #line1 { top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg)} #menu-open.zamknij #line2 { opacity: 0; left: -60px} #menu-open.zamknij #line3 { top: 8px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg)} #sticky-header { -webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.5); box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.5)} #sticky-header.main-nav-scrolled { z-index: 999} #footer { color: #d3d3d3; font-size: 10px; text-align: right; padding-right: 15px;margin-bottom: 200px} #scroll-down { margin-top: 60px; width: 38px; height: 38px; background: #e4e4e4 url('/images/icons/arrow.png') no-repeat center center; background-size: 16px; border-radius: 100%; opacity: 0} #scroll-down:hover { cursor: pointer} #scroll-down.in { transform: opacity; opacity: 1; transition-delay: 1.5s, 1.5s, 1.5s, 1.5s; transition-duration: 2s, 2s, 2s, 2s} #social-icons img { width: 22px; margin: 10px 5px 10px 0px} .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px} .col-xs-5ths { width: 20%; float: left} a[href^="http://maps.google.com/maps"] { display:none !important} a[href^="https://maps.google.com/maps"] { display:none !important} .gmnoprint { bottom: 47px!important; right: 22px!important} .gmnoprint a, .gmnoprint span, .gm-style-cc { display:none} /* MEDIA */ @media (min-width: 768px) { .col-sm-5ths { width: 20%;float: left} } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left} } @media (max-width: 1600px) { } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left;} } @media (max-width: 1440px) { .site .item-page .content1, .site .item-page .content2 { padding: 108px 85px} .site .item-page.about-us .content2 { padding: 0px 85px} .site .item-page .articleBody .content2 .row.grey div, .site .item-page .articleBody .content2 .row.blue div { padding-right: 40px} } @media (max-width: 1300px) { .site .item-page .articleBody .content2 .row.grey div, .site .item-page .articleBody .content2 .row.blue div { padding-right: 30px} } @media (max-width: 1200px) { .site .item-page .content1, .site .item-page .content2 { padding: 108px 50px} .site .item-page.about-us .content2 { padding: 0px 50px} .item-page.vr .articleBody .content2 .col-sm-6 img { margin-top: 50px} .item-page.home h1 { font-size: 50px} .site .item-page .articleBody .content2 .row.grey div, .site .item-page .articleBody .content2 .row.blue div { padding-right: 60px} .item-page.vr .articleBody .content2 .col-lg-6 img { margin-top: 50px} .item-page.vr .articleBody .content2 .col-lg-6 { text-align: center} .site .item-page .articleBody .content2 .row.grey p { text-align: left} } @media (max-width: 1100px) { #top_menu ul li { margin: 0 25px} header ul.nav { text-align: center} } @media (max-width: 991px) { .item-page.home h1 { padding: 150px 100px 0px 100px; letter-spacing: 10px} .site .item-page.about-us .content1 { padding: 80px 50px} .site .item-page.about-us .content2 { padding: 0px 50px} header ul.nav li { display: block;} #menu-open { display: block; position: fixed; width: 50px; height: 30px; right: 15px; top: 22px; z-index: 101} .menu { position: fixed; top: -100%; opacity: 0;width: 100%; left: 0} .open { top: 0; opacity: 1; z-index: 99; padding-top: 100px; background: rgba(0,0,0,0.8); height: 100%} header ul.nav { text-align: center} header ul.nav.open li { display: block} #top_menu ul li { margin: 20px 0} #top_menu ul li a { color: #fff; display: inline} #top_menu ul.nav li:nth-child(4).current a { background-position: 21px 4px; color: #009bdf} .clear_md { clear: none} .item-page.about-us .content1 br { display: none} .item-page.vr .articleBody .content1.in h1 br { display: none} #lang { right: 60px; z-index: 101} } @media (max-width: 767px) { #top_menu { background: #000; left: 0; top: 0; width: 100%;} #top_menu .menu_trigger { display: inline-block; margin-top: 30px; float: left; margin-left: 30px; margin-bottom: 30px} #top_menu .menu_trigger span { display: inline-block; color: #fff} #top_menu.active ul { display: block; position: fixed; background: #1c1c1c; width: 100vw; top: 85px; opacity: 0.9} #top_menu.active ul li { width: 100%; text-align: center; margin-left: 0} #top_menu ul li a { font-size: 16px; line-height: 18px} h1 { font-size: 30px} .vr h1 { font-size: 28px} .item-page.home h1 { padding: 150px 50px 0px 50px; letter-spacing: 5px; font-size: 40px} .item-page.vr .articleBody .content1.in, .site .item-page .content2 { background-size: 100%} .site .item-page .content1, .site .item-page .content2 { padding: 50px 0px} .item-page.vr .articleBody .content1 { padding: 100px 15px} .item-page.vr .articleBody .content1.in { background-size: 90%; background-position: 50%; text-align: center} .item-page.contact .content1 #map { margin: 10px 0} .item-page.contact .content1 #telephone-contact td { display: block; margin-bottom: 20px} .site .item-page.about-us .content1 { padding: 50px 15px} .site .item-page.about-us .content2 { padding: 0px 15px} .item-page.contact .content1 .row.telephone { width: 100%; text-align: center} .item-page.contact .content1 .row h4 { padding-left: 0} #telephone-contact { width: 100%} .item-page.contact .content1 #telephone-contact td { padding: 0} #lang { top: -100%; right: 0; text-align: center; width: 100%;} #lang a { font-size: 16px; line-height: 18px} #lang a img { margin-left: 10px} #lang.show { top: 320px; margin-top: 10px; z-index: 101} #lang table { width: 100%} #lang table td { padding-left: 0; display: block; margin-top: 15px} #lang img { margin: 0 10px} #customers .col-sm-6 { margin-left: 0} #social-icons { text-align: center} } @media (max-width: 500px) { header { padding: 15px} .item-page.vr .articleBody .icons { margin-top: 0} .item-page.home h1 { padding: 100px 50px; font-size: 30px} .home-pl .item-page h1 { padding: 100px 15px; font-size: 25px} .item-page.contact .content1 .row.telephone { margin-top: 40px} .item-page.vr .articleBody .content2 .col-sm-6 img { padding: 15px} .site .item-page .articleBody p.inline.in { max-width: 100%; display: block} #grey-line.in { max-width: 70%} #customers { margin-top: 50px} #customers img { width: 75px} #footer { text-align: center; padding: 0} div.mod-languages li { margin-left: 2px!important; margin-right: 2px!important} .cssmap-visible-list a { line-height: 14px} .home #footer, .home-de #footer { margin-bottom: 0} } @media (max-height: 600px) { #cover { height: 20%} #footer { margin-bottom: 100px} } @media only screen and (max-width: 600px) and (orientation: portrait) { #Video { display: none} #back-img { display: block; background: #000 url('/images/backgrounds/backgroundPortrait2.jpg') no-repeat center center; background-size: auto 100%} .home #footer, .home-de #footer { margin-bottom: 0} } @media only screen and (max-width: 700px) and (orientation: landscape) { header ul.nav { padding-top: 5%} #lang { text-align: right; max-width: 200px} #lang.show { text-align: right; top: 60%} #Video { display: none} #back-img { display: block; background: #000 url('/images/backgrounds/backgroundLandscape2.jpg') no-repeat center center; background-size: 100% 100%} .item-page.home h1 { padding: 50px 50px 0px 50px;} .item-page.vr .articleBody .content1 { padding: 0 50px 100px 50px;} .home #footer, .home-de #footer { margin-bottom: 0} }