@charset "UTF-8";
 @font-face {
font-family: 'icons';
src: url(//mosnovobchvat.cz/wp-content/themes/rsd/fonts/icons.eot?62686088);
src: url(//mosnovobchvat.cz/wp-content/themes/rsd/fonts/icons.eot?62686088#iefix) format("embedded-opentype"), url(//mosnovobchvat.cz/wp-content/themes/rsd/fonts/icons.woff2?62686088) format("woff2"), url(//mosnovobchvat.cz/wp-content/themes/rsd/fonts/icons.woff?62686088) format("woff"), url(//mosnovobchvat.cz/wp-content/themes/rsd/fonts/icons.ttf?62686088) format("truetype"), url(//mosnovobchvat.cz/wp-content/themes/rsd/fonts/icons.svg?62686088#icons) format("svg");
font-weight: normal;
font-style: normal; }  @media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: 'icons';
src: url(//mosnovobchvat.cz/wp-content/themes/rsd/font/icons.svg?62686088#icons) format("svg"); } }
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-down:before {
content: '\e800'; } .icon-left:before {
content: '\e801'; } .icon-right:before {
content: '\e802'; } .icon-up:before {
content: '\e803'; }  @font-face {
font-family: 'Cardillac';
src: url(//mosnovobchvat.cz/wp-content/themes/rsd/fonts/Cardillac-Light.woff2) format("woff2"), url(//mosnovobchvat.cz/wp-content/themes/rsd/fonts/Cardillac-Light.woff) format("woff"); } strong {
font-weight: 600;
color: #000; }
.col-left {
float: left;
width: 50%; }
.col-right {
float: right;
width: 50%; }
.fleft {
float: left; }
.fright {
float: right; }
.center {
text-align: center; }
.left {
text-align: left; }
.right {
text-align: right; }
.nowrap {
white-space: nowrap; }
.display-table {
display: table; }
.display-table-cell,
.display-cell {
display: table-cell;
height: 100%;
vertical-align: middle; }
html, body { }
html {
font-size: 62.5%; }
body {
font-family: "Open Sans", sans-serif;
font-size: 1.5rem;
font-weight: 400;
line-height: 1.6;
text-align: left;
color: #888;
background-color: #fff;
overflow-x: hidden; }
a {
color: #009fe3;
text-decoration: underline;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover {
color: #17baff;
text-decoration: none; }
a:active {
color: #0094d4;
text-decoration: none; }
p {
margin-top: 2rem;
margin-bottom: 0; }
p:first-child {
margin-top: 0; }
h1, h2, h3, h4, h5, h6 {
position: relative;
margin-top: 3rem;
margin-bottom: 0;
color: #000;
line-height: 1.1;
font-family: proxima-nova, sans-serif;
font-weight: 400;
text-align: left; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
margin-top: 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
color: #000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #0086bf;
text-decoration: none; }
h1 {
font-size: 4.4rem; }
h2 {
font-size: 3rem; }
h3 {
font-size: 1.5rem;
color: #444; }
h4 {
font-size: 1.6rem; }
h5 {
font-size: 0.471rem; }
h6 {
font-size: 0.3535rem; }
.main {
position: relative;
background-color: #fff;
overflow-x: hidden; }
#tablet-indicator,
#mobile-indicator {
display: none; }
.section {
position: relative;
padding-top: 10rem;
padding-bottom: 10rem; }
.section.first {
padding-top: 16rem; }
.dark {
background-color: #030303;
background-size: 100% auto;
background-position: center bottom;
background-repeat: no-repeat;
color: #eee; }
.dark h1, .dark h2, .dark h3, .dark h4, .dark strong {
color: #fff; }
.dark-footer {
background-size: 100% auto;
background-position: center bottom;
background-repeat: no-repeat; }
.nopadding-top {
padding-top: 0; }
.nopadding-bottom {
padding-bottom: 0; }
.parallax {
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed; }
.inner {
position: relative;
width: 100%;
max-width: 150rem;
margin: 0 auto;
padding: 0 3rem;
text-align: left;
z-index: 5; }
.inner.wide {
max-width: 0rem; }
.inner.medium {
max-width: 0rem; }
.inner.narrow {
max-width: 115rem; }
.inner.full {
max-width: none; }
.btn {
position: relative;
display: inline-block;
min-width: 14rem;
margin-top: 4rem;
padding: 1.3rem 2.8rem 1.1rem;
border: 2px solid #009fe3;
border-radius: 2.4rem;
background-color: transparent;
color: #fff;
font-size: 1.3rem;
line-height: 2rem;
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-weight: 400;
text-decoration: none;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.btn:hover {
background-color: #009fe3;
color: #fff; }
.btn:active {
background-color: #008dca;
color: #fff; }
.btn.btn-icon-only {
width: 5rem;
padding-left: 0;
padding-right: 0; }
.btn.btn-small {
width: 2.8rem;
padding: 0.4rem;
line-height: 1.6rem;
font-size: 1.2rem;
vertical-align: text-bottom; }
.btn.btn-icon-left {
padding-left: 2rem; }
.btn.btn-icon-left i {
display: inline-block;
margin-right: 1.2rem; }
.btn.btn-icon-left i::before {
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
transition-property: transform; }
.btn.btn-icon-left:hover i::before {
-webkit-transform: translateX(-0.4rem);
-ms-transform: translateX(-0.4rem);
-o-transform: translateX(-0.4rem);
transform: translateX(-0.4rem); }
.btn.btn-icon-right {
padding-right: 2rem; }
.btn.btn-icon-right i {
display: inline-block;
margin-left: 1.2rem;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.btn.btn-icon-right i.icon-right {
display: inline-block;
width: 1.4rem;
height: 1.4rem;
border-radius: 50%;
background-color: #fff;
line-height: 1.4rem;
font-size: 1.4rem;
color: #00254c;
text-align: center; }
.btn.btn-icon-right i::before {
margin: 0 0 0 0.1rem; }
.btn.btn-icon-right:hover i {
-webkit-transform: translateX(0.4rem);
-ms-transform: translateX(0.4rem);
-o-transform: translateX(0.4rem);
transform: translateX(0.4rem); }
.btn.btn-icon-right:hover i.icon-right {
color: #009fe3; }
.btn.btn-white {
background-color: transparent;
border-color: #fff;
color: #fff; }
.btn.btn-white i.icon-right {
color: #009fe3; }
.btn.btn-white:hover {
background-color: #fff;
border-color: #fff;
color: #009fe3; }
.btn.btn-white:active {
background-color: #fafafa;
border-color: #fff;
color: #009fe3; }
.btn.btn-transparent {
padding: 0 !important;
border: 0;
background-color: transparent;
color: rgba(255, 255, 255, 0.8); }
.btn.btn-transparent i.icon-right {
color: #009fe3; }
.btn.btn-transparent:hover {
background-color: transparent;
color: #fff; }
.btn.btn-transparent:active {
background-color: transparent;
color: #fff; }
.btn:disabled, .btn:disabled:hover, .btn:disabled:active, .btn.disabled, .btn.disabled:hover, .btn.disabled:active {
background: #778388;
border-color: #778388;
color: #acb1b3;
cursor: default;
pointer-events: none; }
.btn:disabled::before, .btn:disabled:hover::before, .btn:disabled:active::before, .btn.disabled::before, .btn.disabled:hover::before, .btn.disabled:active::before {
border-color: transparent #778388 transparent transparent; }
.btn:disabled::after, .btn:disabled:hover::after, .btn:disabled:active::after, .btn.disabled::after, .btn.disabled:hover::after, .btn.disabled:active::after {
border-color: transparent transparent transparent #778388; }
.btn:disabled .chevron::before, .btn:disabled .chevron::after, .btn:disabled:hover .chevron::before, .btn:disabled:hover .chevron::after, .btn:disabled:active .chevron::before, .btn:disabled:active .chevron::after, .btn.disabled .chevron::before, .btn.disabled .chevron::after, .btn.disabled:hover .chevron::before, .btn.disabled:hover .chevron::after, .btn.disabled:active .chevron::before, .btn.disabled:active .chevron::after {
background-color: #acb1b3; }
.input {
display: block;
width: 100%;
height: auto;
padding: 1rem;
padding: 1rem 1.4rem;
font-size: 1.5rem;
line-height: 2rem;
background-color: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #000;
-webkit-appearance: none;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
transition-property: background, border; }
.input::-webkit-input-placeholder { color: #999; }
.input::-moz-placeholder { color: #999; }
.input:-ms-input-placeholder { color: #999; }
.input:-moz-placeholder { color: #999; }
.input:hover {
background-color: rgba(0, 0, 0, 0.02); }
.input:focus {
background-color: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.06);
-moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.06);
box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.06); }
.input.input-error, .input.wpcf7-not-valid {
border-color: #ae1517 !important; }
.dark .input {
background-color: transparent;
border-color: #aaa;
color: #eee; }
.dark .input::-webkit-input-placeholder { color: #999; }
.dark .input::-moz-placeholder { color: #999; }
.dark .input:-ms-input-placeholder { color: #999; }
.dark .input:-moz-placeholder { color: #999; }
.dark .input:hover {
border-color: #fff;
background-color: rgba(255, 255, 255, 0.05); }
.dark .input:focus {
border-color: #fff;
background-color: rgba(255, 255, 255, 0.15); }
.dark .input.input-error, .dark .input.wpcf7-not-valid {
border-color: #ae1517 !important;
background-color: rgba(174, 21, 23, 0.05); }
textarea.input {
height: 4.1rem; }
label {
display: block;
margin-bottom: 0.4rem;
padding-left: 1.4rem;
color: #000; }
.dark label {
color: #fff; }
.noUi-horizontal {
height: 4px; }
.noUi-target {
margin-top: 4rem;
margin-bottom: 6rem;
background: #777;
border-radius: 0;
border: 0;
box-shadow: none; }
.noUi-connect {
background: #ae1517; }
.noUi-origin {
z-index: 4 !important; }
.noUi-origin:hover {
z-index: 5 !important; }
.noUi-handle {
border: 0;
border-radius: 50%;
background: #fff;
cursor: pointer;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); }
.noUi-handle::before, .noUi-handle::after {
content: none; }
.noUi-horizontal .noUi-handle {
width: 20px;
height: 20px;
top: -9px;
right: -10px; }
.noUi-tooltip {
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 0;
background: #27334a;
color: #fff;
padding: 0.4rem 1rem;
text-align: center;
white-space: nowrap;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); }
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
min-height: 8rem;
padding: 0;
background-color: #00254c;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
z-index: 999; }
.transparent-top .header:not(.open):not(.fixed) {
background-color: transparent; }
.header.open, .header.fixed {
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); }
.header.nav-up {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%); }
body.admin-bar .header {
top: 32px; }
.header-left {
float: left;
height: 8rem;
font-size: 0;
line-height: 8rem; }
.logo {
display: inline-block;
vertical-align: middle;
font-size: 2rem;
font-family: proxima-nova, sans-serif;
font-weight: 400;
line-height: 1.1;
color: #fff;
text-decoration: none; }
.logo span {
color: #009fe3;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.logo:hover {
color: #fff;
text-decoration: none; }
.logo:hover span {
color: #fff; }
.logo-desc {
display: inline-block;
margin-left: 3rem;
font-size: 1.4rem;
font-family: proxima-nova, sans-serif;
font-weight: 400;
line-height: 1.1;
color: #fff;
vertical-align: middle; }
.logo-rsd {
position: relative;
display: inline-block;
height: 4.8rem;
margin-left: 3rem;
padding-left: 3rem;
vertical-align: middle; }
.logo-rsd::before {
content: "";
position: absolute;
left: 0;
top: 50%;
display: block;
width: 1px;
height: 3rem;
margin-top: -1.5rem;
background-color: #fff;
opacity: 0.5; }
.logo-rsd img {
display: block;
width: auto;
height: 100%; }
.main-menu {
position: relative;
float: right;
margin: 0;
text-align: right;
z-index: 10; }
.main-menu ul {
position: relative;
display: block; margin: 0;
padding: 0;
font-size: 0; }
.main-menu ul li {
position: relative;
display: inline-block;
width: auto;
margin: 0;
padding: 0;
vertical-align: top;
list-style: none;
transition: all 0.2s ease-out; }
.main-menu ul li a {
position: relative;
display: block;
width: 100%;
height: 8rem;
margin: 0;
padding: 0 1.8rem;
line-height: 8rem;
font-size: 1.5rem;
text-align: center;
color: #fff;
text-decoration: underline;
z-index: 10;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.main-menu ul li a:hover {
color: #fff;
text-decoration: none; }
.main-menu ul li a:active {
color: #fff;
text-decoration: none; }
.main-menu ul li a i {
margin-right: 0.5rem; }
.main-menu ul li.active a {
color: #000;
text-decoration: none; }
.main-menu ul.main-menu-mobile {
display: none; }
.main-menu.main-menu-right {
float: right; }
.menu-button {
position: absolute;
top: 2.5rem;
right: 3rem;
display: none;
width: 3rem;
height: 3rem;
z-index: 200; }
.menu-button span {
position: absolute;
width: 4px;
height: 4px;
background-color: #fff;
display: block; }
.menu-button span:nth-child(1) {
left: 0;
top: 0; }
.menu-button span:nth-child(2) {
left: 50%;
top: 0;
margin-left: -2px; }
.menu-button span:nth-child(3) {
right: 0;
top: 0; }
.menu-button span:nth-child(4) {
left: 0;
top: 50%;
margin-top: -2px; }
.menu-button span:nth-child(5) {
left: 50%;
top: 50%;
margin-top: -2px;
margin-left: -2px; }
.menu-button span:nth-child(6) {
right: 0px;
top: 50%;
margin-top: -2px; }
.menu-button span:nth-child(7) {
left: 0px;
bottom: 0px; }
.menu-button span:nth-child(8) {
left: 50%;
bottom: 0px;
margin-left: -2px; }
.menu-button span:nth-child(9) {
right: 0px;
bottom: 0px; }  .anchor {
position: absolute;
top: -8rem; }
.box {
position: relative;
padding: 10rem 10%;
background-color: #27334a;
border-radius: 3px; }
.box > * {
position: relative;
z-index: 1; }
.box.box-grey {
background: #f6f6f6; }
.box.box-grey::after {
content: none; }
.box.box-grey, .box.box-grey a {
color: #888; }
.box.box-grey h1, .box.box-grey h2, .box.box-grey h3, .box.box-grey h4, .box.box-grey strong {
color: #27334a; }
.text-shadow {
text-shadow: 1px 1px 40px rgba(0, 0, 0, 0.2); }
.border-top {
border-top: 1px solid #eaeaea; }
.border-bottom {
border-bottom: 1px solid #eaeaea; }
@-webkit-keyframes bounce {
0%,75%,80%,88.25%,to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0); }
85%,85.75% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1); }
92.5% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05); }
95% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0) scaleY(0.95);
transform: translateZ(0) scaleY(0.95); }
97.5% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02); } }
@keyframes bounce {
0%,75%,80%,88.25%,to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0); }
85%,85.75% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1); }
92.5% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05); }
95% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0) scaleY(0.95);
transform: translateZ(0) scaleY(0.95); }
97.5% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02); } }
.subtitle {
margin: 0;
color: #9e794c;
text-transform: uppercase;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.1em;
line-height: 1.3; }
.dark .subtitle {
color: #f3d3b0; }
.page-header {
position: relative;
text-align: center; }
.page-header h1,
.page-header h2 {
margin: 0;
text-align: center; }
.page-header .subtitle {
margin-top: 0.5rem; }
.page-header p {
max-width: 68rem;
margin-left: auto;
margin-right: auto;
text-align: center; }
.home-top {
width: 100%;
padding-top: 0;
padding-bottom: 0;
background-color: #00254c; }
.home-top-main {
position: relative;
padding-top: 20rem;
z-index: 5; }
.home-top-main::before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
width: 100%;
height: 15rem; background: -moz-linear-gradient(top, #00254c 0%, rgba(0, 37, 76, 0) 100%); background: -webkit-linear-gradient(top, #00254c 0%, rgba(0, 37, 76, 0) 100%); background: linear-gradient(to bottom, #00254c 0%, rgba(0, 37, 76, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00254c', endColorstr='#0000254c',GradientType=0 ); opacity: 1;
pointer-events: none;
z-index: 10; }
.home-top-main::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 80%;
height: 100%; background: -moz-linear-gradient(left, #00254c 0%, rgba(0, 37, 76, 0) 100%); background: -webkit-linear-gradient(left, #00254c 0%, rgba(0, 37, 76, 0) 100%); background: linear-gradient(to right, #00254c 0%, rgba(0, 37, 76, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00254c', endColorstr='#0000254c',GradientType=1 ); opacity: 1;
pointer-events: none;
z-index: 9; }
.home-top-main .inner {
z-index: 30; }
.home-top-title {
max-width: 52rem; }
.home-top-title h1 {
color: #009fe3; }
.home-top-title h1 strong {
font-weight: 700;
color: #fff; }
.home-top-galleries {
position: relative;
margin-top: -6rem;
pointer-events: none;
-webkit-transform: translateY(7rem);
-ms-transform: translateY(7rem);
-o-transform: translateY(7rem);
transform: translateY(7rem);
z-index: 30; }
.home-top-galleries-items {
text-align: right;
font-size: 0; }
.home-top-galleries-item {
display: inline-block;
width: 36rem;
margin-right: 1rem;
text-align: left;
font-size: 1.5rem;
vertical-align: top;
pointer-events: auto; }
.home-top-galleries-item .home-top-galleries-images {
display: block;
background-color: #009fe3; }
.home-top-galleries-item .home-top-galleries-images.more {
height: 24rem;
padding-top: 8rem;
text-align: center; background: -moz-linear-gradient(top, rgba(0, 159, 227, 0.8) 0%, rgba(0, 159, 227, 0.96) 80%, #009fe3 100%); background: -webkit-linear-gradient(top, rgba(0, 159, 227, 0.8) 0%, rgba(0, 159, 227, 0.96) 80%, #009fe3 100%); background: linear-gradient(to bottom, rgba(0, 159, 227, 0.8) 0%, rgba(0, 159, 227, 0.96) 80%, #009fe3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc009fe3', endColorstr='#009fe3',GradientType=0 ); }
.home-top-galleries-item .home-top-galleries-images .slick-dots {
position: absolute;
bottom: 1.4rem;
left: 0;
right: 0;
display: block;
width: 100%;
text-align: center;
margin: 0;
padding: 0;
list-style: none; }
.home-top-galleries-item .home-top-galleries-images .slick-dots li {
display: inline-block;
width: 12px;
height: 12px;
margin: 0 0.4rem;
padding: 0;
background-color: #fff;
border: 1px solid #fff;
border-radius: 50%;
-webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.6);
box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.6);
cursor: pointer;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.home-top-galleries-item .home-top-galleries-images .slick-dots li button {
display: none; }
.home-top-galleries-item .home-top-galleries-images .slick-dots li:hover {
background-color: #eee; }
.home-top-galleries-item .home-top-galleries-images .slick-dots li.slick-active {
background-color: #009fe3; }
.home-top-galleries-item .home-top-galleries-images .slick-dots li.slick-active:hover {
background-color: #009fe3; }
.home-top-galleries-item .home-top-galleries-images img {
display: block;
width: 100%;
height: auto; }
.home-top-galleries-item .home-top-galleries-images img:nth-child(n+2) {
display: none; }
.home-top-galleries-item .home-top-galleries-images.slick-initialized img:nth-child(n+2) {
display: block; }
.home-top-galleries-item .home-top-galleries-info {
height: 7rem;
padding: 0.8rem 1rem;
background-color: #009fe3;
font-size: 1.4rem;
line-height: 1.3;
color: #fff; }
.home-top-galleries-item .home-top-galleries-info .home-top-galleries-title {
height: 3.5rem; }
.home-top-galleries-item .home-top-galleries-info .home-top-galleries-title h2 {
margin: 0;
font-size: 1.4rem; }
.home-top-galleries-item .home-top-galleries-info .home-top-galleries-link {
text-align: right; }
.home-top-galleries-item .home-top-galleries-info .home-top-galleries-link .btn {
margin: 0; }
.home-top-images {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: #000;
overflow: hidden;
opacity: 0.8;
z-index: 6; }
.home-top-images .slick-list,
.home-top-images .slick-track {
height: 100%; }
.home-top-images .home-top-image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0.6; }
.home-top-news-title {
position: absolute;
left: 0;
bottom: 0;
right: 0;
z-index: 11; }
.home-top-news-title h2 {
display: inline-block;
padding: 0.8rem 1px;
border-bottom: 4px solid #009fe3;
font-size: 2rem; }
.home-top-news {
position: relative;
padding: 2rem 0;
background-color: #eef1f2;
z-index: 3; }
.news-items {
max-width: 36rem; }
.news .news-items, .content-section .news-items {
margin-top: 4rem; }
.news .news-items {
max-width: none; }
.news-item {
position: relative;
display: block;
padding: 1rem 0;
text-decoration: none; }
.news-item .news-date {
position: relative;
margin: 0;
text-align: left;
font-variant-numeric: tabular-nums;
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-size: 1.5rem;
line-height: 1.1;
color: #009fe3; }
.news-item .news-text {
margin-top: 0.5rem;
line-height: 1.3;
white-space: normal; }
.news-item .news-text h3 {
display: inline;
margin: 0;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 1.5rem;
color: #393939; }
.news-item .news-text span {
display: inline-block;
white-space: nowrap; }
.news-item:hover {
text-decoration: none; }
.content-menu {
position: relative;
float: left;
width: 20%;
counter-reset: section; }
.content-menu nav {
position: relative; }
.content-menu nav.absolute {
position: fixed; }
.content-menu nav ul {
margin: 0;
padding: 0;
list-style: none; }
.content-menu nav ul li {
margin: 0;
padding: 0;
counter-increment: section;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.content-menu nav ul li a {
padding: 0.3rem 0;
font-family: proxima-nova, sans-serif;
font-weight: 400;
line-height: 1.1;
color: #999;
text-decoration: none; }
.content-menu nav ul li a::before {
content: counter(section,decimal-leading-zero) " - ";
font-variant-numeric: tabular-nums; }
.content-menu nav ul li a span {
color: #ccc;
white-space: nowrap; }
.content-menu nav ul li a:hover {
color: #666; }
.content-menu nav ul li.active a {
color: #313131; }
.content-menu nav ul.content-menu-other {
margin-top: 4rem; }
.content-menu nav ul.content-menu-other li a::before {
content: none; }
.content-sections {
float: left;
width: 78%;
margin-left: 2%;
counter-reset: section; }
.content-section {
position: relative;
margin-top: 5rem;
padding-top: 5rem;
padding-left: 7rem;
border-top: 1px solid #eef1f2;
counter-increment: section; }
.content-section::before {
content: counter(section,decimal-leading-zero) " -";
position: absolute;
left: 0;
top: 5.7rem;
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-variant-numeric: tabular-nums;
line-height: 1.1;
color: #999; }
.content-section:first-child {
margin-top: 0;
padding-top: 0;
border-top: 0; }
.content-section:first-child::before {
top: 0.7rem; }
.content-section > p, .content-section > ul {
margin-right: 20rem; }
.content-section img.alignnone {
display: block;
width: auto;
max-width: 100%;
height: auto; }
.content-section h2 {
margin-top: 0; }
.content-section .accordion-items {
margin-top: 4rem; }
.accordion-item .accordion-title {
position: relative;
margin: 0;
padding: 2.5rem 0;
margin-right: 20rem;
padding-left: 5rem;
border-top: 1px solid #eef1f2;
text-align: left;
cursor: pointer; }
.accordion-item .accordion-title h3 {
position: relative;
display: inline-block;
margin: 0;
padding-right: 3.5rem;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.accordion-item .accordion-title h3::after {
content: '\e802';
position: absolute;
right: 0;
top: 0.1rem;
font-family: 'icons';
font-weight: normal;
font-style: normal;
font-size: 1.4rem;
color: #009fe3;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.accordion-item .accordion-title h3 img {
position: absolute;
left: -4.8rem;
top: -0.8rem;
display: block;
width: 2.6rem;
height: auto; }
.accordion-item .accordion-title.default-icon h3::before {
content: "";
position: absolute;
left: -4.8rem;
top: -0.3rem;
display: block;
width: 2.1rem;
height: 2.1rem;
background-image: url(//mosnovobchvat.cz/wp-content/themes/rsd/images/dot.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
.accordion-item .accordion-title:hover h3 {
color: #009fe3; }
.accordion-item .accordion-content {
display: none;
padding: 2.5rem 0;
padding-top: 0;
padding-left: 5rem;
padding-right: 20rem; }
.accordion-item .accordion-content .accordion-content-full {
margin-left: -5rem;
margin-right: -20rem; }
.content-section .accordion-item .accordion-content .accordion-content-full:nth-child(n+2) {
margin-top: 4rem; }
.accordion-item.open .accordion-title h3::after {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg); }
.timeline-items {
max-width: 60rem; }
.content-section .timeline-items {
margin-top: 4rem; }
.timeline-item {
position: relative;
padding: 1.5rem 0;
font-size: 0;
white-space: nowrap; }
.timeline-item::before {
content: "";
position: absolute;
left: 1.2rem;
top: 3.1rem;
bottom: -1.2rem;
display: block;
width: 1px;
background-color: #eef1f2; }
.timeline-item:last-child::before {
content: none; }
.timeline-item > div {
display: inline-block;
font-size: 1.5rem;
vertical-align: top; }
.timeline-item .timeline-date {
position: relative;
width: 18rem;
margin: 0;
padding-left: 5rem;
text-align: left; }
.timeline-item .timeline-date h3 {
margin: 0; }
.timeline-item .timeline-date h3::before {
content: "";
position: absolute;
left: -4.8rem;
top: -0.3rem;
display: block;
width: 2.1rem;
height: 2.1rem;
background-image: url(//mosnovobchvat.cz/wp-content/themes/rsd/images/dot.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
.timeline-item .timeline-text {
width: calc(100% - 18rem);
margin-top: -0.5rem;
white-space: normal; }
.videos-item {
float: left;
width: 49.6%;
margin-left: 0.8%;
margin-top: 2rem; }
.videos-item:nth-child(2n+1) {
clear: left;
margin-left: 0; }
.videos-item .videos-info {
padding: 0.8rem 1rem;
background-color: #009fe3;
font-size: 1.4rem;
line-height: 1.3;
color: #fff; }
.photos-item {
position: relative;
float: left;
display: block;
width: 32.8%;
margin-left: 0.8%;
margin-top: 2rem;
border-bottom: 4px solid #009fe3;
background-color: #009fe3; }
.photos-item:nth-child(3n+1) {
clear: left;
margin-left: 0; }
.photos-item:nth-child(n+7) {
display: none !important; }
.photos-item img {
display: block;
width: 100%;
height: auto;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.photos-item .photos-plus {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 5; }
.photos-item .photos-plus span {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
font-size: 5rem;
color: #fff;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.photos-item:hover img {
opacity: 0.9; }
.drawings-map {
width: 100%;
height: 50rem;
border-bottom: 4px solid #009fe3; }
.content-section .drawings-map {
margin-top: 4rem; }
.drawings-map iframe {
display: block;
width: 100%;
height: 100%;
border: 0; }
.drawings-item {
float: left;
width: 49.6%;
margin-left: 0.8%;
margin-top: 2rem; }
.drawings-item:nth-child(2n+1) {
clear: left;
margin-left: 0; }
.drawings-item > a {
display: block;
background-color: #009fe3; }
.drawings-item > a img {
display: block;
width: 100%;
height: auto;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.drawings-item > a:hover img {
opacity: 0.9; }
.drawings-item .drawings-info {
padding: 0.8rem 1rem;
background-color: #009fe3;
font-size: 1.4rem;
line-height: 1.3;
color: #fff; }
.drawings-item .drawings-info .drawings-caption {
float: left;
text-align: left; }
.drawings-item .drawings-info .drawings-download {
float: right;
margin-left: 2rem;
text-align: right;
white-space: nowrap; }
.drawings-item .drawings-info .drawings-download a {
color: #fff;
text-decoration: underline; }
.drawings-item .drawings-info .drawings-download a i {
margin-left: 1rem; }
.files-items {
max-width: 82rem; }
.content-section .files-items {
margin-top: 4rem; }
.files-item {
position: relative;
float: left;
width: 48%;
margin-left: 4%;
padding: 1rem 0;
font-family: proxima-nova, sans-serif;
font-weight: 400;
line-height: 1.1;
color: #444; }
.files-item:nth-child(2n+1) {
margin-left: 0; }
.files-item a {
text-decoration: none;
color: #444; }
.files-item a:hover {
color: #009fe3; }
.files-item img {
display: inline-block;
vertical-align: middle;
width: 2rem;
height: auto;
margin-right: 2.5rem;
margin-left: 0.5rem;
opacity: 0.5; }
.disclaimer {
padding: 20rem 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.disclaimer::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%; background: -moz-linear-gradient(top, rgba(0, 37, 76, 0.2) 0%, #00254c 100%); background: -webkit-linear-gradient(top, rgba(0, 37, 76, 0.2) 0%, #00254c 100%); background: linear-gradient(to bottom, rgba(0, 37, 76, 0.2) 0%, #00254c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3300254c', endColorstr='#00254c',GradientType=0 ); opacity: 1;
pointer-events: none;
z-index: 10; }
.disclaimer .inner {
z-index: 50; }
.disclaimer-left {
float: left;
width: 30%;
padding: 1rem 0 0 0; }
.disclaimer-left img {
display: block;
width: 16rem;
height: auto;
margin: 0 auto; }
.disclaimer-right {
float: left;
width: 64%;
margin-left: 6%; }
.copyright {
position: relative;
padding: 1.5rem 0 1.6rem;
background-color: #009fe3;
color: #fff; }
.copyright span {
display: inline-block;
margin-right: 4rem;
padding: 0.5rem 0; }
.copyright span:last-child {
margin-right: 0; }
.footer {
padding: 5rem 0 0; }
.footer h2 {
position: relative;
margin-bottom: 2rem;
font-size: 1.5rem;
text-align: left; }
.footer a {
color: #888;
text-decoration: none; }
.footer a:hover {
color: #009fe3;
text-decoration: none; }
.footer .col {
float: left;
width: 22%;
min-height: 1px;
margin-left: 2%; }
.footer .col:nth-child(1) {
width: 25%;
margin-left: 0; }
.footer .col:nth-child(2) {
width: 25%; }
.footer .col:nth-child(3) {
width: 25%; }
.footer .col:nth-child(4) {
width: 13%; }
.footer nav ul {
margin: 0;
padding: 0;
list-style: none; }
.footer nav ul li {
margin: 0;
padding: 0; }
.footer nav ul li a {
position: relative;
display: block;
padding: 0.2rem 0;
line-height: 1.3; }
.footer nav ul li a i {
margin-right: 1rem; }
.footer nav ul + ul {
margin-top: 1rem; }
.footer nav ul + ul li a {
text-transform: none; }
.footer .footer-contact span {
display: inline-block;
width: 10rem; }
.footer .footer-contact span i {
margin-right: 0.5rem; }
.footer .created {
padding: 2rem 0;
text-align: center; }
.footer .created a {
font-size: 1.3rem;
color: #999; }
.footer .created a img {
position: relative;
top: -1px;
display: inline-block;
width: auto;
height: 1.2rem;
margin-left: 0.6rem;
vertical-align: middle;
opacity: 0.5;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.footer .created a:hover {
color: #000; }
.footer .created a:hover img {
opacity: 1; } .article .article-header {
margin-bottom: 4rem; }
.article .article-header .article-meta {
margin-top: 0;
color: #009fe3; }
.article p,
.article ul,
.article li {
max-width: 75rem; }
.article h3 {
font-size: 2rem; }
.article ul {
margin: 2rem 0 0;
padding: 0;
list-style: none; }
.article ul li {
position: relative;
margin: 0;
padding: 0 0 0 2em; }
.article ul li::before {
content: "";
position: absolute;
top: 0.6em;
left: 0.6em;
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #009fe3; }
.article ol {
margin: 2rem 0 0;
padding: 0;
list-style: none;
counter-reset: ul; }
.article ol li {
position: relative;
margin: 0;
padding: 0 0 0 2em;
counter-increment: ul; }
.article ol li::before {
content: counter(ul) ".";
position: absolute;
left: -0.1em;
display: block;
width: 2rem;
text-align: right;
font-variant-numeric: tabular-nums; }
.article blockquote {
max-width: 50rem;
margin: 4rem 0 4rem -1.5rem;
padding: 0.5rem 0 0.5rem 1.5rem;
border-left: 2px solid #009fe3;
font-size: 2rem;
font-style: italic;
color: #000; }
.article figure {
margin: 0; }
.article .wp-block-image,
.article .wp-block-gallery {
position: relative;
max-width: calc(100% + 3rem);
margin: 4rem -1.5rem;
padding: 0; }
.article .wp-block-image:last-child,
.article .wp-block-gallery:last-child {
margin-bottom: 0; }
.article .wp-block-image img,
.article .wp-block-gallery img {
position: relative;
display: block;
width: 100%;
height: auto;
z-index: 5; }
.article .wp-block-gallery {
text-align: center;
font-size: 0;
list-style: none; }
.article .wp-block-gallery .blocks-gallery-grid {
max-width: none;
margin: 0;
padding: 0; }
.article .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
display: inline-block;
margin: 0;
padding: 0;
font-size: 1.5rem; }
.article .wp-block-gallery.columns-1 .blocks-gallery-item {
width: 100%;
margin-left: 1.2%;
margin-top: 1.2%; }
.article .wp-block-gallery.columns-1 .blocks-gallery-item:nth-child(1n+1) {
margin-left: 0; }
.article .wp-block-gallery.columns-1 .blocks-gallery-item:nth-child(1) {
margin-top: 0; }
.article .wp-block-gallery.columns-2 .blocks-gallery-item {
width: 49.4%;
margin-left: 1.2%;
margin-top: 1.2%; }
.article .wp-block-gallery.columns-2 .blocks-gallery-item:nth-child(2n+1) {
margin-left: 0; }
.article .wp-block-gallery.columns-2 .blocks-gallery-item:nth-child(1) {
margin-top: 0; }
.article .wp-block-gallery.columns-2 .blocks-gallery-item:nth-child(2) {
margin-top: 0; }
.article .wp-block-gallery.columns-3 .blocks-gallery-item {
width: 32.5333333333%;
margin-left: 1.2%;
margin-top: 1.2%; }
.article .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(3n+1) {
margin-left: 0; }
.article .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(1) {
margin-top: 0; }
.article .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(2) {
margin-top: 0; }
.article .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(3) {
margin-top: 0; }
.article .wp-block-gallery.columns-4 .blocks-gallery-item {
width: 24.1%;
margin-left: 1.2%;
margin-top: 1.2%; }
.article .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(4n+1) {
margin-left: 0; }
.article .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(1) {
margin-top: 0; }
.article .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(2) {
margin-top: 0; }
.article .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(3) {
margin-top: 0; }
.article .wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(4) {
margin-top: 0; }
.article .wp-block-gallery.columns-5 .blocks-gallery-item {
width: 19.04%;
margin-left: 1.2%;
margin-top: 1.2%; }
.article .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(5n+1) {
margin-left: 0; }
.article .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(1) {
margin-top: 0; }
.article .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(2) {
margin-top: 0; }
.article .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(3) {
margin-top: 0; }
.article .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(4) {
margin-top: 0; }
.article .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(5) {
margin-top: 0; }
@keyframes how-step {
from {
width: 0; }
to {
width: 100%; } }
@-webkit-keyframes how-step {
from {
width: 0; }
to {
width: 100%; } }
.how video {
display: block;
width: 100%;
height: auto;
margin-top: 12rem;
margin-bottom: 1px; }
.how-items {
max-width: 100rem;
margin: 0 auto;
margin-top: 6rem;
counter-reset: how; }
.how-item {
position: relative;
float: left;
width: 32%;
margin-left: 2%;
padding-top: 5rem;
text-align: center;
counter-increment: how; }
.how-item::before {
content: counter(how);
position: absolute;
left: 0;
right: 0;
top: 1rem;
display: block;
width: 100%;
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-size: 2rem;
text-align: center;
color: #888;
font-variant-numeric: tabular-nums;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.how-item:nth-child(3n+1) {
clear: left;
margin-left: 0; }
.how-item .how-progressbar {
width: 100%;
height: 1px;
background-color: #ccc; }
.how-item .how-progressbar::before {
content: "";
display: block;
width: 0;
height: 100%;
background-color: #000; }
.how-item h3 {
margin-top: 1.2rem;
text-align: center;
color: #888;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.how-item p {
opacity: 0;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.step-1 .how-item:nth-child(1)::before {
color: #000; }
.step-1 .how-item:nth-child(1) .how-progressbar::before {
-webkit-animation-name: how-step;
animation-name: how-step;
-webkit-animation-duration: 1.9s;
animation-duration: 1.9s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
.step-1 .how-item:nth-child(1) h3 {
color: #000; }
.step-1 .how-item:nth-child(1) p {
opacity: 1; }
.step-2 .how-item:nth-child(1) .how-progressbar::before {
width: 100% !important; }
.step-2 .how-item:nth-child(2) .how-progressbar::before {
-webkit-animation-name: how-step;
animation-name: how-step;
-webkit-animation-duration: 1.9s;
animation-duration: 1.9s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
.step-2 .how-item:nth-child(1)::before, .step-2 .how-item:nth-child(2)::before {
color: #000; }
.step-2 .how-item:nth-child(1) h3, .step-2 .how-item:nth-child(2) h3 {
color: #000; }
.step-2 .how-item:nth-child(1) p, .step-2 .how-item:nth-child(2) p {
opacity: 1; }
.step-3 .how-item:nth-child(1) .how-progressbar::before, .step-3 .how-item:nth-child(2) .how-progressbar::before {
width: 100% !important; }
.step-3 .how-item:nth-child(3) .how-progressbar::before {
-webkit-animation-name: how-step;
animation-name: how-step;
-webkit-animation-duration: 1.9s;
animation-duration: 1.9s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
.step-3 .how-item:nth-child(1)::before, .step-3 .how-item:nth-child(2)::before, .step-3 .how-item:nth-child(3)::before {
color: #000; }
.step-3 .how-item:nth-child(1) h3, .step-3 .how-item:nth-child(2) h3, .step-3 .how-item:nth-child(3) h3 {
color: #000; }
.step-3 .how-item:nth-child(1) p, .step-3 .how-item:nth-child(2) p, .step-3 .how-item:nth-child(3) p {
opacity: 1; }
.price {
white-space: nowrap; }
.products-items {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-top: 4rem;
flex-wrap: wrap; }
.products-item {
display: block;
width: 23.5%;
margin-left: 2%;
margin-top: 2%;
text-decoration: none;
color: inherit;
text-decoration: none; }
.products-item:nth-child(4n+1) {
margin-left: 0; }
.products-item .products-image {
border: 1px solid #eaeaea;
overflow: hidden; }
.products-item .products-image img {
display: block;
width: 100%;
height: auto;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.products-item .products-text {
padding: 1.5rem 1rem; }
.products-item .products-text .products-price {
float: right;
margin: 0;
margin-top: -0.3rem;
line-height: 1.3;
text-align: right; }
.products-item .products-text .subtitle {
margin-top: 0; }
.products-item .products-text h3 {
margin-top: 0.2rem;
margin-bottom: 0.2rem; }
.products-item .products-text h3 span {
display: inline-block;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.products-item:hover {
color: inherit;
text-decoration: none; }
.products-item:hover .products-image img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05); }
.products-item:hover .products-text h3 span {
border-color: rgba(0, 0, 0, 0.4); }
.about-image {
display: block;
width: 100%;
height: auto; }
.about {
width: 100%;
height: 100vh;
background-color: #0b0b0b;
overflow: hidden;
-webkit-transition: all 0.35s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
-o-transition: all 0.35s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
transition: all 0.35s cubic-bezier(0.33, 1, 0.68, 1) 0.1s; }
.about::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 25rem; background: -moz-linear-gradient(top, rgba(11, 11, 11, 0) 0%, #0b0b0b 100%); background: -webkit-linear-gradient(top, rgba(11, 11, 11, 0) 0%, #0b0b0b 100%); background: linear-gradient(to bottom, rgba(11, 11, 11, 0) 0%, #0b0b0b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b0b0b', endColorstr='#0b0b0b',GradientType=0 ); pointer-events: none;
z-index: 10; }
.about .inner {
height: 100%;
z-index: 45; }
.about .page-header {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 50; }
.contact {
background-color: #0b0b0b; }
.contact-left {
float: left;
width: 46%;
max-width: 42rem; }
.contact-right {
float: right;
width: 50%; }
.contact-mail {
font-size: 2.4rem;
line-height: 1.3; }
.contact-form {
position: relative; }
.contact-form div.wpcf7 {
margin: 0 auto; }
.contact-form div.wpcf7 label {
display: block;
margin-bottom: 0.4rem; }
.contact-form div.wpcf7 .wpcf7-acceptance span {
margin-left: 0; }
.contact-form div.wpcf7 .wpcf7-acceptance a {
color: #fff;
text-decoration: underline; }
.contact-form div.wpcf7 .wpcf7-acceptance a:hover {
text-decoration: none; }
.contact-form div.wpcf7 p {
margin: 0; }
.contact-form div.wpcf7 .row {
float: left;
width: 48%;
margin-left: 4%; }
.contact-form div.wpcf7 .row:nth-child(2n+1) {
clear: left;
margin-left: 0; }
.contact-form div.wpcf7 .input {
margin-bottom: 2rem; }
.contact-form div.wpcf7 .right {
position: relative; }
.contact-form div.wpcf7 .ajax-loader {
position: absolute;
top: 0.5rem;
left: 0; }
.contact-form div.wpcf7 div.wpcf7-response-output {
margin: 1.5rem 0 0 0;
padding: 1rem 1.4rem;
border: 0;
background-color: #ae1517;
color: #fff; }
.contact-form div.wpcf7 div.wpcf7-mail-sent-ok {
border: 0;
background-color: #2da024; }
.contact-form div.wpcf7 div.wpcf7-mail-sent-ng,
.contact-form div.wpcf7 div.wpcf7-aborted {
border: 0;
background-color: #ae1517; }
.contact-form div.wpcf7 div.wpcf7-spam-blocked {
border: 0;
background-color: #ae1517; }
.contact-form div.wpcf7 div.wpcf7-validation-errors,
.contact-form div.wpcf7 div.wpcf7-acceptance-missing {
border: 0;
background-color: #ae1517; }
.contact-form div.wpcf7 span.wpcf7-not-valid-tip {
display: block;
margin-top: -1rem;
margin-bottom: 1.5rem;
padding-left: 1.4rem;
color: #ae1517;
font-size: 1.5rem;
font-weight: 400; }
.contact-form div.wpcf7 .btn {
margin-top: 4rem; }
.black {
color: #000; }
.section-block-left {
float: left;
width: 48%;
color: #eef1f2;
font-family: proxima-nova, sans-serif;
font-weight: 300;
line-height: 1.1; }
.section-block-left h2 {
margin-top: -0.8rem; }
.section-block-left h3 {
font-size: 2rem; }
.dark .section-block-left {
color: #fff; }
.section-block-right {
float: right;
width: 48%; }
.section-block-right .services-list {
margin-top: 4rem; }
.section-block-right .section-block-image {
display: block;
width: 100%;
max-width: 46rem;
height: auto;
margin-top: 4rem; }
.services .inner {
position: static; }
.services-left {
position: relative;
float: left;
width: 48%; }
.services-left .services-wrap {
position: relative; }
.services-left .services-wrap.absolute {
position: fixed; }
.services-right {
float: right;
width: 48%; }
.services-right .btn {
margin-top: 10rem; }
.services-nav {
position: absolute;
top: 0;
right: 2rem;
width: 10px; }
.services-nav ul {
position: relative;
margin: 0;
padding: 0;
padding-top: 20rem;
list-style: none; }
.services-nav ul li {
display: block;
margin: 0;
padding: 0; }
.services-nav ul li a {
display: block;
width: 10px;
height: 10px;
margin: 0 0 10px;
padding: 0;
border: 1px solid #e2e2e2;
border-radius: 50%;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.services-nav ul li a:hover {
background-color: #e2e2e2; }
.services-nav ul li.active a {
border-color: #bfbfbf;
background-color: #bfbfbf; }
.services-nav ul.absolute {
position: fixed; }
.services-images {
width: 100%;
padding-bottom: 67.36474694589878%; }
.services-image {
position: relative;
width: 100%; }
.services-image img {
position: absolute;
left: 0;
top: 0;
right: 0;
display: block;
width: 100%;
height: auto;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0; }
.services-image img.services-image-0 {
display: none !important;
-webkit-transform: translateX(-3rem);
-ms-transform: translateX(-3rem);
-o-transform: translateX(-3rem);
transform: translateX(-3rem); }
.services-image img.services-image-0 {
transition: opacity 0.25s 0s, transform 0.8s 0s;
z-index: 10; }
.services-image img.services-image-1 {
transition: opacity 0.25s 0.05s, transform 0.8s 0.05s;
z-index: 9; }
.services-image img.services-image-2 {
transition: opacity 0.25s 0.1s, transform 0.8s 0.1s;
z-index: 8; }
.services-image img.services-image-3 {
transition: opacity 0.25s 0.15s, transform 0.8s 0.15s;
z-index: 7; }
.services-image img.services-image-4 {
transition: opacity 0.25s 0.2s, transform 0.8s 0.2s;
z-index: 6; }
.services-image.visible img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1; }
.services-image.visible img.services-image-0 {
transition: opacity 0.2s 0.87s, transform 0.4s 0.87s;
z-index: 10; }
.services-image.visible img.services-image-1 {
transition: opacity 0.2s 0.51s, transform 0.4s 0.51s;
z-index: 9; }
.services-image.visible img.services-image-2 {
transition: opacity 0.2s 0.39s, transform 0.4s 0.39s;
z-index: 8; }
.services-image.visible img.services-image-3 {
transition: opacity 0.2s 0.27s, transform 0.4s 0.27s;
z-index: 7; }
.services-image.visible img.services-image-4 {
transition: opacity 0.2s 0.15s, transform 0.4s 0.15s;
z-index: 6; }
.services-item {
position: relative;
padding-top: 10rem; }
.services-item:first-child {
margin-top: 0; }
.services-item .services-image-mobile {
display: none;
max-width: 40rem; }
.services-item .services-image-mobile > div {
position: relative;
width: 100%;
padding-bottom: 67.36474694589878%; }
.services-item .services-image-mobile > div img {
position: absolute;
left: 0;
top: 0;
right: 0;
display: block;
width: 100%;
height: auto; }
.services-item .services-image-mobile > div img.services-image-0 {
display: none !important; }
.services-item .services-image-mobile > div img.services-image-0 {
z-index: 10; }
.services-item .services-image-mobile > div img.services-image-1 {
z-index: 9; }
.services-item .services-image-mobile > div img.services-image-2 {
z-index: 8; }
.services-item .services-image-mobile > div img.services-image-3 {
z-index: 7; }
.services-item .services-image-mobile > div img.services-image-4 {
z-index: 6; }
.strip {
margin-top: 10rem; }
.strip-content {
position: relative;
width: 312rem;
cursor: ew-resize; }
.strip-item {
position: relative;
float: left;
display: block;
width: 39rem;
padding: 0 1.5rem 1.5rem 0; }
.strip-item .strip-image.open-video {
position: relative;
cursor: pointer; }
.strip-item .strip-image.open-video::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: #000;
opacity: 0;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
z-index: 3; }
.strip-item .strip-image.open-video::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 0;
height: 0;
display: inline-block;
border-style: solid;
border-width: 15px 0 15px 30px;
border-color: transparent transparent transparent #fff;
vertical-align: baseline;
filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.5));
opacity: 0;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
z-index: 5; }
.strip-item .strip-image.open-video:hover::before {
opacity: 0.15; }
.strip-item .strip-image.open-video:hover::after {
opacity: 1; }
.strip-item img {
position: relative;
display: block;
width: 100%;
height: auto;
z-index: 1; }
.recommendation-items {
position: relative;
padding-top: 10rem; }
.recommendation-items::before {
content: "\201C";
position: absolute;
top: 6rem;
left: 0;
right: 0;
display: block;
line-height: 0;
text-align: center;
pointer-events: none;
font-size: 9rem;
color: #000; }
.recommendation-items .slick-dots {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
text-align: center; }
.recommendation-items .slick-dots li {
display: inline-block; }
.recommendation-items .slick-dots li button {
display: block;
width: 1.4rem;
height: 1.4rem;
margin: 0.5rem;
padding: 0;
border: 0;
border: 1px solid #c1c1c1;
border-radius: 50%;
background-color: #fff;
font-size: 0;
line-height: 0;
color: transparent;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.recommendation-items .slick-dots li.slick-active button {
background-color: #429bad;
border-color: #429bad; }
.recommendation-item {
text-align: center; }
.recommendation-item .recommendation-text {
max-width: 85rem;
margin: 0 auto;
color: #429bad;
font-size: 2.4rem;
font-weight: 300;
line-height: 1.3; }
.recommendation-item .recommendation-text .recommendation-file {
font-size: 1.5rem; }
.recommendation-item .recommendation-text .recommendation-file a {
color: #888;
text-decoration: underline; }
.recommendation-item .recommendation-text .recommendation-file a:hover {
color: #000;
text-decoration: none; }
.recommendation-item .recommendation-author {
text-align: right; }
.margin-top {
margin-top: 10rem; }
.customers-items {
position: relative;
display: none;
text-align: left;
font-size: 0; }
.customers-items.slick-initialized {
display: block; }
.customers-items .slick-prev,
.customers-items .slick-next {
position: absolute;
top: 50%;
margin-top: -1.3rem;
cursor: pointer; }
.customers-items .slick-prev {
left: -3rem; }
.customers-items .slick-next {
right: -3rem; }
.customers-item {
display: inline-block;
height: 15rem;
line-height: 10rem;
padding: 2.5rem 3.5rem;
text-align: center; }
.customers-item img {
display: inline-block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
vertical-align: middle; }
.contact-mandatory {
padding: 6rem 0;
border: 1px solid rgba(215, 215, 215, 0.3);
border-width: 1px 0; }
.contact-mandatory .col {
float: left;
width: 23.5%;
margin-left: 4%; }
.contact-mandatory .col:nth-child(4n+1) {
clear: left;
margin-left: 0; }
.contact-mandatory .col:nth-child(1), .contact-mandatory .col:nth-child(2) {
width: 18%; }
.contact-mandatory .col:nth-child(3), .contact-mandatory .col:nth-child(4) {
width: 26%; }
.video-responsive {
position: relative;
height: 0;
padding-bottom: 56.25%;
overflow: hidden; }
.video-responsive iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.video {
position: relative; }
.video video {
position: relative;
display: block;
width: 100%;
height: auto;
z-index: 1; }
.video .video-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
padding: 4rem 0;
z-index: 3; }
.video .video-overlay::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%; background: -moz-linear-gradient(15deg, black 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 99%); background: -webkit-linear-gradient(15deg, black 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 99%); background: linear-gradient(15deg, black 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); opacity: 0.5;
pointer-events: none;
z-index: 2; }
.video .video-overlay .inner {
position: relative;
height: 100%; }
.video .video-overlay .video-title {
position: absolute;
bottom: 0;
text-shadow: 1px 1px 200px black, 1px 1px 100px black; }
.video .video-overlay .video-client {
color: #fff; }
.references-player {
position: relative;
margin-top: 10rem;
margin-bottom: 4rem; }
.references-player-detail {
width: 68%; }
.references-player-items {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 31%;
overflow-y: auto; }
.references-player-item {
margin-top: 1rem;
cursor: pointer;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.references-player-item:first-child {
margin-top: 0; }
.references-player-item .references-player-image {
position: relative;
float: left;
width: 46%;
margin-right: 1.5rem; }
.references-player-item .references-player-image::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: #000;
opacity: 0;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
z-index: 3; }
.references-player-item .references-player-image::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 0;
height: 0;
display: inline-block;
border-style: solid;
border-width: 12px 0 12px 24px;
border-color: transparent transparent transparent #fff;
vertical-align: baseline;
filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.5));
opacity: 0;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
z-index: 5; }
.references-player-item .references-player-image img {
position: relative;
display: block;
width: 100%;
height: auto;
z-index: 1; }
.references-player-item .references-player-text {
padding: 0.8rem 0;
padding-right: 0.5rem;
overflow: hidden; }
.references-player-item .references-player-text h3 {
margin: 0;
font-size: 1.6rem; }
.references-player-item .references-player-text .links {
margin-top: 0.5rem; }
.references-player-item .references-player-text .links a, .references-player-item .references-player-text .links span {
font-size: 1.2rem; }
.references-player-item .references-player-text .links a::after, .references-player-item .references-player-text .links span::after {
margin-left: 0.8rem;
border-width: 4px 0 4px 8px; }
.references-player-item:hover {
background-color: #f8f8f8; }
.references-player-item:hover .references-player-image::before {
opacity: 0.2; }
.references-player-item:hover .references-player-image::after {
opacity: 1; }
.references-player-item.active {
background-color: #f2f2f2; }
.service-references .references-table-years {
margin-top: 10rem;
margin-bottom: 4rem; }
.references-item {
position: relative;
float: left;
display: block;
margin-bottom: 4rem;
text-decoration: none; }
.references-items-3 .references-item {
width: 31.333%;
margin-left: 3%; }
.references-items-3 .references-item:nth-child(3n+1) {
clear: left;
margin-left: 0; }
.references-items-4 .references-item {
width: 23.5%;
margin-left: 2%; }
.references-items-4 .references-item:nth-child(4n+1) {
clear: left;
margin-left: 0; }
.references-item .references-image {
position: relative;
display: block; }
.references-item .references-image::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: #000;
opacity: 0;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
z-index: 3; }
.references-item .references-image::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 0;
height: 0;
display: inline-block;
border-style: solid;
border-width: 15px 0 15px 30px;
border-color: transparent transparent transparent #fff;
vertical-align: baseline;
filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.5));
opacity: 0;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
z-index: 5; }
.references-item .references-image img {
position: relative;
display: block;
width: 100%;
height: auto;
z-index: 1; }
.references-item .references-image:hover::before {
opacity: 0.15; }
.references-item .references-image:hover.open-video::after {
opacity: 1; }
.references-item .references-image.no-hover:hover::before {
opacity: 0; }
.references-item .references-text {
display: block;
margin-top: 1.2rem;
padding: 0 0.5rem;
text-decoration: none; }
.references-item .references-text .references-service {
margin: 0 0 0.5rem;
font-size: 1.3rem;
color: #eef1f2;
line-height: 1.3; }
.references-item .references-text h3 {
margin: 0;
font-size: 1.8rem; }
.references-item .references-text .links {
margin-top: 1rem; }
.references-item .references-text .links a, .references-item .references-text .links span {
font-size: 1.3rem; }
.references-item .references-text .links a::after, .references-item .references-text .links span::after {
margin-left: 0.8rem;
border-width: 4px 0 4px 8px; }
.references-item .references-text:hover {
text-decoration: none; }
.references-item .references-text:hover .links a, .references-item .references-text:hover .links span {
color: #006997; }
.references-item .references-text:hover .links a::after, .references-item .references-text:hover .links span::after {
border-color: transparent transparent transparent #0074a6;
-webkit-transform: translateX(0.3rem);
-ms-transform: translateX(0.3rem);
-o-transform: translateX(0.3rem);
transform: translateX(0.3rem); }
.reference h1 {
padding-right: 22rem; }
.filter {
float: left;
width: 22rem;
margin-right: 4rem; }
.filter .filter-title {
font-size: 1.3rem;
color: #bababa; }
.filter .filter-reset {
padding: 1.6rem 0;
border-top: 1px solid #eee; }
.filter .filter-reset a {
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-size: 1.4rem;
line-height: 1.1;
color: #bababa;
text-decoration: none; }
.filter .filter-reset a i {
width: 2.5rem;
margin-left: 0.5rem;
color: #d4d4d4;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.filter .filter-reset a:hover {
color: #009fe3; }
.filter .filter-reset a:hover i {
color: #009fe3; }
.filter .services-list ul {
float: none;
width: 100%;
margin: 1rem 0 0 0;
margin-left: 0; }
.filter .services-list ul li a {
padding: 1rem 1rem;
padding-left: 3rem;
font-size: 1.4rem; }
.filter .services-list ul li a i {
top: 1rem;
font-size: 1.3rem; }
.filter .services-list ul li a.active {
color: #000; }
.filter .services-list ul li a.active i {
color: #000; }
.filter-switch {
position: absolute;
top: -8rem;
right: 3rem; }
.filter-switch ul {
margin: 0;
padding: 0;
text-align: right;
list-style: none; }
.filter-switch ul li {
display: inline-block;
margin: 0;
margin-left: 1rem;
padding: 0; }
.filter-switch ul li a {
padding: 1rem 0.2rem;
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-size: 1.4rem;
line-height: 1.1;
color: #bababa;
text-decoration: none; }
.filter-switch ul li a:hover {
color: #000;
text-decoration: none; }
.filter-switch ul li a.active {
color: #000; }
.filter-content {
position: relative;
overflow: hidden; }
.filter-content .faq {
margin-top: -2rem; }
.page-sections .sections-item {
margin-top: 10rem; }
.page-sections .sections-item:first-child {
margin-top: 0; }
.page-sections .sections-item.border-top {
padding-top: 10rem; }
.blocks-item {
margin-top: 10rem; }
.blocks-item:first-child {
margin-top: 0; }
.blocks-title {
float: left;
width: 48%; }
.blocks-title h2 {
font-size: 2rem; }
.blocks-text {
float: right;
width: 48%; }
.full-image {
position: relative;
height: 100vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.full-image-logo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 44%;
width: 80%;
max-width: 36rem;
pointer-events: none;
z-index: 50; }
.full-image-logo svg {
display: block;
width: 100%;
height: auto; }
.full-image-logo svg .logo-svg {
fill: #fff; }
.full-image-text {
position: absolute;
left: 0;
right: 0;
bottom: 0; }
.strip.strip-history .strip-item {
margin-left: -1px;
padding: 1.5rem 4rem;
border: 1px solid #e0e0e0;
border-width: 0 1px;
font-size: 1.3rem; }
.strip.strip-history .strip-item:first-child {
border-left: 0; }
.strip.strip-history .strip-item:last-child {
border-right: 0; }
.strip.strip-history .strip-item h3 {
font-size: 1.8rem; }
.strip.strip-with-caption .strip-item h3 {
margin-top: 1.5rem;
font-size: 1.8rem; }
.faq-item .faq-answer p {
max-width: 80rem; }
.faq-item .faq-answer .faq-contact {
max-width: none; }
.team-item {
float: left;
width: 23.5%;
margin-left: 2%;
margin-bottom: 6rem;
color: #888;
text-decoration: none; }
.team-item:nth-child(4n+1) {
clear: left;
margin-left: 0; }
.team-item .team-image {
position: relative; }
.team-item .team-image::before {
content: "";
position: absolute;
top: 1.5rem;
left: 1.5rem;
display: block;
width: 3.5rem;
height: 3.5rem;
background-image: url(//mosnovobchvat.cz/wp-content/themes/rsd/images/arrows.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
z-index: 5; }
.team-item .team-image img {
display: block;
width: 100%;
height: auto;
filter: grayscale(100%);
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
z-index: 1; }
.team-item .team-text {
margin-top: 1.5rem;
padding: 0 0.5rem; }
.team-item .team-text h3 {
margin: 0;
font-size: 1.8rem; }
.team-item .team-text .team-position {
margin: 0.5rem 0 0 0;
color: #9b9b9b;
font-size: 1.3rem;
line-height: 1.3; }
.team-item:hover {
color: #888;
text-decoration: none; }
.team-item:hover .team-image img {
filter: grayscale(0); }
.team-item:hover .team-text h3 {
text-decoration: underline; }
.team-single {
position: relative; }
.team-single::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: block;
width: 40rem;
height: 100%;
background-color: #fafafa;
z-index: 1; }
.team-single.fancybox-content {
width: 110rem;
padding: 0; }
.team-single-left {
position: relative;
float: left;
width: 40rem;
padding: 8rem 6rem;
z-index: 5; }
.team-single-left .team-image {
display: block;
width: 100%;
height: auto; }
.team-single-left .contact-contacts {
margin-top: 3rem;
padding: 0 0.5rem; }
.team-single-left .contact-contacts > div {
display: block;
margin: 0.8rem 0;
font-size: 1.7rem;
color: #000; }
.team-single-left .contact-contacts > div i {
margin-right: 1rem;
color: #767676;
font-size: 2rem; }
.team-single-right {
padding: 8rem 6rem;
overflow: hidden; }
.team-single-right h1 {
font-size: 4.5rem; }
.team-single-right h2 {
font-size: 2.2rem; }
.team-single-right h3 {
font-size: 1.8rem; }
.team-single-right figure {
margin: 4rem 0; }
.team-single-right figure img {
max-width: 100%;
width: auto;
height: auto; }
.team-single-right .team-position {
margin-top: 1rem;
line-height: 1.3;
color: #009fe3; }
.files table {
width: 100%; }
.files table tr td {
padding: 1rem 1rem;
border-top: 1px solid #eee;
vertical-align: middle;
line-height: 1.3; }
.files table tr td:first-child {
color: #000;
line-height: 1.1;
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-size: 1.6rem; }
.files table tr td:last-child {
width: 1px;
white-space: nowrap; }
.files table tr td a {
color: #009fe3;
text-decoration: none; }
.files table tr td a i {
margin-left: 1rem; }
.files table tr:last-child td {
border-bottom: 1px solid #eee; }
.client-logo {
position: absolute;
right: 0;
top: 0;
display: block;
width: 19rem;
text-align: right;
vertical-align: middle; }
.client-logo img {
width: auto;
height: auto;
max-width: 19rem;
max-height: 10rem; }
.full-gallery .slick-prev,
.full-gallery .slick-next {
position: absolute;
bottom: 0;
display: block;
width: 8rem;
height: 8rem;
line-height: 8rem;
text-align: center;
background-color: #fff;
color: #27334a;
font-size: 2.2rem;
cursor: pointer;
z-index: 105; }
.full-gallery .slick-prev:hover,
.full-gallery .slick-next:hover {
color: #000; }
.full-gallery .slick-prev {
left: 0;
padding-left: 2.5rem; }
.full-gallery .slick-next {
left: 8rem;
padding-right: 2.5rem; }
.full-gallery img {
z-index: 10; }
.text {
text-align: left; }
.text p {
max-width: 80rem; }
.text ul {
margin-left: 0;
margin-right: 0;
padding: 0;
padding-left: 3rem;
list-style: none; }
.text ul li {
position: relative;
margin: 0;
padding: 0; }
.text ul li::before {
content: "";
position: absolute;
top: 0.7em;
left: -1.7rem;
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #000; }
.text ol {
margin-left: 0;
margin-right: 0;
padding: 0;
padding-left: 3rem;
list-style: none;
counter-reset: ul; }
.text ol li {
position: relative;
counter-increment: ul;
margin: 0;
padding: 0; }
.text ol li::before {
content: counter(ul) ".";
position: absolute;
left: -2.7rem;
display: block;
width: 2rem;
text-align: right;
font-variant-numeric: tabular-nums; }
.text table {
width: 100%; }
.text table tr td, .text table tr th {
padding: 1rem 1rem;
border-top: 1px solid #eee;
vertical-align: middle;
line-height: 1.3;
vertical-align: top; }
.text table tr td:first-child, .text table tr th:first-child {
width: 1px;
white-space: nowrap; }
.text table tr th {
font-weight: 600;
color: #000; }
.text table tr:first-child td, .text table tr:first-child th {
border-top: 0; }
.centering {
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.blue {
color: #009fe3; }
.wpcf7 input[type="checkbox"],
.checkbox {
position: absolute;
left: -9999px;
opacity: 0; }
.wpcf7 input[type="checkbox"] + span,
.checkbox + label {
position: relative;
display: inline-block;
margin-left: 0.8rem;
padding-left: 3.4rem;
cursor: pointer; }
.wpcf7 input[type="checkbox"] + span::before,
.checkbox + label::before {
content: "";
position: absolute;
left: 0;
top: 0.4rem; display: block;
width: 2rem; height: 2rem; border: 1px solid #d7d7d7;
border-radius: 2px;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.wpcf7 input[type="checkbox"]:checked + span::before,
.checkbox:checked + label::before {
background-color: #fff;
border-color: #fff; }
.wpcf7 input[type="checkbox"] + span::after,
.checkbox + label::after {
content: "\f00c";
position: absolute;
left: 0;
top: 0.2rem;
display: block;
width: 2.1rem; height: 2.3rem; line-height: 2.3rem; text-align: center;
color: #000;
font-size: 1.5rem; font-family: "FontAwesome";
text-rendering: auto;  -webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.wpcf7 input[type="checkbox"]:checked + span::after,
.checkbox:checked + label::after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
.pagination {
margin-top: 4rem;
text-align: left; }
.pagination .page-numbers {
display: inline-block;
width: 4rem;
height: 4rem;
line-height: 4rem;
border: 0;
border-radius: 1px;
text-align: center;
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-size: 1.8rem;
color: #000;
text-decoration: none; }
.pagination a.page-numbers {
background-color: #f6f6f6; }
.pagination a.page-numbers:hover {
background-color: #e4e4e4; }
.pagination a.page-numbers:active {
background-color: #dddddd; }
.offset {
padding-left: 4rem; }
.offset > h1, .offset > h2, .offset > h3, .offset > h4 {
position: relative;
left: -4rem; }
.alert {
position: relative;
padding: 1.5rem 2.5rem; }
.alert.alert-success {
background-color: #d3f5d3;
color: #008e00; }
.alert.alert-error {
background-color: #f9c7cc;
color: #b30012; }
.alert.alert-floating {
position: fixed;
top: 15rem;
left: 50%;
width: 100%;
max-width: 62rem;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 500; }
.alert i {
position: absolute;
top: 1.2rem;
right: 1.4rem;
font-size: 1.8rem;
color: #000;
opacity: 0.2;
cursor: pointer;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.alert i:hover {
opacity: 0.5; }
hr {
display: block;
width: 100%;
height: 1px;
margin: 1.2rem 0;
background: #e5e5e5;
border: 0; }
.input-check {
display: block;
margin-top: 3.2rem; }
.input-check.check-ok {
color: #2da024; }
.input-check.check-warning {
color: #fdb714; }
.input-check.check-error {
color: #ae1517; }
.fancybox-bg {
background: black; }
.fancybox-is-open .fancybox-bg {
opacity: 0.8; }
.fancybox-thumbs {
top: auto;
width: auto;
bottom: 0;
left: 0;
right: 0;
height: 9rem;
padding: 1rem;
box-sizing: border-box;
background: #000; }
.fancybox-show-thumbs .fancybox-inner {
right: 0;
bottom: 9rem; }
.fancybox-thumbs__list a::before {
border: 4px solid #009fe3;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991; }
.modal {
display: none;
background-color: #27334a; }
.modal, .modal a {
color: #e4e4e4; }
.modal h1, .modal h2, .modal h3, .modal h4, .modal strong {
color: #fff;
text-align: center; }
#login {
width: 40rem;
padding: 0;
background-color: transparent; }
#login .user-form {
margin: 0;
padding-top: 5rem;
padding-bottom: 4rem; }
#login .user-form h2 {
margin-top: 0;
margin-bottom: 1rem;
font-size: 2.8rem; }
#login .user-form .login-register {
margin-top: 0; }
#login .user-form .forgot-password {
text-align: right; }
#login .user-form .form-row {
margin-bottom: 2rem; }
.bottom-bar {
display: none;
padding: 1.5rem 0;
background-color: #006faf;
font-size: 0;
z-index: 999; }
.bottom-bar .bottom-bar-left {
display: inline-block;
width: 68%;
vertical-align: middle;
font-size: 1.5rem; }
.bottom-bar .bottom-bar-left .bottom-bar-title {
display: inline-block;
vertical-align: middle;
width: 28%;
margin-right: 4%; }
.bottom-bar .bottom-bar-left .bottom-bar-title h2 {
color: #fff;
font-size: 2.8rem; }
.bottom-bar .bottom-bar-left .bottom-bar-text {
display: inline-block;
width: 64%;
color: #cbdef0;
vertical-align: middle;
line-height: 1.3; }
.bottom-bar .bottom-bar-right {
display: inline-block;
width: 32%;
text-align: right;
vertical-align: middle;
font-size: inherit; }
.bottom-bar .bottom-bar-right .bottom-bar-button {
display: inline-block;
vertical-align: middle; }
.bottom-bar .bottom-bar-right .bottom-bar-button .btn {
margin-top: 0; }
.bottom-bar .fa-times {
position: absolute;
top: 1.2rem;
right: 1.4rem;
font-size: 1.8rem;
color: #000;
opacity: 0.2;
cursor: pointer;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.bottom-bar .fa-times:hover {
opacity: 0.5; }
.bottom-bar.fixed {
position: fixed;
left: 0;
bottom: 0;
right: 0;
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); }
.bottom-bar.fake {
opacity: 0 !important; }
.grecaptcha-badge {
opacity: 0; }
.arrow-left,
.arrow-right,
.arrow-top,
.arrow-down {
display: block;
width: 2rem;
height: 2rem;
border: 3px solid #d7d7d7;
border-width: 3px 3px 0 0;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.arrow-left:hover,
.arrow-right:hover,
.arrow-top:hover,
.arrow-down:hover {
border-color: #000; }
.arrow-left.disabled, .arrow-left.slick-disabled,
.arrow-right.disabled,
.arrow-right.slick-disabled,
.arrow-top.disabled,
.arrow-top.slick-disabled,
.arrow-down.disabled,
.arrow-down.slick-disabled {
border-color: #f4f4f4;
pointer-events: none; }
.arrow-left {
-webkit-transform: rotate(225deg);
transform: rotate(225deg); }
.arrow-right {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.arrow-down {
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
.arrow-up {
-webkit-transform: rotate(315deg);
transform: rotate(315deg); }
div#cookie-bar {
box-shadow: 2px 2px 40px rgba(0, 0, 0, 0.2) !important;
border: 1px solid #111; }
div#cookie-bar p {
margin: 0.5rem 0 0 2rem; }
div#cookie-bar #cookie-bar-button {
margin: 0 2rem 0 0;
padding: 0.8rem 1.6rem 0.9rem;
background-color: #009fe3;
border-bottom: 0;
border-radius: 0; }