.panel-grid {
zoom: 1;
}
.panel-grid:before {
content: '';
display: block;
}
.panel-grid:after {
content: '';
display: table;
clear: both;
}
.panel-grid-cell {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 1em;
float: left;
}
.panel-grid-cell .so-panel {
zoom: 1;
}
.panel-grid-cell .so-panel:before {
content: '';
display: block;
}
.panel-grid-cell .so-panel:after {
content: '';
display: table;
clear: both;
}
.panel-grid-cell .panel-last-child {
margin-bottom: 0;
}
.panel-grid-cell .widget-title {
margin-top: 0;
}
.panel-row-style {
zoom: 1;
}
.panel-row-style:before {
content: '';
display: block;
}
.panel-row-style:after {
content: '';
display: table;
clear: both;
}.so-widget-sow-image-default-ad2c8d41f7a1 .sow-image-container {
display: flex;
align-items: flex-start;
}
.so-widget-sow-image-default-ad2c8d41f7a1 .sow-image-container > a {
display: inline-block;
width: inherit;
max-width: 100%;
}
.so-widget-sow-image-default-ad2c8d41f7a1 .sow-image-container .so-widget-image {
display: block;
max-width: 100%;
width: inherit;
height: auto;
}.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline;width:18px;height:12px}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}.slick-loading .slick-slide,.slick-loading .slick-track {
visibility: hidden
}
.clearfix:after,.container:after,.slick-track:after,form .form-control-group:after,nav ul:after {
clear: both
}
a,a:focus,a:hover,ins,nav ul li a,nav ul li a:active,nav ul li a:focus,nav ul li a:hover {
text-decoration: none
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block
}
@font-face{font-family:Futura;src:url(//www.kiwa.sk/wp-content/themes/kiwa/fonts/FuturaPTBook.otf) format("opentype");font-weight:300;font-style:normal}@font-face {
font-family: Futura;
src: url(//www.kiwa.sk/wp-content/themes/kiwa/fonts/FuturaPTBold.otf) format("opentype");
font-weight: 700;
font-style: normal
}
@font-face{font-family:icomoon;src:url(//www.kiwa.sk/wp-content/themes/kiwa/fonts/icomoon.eot?ecaiur);src:url(//www.kiwa.sk/wp-content/themes/kiwa/fonts/icomoon.eot?ecaiur#iefix) format("embedded-opentype"),url(//www.kiwa.sk/wp-content/themes/kiwa/fonts/icomoon.ttf?ecaiur) format("truetype"),url(//www.kiwa.sk/wp-content/themes/kiwa/fonts/icomoon.woff?ecaiur) format("woff"),url(//www.kiwa.sk/wp-content/themes/kiwa/fonts/icomoon.svg?ecaiur#icomoon) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-] {
font-family: icomoon,sans-serif;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-arrow-up:before {
content: "\e900"
}
.icon-arrow-down:before {
content: "\e901"
}
.icon-arrow-left:before {
content: "\e902"
}
.icon-arrow-right:before {
content: "\e903"
}
@-webkit-keyframes rotateY {
0%{-webkit-transform: rotateY(0);
transform: rotateY(0)
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg)
}
}@keyframes rotateY {
0%{-webkit-transform: rotateY(0);
transform: rotateY(0)
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg)
}
}@-webkit-keyframes rotateZ {
0%{-webkit-transform: rotateZ(0);
transform: rotateZ(0)
}
100% {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg)
}
}@keyframes rotateZ {
0%{-webkit-transform: rotateZ(0);
transform: rotateZ(0)
}
100% {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg)
}
}@-webkit-keyframes fade-in {
0%{opacity: 0
}
100% {
opacity: 1
}
}@keyframes fade-in {
0%{opacity: 0
}
100% {
opacity: 1
}
}@-webkit-keyframes move-up {
0%{opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}@keyframes move-up {
0%{opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}@-webkit-keyframes move-down {
0%{opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}@keyframes move-down {
0%{opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}@-webkit-keyframes move-left {
0%{opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}@keyframes move-left {
0%{opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}@-webkit-keyframes move-right {
0%{opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}@keyframes move-right {
0%{opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}.choices {
position: relative;
margin-bottom: 24px;
font-size: 16px
}
.choices:focus {
outline: 0
}
.choices:last-child {
margin-bottom: 0
}
.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input {
background-color: #EAEAEA;
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.choices.is-disabled .choices__item {
cursor: not-allowed
}
.choices[data-type*=select-one] {
cursor: pointer
}
.choices[data-type*=select-one] .choices__inner {
padding-bottom: 7.5px
}
.choices[data-type*=select-one] .choices__input {
display: block;
width: 100%;
padding: 10px;
border-bottom: 1px solid #DDD;
background-color: #FFF;
margin: 0
}
.choices[data-type*=select-one] .choices__button {
background-image: url(//www.kiwa.sk/wp-content/themes/icons/cross-inverse.svg);
padding: 0;
background-size: 8px;
position: absolute;
top: 50%;
right: 0;
margin-top: -10px;
margin-right: 25px;
height: 20px;
width: 20px;
border-radius: 10em;
opacity: .5
}
.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover {
opacity: 1
}
.choices[data-type*=select-one] .choices__button:focus {
-webkit-box-shadow: 0 0 0 2px #00BCD4;
box-shadow: 0 0 0 2px #00BCD4
}
.choices[data-type*=select-one]:after {
content: "";
height: 0;
width: 0;
border-style: solid;
border-color: #333 transparent transparent;
border-width: 5px;
position: absolute;
right: 11.5px;
top: 50%;
margin-top: -2.5px;
pointer-events: none
}
.choices[data-type*=select-one].is-open:after {
border-color: transparent transparent #333;
margin-top: -7.5px
}
.choices[data-type*=select-one][dir=rtl]:after {
left: 11.5px;
right: auto
}
.choices[data-type*=select-one][dir=rtl] .choices__button {
right: auto;
left: 0;
margin-left: 25px;
margin-right: 0
}
.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner {
cursor: text
}
.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button {
position: relative;
display: inline-block;
padding-left: 16px;
border-left: 1px solid #008fa1;
background-image: url(//www.kiwa.sk/wp-content/themes/icons/cross.svg);
background-size: 8px;
width: 8px;
line-height: 1;
opacity: .75;
margin: 0 -4px 0 8px
}
.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover {
opacity: 1
}
.choices__inner {
display: inline-block;
vertical-align: top;
width: 100%;
background-color: #f9f9f9;
padding: 7.5px 7.5px 3.75px;
border: 1px solid #DDD;
border-radius: 2.5px;
font-size: 14px;
min-height: 44px;
overflow: hidden
}
.is-focused .choices__inner,.is-open .choices__inner {
border-color: #b7b7b7
}
.is-open .choices__inner {
border-radius: 2.5px 2.5px 0 0
}
.is-flipped.is-open .choices__inner {
border-radius: 0 0 2.5px 2.5px
}
.choices__list {
margin: 0;
padding-left: 0;
list-style: none
}
.choices__list--single {
display: inline-block;
padding: 4px 16px 4px 4px;
width: 100%
}
[dir=rtl] .choices__list--single {
padding-right: 4px;
padding-left: 16px
}
.choices__list--single .choices__item {
width: 100%
}
.choices__list--multiple {
display: inline
}
.choices__list--multiple .choices__item {
display: inline-block;
vertical-align: middle;
border-radius: 20px;
padding: 4px 10px;
font-size: 12px;
font-weight: 500;
margin-right: 3.75px;
margin-bottom: 3.75px;
background-color: #00BCD4;
border: 1px solid #00a5bb;
color: #FFF;
word-break: break-all
}
.choices__input,sub,sup {
vertical-align: baseline
}
.choices__list--multiple .choices__item[data-deletable] {
padding-right: 5px
}
[dir=rtl] .choices__list--multiple .choices__item {
margin-right: 0;
margin-left: 3.75px
}
.choices__list--multiple .choices__item.is-highlighted {
background-color: #00a5bb;
border: 1px solid #008fa1
}
.is-disabled .choices__list--multiple .choices__item {
background-color: #aaa;
border: 1px solid #919191
}
.choices__list--dropdown {
display: none;
z-index: 1;
position: absolute;
width: 100%;
background-color: #FFF;
border: 1px solid #DDD;
top: 100%;
margin-top: -1px;
border-bottom-left-radius: 2.5px;
border-bottom-right-radius: 2.5px;
overflow: hidden;
word-break: break-all
}
.choices__list--dropdown.is-active {
display: block
}
.is-open .choices__list--dropdown {
border-color: #b7b7b7
}
.is-flipped .choices__list--dropdown {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: -1px;
border-radius: .25rem .25rem 0 0
}
.choices__list--dropdown .choices__list {
position: relative;
max-height: 300px;
overflow: auto;
-webkit-overflow-scrolling: touch;
will-change: scroll-position
}
.choices__list--dropdown .choices__item {
position: relative;
padding: 10px;
font-size: 14px
}
[dir=rtl] .choices__list--dropdown .choices__item {
text-align: right
}
@media (min-width:640px) {
.choices__list--dropdown .choices__item--selectable {
padding-right: 100px
}
.choices__list--dropdown .choices__item--selectable:after {
content: attr(data-select-text);
font-size: 12px;
opacity: 0;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
[dir=rtl] .choices__list--dropdown .choices__item--selectable {
text-align: right;
padding-left: 100px;
padding-right: 10px
}
[dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
right: auto;
left: 10px
}
}
.choices__list--dropdown .choices__item--selectable.is-highlighted:after,.choices__placeholder {
opacity: .5
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color: #f2f2f2
}
.choices__item {
cursor: default
}
.choices__item--selectable {
cursor: pointer
}
.choices__item--disabled {
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: .5
}
.choices__heading {
font-weight: 600;
font-size: 12px;
padding: 10px;
border-bottom: 1px solid #f7f7f7;
color: gray
}
.choices__button {
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer
}
.choices__button:focus {
outline: 0
}
.choices__input {
display: inline-block;
background-color: #f9f9f9;
font-size: 14px;
margin-bottom: 5px;
border: 0;
border-radius: 0;
max-width: 100%;
padding: 4px 0 4px 2px
}
.slick-list,.slick-slider,.slick-track {
position: relative;
display: block
}
.choices__input:focus {
outline: 0
}
[dir=rtl] .choices__input {
padding-right: 2px;
padding-left: 0
}
.slick-slider {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,.slick-slider .slick-track {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.slick-track {
top: 0;
left: 0
}
.slick-track:after,.slick-track:before {
display: table;
content: ''
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden,.sweet-alert {
display: none
}
body.stop-scrolling {
height: 100%;
overflow: hidden
}
.sweet-overlay {
background-color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
background-color: rgba(0,0,0,.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000
}
.sweet-alert {
background-color: #fff;
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
width: 478px;
padding: 17px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
z-index: 99999
}
@media all and (max-width:540px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px
}
}
.sweet-alert h2 {
color: #575757;
font-size: 30px;
text-align: center;
font-weight: 700;
text-transform: none;
position: relative;
margin: 25px 0;
padding: 0;
line-height: 40px;
display: block
}
.sweet-alert p {
color: #797979;
font-size: 16px;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
margin: 0;
padding: 0;
line-height: normal
}
#footer .footer-top,.content-section header.center {
text-align: center
}
.sweet-alert fieldset {
border: none;
position: relative
}
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
-webkit-transition: padding .15s,max-height .15s;
-webkit-transition: padding .15s,max-height .15s;
-o-transition: padding .15s,max-height .15s;
transition: padding .15s,max-height .15s
}
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
-webkit-transition: padding .2s,max-height .2s;
-webkit-transition: padding .25s,max-height .25s;
-o-transition: padding .25s,max-height .25s;
transition: padding .25s,max-height .25s
}
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: #fff;
line-height: 24px;
text-align: center;
margin-right: 3px
}
.sweet-alert .sa-error-container p {
display: inline-block
}
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s
}
.sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px
}
.sweet-alert .sa-input-error::before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.sweet-alert .sa-input-error::after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.sweet-alert .sa-input-error.show {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.sweet-alert input {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
padding: 0 12px;
display: none;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.sweet-alert input:focus {
outline: 0;
-webkit-box-shadow: 0 0 3px #c4e6f5;
box-shadow: 0 0 3px #c4e6f5;
border: 1px solid #b4dbed
}
.sweet-alert input:focus::-moz-placeholder {
-webkit-transition: opacity .3s 30ms ease;
-o-transition: opacity .3s 30ms ease;
transition: opacity .3s 30ms ease;
opacity: .5
}
.sweet-alert input:focus:-ms-input-placeholder {
-webkit-transition: opacity .3s 30ms ease;
-o-transition: opacity .3s 30ms ease;
transition: opacity .3s 30ms ease;
opacity: .5
}
.sweet-alert input:focus::-webkit-input-placeholder {
-webkit-transition: opacity .3s 30ms ease;
-o-transition: opacity .3s 30ms ease;
transition: opacity .3s 30ms ease;
opacity: .5
}
.sweet-alert input::-moz-placeholder {
color: #bdbdbd
}
.sweet-alert input:-ms-input-placeholder {
color: #bdbdbd
}
.sweet-alert input::-webkit-input-placeholder {
color: #bdbdbd
}
.sweet-alert.show-input input {
display: block
}
.sweet-alert .sa-confirm-button-container {
display: inline-block;
position: relative
}
.sweet-alert .la-ball-fall {
position: absolute;
left: 50%;
top: 50%;
margin-left: -27px;
margin-top: 4px;
opacity: 0;
visibility: hidden
}
.sweet-alert button {
background-color: #8CD4F5;
color: #fff;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 17px;
font-weight: 500;
border-radius: 5px;
padding: 10px 32px;
margin: 26px 5px 0;
cursor: pointer
}
.sweet-alert button:focus {
outline: 0;
-webkit-box-shadow: 0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05);
box-shadow: 0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)
}
.sweet-alert button:hover {
background-color: #7ecff4
}
.sweet-alert button:active {
background-color: #5dc2f1
}
.sweet-alert button.cancel {
background-color: #C1C1C1
}
.sweet-alert button.cancel:hover {
background-color: #b9b9b9
}
.sweet-alert button.cancel:active {
background-color: #a8a8a8
}
.sweet-alert button.cancel:focus {
-webkit-box-shadow: rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important;
box-shadow: rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important
}
.sweet-alert button[disabled] {
opacity: .6;
cursor: default
}
.sweet-alert button.confirm[disabled] {
color: transparent
}
.sweet-alert button.confirm[disabled]~.la-ball-fall {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s
}
.sweet-alert button::-moz-focus-inner {
border: 0
}
.sweet-alert[data-has-cancel-button=false] button {
-webkit-box-shadow: none!important;
box-shadow: none!important
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom: 40px
}
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.sweet-alert .sa-icon.sa-error {
border-color: #F27474
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block
}
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #F27474;
display: block;
top: 37px;
border-radius: 2px
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px
}
.sweet-alert .sa-icon.sa-warning {
border-color: #F8BB86
}
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
border-radius: 2px;
margin-left: -2px;
background-color: #F8BB86
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #F8BB86
}
.sweet-alert .sa-icon.sa-info::after,.sweet-alert .sa-icon.sa-info::before {
content: "";
background-color: #C9DAE1;
position: absolute
}
.sweet-alert .sa-icon.sa-info {
border-color: #C9DAE1
}
.sweet-alert .sa-icon.sa-info::before {
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px
}
.sweet-alert .sa-icon.sa-info::after {
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px
}
.sweet-alert .sa-icon.sa-success {
border-color: #A5DC86
}
.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before {
content: '';
position: absolute;
width: 60px;
height: 120px;
background: #fff
}
.sweet-alert .sa-icon.sa-success::before {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
-ms-transform-origin: 60px 60px;
transform-origin: 60px 60px
}
.sweet-alert .sa-icon.sa-success::after {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 60px;
-ms-transform-origin: 0 60px;
transform-origin: 0 60px
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165,220,134,.2);
border-radius: 50%;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2
}
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: #fff;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #A5DC86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat
}
@-webkit-keyframes showSweetAlert {
0%{transform: scale(.7);
-webkit-transform: scale(.7)
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05)
}
80% {
transform: scale(.95);
-webkit-transform: scale(.95)
}
100% {
transform: scale(1);
-webkit-transform: scale(1)
}
}@keyframes showSweetAlert {
0%{transform: scale(.7);
-webkit-transform: scale(.7)
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05)
}
80% {
transform: scale(.95);
-webkit-transform: scale(.95)
}
100% {
transform: scale(1);
-webkit-transform: scale(1)
}
}@-webkit-keyframes hideSweetAlert {
0%{transform: scale(1);
-webkit-transform: scale(1)
}
100% {
transform: scale(.5);
-webkit-transform: scale(.5)
}
}@keyframes hideSweetAlert {
0%{transform: scale(1);
-webkit-transform: scale(1)
}
100% {
transform: scale(.5);
-webkit-transform: scale(.5)
}
}@-webkit-keyframes slideFromTop {
0%{top: 0
}
100% {
top: 50%
}
}@keyframes slideFromTop {
0%{top: 0
}
100% {
top: 50%
}
}@-webkit-keyframes slideToTop {
0%{top: 50%
}
100% {
top: 0
}
}@keyframes slideToTop {
0%{top: 50%
}
100% {
top: 0
}
}@-webkit-keyframes slideFromBottom {
0%{top: 70%
}
100% {
top: 50%
}
}@keyframes slideFromBottom {
0%{top: 70%
}
100% {
top: 50%
}
}@-webkit-keyframes slideToBottom {
0%{top: 50%
}
100% {
top: 70%
}
}@keyframes slideToBottom {
0%{top: 50%
}
100% {
top: 70%
}
}.showSweetAlert[data-animation=pop] {
-webkit-animation: showSweetAlert .3s;
animation: showSweetAlert .3s
}
.showSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none
}
.showSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideFromTop .3s;
animation: slideFromTop .3s
}
.showSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideFromBottom .3s;
animation: slideFromBottom .3s
}
.hideSweetAlert[data-animation=pop] {
-webkit-animation: hideSweetAlert .2s;
animation: hideSweetAlert .2s
}
.hideSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none
}
.hideSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideToTop .4s;
animation: slideToTop .4s
}
.hideSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideToBottom .3s;
animation: slideToBottom .3s
}
@-webkit-keyframes animateSuccessTip {
0%,54%{width: 0;
left: 1px;
top: 19px
}
70% {
width: 50px;
left: -8px;
top: 37px
}
84% {
width: 17px;
left: 21px;
top: 48px
}
100% {
width: 25px;
left: 14px;
top: 45px
}
}@keyframes animateSuccessTip {
0%,54%{width: 0;
left: 1px;
top: 19px
}
70% {
width: 50px;
left: -8px;
top: 37px
}
84% {
width: 17px;
left: 21px;
top: 48px
}
100% {
width: 25px;
left: 14px;
top: 45px
}
}@-webkit-keyframes animateSuccessLong {
0%,65%{width: 0;
right: 46px;
top: 54px
}
84% {
width: 55px;
right: 0;
top: 35px
}
100% {
width: 47px;
right: 8px;
top: 38px
}
}@keyframes animateSuccessLong {
0%,65%{width: 0;
right: 46px;
top: 54px
}
84% {
width: 55px;
right: 0;
top: 35px
}
100% {
width: 47px;
right: 8px;
top: 38px
}
}@-webkit-keyframes rotatePlaceholder {
0%,5%{transform: rotate(-45deg);
-webkit-transform: rotate(-45deg)
}
100%,12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg)
}
}@keyframes rotatePlaceholder {
0%,5%{transform: rotate(-45deg);
-webkit-transform: rotate(-45deg)
}
100%,12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg)
}
}.animateSuccessTip {
-webkit-animation: animateSuccessTip .75s;
animation: animateSuccessTip .75s
}
.animateSuccessLong {
-webkit-animation: animateSuccessLong .75s;
animation: animateSuccessLong .75s
}
.sa-icon.sa-success.animate::after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in
}
@-webkit-keyframes animateErrorIcon {
0%{transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0
}
100% {
transform: rotateX(0);
-webkit-transform: rotateX(0);
opacity: 1
}
}@keyframes animateErrorIcon {
0%{transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0
}
100% {
transform: rotateX(0);
-webkit-transform: rotateX(0);
opacity: 1
}
}.animateErrorIcon {
-webkit-animation: animateErrorIcon .5s;
animation: animateErrorIcon .5s
}
@-webkit-keyframes animateXMark {
0%,50%{transform: scale(.4);
-webkit-transform: scale(.4);
margin-top: 26px;
opacity: 0
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1
}
}@keyframes animateXMark {
0%,50%{transform: scale(.4);
-webkit-transform: scale(.4);
margin-top: 26px;
opacity: 0
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1
}
}.animateXMark {
-webkit-animation: animateXMark .5s;
animation: animateXMark .5s
}
@-webkit-keyframes pulseWarning {
0%{border-color: #F8D486
}
100% {
border-color: #F8BB86
}
}@keyframes pulseWarning {
0%{border-color: #F8D486
}
100% {
border-color: #F8BB86
}
}.pulseWarning {
-webkit-animation: pulseWarning .75s infinite alternate;
animation: pulseWarning .75s infinite alternate
}
@-webkit-keyframes pulseWarningIns {
0%{background-color: #F8D486
}
100% {
background-color: #F8BB86
}
}@keyframes pulseWarningIns {
0%{background-color: #F8D486
}
100% {
background-color: #F8BB86
}
}.pulseWarningIns {
-webkit-animation: pulseWarningIns .75s infinite alternate;
animation: pulseWarningIns .75s infinite alternate
}
@-webkit-keyframes rotate-loading {
0%{-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}@keyframes rotate-loading {
0%{-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-ms-transform: rotate(45deg)\9
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-ms-transform: rotate(-45deg)\9
}
.sweet-alert .sa-icon.sa-success {
border-color: transparent\9
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
-ms-transform: rotate(45deg)\9
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
-ms-transform: rotate(-45deg)\9
} .la-ball-fall,.la-ball-fall>div {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.la-ball-fall {
display: block;
font-size: 0;
color: #fff;
width: 54px;
height: 18px
}
.la-ball-fall.la-dark {
color: #333
}
.la-ball-fall>div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
-webkit-animation: ball-fall 1s ease-in-out infinite;
animation: ball-fall 1s ease-in-out infinite
}
.la-ball-fall>div:nth-child(1) {
-webkit-animation-delay: -.2s;
animation-delay: -.2s
}
.la-ball-fall>div:nth-child(2) {
-webkit-animation-delay: -.1s;
animation-delay: -.1s
}
.la-ball-fall>div:nth-child(3) {
-webkit-animation-delay: 0s;
animation-delay: 0s
}
.la-ball-fall.la-sm {
width: 26px;
height: 8px
}
.la-ball-fall.la-sm>div {
width: 4px;
height: 4px;
margin: 2px
}
.la-ball-fall.la-2x {
width: 108px;
height: 36px
}
.la-ball-fall.la-2x>div {
width: 20px;
height: 20px;
margin: 8px
}
.la-ball-fall.la-3x {
width: 162px;
height: 54px
}
.la-ball-fall.la-3x>div {
width: 30px;
height: 30px;
margin: 12px
}
@-webkit-keyframes ball-fall {
0%{opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%)
}
10%,90% {
opacity: .5
}
20%,80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%)
}
}@keyframes ball-fall {
0%{opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%)
}
10%,90% {
opacity: .5
}
20%,80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%)
}
}#page-loading {
position: fixed;
z-index: 99;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #4fafb8;
-webkit-transition: -webkit-transform .5s;
-o-transition: transform .5s;
transition: transform .5s;
transition: transform .5s,-webkit-transform .5s
}
#page-loading .loader {
position: absolute;
top: 80%;
left: 50%;
display: block;
color: #fff;
opacity: 0;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transition: opacity .5s,top .5s;
-o-transition: opacity .5s,top .5s;
transition: opacity .5s,top .5s;
-webkit-perspective: 400px;
perspective: 400px
}
#page-loading .loader span {
position: relative;
display: block;
font-size: 120px;
-webkit-animation: rotateY 2s linear infinite;
animation: rotateY 2s linear infinite
}
body.page-loading #page-loading .loader {
top: 50%;
opacity: 1
}
body.page-loaded #page-loading {
opacity: .85;
-webkit-transform: translate(0,-100%);
-ms-transform: translate(0,-100%);
transform: translate(0,-100%)
}
body.page-loaded #page-loading .loader {
top: 20%;
opacity: 0
}
body.page-loading-finish #page-loading {
display: none;
opacity: 0;
z-index: -1;
visibility: hidden;
pointer-events: none
}
.in-view {
opacity: 0;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.in-view.animated.anim-fade-in {
-webkit-animation-name: fade-in;
animation-name: fade-in
}
.in-view.animated.anim-move-up {
-webkit-animation-name: move-up;
animation-name: move-up
}
.in-view.animated.anim-move-down {
-webkit-animation-name: move-down;
animation-name: move-down
}
.in-view.animated.anim-move-left {
-webkit-animation-name: move-left;
animation-name: move-left
}
.in-view.animated.anim-move-right {
-webkit-animation-name: move-right;
animation-name: move-right
}
#body {
position: relative;
z-index: 1
}
.content-section {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.content-section>* {
position: relative;
z-index: 2
}
.content-section.no-bottom-pad {
padding-bottom: 0
}
.content-section.fill {
background-color: #f9f9f9
}
@media only screen and (min-width:768px) {
.content-section {
padding-top: 2.75rem;
padding-bottom: 2.75rem
}
}
@media only screen and (min-width:992px) {
.content-section {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media only screen and (min-width:1200px) {
.content-section {
padding-top: 3.25rem;
padding-bottom: 3.25rem
}
}
.content-section header {
margin-bottom: 1.25rem;
position: relative
}
.content-section article {
position: relative;
z-index: 5
}
.content-section-title {
margin: 0;
font-weight: 300;
font-size: .875rem;
line-height: 2.125em;
color: #151515;
text-transform: uppercase
}
.content-section-title.small {
display: inline-block;
font-size: .75rem;
font-weight: 300;
line-height: 1.375em;
text-transform: none;
color: rgba(0,0,0,.5);
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: translate(-.375em,0) rotate(-90deg);
-ms-transform: translate(-.375em,0) rotate(-90deg);
transform: translate(-.375em,0) rotate(-90deg)
}
.content-section-title.small:before {
padding-top: 100%;
display: block;
content: ''
}
.content-section-title.small span {
display: inline-block;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.page-side-border {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
width: 1px;
display: block;
background-color: #f3f3f3
}
#footer,#footer .footer-inner,body {
position: relative
}
.page-side-border.border-1 {
left: 20px
}
@media only screen and (min-width:768px) {
.page-side-border.border-1 {
left: 30px
}
}
@media only screen and (min-width:1400px) {
.page-side-border.border-1 {
left: calc((100vw - (100vw - 100%) - 1400px + 60px)/ 2)
}
}
.page-side-border.border-2 {
left: calc(50% - ((100vw - 40px)/ 4));
display: none
}
@media only screen and (min-width:768px) {
.page-side-border.border-2 {
left: calc(50% - ((100vw - 60px)/ 4))
}
}
@media only screen and (min-width:992px) {
.page-side-border.border-2 {
left: calc(50% - ((100vw - 60px)/ 6));
display: block
}
.page-side-border.border-3 {
display: none
}
}
@media only screen and (min-width:1200px) {
.page-side-border.border-2 {
left: calc(50% - ((100vw - 60px)/ 4))
}
}
@media only screen and (min-width:1400px) {
.page-side-border.border-2 {
left: calc(50% - ((1400px - 60px)/ 4))
}
}
.page-side-border.border-3 {
left: 50%
}
@media only screen and (min-width:1200px) {
.page-side-border.border-3 {
display: block
}
}
.page-side-border.border-4 {
left: calc(50% + ((100vw - 40px)/ 4));
display: none
}
@media only screen and (min-width:768px) {
.page-side-border.border-4 {
left: calc(50% + ((100vw - 60px)/ 4))
}
}
@media only screen and (min-width:992px) {
.page-side-border.border-4 {
left: calc(50% + ((100vw - 60px)/ 6));
display: block
}
}
@media only screen and (min-width:1200px) {
.page-side-border.border-4 {
left: calc(50% + ((100vw - 60px)/ 4))
}
}
.page-side-border.border-5 {
right: 20px
}
@media only screen and (min-width:768px) {
.page-side-border.border-5 {
right: 30px
}
}
@media only screen and (min-width:1400px) {
.page-side-border.border-4 {
left: calc(50% + ((1400px - 60px)/ 4))
}
.page-side-border.border-5 {
right: calc(((100vw - (100vw - 100%)) - 1400px + 60px)/ 2)
}
}
#footer {
color: #fff;
background-color: #000
}
@media only screen and (min-width:768px) {
#footer:before {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
right: 0;
width: 50%;
display: block;
content: '';
background-color: #151515
}
}
#footer .footer-inner {
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
#footer .footer-inner>.left-side,#footer .footer-inner>.right-side {
padding: 0 20px;
width: 100%
}
#footer .footer-top .footer-inner {
position: relative;
padding-top: 3.5rem;
padding-bottom: 0
}
@media only screen and (min-width:768px) {
#footer .footer-inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
#footer .footer-inner>.left-side,#footer .footer-inner>.right-side {
padding-left: 30px;
padding-right: 30px;
width: 50%
}
#footer .footer-top {
text-align: left
}
#footer .footer-top .footer-inner {
padding-top: 4.5rem;
padding-bottom: 2.5rem
}
}
@media only screen and (min-width:992px) {
#footer .footer-top .footer-inner {
padding-top: 5.5rem;
padding-bottom: 3.5rem
}
}
@media only screen and (min-width:1200px) {
#footer .footer-top .footer-inner {
padding-top: 6.5rem;
padding-bottom: 4.5rem
}
}
#footer .footer-top .footer-inner>.left-side {
padding-bottom: 3rem
}
@media only screen and (min-width:768px) {
#footer .footer-top .footer-inner>.left-side {
padding-bottom: 0
}
}
#footer .footer-top .footer-inner>.right-side {
padding-top: 3rem;
padding-bottom: 3rem;
background-color: #151515
}
#footer .footer-bottom {
text-align: center
}
@media only screen and (min-width:768px) {
#footer .footer-top .footer-inner>.right-side {
padding-top: 0;
padding-bottom: 0;
background-color: transparent
}
#footer .footer-bottom {
text-align: left
}
}
#footer .footer-bottom .footer-inner {
padding-top: 1.875rem;
padding-bottom: 1.875rem
}
#footer .two-columns-wrapper {
margin-left: -10px;
margin-right: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
#footer .two-columns-wrapper>.column {
padding-left: 10px;
padding-right: 10px;
width: 100%
}
#footer .two-columns-wrapper>.column+.column {
margin-top: 2.5rem
}
@media only screen and (min-width:768px) {
#footer .two-columns-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
#footer .two-columns-wrapper>.column+.column {
margin-top: 0
}
}
#footer .contact p {
margin: 1.25rem 0;
font-size: .75rem;
line-height: 2rem
}
#footer .contact p:first-child {
margin-top: .5rem
}
#footer .contact p:last-child {
margin-bottom: 0
}
#footer .contact p a {
color: #4fafb8
}
#footer .contact p a:hover {
color: #fff
}
#footer .copyright {
font-size: .625rem;
line-height: 1.25em;
color: #676767
}
#footer .copyright small {
font-size: 1em
}
#footer .designed {
display: inline-block
}
@media only screen and (min-width:768px) {
#footer .designed {
margin-left: .25rem
}
}
#footer .designed a {
color: #4fafb8
}
#footer .designed a:hover {
color: #fff
}
#footer .footer-section .title {
margin-bottom: .125rem;
font-size: .75rem;
color: #676767;
line-height: 1.25rem;
text-transform: uppercase
}
body,h1,h2,h3,h4,h5,h6 {
line-height: 1.375em
}
*,:after,:before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html {
margin: 0;
height: 100%
}
body {
margin: 0;
min-height: 100%;
font-family: Futura,sans-serif;
font-size: 16px;
font-weight: 300;
color: #000;
overflow-x: hidden
}
body.header-opened:before {
position: fixed;
z-index: 4;
top: 0;
right: 0;
left: 0;
bottom: 0;
display: block;
content: '';
background-color: #fff
}
::-moz-selection {
color: #fff;
background-color: #000
}
::selection {
color: #fff;
background-color: #000
}
.clearfix:after,.clearfix:before,.container:after,.container:before,form .form-control-group:after,form .form-control-group:before,nav ul:after,nav ul:before {
content: ' ';
display: table
}
.container {
margin: 0 auto;
padding: 0 20px;
width: 100%;
max-width: 1400px
}
.content-two-columns-wrapper>.left-column:empty,.h1,blockquote p:first-of-type,h1,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {
margin-top: 0
}
#header {
position: relative;
margin: 0 auto;
padding: 0 20px;
width: 100%;
max-width: 1400px;
z-index: 5
}
#header .header-top {
padding-top: 1rem;
padding-bottom: 1rem;
position: relative;
background: -moz-linear-gradient(left, rgba(44,157,153,1) 0%, rgba(125,185,232,
0) 100%); background: -webkit-linear-gradient(left, rgba(44,157,153,1) 0%,rgba(125,185,232
,0) 100%); background: linear-gradient(to right, rgba(44,157,153,1) 0%,rgba(125,185,23
2,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c9d99', endColorstr='#007db9e8',Gradi
entType=1 ); margin-left: 10px;
margin-right: 10px;
}
#header .header-top .header-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header .logo {
width: 135px
}
@media only screen and (max-width:479px) {
#header .logo {
max-width: 135px;
width: 35vw
}
}
@media only screen and (min-width:992px) {
#header .logo {
width: 170px
}
}
#header .logo a {
display: block
}
#header .logo a img {
display: block;
-webkit-transition: -webkit-filter .5s;
-o-transition: filter .5s;
transition: filter .5s;
transition: filter .5s,-webkit-filter .5s
}
#header .logo a:hover img {
-webkit-filter: grayscale(0) saturate(0) brightness(70%) contrast(1000%);
filter: grayscale(0) saturate(0) brightness(70%) contrast(1000%)
}
#header #header-primary-nav-container {
display: none
}
@media only screen and (min-width:768px) {
.container {
padding-left: 30px;
padding-right: 30px
}
#header #header-primary-nav-container {
display: block
}
}
#header.opened #header-compact-nav-container {
display: block
}
#header-language-bar-container {
position: fixed;
top: 33.33%;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translate(-15px,0) rotate(-90deg);
-ms-transform: translate(-15px,0) rotate(-90deg);
transform: translate(-15px,0) rotate(-90deg)
}
body.header-opened #header-language-bar-container {
display: none
}
@media only screen and (min-width:768px) {
#header-language-bar-container {
-webkit-transform: translate(-20px,0) rotate(-90deg);
-ms-transform: translate(-20px,0) rotate(-90deg);
transform: translate(-20px,0) rotate(-90deg)
}
#header-compact-nav-button-container {
display: none
}
}
@media only screen and (min-width:1440px) {
#header-language-bar-container {
-webkit-transform: translate(-35px,0) rotate(-90deg);
-ms-transform: translate(-35px,0) rotate(-90deg);
transform: translate(-35px,0) rotate(-90deg)
}
}
#header-compact-nav-button .patty,.article-list-item-container figure img {
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%)
}
#header-compact-nav-button {
width: 40px;
height: 40px;
display: block
}
#header-compact-nav-button .patty {
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 2px;
display: block;
background-color: #000;
transform: translate(-50%,-50%);
-webkit-transition: background-color .5s;
-o-transition: background-color .5s;
transition: background-color .5s
}
#header-compact-nav-button .patty:after,#header-compact-nav-button .patty:before {
position: absolute;
left: 0;
right: 0;
height: 2px;
display: block;
content: '';
background-color: #000;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
#header-compact-nav-button .patty:before {
top: 8px
}
#header-compact-nav-button .patty:after {
bottom: 8px
}
#header-compact-nav-button:hover .patty,#header-compact-nav-button:hover .patty:after,#header-compact-nav-button:hover .patty:before {
background-color: #4fafb8
}
#header-compact-nav-button.active .patty {
background-color: transparent
}
#header-compact-nav-button.active .patty:after,#header-compact-nav-button.active .patty:before {
background-color: #4fafb8
}
#header-compact-nav-button.active .patty:before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
#header-compact-nav-button.active .patty:after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
#header-compact-nav-container {
position: absolute;
left: 0;
right: 0;
display: none;
background-color: #fff
}
#header-compact-nav-container>.container {
padding-left: 20px;
padding-right: 20px
}
#header-compact-nav-container .content-inner {
padding-top: 20px;
padding-bottom: 20px
}
.content-two-columns-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (min-width:992px) {
.content-two-columns-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
.content-two-columns-wrapper>.main-column {
padding-left: 20px;
padding-right: 20px;
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
@media only screen and (min-width:768px) {
.content-two-columns-wrapper>.main-column {
padding-left: 30px;
padding-right: 30px
}
}
@media only screen and (min-width:992px) {
.content-two-columns-wrapper>.main-column {
width: 66.66%
}
}
@media only screen and (min-width:1200px) {
.content-two-columns-wrapper>.main-column {
width: 75%
}
.content-two-columns-wrapper>.main-column.left-offset {
padding-left: calc(25% + 30px)
}
}
.content-two-columns-wrapper>.left-column {
margin-bottom: 2.5rem;
padding-left: 20px;
padding-right: 20px;
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
@media only screen and (min-width:768px) {
.content-two-columns-wrapper>.left-column {
padding-left: 30px;
padding-right: 30px
}
}
@media only screen and (min-width:992px) {
.content-two-columns-wrapper>.left-column {
margin-bottom: 0;
width: 33.33%
}
}
@media only screen and (min-width:1200px) {
.content-two-columns-wrapper>.left-column {
width: 25%
}
}
.content-one-column-wrapper {
padding-left: 20px;
padding-right: 20px
}
@media only screen and (min-width:768px) {
.content-one-column-wrapper {
padding-left: 30px;
padding-right: 30px
}
}
ol,ul {
padding: 0;
list-style-type: none
}
address {
font-style: normal;
font-size: .75rem
}
blockquote p,em,mark,var {
font-style: italic
}
blockquote footer,blockquote p {
font-size: .875rem;
line-height: 1.875em
}
blockquote {
margin: 0
}
blockquote p {
font-weight: 800
}
b,mark,strong {
font-weight: 700
}
blockquote p:last-of-type {
margin-bottom: 0
}
.h1,.h2,h1,h2 {
margin-bottom: .75em
}
blockquote footer {
padding: 0 12px;
position: relative;
display: inline-block;
letter-spacing: .05em;
color: #fff
}
blockquote footer:after,blockquote footer:before {
position: absolute;
top: calc(50% - 1px);
display: block;
content: '';
width: 6px;
height: 1px;
background-color: #fff
}
ol>li:before,ul li:before {
display: inline-block;
position: relative
}
blockquote footer:before {
left: 0
}
blockquote footer:after {
right: 0
}
.h1,h1 {
font-size: 2.375rem;
color: #000
}
.h2,h2,h3 {
margin-top: 1.5em;
color: #000
}
@media only screen and (max-width:479px) {
.h1,h1 {
font-size: 10vw
}
}
@media only screen and (min-width:768px) {
.h1,h1 {
font-size: 2.75rem
}
}
@media only screen and (min-width:992px) {
.h1,h1 {
font-size: 3rem
}
}
@media only screen and (min-width:1200px) {
.h1,h1 {
font-size: 3.25rem
}
}
.h2,h2 {
font-size: .875rem
}
figure,ul {
margin: 1rem 0
}
h3 {
margin-bottom: .625em;
font-size: .75rem
}
iframe img,img {
max-width: 100%
}
small {
font-size: .75em
}
ol>li,ul li {
font-size: .875rem;
line-height: 2.125em
}
sub,sup {
position: relative;
height: 0;
line-height: 1em
}
sup {
bottom: 2px
}
sub {
top: 2px
}
del {
text-decoration: line-through
}
nav ul li,ol>li:before {
font-style: normal;
font-weight: 300
}
code,pre,samp {
font-family: monospace
}
a {
position: relative;
color: #4fafb8;
outline: 0;
border: none;
-webkit-transition: color .5s;
-o-transition: color .5s;
transition: color .5s
}
a:hover {
color: #367e85
}
a:focus {
outline: 0
}
a img {
border: 0
}
ul li {
margin: .5rem 0;
padding-left: 10px
}
ol>li:first-child,ul li:first-child {
margin-top: 0
}
ol>li:last-child,ul li:last-child {
margin-bottom: 0
}
ul li:before {
margin-left: -10px;
margin-right: 6px;
top: -3px;
left: 0;
content: '';
width: 4px;
height: 4px;
background-color: #000;
border-radius: 2px
}
hr,iframe {
border: none
}
ul li ol,ul li ul {
margin-left: 10px
}
ol {
margin: 1rem 0;
list-style-position: outside;
counter-reset: section
}
ol>li {
margin: .5rem 0
}
ol>li:before {
top: 0;
counter-increment: section;
content: counter(section) ".";
width: 20px;
font-size: 1em;
text-align: left;
background-color: transparent
}
ol>li>ol {
counter-reset: section-sub
}
ol>li>ol>li:before {
counter-increment: section-sub;
content: counter(section-sub,lower-alpha) ")"
}
ol>li ol,ol>li ul {
margin-left: 20px
}
hr {
margin: 0;
height: 1px;
background-color: #f3f3f3
}
p {
margin: 1.5rem 0;
font-size: .875rem;
line-height: 2.125em
}
.sweet-alert.form-alert fieldset {
display: none
}
.button,button,input[type=button],input[type=submit],input[type=reset] {
padding: 1.25rem 2.5rem 1.125rem;
position: relative;
display: inline-block;
color: #4fafb8;
font-family: Futura,sans-serif;
font-size: .6875rem;
font-weight: 300;
letter-spacing: .1em;
line-height: 1.25em;
background-color: transparent;
border: 1px solid transparent;
-webkit-transition: color .5s,background .5s,border .5s,padding .5s;
-o-transition: color .5s,background .5s,border .5s,padding .5s;
transition: color .5s,background .5s,border .5s,padding .5s
}
nav ul,nav ul li {
margin: 0;
padding: 0
}
.button:after,.button:before,button:after,button:before,input[type=button]:after,input[type=button]:before,input[type=submit]:after,input[type=submit]:before,input[type=reset]:after,input[type=reset]:before {
position: absolute;
width: calc(100% - 4px);
height: calc(100% - 4px);
display: block;
content: '';
border: 1px solid #4fafb8;
-webkit-transition: border-color .5s,-webkit-transform .5s;
-o-transition: transform .5s,border-color .5s;
transition: transform .5s,border-color .5s;
transition: transform .5s,border-color .5s,-webkit-transform .5s
}
.button:before,button:before,input[type=button]:before,input[type=submit]:before,input[type=reset]:before {
top: 0;
left: 0
}
.button:after,button:after,input[type=button]:after,input[type=submit]:after,input[type=reset]:after {
top: 4px;
left: 4px
}
.button:hover,button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover {
text-decoration: none;
outline: 0;
color: #fff;
background-color: #4fafb8
}
.button:hover:after,.button:hover:before,button:hover:after,button:hover:before,input[type=button]:hover:after,input[type=button]:hover:before,input[type=submit]:hover:after,input[type=submit]:hover:before,input[type=reset]:hover:after,input[type=reset]:hover:before {
border-color: #fff
}
.button:hover:before,button:hover:before,input[type=button]:hover:before,input[type=submit]:hover:before,input[type=reset]:hover:before {
-webkit-transform: translate(2px,2px);
-ms-transform: translate(2px,2px);
transform: translate(2px,2px)
}
.button:hover:after,button:hover:after,input[type=button]:hover:after,input[type=submit]:hover:after,input[type=reset]:hover:after {
-webkit-transform: translate(-2px,-2px);
-ms-transform: translate(-2px,-2px);
transform: translate(-2px,-2px)
}
.button:focus,button:focus,input[type=button]:focus,input[type=submit]:focus,input[type=reset]:focus {
outline: 0
}
.button.disabled,.button.disabled:hover,.button[disabled],.button[disabled]:hover,button.disabled,button.disabled:hover,button[disabled],button[disabled]:hover,input.disabled[type=button],input.disabled[type=button]:hover,input.disabled[type=submit],input.disabled[type=submit]:hover,input.disabled[type=reset],input.disabled[type=reset]:hover,input[disabled][type=button],input[disabled][type=button]:hover,input[disabled][type=submit],input[disabled][type=submit]:hover,input[disabled][type=reset],input[disabled][type=reset]:hover {
opacity: .4;
cursor: not-allowed
}
nav ul li {
font-family: Futura,sans-serif;
font-size: 1em;
background: 0 0
}
nav ul li:before {
display: none;
content: '';
background: 0 0
}
nav ul li a:active,nav ul li a:focus,nav ul li a:hover {
outline: 0
}
nav.primary>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
nav.primary>ul>li {
margin: .75rem 0
}
@media only screen and (min-width:768px) {
nav.primary>ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
nav.primary>ul>li {
margin: 0 1rem 0 0
}
nav.primary>ul>li:last-child {
margin-right: 0
}
}
@media only screen and (min-width:992px) {
nav.primary>ul>li {
margin-right: 2rem
}
nav.primary>ul>li:last-child {
margin-right: 0
}
}
nav.primary>ul>li>a {
position: relative;
display: block;
font-size: 11px;
color: #000;
text-transform: uppercase;
letter-spacing: .15em;
-webkit-transition: color .5s;
-o-transition: color .5s;
transition: color .5s;
font-weight: 400;
}
nav.primary>ul>li.active>a,nav.primary>ul>li>a:hover {
color: #000;
text-decoration: underline;
}
nav.footer-links ul li {
margin: .5rem 0;
line-height: 1.25rem
}
nav.footer-links ul li a {
font-size: .75rem;
color: #fff;
text-transform: uppercase
}
nav.footer-links ul li a:hover {
color: #4fafb8
}
nav.side ul li {
line-height: 1.375em
}
nav.side>ul>li {
margin: .75rem 0
}
nav.side>ul>li:first-child {
margin-top: 0
}
nav.side>ul>li:last-child {
margin-bottom: 0
}
nav.side>ul>li>a {
position: relative;
display: inline-block;
font-size: 1.0625rem;
color: #000;
-webkit-transition: color .5s,padding .5s;
-o-transition: color .5s,padding .5s;
transition: color .5s,padding .5s
}
nav.side>ul>li ul li a:before,nav.side>ul>li>a:before {
position: absolute;
left: 0;
content: ''
}
nav.side>ul>li>a:before {
top: 50%;
width: 0;
height: 2px;
display: block;
background-color: #4fafb8;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: width .5s;
-o-transition: width .5s;
transition: width .5s
}
nav.side>ul>li>a:hover {
color: #4fafb8
}
nav.side>ul>li ul {
margin-top: .5rem;
margin-bottom: .5rem;
margin-left: 2.5rem
}
nav.side>ul>li ul li a {
padding-left: .875rem;
font-size: .6875rem;
color: #000
}
nav.side>ul>li ul li a:before {
top: .625em;
width: 4px;
height: 4px;
display: block;
background-color: #000;
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: width .5s;
-o-transition: width .5s;
transition: width .5s
}
nav.side>ul>li ul li a:hover {
color: #4fafb8
}
nav.side>ul>li.active>a {
padding-left: 26px;
color: #4fafb8;
}
nav.side>ul>li.active>a:before {
width: 20px
}
form fieldset {
margin: 0;
padding: 0;
display: block;
border: none
}
form fieldset legend {
margin: 0 0 .25rem;
padding: 0;
display: block;
width: 100%;
font-size: 1.5rem;
font-weight: 700;
color: #151515
}
label.checkbox,label.radio {
padding-left: 40px;
cursor: pointer
}
form .form-control-label {
margin-bottom: .25rem;
display: block;
font-size: .8125rem;
font-weight: 700;
line-height: 1.5em;
color: #000
}
form .form-control-group {
margin-bottom: .75rem
}
form .form-control-group:last-child {
margin-bottom: 0
}
form .form-control-group label {
margin-bottom: .25rem;
display: block
}
form .form-control-group.has-effect {
padding-top: 20px;
position: relative
}
form .form-control-group.has-effect label {
position: absolute;
z-index: -1;
top: 32px;
left: .875rem;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
form .form-control-group.has-effect.filled label,form .form-control-group.has-effect.focus label {
top: 0;
left: 0
}
form .required {
position: relative;
top: 0;
display: inline-block;
font-size: 1em
}
button,input[type=button],input[type=submit],input[type=reset] {
cursor: pointer;
-webkit-appearance: none
}
label.checkbox {
position: relative
}
label.checkbox .input-wrapper {
position: absolute;
top: 0;
left: 0;
width: 28px;
height: 28px;
border: 1px solid #f3f3f3;
-webkit-transition: border-color .5s;
-o-transition: border-color .5s;
transition: border-color .5s
}
label.checkbox .input-wrapper:before,label.radio .input-wrapper:before {
right: 6px;
bottom: 6px;
background-color: #151515;
-webkit-transition: opacity .5s;
content: ''
}
label.checkbox .input-wrapper:before {
position: absolute;
top: 6px;
left: 6px;
display: block;
opacity: 0;
-o-transition: opacity .5s;
transition: opacity .5s
}
label.checkbox .input-wrapper input {
opacity: 0;
visibility: hidden
}
label.checkbox>span {
margin: .25em 0;
display: inline-block;
line-height: 1.25em
}
label.checkbox:hover .input-wrapper {
border-color: #4fafb8
}
label.checkbox.checked .input-wrapper:before {
opacity: 1
}
label.radio {
position: relative
}
label.radio .input-wrapper {
position: absolute;
top: 0;
left: 0;
width: 28px;
height: 28px;
border: 1px solid #f3f3f3;
border-radius: 50%;
-webkit-transition: border-color .5s;
-o-transition: border-color .5s;
transition: border-color .5s
}
label.radio .input-wrapper:before {
position: absolute;
top: 6px;
left: 6px;
display: block;
opacity: 0;
border-radius: 50%;
-o-transition: opacity .5s;
transition: opacity .5s
}
label.radio .input-wrapper input {
opacity: 0;
visibility: hidden
}
label.radio>span {
margin: .25em 0;
display: inline-block;
line-height: 1.25em
}
label.radio:hover .input-wrapper {
border-color: #4fafb8
}
label.radio.checked .input-wrapper:before {
opacity: 1
}
.form-control,input[type=text],input[type=password],input[type=tel],input[type=email],input[type=number],input[type=search],input[type=url] {
padding: .75rem 0;
display: block;
width: 100%;
height: auto;
font-size: .6875rem;
line-height: 1.25em;
vertical-align: bottom;
font-family: Futura,sans-serif;
color: #000;
background-color: transparent;
border: none;
border-bottom: 2px solid #151515;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color .5s,background-color .5s,border-color .5s,-webkit-box-shadow .5s;
-o-transition: color .5s,background-color .5s,border-color .5s,box-shadow .5s;
transition: color .5s,background-color .5s,border-color .5s,box-shadow .5s;
transition: color .5s,background-color .5s,border-color .5s,box-shadow .5s,-webkit-box-shadow .5s
}
.form-control:hover,input[type=text]:hover,input[type=password]:hover,input[type=tel]:hover,input[type=email]:hover,input[type=number]:hover,input[type=search]:hover,input[type=url]:hover {
background-color: transparent;
border-color: #4fafb8
}
.form-control:focus,input[type=text]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=url]:focus {
background-color: transparent;
border-color: #4fafb8;
outline: 0
}
.form-control::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=url]::-moz-placeholder {
font-style: normal;
color: rgba(0,0,0,.21)
}
.form-control::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=search]::-ms-input-placeholder,input[type=url]::-ms-input-placeholder {
font-style: normal;
color: rgba(0,0,0,.21)
}
.form-control:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder {
font-style: normal;
color: rgba(0,0,0,.21)
}
.form-control::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder {
font-style: normal;
color: rgba(0,0,0,.21)
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control,fieldset[disabled] input[type=text],fieldset[disabled] input[type=password],fieldset[disabled] input[type=tel],fieldset[disabled] input[type=email],fieldset[disabled] input[type=number],fieldset[disabled] input[type=search],fieldset[disabled] input[type=url],input[type=text][disabled],input[type=text][readonly],input[type=password][disabled],input[type=password][readonly],input[type=tel][disabled],input[type=tel][readonly],input[type=email][disabled],input[type=email][readonly],input[type=number][disabled],input[type=number][readonly],input[type=search][disabled],input[type=search][readonly],input[type=url][disabled],input[type=url][readonly] {
cursor: not-allowed;
opacity: .4;
background-color: transparent
}
.form-control[disabled]:focus,.form-control[disabled]:hover,.form-control[readonly]:focus,.form-control[readonly]:hover,fieldset[disabled] .form-control:focus,fieldset[disabled] .form-control:hover,fieldset[disabled] input[type=text]:focus,fieldset[disabled] input[type=text]:hover,fieldset[disabled] input[type=password]:focus,fieldset[disabled] input[type=password]:hover,fieldset[disabled] input[type=tel]:focus,fieldset[disabled] input[type=tel]:hover,fieldset[disabled] input[type=email]:focus,fieldset[disabled] input[type=email]:hover,fieldset[disabled] input[type=number]:focus,fieldset[disabled] input[type=number]:hover,fieldset[disabled] input[type=search]:focus,fieldset[disabled] input[type=search]:hover,fieldset[disabled] input[type=url]:focus,fieldset[disabled] input[type=url]:hover,input[type=text][disabled]:focus,input[type=text][disabled]:hover,input[type=text][readonly]:focus,input[type=text][readonly]:hover,input[type=password][disabled]:focus,input[type=password][disabled]:hover,input[type=password][readonly]:focus,input[type=password][readonly]:hover,input[type=tel][disabled]:focus,input[type=tel][disabled]:hover,input[type=tel][readonly]:focus,input[type=tel][readonly]:hover,input[type=email][disabled]:focus,input[type=email][disabled]:hover,input[type=email][readonly]:focus,input[type=email][readonly]:hover,input[type=number][disabled]:focus,input[type=number][disabled]:hover,input[type=number][readonly]:focus,input[type=number][readonly]:hover,input[type=search][disabled]:focus,input[type=search][disabled]:hover,input[type=search][readonly]:focus,input[type=search][readonly]:hover,input[type=url][disabled]:focus,input[type=url][disabled]:hover,input[type=url][readonly]:focus,input[type=url][readonly]:hover {
border-color: #151515
}
fieldset[disabled] .form-control,fieldset[disabled] input[type=text],fieldset[disabled] input[type=password],fieldset[disabled] input[type=tel],fieldset[disabled] input[type=email],fieldset[disabled] input[type=number],fieldset[disabled] input[type=search],fieldset[disabled] input[type=url] {
opacity: 1
}
.form-control-group.has-error .form-control,.form-control-group.has-error input[type=text],.form-control-group.has-error input[type=password],.form-control-group.has-error input[type=tel],.form-control-group.has-error input[type=email],.form-control-group.has-error input[type=number],.form-control-group.has-error input[type=search],.form-control-group.has-error input[type=url] {
background-color: rgba(255,57,52,.23)
}
.form-control-group.has-error .form-control-label {
color: #151515
}
.form-control-group.has-effect.filled .form-control,.form-control-group.has-effect.filled input[type=text],.form-control-group.has-effect.filled input[type=password],.form-control-group.has-effect.filled input[type=tel],.form-control-group.has-effect.filled input[type=email],.form-control-group.has-effect.filled input[type=number],.form-control-group.has-effect.filled input[type=search],.form-control-group.has-effect.filled input[type=url] {
padding-bottom: calc(.75rem - 1px);
border-width: 2px;
border-color: #4fafb8
}
textarea {
margin: 0;
overflow: auto
}
.download-element ul {
margin: 1rem 0 0;
padding: 0;
list-style-type: none
}
.download-element ul li {
padding: 0;
font-size: 1em;
margin: .625rem 0;
line-height: 1.5em
}
.download-element ul li:before {
display: none
}
.download-element ul li a {
display: inline-block;
font-size: .75rem;
}
.download-element ul li.has-image a {
padding-left: 45px;
position: relative
}
.download-element ul li.has-image a img {
position: absolute;
top: .25em;
left: 0;
width: 26px;
display: block
}
.language-bar-element ul {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.language-bar-element ul li {
margin: 0 .5rem 0 0;
padding: 0 .5rem 0 0;
position: relative;
font-size: .625rem;
text-align: center;
letter-spacing: .2em;
line-height: 1.25em;
text-transform: uppercase
}
.language-bar-element ul li:before {
display: none
}
.language-bar-element ul li:after {
position: absolute;
top: .125em;
bottom: .25em;
right: 0;
width: 1px;
display: block;
content: '';
background-color: #000
}
.language-bar-element ul li a {
color: #000;
display: block
}
.language-bar-element ul li a:hover {
color: #4fafb8
}
.language-bar-element ul li.active {
font-weight: 700
}
.language-bar-element ul li:last-child {
margin-right: 0;
padding-right: 0
}
.language-bar-element ul li:last-child:after {
display: none
}
.meta-element {
font-size: .625rem
}
.meta-element .meta {
text-transform: uppercase
}
.meta-element time {
font-weight: 700
}
.article-list-item-container figure {
margin: 0;
position: relative;
overflow: hidden
}
.article-list-item-container figure:before {
padding-top: 72%;
display: block;
content: ''
}
.article-list-item-container figure a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block
}
.article-list-item-container figure a:after {
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
content: '';
opacity: 0;
background-color: rgba(79,175,184,.35);
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s
}
.article-list-item-container figure a:hover:after {
opacity: 1
}
.article-list-item-container figure a:hover img {
-webkit-transform: translate(-50%,-50%) scale(1.02);
-ms-transform: translate(-50%,-50%) scale(1.02);
transform: translate(-50%,-50%) scale(1.02)
}
.article-list-item-container figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-height: 100%;
transform: translate(-50%,-50%);
z-index: 1;
min-width: calc(100% + 1px);
-webkit-transition: -webkit-transform .5s;
-o-transition: transform .5s;
transition: transform .5s;
transition: transform .5s,-webkit-transform .5s
}
.article-list-item-container .content {
padding: 20px
}
.article-list-item-container .content time {
margin-bottom: .625rem;
font-size: .75rem;
font-weight: 700;
text-transform: uppercase;
display: block
}
.article-list-item-container .content .title {
font-size: 1rem;
line-height: 2.25em;
color: #151515
}
.content-two-columns-wrapper .article-list-component {
margin-left: -20px;
margin-right: -20px
}
@media only screen and (min-width:768px) {
.article-list-item-container .content {
padding: 30px 30px 3rem
}
.content-two-columns-wrapper .article-list-component {
margin-left: -30px;
margin-right: -30px
}
}
.find-contact-container .title {
margin-bottom: 1rem;
font-weight: 700;
font-size: .8125rem;
text-transform: uppercase
}
.product-category-list-item-container {
position: relative
}
.product-category-list-item-container.image {
overflow: hidden
}
.product-category-list-item-container.image figure {
margin: 0
}
.product-category-list-item-container.image figure:before {
padding-top: 157%;
display: block;
content: ''
}
.product-category-list-item-container.image figure:after {
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
content: '';
opacity: 0;
background-color: rgba(255,255,255,.35);
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s
}
.product-category-list-item-container.image figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
min-width: calc(100% + 1px);
min-height: calc(100% + 1px);
z-index: 1;
-webkit-transition: -webkit-transform .5s;
-o-transition: transform .5s;
transition: transform .5s;
transition: transform .5s,-webkit-transform .5s
}
.product-category-list-item-container.image figure figcaption {
position: absolute;
z-index: 3;
bottom: 20px;
left: 20px;
right: 20px;
color: #000
}
.product-category-list-item-container.image figure figcaption .pre-title {
font-size: .875rem;
line-height: 1.25em
}
.product-category-list-item-container.image figure figcaption .title {
font-size: 1.8125rem;
line-height: 1.25em
}
.product-category-list-item-container.image figure.dark figcaption {
color: #fff
}
.product-category-list-item-container.image figure.dark:after {
background-color: rgba(0,0,0,.35)
}
.product-category-list-item-container .content {
padding: 20px
}
@media only screen and (max-width:479px) {
.product-category-list-item-container.image figure figcaption {
bottom: 10px;
left: 10px;
right: 10px
}
.product-category-list-item-container .content {
padding: 15px
}
}
@media only screen and (min-width:1200px) {
.product-category-list-item-container.image figure figcaption {
bottom: 25px;
left: 25px;
right: 25px
}
.product-category-list-item-container .content {
padding: 25px
}
}
.product-category-list-item-container .content ul {
margin: 0
}
.product-category-list-item-container .content>ul {
margin: 0;
padding: 0;
list-style-type: none
}
.product-category-list-item-container .content>ul li {
margin: 0;
padding: 0;
font-size: 1em;
line-height: 1.3125em
}
.product-category-list-item-container .content>ul li:before {
display: none
}
.product-category-list-item-container .content>ul li a {
color: #000
}
.product-category-list-item-container .content>ul li a:hover {
color: #4fafb8
}
.product-category-list-item-container .content>ul>li {
margin: .75rem 0
}
.product-category-list-item-container .content>ul>li>a {
font-size: .8125rem;
font-weight: 700
}
.product-category-list-item-container .content>ul>li ul {
margin: .125rem 0 -.625rem
}
.product-category-list-item-container .content>ul>li ul li {
margin: .25rem 0;
padding-left: .625rem;
position: relative;
line-height: 1em
}
.product-category-list-item-container .content>ul>li ul li:before {
margin: 0;
position: absolute;
top: .5em;
left: 0;
display: block;
content: '';
width: 3px;
height: 3px;
background-color: #000;
border-radius: 50%;
-webkit-transition: background-color .5s;
-o-transition: background-color .5s;
transition: background-color .5s
}
.product-category-list-item-container .content>ul>li ul li {
font-size: .625rem
}
.product-interest-container {
padding: 20px;
background-color: #f9f9f9
}
@media only screen and (min-width:768px) {
.product-interest-container {
padding: 30px
}
}
.product-interest-container .title {
margin-bottom: 0;
font-weight: 700;
font-size: .8125rem;
text-transform: uppercase
}
.product-interest-container .contact-info-container p:first-child {
margin-top: 0
}
.product-interest-container .contact-info-container p:last-child {
margin-bottom: 0
}
.article-list-component {
position: relative
}
.article-list-component .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.article-list-component .list>.item {
width: 50%
}
@media only screen and (max-width:479px) {
.article-list-component .list>.item {
width: 100%
}
}
@media only screen and (min-width:1200px) {
.article-list-component .list>.item {
width: 33.33%
}
}
.article-list-component>.loader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255,255,255,.85);
opacity: 0;
pointer-events: none;
z-index: -1;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s
}
.article-list-component>.loader:before {
margin-left: -25px;
position: absolute;
left: 50%;
bottom: 100px;
width: 50px;
height: 50px;
display: block;
content: '';
background: url(//www.kiwa.sk/wp-content/themes/kiwa/img/loading-dark.svg) center center no-repeat;
background-size: 50px auto;
-webkit-animation: rotateZ 3s linear infinite;
animation: rotateZ 3s linear infinite
}
.banner-component,.banner-component.hero,.banner-component.hero .container>.outer,.banner-component.hero .slider .slider-item .content-wrapper {
position: relative
}
.article-list-component.all-loaded>.buttons-container,.article-list-component.all-loaded>.loader,.banner-component.hero .slider .slider-item:not(:nth-child(1)) {
display: none
}
.article-list-component>.buttons-container {
margin-top: 2rem;
text-align: center
}
.article-list-component.loading>.loader {
pointer-events: auto;
opacity: 1;
z-index: 2
}
.banner-component {
z-index: 2
}
.banner-component.hero {
padding-left: 0;
padding-right: 0;
padding-bottom: 5.5vw;
overflow: hidden
}
@media only screen and (min-width:1200px) {
.banner-component.hero {
padding-bottom: 5.5rem
}
}
.banner-component.hero .slider .slider-item {
outline: 0
}
.banner-component.hero .slider .slider-item figure {
margin: 0;
position: relative;
z-index: 1
}
@media only screen and (max-width:479px) {
.banner-component.hero .slider .slider-item figure {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden
}
}
.banner-component.hero .slider .slider-item figure:before {
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
content: '';
background-color: rgba(255,255,255,.5)
}
@media only screen and (min-width:768px) {
.banner-component.hero .slider .slider-item figure:before {
display: none
}
}
.banner-component.hero .slider .slider-item figure img {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
display: block
}
@media only screen and (max-width:479px) {
.banner-component.hero .slider .slider-item figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: auto
}
}
.banner-component.hero .slider .slider-item .content {
position: absolute;
z-index: 2;
top: 50%;
left: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.banner-component.hero .slider .slider-item .content .title {
font-size: 2.5rem;
line-height: 1.125em;
font-weight: 700
}
.banner-component.hero .slider .slider-item .content .title .small {
font-size: 78%;
display: block
}
@media only screen and (max-width:479px) {
.banner-component.hero .slider .slider-item .content {
padding: 20px 20px 50px;
position: relative;
top: auto;
left: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.banner-component.hero .slider .slider-item .content .title {
font-size: 8vw
}
.banner-component.hero .slider .slider-item .content .buttons-container .button,.banner-component.hero .slider .slider-item .content .buttons-container button,.banner-component.hero .slider .slider-item .content .buttons-container input[type=button],.banner-component.hero .slider .slider-item .content .buttons-container input[type=submit],.banner-component.hero .slider .slider-item .content .buttons-container input[type=reset] {
padding: 1rem 1.5rem
}
}
@media only screen and (min-width:768px) {
.banner-component.hero .slider .slider-item .content {
left: 30px;
max-width: 80%
}
.banner-component.hero .slider .slider-item .content .title {
font-size: 3.125rem
}
}
@media only screen and (min-width:992px) {
.banner-component.hero .slider .slider-item .content {
left: 8%;
top: 56%;
max-width: 70%
}
.banner-component.hero .slider .slider-item .content .title {
font-size: 3.875rem
}
}
@media only screen and (min-width:1200px) {
.banner-component.hero .slider .slider-item .content {
left: 15%;
max-width: 60%
}
.banner-component.hero .slider .slider-item .content .title {
font-size: 4.125rem
}
}
.banner-component.hero .slider .slider-item .content .buttons-container {
margin-top: 6%
}
@media only screen and (min-width:768px) {
.banner-component.hero .slider .slider-item .content .buttons-container {
margin-top: 2.5rem
}
}
.banner-component.hero .slider .slider-item .content .buttons-container .button,.banner-component.hero .slider .slider-item .content .buttons-container button,.banner-component.hero .slider .slider-item .content .buttons-container input[type=button],.banner-component.hero .slider .slider-item .content .buttons-container input[type=submit],.banner-component.hero .slider .slider-item .content .buttons-container input[type=reset] {
letter-spacing: .1em;
text-transform: uppercase
}
.banner-component.hero .slider .slider-item[data-theme=light] .content .title {
color: #fff
}
.banner-component.hero .slider .slider-item[data-theme=light] figure:before {
background-color: rgba(0,0,0,.5)
}
.banner-component.hero .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: block
}
.banner-component.hero .slider .navigation-container {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2
}
.banner-component.hero .slider .navigation-container .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.banner-component.hero .slider .navigation-container .dots {
position: absolute;
top: 10px;
right: 10px
}
@media only screen and (min-width:992px) {
.banner-component.hero .slider .navigation-container .dots {
display: none
}
}
.banner-component.hero .slider .navigation-container .slick-dots {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.banner-component.hero .slider .navigation-container .slick-dots li {
font-size: 1em;
margin: .0625rem;
padding: 0;
width: 16px;
height: 16px;
line-height: 0
}
.banner-component.hero .slider .navigation-container .slick-dots li:before {
display: none
}
.banner-component.hero .slider .navigation-container .slick-dots li button {
margin: 0;
padding: 0;
position: relative;
width: 100%;
height: 100%;
text-align: left;
text-indent: -9999em;
border: none;
border-radius: 0;
background: 0 0;
-webkit-transition: background-color .5s;
-o-transition: background-color .5s;
transition: background-color .5s
}
.banner-component.hero .slider .navigation-container .slick-dots li button:before {
position: absolute;
top: 3px;
left: 3px;
width: 10px;
height: 10px;
display: block;
content: '';
background-color: #151515;
border: none;
border-radius: 50%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: background-color .5s;
-o-transition: background-color .5s;
transition: background-color .5s;
-webkit-box-shadow: none;
box-shadow: none
}
.banner-component.hero .slider .navigation-container .slick-dots li button:after,.banner-component.hero .slider-navigation {
display: none
}
.banner-component.hero .slider .navigation-container .slick-dots li button:hover {
border: none;
background: 0 0
}
.banner-component.hero .slider .navigation-container .slick-dots li button:hover:before,.banner-component.hero .slider .navigation-container .slick-dots li.slick-active button:before {
background-color: #4fafb8
}
@media only screen and (min-width:992px) {
.banner-component.hero .slider-navigation {
position: absolute;
z-index: 2;
top: 20px;
display: block;
left: 8%
}
}
@media only screen and (min-width:1200px) {
.banner-component.hero .slider-navigation {
left: 15%;
top: 40px
}
}
.banner-component.hero .slider-navigation .title {
position: absolute;
top: 0;
left: 0;
display: block;
font-size: .75rem;
color: #676767;
-webkit-transition: color .5s;
-o-transition: color .5s;
transition: color .5s;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-90deg) translate(calc(100% - 200% - .25rem),calc(100% - 200% - 10px));
-ms-transform: rotate(-90deg) translate(calc(100% - 200% - .25rem),calc(100% - 200% - 10px));
transform: rotate(-90deg) translate(calc(100% - 200% - .25rem),calc(100% - 200% - 10px))
}
.banner-component.hero .slider-navigation ul {
margin: 0;
padding: 0;
list-style-type: none
}
.banner-component.hero .slider-navigation ul li {
margin: 0;
padding: 0;
font-size: 1em;
line-height: 1.625em
}
.banner-component.hero .slider-navigation ul li:before {
display: none
}
@media only screen and (min-width:1200px) {
.banner-component.hero .slider-navigation .title {
-webkit-transform: rotate(-90deg) translate(calc(100% - 200% - .5rem),calc(100% - 200% - 10px));
-ms-transform: rotate(-90deg) translate(calc(100% - 200% - .5rem),calc(100% - 200% - 10px));
transform: rotate(-90deg) translate(calc(100% - 200% - .5rem),calc(100% - 200% - 10px))
}
.banner-component.hero .slider-navigation ul li {
line-height: 1.875em
}
}
.banner-component.hero .slider-navigation ul li a {
position: relative;
display: inline-block;
font-size: 1.0625rem;
color: #000;
-webkit-transition: color .5s,padding .5s;
-o-transition: color .5s,padding .5s;
transition: color .5s,padding .5s
}
.banner-component.hero .slider-navigation ul li a:before {
position: absolute;
top: 50%;
left: 0;
width: 0;
height: 2px;
display: block;
content: '';
background-color: #4fafb8;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: width .5s;
-o-transition: width .5s;
transition: width .5s
}
.banner-component.hero .slider-navigation ul li a:hover {
color: #4fafb8
}
.banner-component.hero .slider-navigation ul li a:active,.banner-component.hero .slider-navigation ul li a:focus {
color: #000
}
.banner-component.hero .slider-navigation ul li.active a {
padding-left: 26px;
color: #4fafb8
}
.banner-component.hero .slider-navigation ul li.active a:before {
width: 20px
}
.banner-component.hero .slider-navigation ul li.active a:active,.banner-component.hero .slider-navigation ul li.active a:focus {
color: #4fafb8
}
.banner-component.hero .scroll-to {
position: absolute;
bottom: 10px;
left: 20px;
color: #000
}
@media only screen and (min-width:768px) {
.banner-component.hero .scroll-to {
left: 30px;
bottom: 15px
}
}
@media only screen and (min-width:992px) {
.banner-component.hero .scroll-to {
left: 8%
}
}
.banner-component.hero .scroll-to:hover {
color: #4fafb8
}
.banner-component.hero .scroll-to [class*=" icon-"],.banner-component.hero .scroll-to [class^=icon-] {
font-size: 1.5rem
}
.banner-component.hero .fixed-texts {
position: absolute;
z-index: 2;
bottom: 0;
right: 0
}
.banner-component.hero .fixed-texts .item {
position: absolute;
bottom: 0;
right: 0;
font-size: 16vw;
font-weight: 700;
line-height: 1em;
display: block;
color: #4fafb8;
opacity: 0;
pointer-events: none;
-webkit-transform: translate(4.5vw,28%);
-ms-transform: translate(4.5vw,28%);
transform: translate(4.5vw,28%);
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s
}
.banner-component.hero .fixed-texts .item.active,.product-categories-list-component .list>.item.active .product-category-list-item-container.image figure:after {
opacity: 1
}
@media only screen and (min-width:1200px) {
.banner-component.hero .scroll-to {
left: 15%
}
.banner-component.hero .fixed-texts .item {
font-size: 15.75rem;
-webkit-transform: translate(4.5rem,28%);
-ms-transform: translate(4.5rem,28%);
transform: translate(4.5rem,28%)
}
}
.banner-component.hero.theme-light .slider .navigation-container .slick-dots li button:before {
background-color: #fff
}
.banner-component.hero.theme-light .slider .navigation-container .slick-dots li button:hover:before,.banner-component.hero.theme-light .slider .navigation-container .slick-dots li.slick-active button:before {
background-color: #4fafb8
}
.banner-component.hero.theme-light .slider-navigation .title {
color: rgba(255,255,255,.7)
}
.banner-component.hero.theme-light .slider-navigation ul li a {
color: #fff
}
.banner-component.hero.theme-light .slider-navigation ul li a:hover {
color: #4fafb8
}
.banner-component.hero.theme-light .slider-navigation ul li a:active,.banner-component.hero.theme-light .slider-navigation ul li a:focus {
color: #fff
}
.banner-component.hero.theme-light .slider-navigation ul li.active a,.banner-component.hero.theme-light .slider-navigation ul li.active a:active,.banner-component.hero.theme-light .slider-navigation ul li.active a:focus {
color: #4fafb8
}
.banner-component.hero.theme-light .scroll-to {
color: #fff
}
.banner-component.hero.theme-light .scroll-to:hover {
color: #4fafb8
}
.banner-component.landing .content-outer {
padding: 2.5rem 20px;
position: relative;
background-color: #f9f9f9
}
.banner-component.landing .title {
margin: 0;
font-size: 2.375rem;
line-height: 1.25em;
color: #000;
letter-spacing: .025em;
text-align: center
}
@media only screen and (max-width:479px) {
.banner-component.landing .title {
font-size: 8vw
}
}
@media only screen and (min-width:768px) {
.banner-component.landing .content-outer {
padding: 2.75rem 30px
}
.banner-component.landing .title {
font-size: 2.75rem
}
}
@media only screen and (min-width:992px) {
.banner-component.landing .content-outer {
padding-top: 3rem;
padding-bottom: 3rem
}
.banner-component.landing .title {
font-size: 3rem
}
}
@media only screen and (min-width:1200px) {
.banner-component.landing .title {
font-size: 3.25rem
}
}
.banner-component.landing .navigation-container>.left-side,.banner-component.landing .navigation-container>.right-side {
position: absolute;
bottom: calc(20px - .625rem);
max-width: 50%
}
@media only screen and (min-width:768px) {
.banner-component.landing .navigation-container>.left-side,.banner-component.landing .navigation-container>.right-side {
bottom: calc(30px - .625rem)
}
}
.banner-component.landing .navigation-container>.left-side {
left: 20px
}
.banner-component.landing .navigation-container>.right-side {
right: 20px;
text-align: right
}
@media only screen and (max-width:479px) {
.banner-component.landing .navigation-container>.left-side {
top: 50%;
bottom: auto;
left: 6px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.banner-component.landing .navigation-container>.right-side {
top: 50%;
bottom: auto;
right: 6px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
}
@media only screen and (min-width:768px) {
.banner-component.landing .navigation-container>.left-side {
left: 30px
}
.banner-component.landing .navigation-container>.right-side {
right: 30px
}
}
.banner-component.landing .navigation-container a {
display: inline-block;
font-size: .75rem;
text-transform: uppercase;
line-height: 1.25em
}
.banner-component.landing .navigation-container a [class*=" icon-"],.banner-component.landing .navigation-container a [class^=icon-] {
display: none
}
@media only screen and (max-width:479px) {
.banner-component.landing .navigation-container a {
position: relative;
width: 26px;
height: 26px;
display: block
}
.banner-component.landing .navigation-container a .text {
display: none
}
.banner-component.landing .navigation-container a [class*=" icon-"],.banner-component.landing .navigation-container a [class^=icon-] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
display: block;
font-size: 1.75rem
}
.banner-component.landing .navigation-container a [class*=" icon-"]:before,.banner-component.landing .navigation-container a [class^=icon-]:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
line-height: 20px;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
}
.banner-component.product .content-outer {
position: relative;
background-color: #f9f9f9
}
.banner-component.product figure {
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 1;
max-height: 400px
}
@media only screen and (min-width:768px) {
.banner-component.product .content-outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.banner-component.product figure {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
max-height: none;
width: 50%
}
}
.banner-component.product figure:before {
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
content: '';
background-color: rgba(79,175,184,.75)
}
@media only screen and (min-width:768px) {
.banner-component.product figure:before {
display: none
}
}
.banner-component.product figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 1
}
.banner-component.product .content {
padding: 8rem 20px;
position: relative;
z-index: 2;
text-align: center
}
.banner-component.product .title {
margin: 0;
font-size: 2.375rem;
line-height: 1.25em;
color: #fff;
letter-spacing: .025em
}
@media only screen and (max-width:479px) {
.banner-component.product .title {
font-size: 8vw
}
}
@media only screen and (min-width:768px) {
.banner-component.product .content {
padding: 6rem 30px;
width: 50%;
text-align: left
}
.banner-component.product .title {
font-size: 2.75rem;
color: #000
}
}
@media only screen and (min-width:992px) {
.banner-component.product .content {
padding-top: 7rem;
padding-bottom: 7rem
}
.banner-component.product .title {
font-size: 3rem
}
}
@media only screen and (min-width:1200px) {
.banner-component.product .content {
padding-top: 8rem;
padding-bottom: 8rem
}
.banner-component.product .title {
font-size: 3.25rem
}
}
.banner-component #header-language-bar-container {
position: absolute;
top: auto
}
form.contact {
padding: 20px;
position: relative;
background-color: #f9f9f9
}
form.contact:before {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 1px;
display: block;
content: '';
background-color: #f3f3f3
}
form.contact fieldset {
position: relative;
z-index: 2
}
form.contact .row {
margin-left: -20px;
margin-right: -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (min-width:768px) {
form.contact {
padding: 30px
}
form.contact .row {
margin-left: -30px;
margin-right: -30px
}
}
form.contact .row .column {
margin-bottom: 1.25rem;
padding-left: 20px;
padding-right: 20px;
width: 50%
}
form.contact .row .column:last-child {
margin-bottom: 0
}
@media only screen and (max-width:479px) {
form.contact .row .column {
margin-bottom: 1rem;
width: 100%
}
form.contact .row .column:last-child {
margin-left: 0
}
}
form.contact .row .column.full-width {
width: 100%
}
form.contact textarea {
height: 10rem;
resize: vertical
}
form.contact .buttons-container {
margin-top: 2rem;
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.contact-info-component .section-title+ol,.contact-info-component .section-title+p,.contact-info-component .section-title+ul,.contact-info-component address p:first-child,.contact-info-component h2+ol,.contact-info-component h2+p,.contact-info-component h2+ul,form.contact .form-info p:first-child {
margin-top: 0
}
form.contact .form-info p {
font-size: .625rem
}
form.contact .form-info p:last-child {
margin-bottom: 0
}
.contact-info-component .section-title,.contact-info-component h2 {
margin-top: 0;
margin-bottom: 1.5rem;
font-size: 1.1875rem;
font-weight: 300;
line-height: 1.5em
}
.contact-info-component .section-title.big,.contact-info-component h2.big {
font-size: 1.25rem
}
.contact-info-component address p:last-child {
margin-bottom: 0
}
.contact-info-component address img {
margin-top: 2rem;
display: block
}
@media only screen and (min-width:768px) {
form.contact .row .column {
padding-left: 30px;
padding-right: 30px
}
.contact-info-component .section-title.big,.contact-info-component h2.big {
font-size: 1.375rem
}
.contact-info-component address img {
margin-top: 0;
width: 100%
}
.contact-info-component address .two-columns-wrapper {
margin-left: -30px;
margin-right: -30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.contact-info-component address .two-columns-wrapper>.left-column,.contact-info-component address .two-columns-wrapper>.right-column {
padding-left: 30px;
padding-right: 30px;
width: 50%
}
.contact-info-component address .two-columns-wrapper>.right-column {
padding-left: 0;
padding-right: 0
}
}
@media only screen and (min-width:768px) and (min-width:1200px) {
.contact-info-component address .two-columns-wrapper>.left-column {
width: 66.66%
}
.contact-info-component address .two-columns-wrapper>.right-column {
width: 33.33%
}
}
.contact-info-component .addresses-container {
margin-top: 4rem;
margin-bottom: 3rem
}
.contact-info-component .addresses-container .section p:last-child,article h1:last-child,article h2:last-child,article h3:last-child,article h4:last-child,article ol:last-child,article p:last-child,article ul:last-child,article.article h2,article.article h3,article.article h4 {
margin-bottom: 0
}
@media only screen and (min-width:992px) {
.contact-info-component .section-title.big,.contact-info-component h2.big {
font-size: 1.625rem
}
.contact-info-component .addresses-container {
margin-top: 5rem
}
}
@media only screen and (min-width:1200px) {
.contact-info-component .section-title.big,.contact-info-component h2.big {
font-size: 1.8125rem
}
.contact-info-component .addresses-container {
margin-top: 6rem
}
}
.contact-info-component .addresses-container img {
margin-top: 2rem;
display: block
}
@media only screen and (min-width:768px) {
.contact-info-component .addresses-container img {
margin-top: 0;
width: 100%
}
.contact-info-component .addresses-container .two-columns-wrapper {
margin-left: -30px;
margin-right: -30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.contact-info-component .addresses-container .two-columns-wrapper>.left-column,.contact-info-component .addresses-container .two-columns-wrapper>.right-column {
padding-left: 30px;
padding-right: 30px;
width: 50%
}
}
.contact-info-component .addresses-container .section+.section {
margin-top: 1.25rem
}
.contact-info-component .addresses-container .section .title {
font-weight: 700;
line-height: 1.5em
}
.contact-info-component .addresses-container .section p {
line-height: 1.85em
}
.contact-info-component .addresses-container .section p:first-of-type {
margin-top: 0
}
@media only screen and (min-width:768px) and (min-width:1200px) {
.contact-info-component .addresses-container .two-columns-wrapper>.left-column {
width: 33.33%
}
.contact-info-component .addresses-container .two-columns-wrapper>.right-column {
width: 66.66%
}
}
.contact-info-component form.contact {
margin-left: -20px;
margin-right: -20px
}
@media only screen and (min-width:1200px) {
.contact-info-component form.contact {
width: calc((100% + 60px) * .6666)
}
}
.product-categories-list-component .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.product-categories-list-component .list>.item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: background-color .5s;
-o-transition: background-color .5s;
transition: background-color .5s
}
@media only screen and (min-width:768px) {
.contact-info-component .addresses-container .two-columns-wrapper>.right-column {
padding-left: 0;
padding-right: 0
}
.contact-info-component form.contact {
margin-left: -30px;
margin-right: -30px
}
.product-categories-list-component .list>.item {
width: 50%
}
.product-categories-list-component .list>.item:nth-child(1) {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.product-categories-list-component .list>.item:nth-child(2) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.product-categories-list-component .list>.item:nth-child(3) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.product-categories-list-component .list>.item:nth-child(4) {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.product-categories-list-component .list>.item:nth-child(5) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.product-categories-list-component .list>.item:nth-child(6) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.product-categories-list-component .list>.item:nth-child(7) {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.product-categories-list-component .list>.item:nth-child(8) {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.product-categories-list-component .list>.item:nth-child(9) {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.product-categories-list-component .list>.item:nth-child(10) {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.product-categories-list-component .list>.item:nth-child(11) {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.product-categories-list-component .list>.item:nth-child(12) {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
}
@media only screen and (min-width:992px) {
.product-categories-list-component .list>.item {
width: 33.33%
}
.product-categories-list-component .list>.item:nth-child(1) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.product-categories-list-component .list>.item:nth-child(2) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.product-categories-list-component .list>.item:nth-child(3) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.product-categories-list-component .list>.item:nth-child(4) {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.product-categories-list-component .list>.item:nth-child(5) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.product-categories-list-component .list>.item:nth-child(6) {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.product-categories-list-component .list>.item:nth-child(7) {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.product-categories-list-component .list>.item:nth-child(8) {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.product-categories-list-component .list>.item:nth-child(9) {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.product-categories-list-component .list>.item:nth-child(10) {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.product-categories-list-component .list>.item:nth-child(11) {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.product-categories-list-component .list>.item:nth-child(12) {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
}
@media only screen and (min-width:1200px) {
.product-categories-list-component .list>.item {
width: 25%
}
.product-categories-list-component .list>.item:nth-child(1) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.product-categories-list-component .list>.item:nth-child(2) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.product-categories-list-component .list>.item:nth-child(3) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.product-categories-list-component .list>.item:nth-child(4) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.product-categories-list-component .list>.item:nth-child(5) {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.product-categories-list-component .list>.item:nth-child(6) {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.product-categories-list-component .list>.item:nth-child(7) {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.product-categories-list-component .list>.item:nth-child(8) {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.product-categories-list-component .list>.item:nth-child(9) {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.product-categories-list-component .list>.item:nth-child(10) {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.product-categories-list-component .list>.item:nth-child(11) {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.product-categories-list-component .list>.item:nth-child(12) {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
}
.product-categories-list-component .list>.item.fill {
background-color: #f9f9f9
}
.product-categories-list-component .list>.item .product-category-list-item-container.image {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.product-categories-list-component .list>.item.active {
background-color: #4fafb8
}
.product-categories-list-component .list>.item.active .product-category-list-item-container.image figure img {
-webkit-transform: translate(-50%,-50%) scale(1.1) rotateZ(2deg);
-ms-transform: translate(-50%,-50%) scale(1.1) rotate(2deg);
transform: translate(-50%,-50%) scale(1.1) rotateZ(2deg)
}
.product-categories-list-component .list>.item.active .product-category-list-item-container .content ul li a {
color: #fff
}
.product-categories-list-component .list>.item.active .product-category-list-item-container .content ul li {
color: #fff
}
.product-categories-list-component .list>.item.active .product-category-list-item-container .content ul li a:hover {
color: #000
}
.product-categories-list-component .list>.item.active .product-category-list-item-container .content>ul>li ul li:before {
background-color: #fff
}
.product-more-info-component .two-columns-wrapper {
margin-left: -20px;
margin-right: -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.product-more-info-component .two-columns-wrapper>.left-column {
position: relative
}
.product-more-info-component .two-columns-wrapper>.right-column {
margin-top: 2rem;
padding-left: 20px;
padding-right: 20px
}
@media only screen and (min-width:768px) {
.product-more-info-component .two-columns-wrapper {
margin-left: -30px;
margin-right: -30px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.product-more-info-component .two-columns-wrapper>.left-column,.product-more-info-component .two-columns-wrapper>.right-column {
width: 50%
}
.product-more-info-component .two-columns-wrapper>.right-column {
margin-top: 0;
padding-left: 30px;
padding-right: 30px
}
}
.product-more-info-component img.fixed {
display: none
}
@media only screen and (min-width:1200px) {
.product-more-info-component img.fixed {
position: absolute;
display: block;
-webkit-transform: translate(-100%,-100%);
-ms-transform: translate(-100%,-100%);
transform: translate(-100%,-100%)
}
}
.module .module-header .title {
display: inline-block;
font-size: .75rem;
line-height: 1.375em;
color: rgba(0,0,0,.5);
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: translate(-.375em,0) rotate(-90deg);
-ms-transform: translate(-.375em,0) rotate(-90deg);
transform: translate(-.375em,0) rotate(-90deg)
}
.module .module-header .title:before {
padding-top: 100%;
display: block;
content: ''
}
.module .module-header .title span {
display: inline-block;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.module .module-header+.module-body {
margin-top: 1.125rem
}
.panel-downloads header {
padding-left: 20px;
padding-right: 20px
}
@media only screen and (min-width:768px) {
.panel-downloads header {
padding-left: 30px;
padding-right: 30px
}
}
.panel-downloads .two-columns-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.panel-downloads .two-columns-wrapper>.left-column,.panel-downloads .two-columns-wrapper>.right-column {
padding-left: 20px;
padding-right: 20px;
width: 100%
}
.panel-downloads .two-columns-wrapper>.right-column {
margin-top: 2.5rem
}
.panel-intro.content-section {
padding-top: 1rem
}
@media only screen and (min-width:768px) {
.panel-downloads .two-columns-wrapper>.left-column,.panel-downloads .two-columns-wrapper>.right-column {
padding-left: 30px;
padding-right: 30px
}
.panel-intro.content-section {
padding-top: 1.5rem
}
}
@media only screen and (min-width:992px) {
.panel-intro.content-section {
padding-top: 2.5rem
}
}
@media only screen and (min-width:1200px) {
.panel-downloads .two-columns-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.panel-downloads .two-columns-wrapper>.left-column,.panel-downloads .two-columns-wrapper>.right-column {
width: 50%
}
.panel-downloads .two-columns-wrapper>.right-column {
margin-top: 0
}
.panel-intro.content-section {
padding-top: 3rem
}
}
.panel-intro .two-columns-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.panel-intro .two-columns-wrapper>.left-column,.panel-intro .two-columns-wrapper>.right-column {
padding-left: 20px;
padding-right: 20px;
width: 100%
}
@media only screen and (min-width:768px) {
.panel-intro .two-columns-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.panel-intro .two-columns-wrapper>.left-column,.panel-intro .two-columns-wrapper>.right-column {
padding-left: 30px;
padding-right: 30px;
width: 50%
}
}
@media only screen and (min-width:992px) {
.panel-intro .two-columns-wrapper>.left-column {
width: 66.66%
}
}
@media only screen and (min-width:1200px) {
.panel-intro .two-columns-wrapper>.left-column {
width: 50%
}
}
.panel-intro .two-columns-wrapper>.right-column {
margin-top: 2.5rem
}
@media only screen and (min-width:768px) {
.panel-intro .two-columns-wrapper>.right-column {
margin-top: 0
}
}
@media only screen and (min-width:992px) {
.panel-intro .two-columns-wrapper>.right-column {
width: 33.33%
}
}
.panel-intro .title {
font-size: 1.1875rem;
line-height: 2.125em
}
.panel-intro .certificates {
margin-top: 2rem
}
@media only screen and (min-width:1200px) {
.panel-intro .two-columns-wrapper>.right-column {
width: 50%
}
.panel-intro .certificates {
margin-top: 3rem
}
}
.panel-intro .certificates p,.panel-intro .secure-property p {
margin: 0
}
.panel-intro .certificates .text {
text-transform: uppercase
}
.panel-intro .certificates .highlight {
color: #4fafb8
}
.panel-intro .secure-property {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 85px;
position: relative;
font-size: .875rem;
font-weight: 700
}
.panel-intro .secure-property img {
position: absolute;
top: 50%;
left: 0;
display: block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.panel-news.content-section {
padding-top: 0;
padding-bottom: 0
}
@media only screen and (min-width:992px) {
.panel-news .content-section-title.small {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate(-.375em,-.875rem) rotate(-90deg);
-ms-transform: translate(-.375em,-.875rem) rotate(-90deg);
transform: translate(-.375em,-.875rem) rotate(-90deg)
}
.panel-news .content-section-title.small:before {
display: none
}
}
.panel-news .two-columns-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.panel-news .two-columns-wrapper>.left-column,.panel-news .two-columns-wrapper>.right-column {
width: 100%
}
.panel-news .two-columns-wrapper>.left-column {
padding: 2.5rem 20px
}
@media only screen and (min-width:768px) {
.panel-news .two-columns-wrapper>.left-column {
padding-left: 30px;
padding-right: 30px
}
}
@media only screen and (min-width:992px) {
.panel-news .two-columns-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.panel-news .two-columns-wrapper>.left-column {
width: 33.33%
}
.panel-news .two-columns-wrapper>.right-column {
width: 66.66%
}
.panel-news .article-list-component .list>.item {
width: 50%
}
}
.panel-news .inner-two-columns-wrapper>.right-column {
margin-top: 1.5rem
}
@media only screen and (min-width:1200px) {
.panel-news .two-columns-wrapper>.left-column,.panel-news .two-columns-wrapper>.right-column {
width: 50%
}
.panel-news .inner-two-columns-wrapper {
margin-left: -30px;
margin-right: -30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.panel-news .inner-two-columns-wrapper>.left-column,.panel-news .inner-two-columns-wrapper>.right-column {
padding-left: 30px;
padding-right: 30px;
width: 50%
}
.panel-news .inner-two-columns-wrapper>.right-column {
margin-top: 0
}
}
.panel-product-categories header {
padding-left: 20px;
padding-right: 20px
}
article h1:first-child,article h2:first-child,article h3:first-child,article h4:first-child,article ol:first-child,article p:first-child,article ul:first-child {
margin-top: 0
}
article .content-perex {
font-size: 1.1875rem;
line-height: 1.625em
}
@media only screen and (min-width:768px) {
.panel-product-categories header {
padding-left: 30px;
padding-right: 30px
}
article .content-perex {
font-size: 1.25rem
}
}
article .team-component {
padding-left: 30px;
padding-right: 30px
}
@media only screen and (max-width:479px) {
article .team-component {
padding-left: 0;
padding-right: 0
}
}
article .team-component:not(:first-child) {
margin-top: 2.5rem
}
@media only screen and (min-width:768px) {
article .team-component {
padding-left: 50px;
padding-right: 50px
}
article .team-component:not(:first-child) {
margin-top: 3rem
}
}
@media only screen and (min-width:992px) {
.panel-product-categories header {
position: absolute;
top: 20px
}
article .content-perex {
font-size: 1.3125rem
}
article .team-component:not(:first-child) {
margin-top: 3.5rem
}
}
@media only screen and (min-width:1200px) {
.panel-product-categories header {
top: 40px
}
article .content-perex {
font-size: 1.375rem
}
article .team-component:not(:first-child) {
margin-top: 3.75rem
}
}
article.article h2+ol,article.article h2+p,article.article h2+ul,article.article h3+ol,article.article h3+p,article.article h3+ul,article.article h4+ol,article.article h4+p,article.article h4+ul {
margin-top: 0
}
article.article header {
margin-bottom: 3.5rem
}
article.article header .two-columns-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
article.article header .two-columns-wrapper>.left-column,article.article header .two-columns-wrapper>.right-column {
width: 100%
}
@media only screen and (min-width:768px) {
article.article header .two-columns-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
article.article header .two-columns-wrapper>.left-column,article.article header .two-columns-wrapper>.right-column {
width: 50%
}
}
@media only screen and (min-width:992px) {
article.article header .two-columns-wrapper>.left-column {
width: 66.66%
}
}
@media only screen and (min-width:1200px) {
article.article header .two-columns-wrapper>.left-column {
width: 50%
}
}
article.article header .two-columns-wrapper>.right-column {
margin-top: 2rem
}
@media only screen and (min-width:992px) {
article.article header .two-columns-wrapper>.right-column {
width: 33.33%
}
}
article.article header .inner-columns-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (min-width:1200px) {
article.article header .two-columns-wrapper>.right-column {
width: 50%
}
article.article header .inner-columns-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
article.article header .inner-columns-wrapper>.left-column,article.article header .inner-columns-wrapper>.right-column {
padding-left: 20px;
padding-right: 20px;
width: 100%
}
@media only screen and (min-width:768px) {
article.article header .two-columns-wrapper>.right-column {
margin-top: 0
}
article.article header .inner-columns-wrapper>.left-column,article.article header .inner-columns-wrapper>.right-column {
padding-left: 30px;
padding-right: 30px
}
article.article header .inner-columns-wrapper>.left-column {
margin-top: 2rem;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
}
@media only screen and (min-width:1200px) {
article.article header .inner-columns-wrapper>.left-column,article.article header .inner-columns-wrapper>.right-column {
width: 50%
}
article.article header .inner-columns-wrapper>.left-column {
margin-top: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
article.article header .inner-columns-wrapper>.right-column {
margin-top: 1.5rem
}
@media only screen and (min-width:768px) {
article.article header .inner-columns-wrapper>.right-column {
margin-top: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
article.article header figure {
margin: 0
}
article.article header figure img {
display: block;
width: 100%
}
article.article header .meta-element {
margin-top: -.375rem
}
article.article header .perex {
margin-top: -.375rem;
font-size: .75rem;
text-transform: uppercase;
line-height: 2.125em
}
article.article .body {
padding-left: 20px;
padding-right: 20px
}
@media only screen and (min-width:768px) {
article.article .body {
padding-left: 30px;
padding-right: 30px
}
}
@media only screen and (min-width:992px) {
article.article .body {
margin-left: 0;
width: 66.66%
}
}
@media only screen and (min-width:1200px) {
article.article header .inner-columns-wrapper>.right-column {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
article.article .body {
margin-left: 25%;
width: 50%
}
}
article.page h2 {
font-size: 1.1875rem
}
article.product h2,article.product ol li,article.product p,article.product ul li {
font-size: .8125rem
}
article.product h2 {
text-transform: uppercase
}
article.product h2,article.product h3,article.product h4 {
margin-bottom: 0
}
article.product h2+ol,article.product h2+p,article.product h2+ul,article.product h3+ol,article.product h3+p,article.product h3+ul,article.product h4+ol,article.product h4+p,article.product h4+ul {
margin-top: 0
}
article.product+.product-more-info-component {
margin-top: 2rem
}
body.page-product .banner-component {
position: relative;
z-index: 2
}
body.page-product .banner-component+.content-section {
position: relative;
z-index: 1
}
@media only screen and (max-width:768px) {
#header .header-top {
margin-left: 0px;
margin-right: 0px;
}
}
#header .header-top .container {
padding-right: 0;
}
.menu-item-wpml-ls-3-lt.parent,
.menu-item-wpml-ls-3-pl.parent,
.menu-item-wpml-ls-3-ru.parent,
.menu-item-wpml-ls-3-de.parent,
.menu-item-wpml-ls-3-hu.parent,
.menu-item-wpml-ls-3-tr.parent,
.menu-item-wpml-ls-3-en.parent,
.menu-item-wpml-ls-3-sk.parent  {
position: absolute;
top: -2px;
right: 2px;
width: 200px;
}
.menu-item-wpml-ls-3-lt.parent a,
.menu-item-wpml-ls-3-pl.parent a,
.menu-item-wpml-ls-3-ru.parent a,
.menu-item-wpml-ls-3-de.parent a,
.menu-item-wpml-ls-3-hu.parent a,
.menu-item-wpml-ls-3-tr.parent a,
.menu-item-wpml-ls-3-en.parent a,
.menu-item-wpml-ls-3-sk.parent a {
float: left;
font-size: 13px;
margin-right: 13px;
font-weight: 200;
}
.product-category-list-item-container.image figure {
position: relative;
}form.contact .buttons-container {
flex-direction: column;
align-items: flex-start;
}
form.contact .buttons-container>.right-side {
margin-top: 15px;
}
form.contact .g-recaptcha {
margin-bottom: 10px;
overflow: hidden;
}
form.contact .g-recaptcha>div {
width: 100% !important;
}
form.contact .g-recaptcha textarea,
form.contact .g-recaptcha iframe {
max-width: 304px;
}
form.contact .g-recaptcha textarea {
width: 100% !important;
}
@media only screen and (min-width:768px) {
form.contact .buttons-container {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
form.contact .buttons-container>.right-side {
margin-top: 0;
}
form.contact .g-recaptcha {
margin-bottom: 0;
}
}