@charset "UTF-8";
 html {
font-family: sans-serif;
-ms-text-size-adjust: 100%
}
article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block
}
figure {
margin: 1em 40px
}
a {
-webkit-text-decoration-skip: objects
}
a:active,
a:hover {
outline-width: 0
}
b,
strong {
font-weight: inherit
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
audio,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
svg:not(:root) {
overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif
}
[type=reset],
[type=submit],
button,
html [type=button] {
-webkit-appearance: button
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
progress {
display: inline-block
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
details,
menu {
display: block
}
canvas {
display: inline-block
}
p {
text-align: justify;
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translateZ(0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0)
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.no-js .owl-carousel {
display: block
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: a
}
@keyframes a {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//softiq.pl/wp-content/themes/softiq/dist/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav [class*=owl-] {
color: #fff;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #fff;
text-decoration: none
}
.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791
}
html.lb-disable-scrolling {
overflow: hidden;
position: fixed;
height: 100vh;
width: 100vw
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: #000;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: .8;
display: none
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: 400
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px;
border: 4px solid #fff
}
.lightbox a img {
border: none
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
background-color: #fff
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//softiq.pl/wp-content/themes/softiq/dist/images/loading.gif) no-repeat
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10
}
.lb-container>.nav {
left: 0
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}
.lb-next,
.lb-prev {
height: 100%;
cursor: pointer;
display: block
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//softiq.pl/wp-content/themes/softiq/dist/images/prev.png) left 48% no-repeat;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
transition: opacity .6s
}
.lb-nav a.lb-prev:hover {
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//softiq.pl/wp-content/themes/softiq/dist/images/next.png) right 48% no-repeat;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
transition: opacity .6s
}
.lb-nav a.lb-next:hover {
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both
}
.lb-data {
padding: 0 4px;
color: #ccc
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: 700;
line-height: 1em
}
.lb-data .lb-caption a {
color: #4ae
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//softiq.pl/wp-content/themes/softiq/dist/images/close.png) 100% 0 no-repeat;
text-align: right;
outline: none;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: .7;
transition: opacity .2s
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
@font-face {
font-family: foundation-icons;
src: url(//softiq.pl/wp-content/themes/softiq/dist/css/foundation-icons.eot);
src: url(//softiq.pl/wp-content/themes/softiq/dist/css/foundation-icons.eot?#iefix) format("embedded-opentype"), url(//softiq.pl/wp-content/themes/softiq/dist/css/foundation-icons.woff) format("woff"), url(//softiq.pl/wp-content/themes/softiq/dist/css/foundation-icons.ttf) format("truetype"), url(//softiq.pl/wp-content/themes/softiq/dist/css/foundation-icons.svg#fontcustom) format("svg");
font-weight: 400;
font-style: normal
}
.fi-address-book:before,
.fi-alert:before,
.fi-align-center:before,
.fi-align-justify:before,
.fi-align-left:before,
.fi-align-right:before,
.fi-anchor:before,
.fi-annotate:before,
.fi-archive:before,
.fi-arrow-down:before,
.fi-arrow-left:before,
.fi-arrow-right:before,
.fi-arrow-up:before,
.fi-arrows-compress:before,
.fi-arrows-expand:before,
.fi-arrows-in:before,
.fi-arrows-out:before,
.fi-asl:before,
.fi-asterisk:before,
.fi-at-sign:before,
.fi-background-color:before,
.fi-battery-empty:before,
.fi-battery-full:before,
.fi-battery-half:before,
.fi-bitcoin-circle:before,
.fi-bitcoin:before,
.fi-blind:before,
.fi-bluetooth:before,
.fi-bold:before,
.fi-book-bookmark:before,
.fi-book:before,
.fi-bookmark:before,
.fi-braille:before,
.fi-burst-new:before,
.fi-burst-sale:before,
.fi-burst:before,
.fi-calendar:before,
.fi-camera:before,
.fi-check:before,
.fi-checkbox:before,
.fi-clipboard-notes:before,
.fi-clipboard-pencil:before,
.fi-clipboard:before,
.fi-clock:before,
.fi-closed-caption:before,
.fi-cloud:before,
.fi-comment-minus:before,
.fi-comment-quotes:before,
.fi-comment-video:before,
.fi-comment:before,
.fi-comments:before,
.fi-compass:before,
.fi-contrast:before,
.fi-credit-card:before,
.fi-crop:before,
.fi-crown:before,
.fi-css3:before,
.fi-database:before,
.fi-die-five:before,
.fi-die-four:before,
.fi-die-one:before,
.fi-die-six:before,
.fi-die-three:before,
.fi-die-two:before,
.fi-dislike:before,
.fi-dollar-bill:before,
.fi-dollar:before,
.fi-download:before,
.fi-eject:before,
.fi-elevator:before,
.fi-euro:before,
.fi-eye:before,
.fi-fast-forward:before,
.fi-female-symbol:before,
.fi-female:before,
.fi-filter:before,
.fi-first-aid:before,
.fi-flag:before,
.fi-folder-add:before,
.fi-folder-lock:before,
.fi-folder:before,
.fi-foot:before,
.fi-foundation:before,
.fi-graph-bar:before,
.fi-graph-horizontal:before,
.fi-graph-pie:before,
.fi-graph-trend:before,
.fi-guide-dog:before,
.fi-hearing-aid:before,
.fi-heart:before,
.fi-home:before,
.fi-html5:before,
.fi-indent-less:before,
.fi-indent-more:before,
.fi-info:before,
.fi-italic:before,
.fi-key:before,
.fi-laptop:before,
.fi-layout:before,
.fi-lightbulb:before,
.fi-like:before,
.fi-link:before,
.fi-list-bullet:before,
.fi-list-number:before,
.fi-list-thumbnails:before,
.fi-list:before,
.fi-lock:before,
.fi-loop:before,
.fi-magnifying-glass:before,
.fi-mail:before,
.fi-male-female:before,
.fi-male-symbol:before,
.fi-male:before,
.fi-map:before,
.fi-marker:before,
.fi-megaphone:before,
.fi-microphone:before,
.fi-minus-circle:before,
.fi-minus:before,
.fi-mobile-signal:before,
.fi-mobile:before,
.fi-monitor:before,
.fi-mountains:before,
.fi-music:before,
.fi-next:before,
.fi-no-dogs:before,
.fi-no-smoking:before,
.fi-page-add:before,
.fi-page-copy:before,
.fi-page-csv:before,
.fi-page-delete:before,
.fi-page-doc:before,
.fi-page-edit:before,
.fi-page-export-csv:before,
.fi-page-export-doc:before,
.fi-page-export-pdf:before,
.fi-page-export:before,
.fi-page-filled:before,
.fi-page-multiple:before,
.fi-page-pdf:before,
.fi-page-remove:before,
.fi-page-search:before,
.fi-page:before,
.fi-paint-bucket:before,
.fi-paperclip:before,
.fi-pause:before,
.fi-paw:before,
.fi-paypal:before,
.fi-pencil:before,
.fi-photo:before,
.fi-play-circle:before,
.fi-play-video:before,
.fi-play:before,
.fi-plus:before,
.fi-pound:before,
.fi-power:before,
.fi-previous:before,
.fi-price-tag:before,
.fi-pricetag-multiple:before,
.fi-print:before,
.fi-prohibited:before,
.fi-projection-screen:before,
.fi-puzzle:before,
.fi-quote:before,
.fi-record:before,
.fi-refresh:before,
.fi-results-demographics:before,
.fi-results:before,
.fi-rewind-ten:before,
.fi-rewind:before,
.fi-rss:before,
.fi-safety-cone:before,
.fi-save:before,
.fi-share:before,
.fi-sheriff-badge:before,
.fi-shield:before,
.fi-shopping-bag:before,
.fi-shopping-cart:before,
.fi-shuffle:before,
.fi-skull:before,
.fi-social-500px:before,
.fi-social-adobe:before,
.fi-social-amazon:before,
.fi-social-android:before,
.fi-social-apple:before,
.fi-social-behance:before,
.fi-social-bing:before,
.fi-social-blogger:before,
.fi-social-delicious:before,
.fi-social-designer-news:before,
.fi-social-deviant-art:before,
.fi-social-digg:before,
.fi-social-dribbble:before,
.fi-social-drive:before,
.fi-social-dropbox:before,
.fi-social-evernote:before,
.fi-social-facebook:before,
.fi-social-flickr:before,
.fi-social-forrst:before,
.fi-social-foursquare:before,
.fi-social-game-center:before,
.fi-social-github:before,
.fi-social-google-plus:before,
.fi-social-hacker-news:before,
.fi-social-hi5:before,
.fi-social-instagram:before,
.fi-social-joomla:before,
.fi-social-lastfm:before,
.fi-social-linkedin:before,
.fi-social-medium:before,
.fi-social-myspace:before,
.fi-social-orkut:before,
.fi-social-path:before,
.fi-social-picasa:before,
.fi-social-pinterest:before,
.fi-social-rdio:before,
.fi-social-reddit:before,
.fi-social-skillshare:before,
.fi-social-skype:before,
.fi-social-smashing-mag:before,
.fi-social-snapchat:before,
.fi-social-spotify:before,
.fi-social-squidoo:before,
.fi-social-stack-overflow:before,
.fi-social-steam:before,
.fi-social-stumbleupon:before,
.fi-social-treehouse:before,
.fi-social-tumblr:before,
.fi-social-twitter:before,
.fi-social-vimeo:before,
.fi-social-windows:before,
.fi-social-xbox:before,
.fi-social-yahoo:before,
.fi-social-yelp:before,
.fi-social-youtube:before,
.fi-social-zerply:before,
.fi-social-zurb:before,
.fi-sound:before,
.fi-star:before,
.fi-stop:before,
.fi-strikethrough:before,
.fi-subscript:before,
.fi-superscript:before,
.fi-tablet-landscape:before,
.fi-tablet-portrait:before,
.fi-target-two:before,
.fi-target:before,
.fi-telephone-accessible:before,
.fi-telephone:before,
.fi-text-color:before,
.fi-thumbnails:before,
.fi-ticket:before,
.fi-torso-business:before,
.fi-torso-female:before,
.fi-torso:before,
.fi-torsos-all-female:before,
.fi-torsos-all:before,
.fi-torsos-female-male:before,
.fi-torsos-male-female:before,
.fi-torsos:before,
.fi-trash:before,
.fi-trees:before,
.fi-trophy:before,
.fi-underline:before,
.fi-universal-access:before,
.fi-unlink:before,
.fi-unlock:before,
.fi-upload-cloud:before,
.fi-upload:before,
.fi-usb:before,
.fi-video:before,
.fi-volume-none:before,
.fi-volume-strike:before,
.fi-volume:before,
.fi-web:before,
.fi-wheelchair:before,
.fi-widget:before,
.fi-wrench:before,
.fi-x-circle:before,
.fi-x:before,
.fi-yen:before,
.fi-zoom-in:before,
.fi-zoom-out:before {
font-family: foundation-icons;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: inline-block;
text-decoration: inherit
}
.fi-address-book:before {
content: "\f100"
}
.fi-alert:before {
content: "\f101"
}
.fi-align-center:before {
content: "\f102"
}
.fi-align-justify:before {
content: "\f103"
}
.fi-align-left:before {
content: "\f104"
}
.fi-align-right:before {
content: "\f105"
}
.fi-anchor:before {
content: "\f106"
}
.fi-annotate:before {
content: "\f107"
}
.fi-archive:before {
content: "\f108"
}
.fi-arrow-down:before {
content: "\f109"
}
.fi-arrow-left:before {
content: "\f10a"
}
.fi-arrow-right:before {
content: "\f10b"
}
.fi-arrow-up:before {
content: "\f10c"
}
.fi-arrows-compress:before {
content: "\f10d"
}
.fi-arrows-expand:before {
content: "\f10e"
}
.fi-arrows-in:before {
content: "\f10f"
}
.fi-arrows-out:before {
content: "\f110"
}
.fi-asl:before {
content: "\f111"
}
.fi-asterisk:before {
content: "\f112"
}
.fi-at-sign:before {
content: "\f113"
}
.fi-background-color:before {
content: "\f114"
}
.fi-battery-empty:before {
content: "\f115"
}
.fi-battery-full:before {
content: "\f116"
}
.fi-battery-half:before {
content: "\f117"
}
.fi-bitcoin-circle:before {
content: "\f118"
}
.fi-bitcoin:before {
content: "\f119"
}
.fi-blind:before {
content: "\f11a"
}
.fi-bluetooth:before {
content: "\f11b"
}
.fi-bold:before {
content: "\f11c"
}
.fi-book-bookmark:before {
content: "\f11d"
}
.fi-book:before {
content: "\f11e"
}
.fi-bookmark:before {
content: "\f11f"
}
.fi-braille:before {
content: "\f120"
}
.fi-burst-new:before {
content: "\f121"
}
.fi-burst-sale:before {
content: "\f122"
}
.fi-burst:before {
content: "\f123"
}
.fi-calendar:before {
content: "\f124"
}
.fi-camera:before {
content: "\f125"
}
.fi-check:before {
content: "\f126"
}
.fi-checkbox:before {
content: "\f127"
}
.fi-clipboard-notes:before {
content: "\f128"
}
.fi-clipboard-pencil:before {
content: "\f129"
}
.fi-clipboard:before {
content: "\f12a"
}
.fi-clock:before {
content: "\f12b"
}
.fi-closed-caption:before {
content: "\f12c"
}
.fi-cloud:before {
content: "\f12d"
}
.fi-comment-minus:before {
content: "\f12e"
}
.fi-comment-quotes:before {
content: "\f12f"
}
.fi-comment-video:before {
content: "\f130"
}
.fi-comment:before {
content: "\f131"
}
.fi-comments:before {
content: "\f132"
}
.fi-compass:before {
content: "\f133"
}
.fi-contrast:before {
content: "\f134"
}
.fi-credit-card:before {
content: "\f135"
}
.fi-crop:before {
content: "\f136"
}
.fi-crown:before {
content: "\f137"
}
.fi-css3:before {
content: "\f138"
}
.fi-database:before {
content: "\f139"
}
.fi-die-five:before {
content: "\f13a"
}
.fi-die-four:before {
content: "\f13b"
}
.fi-die-one:before {
content: "\f13c"
}
.fi-die-six:before {
content: "\f13d"
}
.fi-die-three:before {
content: "\f13e"
}
.fi-die-two:before {
content: "\f13f"
}
.fi-dislike:before {
content: "\f140"
}
.fi-dollar-bill:before {
content: "\f141"
}
.fi-dollar:before {
content: "\f142"
}
.fi-download:before {
content: "\f143"
}
.fi-eject:before {
content: "\f144"
}
.fi-elevator:before {
content: "\f145"
}
.fi-euro:before {
content: "\f146"
}
.fi-eye:before {
content: "\f147"
}
.fi-fast-forward:before {
content: "\f148"
}
.fi-female-symbol:before {
content: "\f149"
}
.fi-female:before {
content: "\f14a"
}
.fi-filter:before {
content: "\f14b"
}
.fi-first-aid:before {
content: "\f14c"
}
.fi-flag:before {
content: "\f14d"
}
.fi-folder-add:before {
content: "\f14e"
}
.fi-folder-lock:before {
content: "\f14f"
}
.fi-folder:before {
content: "\f150"
}
.fi-foot:before {
content: "\f151"
}
.fi-foundation:before {
content: "\f152"
}
.fi-graph-bar:before {
content: "\f153"
}
.fi-graph-horizontal:before {
content: "\f154"
}
.fi-graph-pie:before {
content: "\f155"
}
.fi-graph-trend:before {
content: "\f156"
}
.fi-guide-dog:before {
content: "\f157"
}
.fi-hearing-aid:before {
content: "\f158"
}
.fi-heart:before {
content: "\f159"
}
.fi-home:before {
content: "\f15a"
}
.fi-html5:before {
content: "\f15b"
}
.fi-indent-less:before {
content: "\f15c"
}
.fi-indent-more:before {
content: "\f15d"
}
.fi-info:before {
content: "\f15e"
}
.fi-italic:before {
content: "\f15f"
}
.fi-key:before {
content: "\f160"
}
.fi-laptop:before {
content: "\f161"
}
.fi-layout:before {
content: "\f162"
}
.fi-lightbulb:before {
content: "\f163"
}
.fi-like:before {
content: "\f164"
}
.fi-link:before {
content: "\f165"
}
.fi-list-bullet:before {
content: "\f166"
}
.fi-list-number:before {
content: "\f167"
}
.fi-list-thumbnails:before {
content: "\f168"
}
.fi-list:before {
content: "\f169"
}
.fi-lock:before {
content: "\f16a"
}
.fi-loop:before {
content: "\f16b"
}
.fi-magnifying-glass:before {
content: "\f16c"
}
.fi-mail:before {
content: "\f16d"
}
.fi-male-female:before {
content: "\f16e"
}
.fi-male-symbol:before {
content: "\f16f"
}
.fi-male:before {
content: "\f170"
}
.fi-map:before {
content: "\f171"
}
.fi-marker:before {
content: "\f172"
}
.fi-megaphone:before {
content: "\f173"
}
.fi-microphone:before {
content: "\f174"
}
.fi-minus-circle:before {
content: "\f175"
}
.fi-minus:before {
content: "\f176"
}
.fi-mobile-signal:before {
content: "\f177"
}
.fi-mobile:before {
content: "\f178"
}
.fi-monitor:before {
content: "\f179"
}
.fi-mountains:before {
content: "\f17a"
}
.fi-music:before {
content: "\f17b"
}
.fi-next:before {
content: "\f17c"
}
.fi-no-dogs:before {
content: "\f17d"
}
.fi-no-smoking:before {
content: "\f17e"
}
.fi-page-add:before {
content: "\f17f"
}
.fi-page-copy:before {
content: "\f180"
}
.fi-page-csv:before {
content: "\f181"
}
.fi-page-delete:before {
content: "\f182"
}
.fi-page-doc:before {
content: "\f183"
}
.fi-page-edit:before {
content: "\f184"
}
.fi-page-export-csv:before {
content: "\f185"
}
.fi-page-export-doc:before {
content: "\f186"
}
.fi-page-export-pdf:before {
content: "\f187"
}
.fi-page-export:before {
content: "\f188"
}
.fi-page-filled:before {
content: "\f189"
}
.fi-page-multiple:before {
content: "\f18a"
}
.fi-page-pdf:before {
content: "\f18b"
}
.fi-page-remove:before {
content: "\f18c"
}
.fi-page-search:before {
content: "\f18d"
}
.fi-page:before {
content: "\f18e"
}
.fi-paint-bucket:before {
content: "\f18f"
}
.fi-paperclip:before {
content: "\f190"
}
.fi-pause:before {
content: "\f191"
}
.fi-paw:before {
content: "\f192"
}
.fi-paypal:before {
content: "\f193"
}
.fi-pencil:before {
content: "\f194"
}
.fi-photo:before {
content: "\f195"
}
.fi-play-circle:before {
content: "\f196"
}
.fi-play-video:before {
content: "\f197"
}
.fi-play:before {
content: "\f198"
}
.fi-plus:before {
content: "\f199"
}
.fi-pound:before {
content: "\f19a"
}
.fi-power:before {
content: "\f19b"
}
.fi-previous:before {
content: "\f19c"
}
.fi-price-tag:before {
content: "\f19d"
}
.fi-pricetag-multiple:before {
content: "\f19e"
}
.fi-print:before {
content: "\f19f"
}
.fi-prohibited:before {
content: "\f1a0"
}
.fi-projection-screen:before {
content: "\f1a1"
}
.fi-puzzle:before {
content: "\f1a2"
}
.fi-quote:before {
content: "\f1a3"
}
.fi-record:before {
content: "\f1a4"
}
.fi-refresh:before {
content: "\f1a5"
}
.fi-results-demographics:before {
content: "\f1a6"
}
.fi-results:before {
content: "\f1a7"
}
.fi-rewind-ten:before {
content: "\f1a8"
}
.fi-rewind:before {
content: "\f1a9"
}
.fi-rss:before {
content: "\f1aa"
}
.fi-safety-cone:before {
content: "\f1ab"
}
.fi-save:before {
content: "\f1ac"
}
.fi-share:before {
content: "\f1ad"
}
.fi-sheriff-badge:before {
content: "\f1ae"
}
.fi-shield:before {
content: "\f1af"
}
.fi-shopping-bag:before {
content: "\f1b0"
}
.fi-shopping-cart:before {
content: "\f1b1"
}
.fi-shuffle:before {
content: "\f1b2"
}
.fi-skull:before {
content: "\f1b3"
}
.fi-social-500px:before {
content: "\f1b4"
}
.fi-social-adobe:before {
content: "\f1b5"
}
.fi-social-amazon:before {
content: "\f1b6"
}
.fi-social-android:before {
content: "\f1b7"
}
.fi-social-apple:before {
content: "\f1b8"
}
.fi-social-behance:before {
content: "\f1b9"
}
.fi-social-bing:before {
content: "\f1ba"
}
.fi-social-blogger:before {
content: "\f1bb"
}
.fi-social-delicious:before {
content: "\f1bc"
}
.fi-social-designer-news:before {
content: "\f1bd"
}
.fi-social-deviant-art:before {
content: "\f1be"
}
.fi-social-digg:before {
content: "\f1bf"
}
.fi-social-dribbble:before {
content: "\f1c0"
}
.fi-social-drive:before {
content: "\f1c1"
}
.fi-social-dropbox:before {
content: "\f1c2"
}
.fi-social-evernote:before {
content: "\f1c3"
}
.fi-social-facebook:before {
content: "\f1c4"
}
.fi-social-flickr:before {
content: "\f1c5"
}
.fi-social-forrst:before {
content: "\f1c6"
}
.fi-social-foursquare:before {
content: "\f1c7"
}
.fi-social-game-center:before {
content: "\f1c8"
}
.fi-social-github:before {
content: "\f1c9"
}
.fi-social-google-plus:before {
content: "\f1ca"
}
.fi-social-hacker-news:before {
content: "\f1cb"
}
.fi-social-hi5:before {
content: "\f1cc"
}
.fi-social-instagram:before {
content: "\f1cd"
}
.fi-social-joomla:before {
content: "\f1ce"
}
.fi-social-lastfm:before {
content: "\f1cf"
}
.fi-social-linkedin:before {
content: "\f1d0"
}
.fi-social-medium:before {
content: "\f1d1"
}
.fi-social-myspace:before {
content: "\f1d2"
}
.fi-social-orkut:before {
content: "\f1d3"
}
.fi-social-path:before {
content: "\f1d4"
}
.fi-social-picasa:before {
content: "\f1d5"
}
.fi-social-pinterest:before {
content: "\f1d6"
}
.fi-social-rdio:before {
content: "\f1d7"
}
.fi-social-reddit:before {
content: "\f1d8"
}
.fi-social-skillshare:before {
content: "\f1d9"
}
.fi-social-skype:before {
content: "\f1da"
}
.fi-social-smashing-mag:before {
content: "\f1db"
}
.fi-social-snapchat:before {
content: "\f1dc"
}
.fi-social-spotify:before {
content: "\f1dd"
}
.fi-social-squidoo:before {
content: "\f1de"
}
.fi-social-stack-overflow:before {
content: "\f1df"
}
.fi-social-steam:before {
content: "\f1e0"
}
.fi-social-stumbleupon:before {
content: "\f1e1"
}
.fi-social-treehouse:before {
content: "\f1e2"
}
.fi-social-tumblr:before {
content: "\f1e3"
}
.fi-social-twitter:before {
content: "\f1e4"
}
.fi-social-vimeo:before {
content: "\f1e5"
}
.fi-social-windows:before {
content: "\f1e6"
}
.fi-social-xbox:before {
content: "\f1e7"
}
.fi-social-yahoo:before {
content: "\f1e8"
}
.fi-social-yelp:before {
content: "\f1e9"
}
.fi-social-youtube:before {
content: "\f1ea"
}
.fi-social-zerply:before {
content: "\f1eb"
}
.fi-social-zurb:before {
content: "\f1ec"
}
.fi-sound:before {
content: "\f1ed"
}
.fi-star:before {
content: "\f1ee"
}
.fi-stop:before {
content: "\f1ef"
}
.fi-strikethrough:before {
content: "\f1f0"
}
.fi-subscript:before {
content: "\f1f1"
}
.fi-superscript:before {
content: "\f1f2"
}
.fi-tablet-landscape:before {
content: "\f1f3"
}
.fi-tablet-portrait:before {
content: "\f1f4"
}
.fi-target-two:before {
content: "\f1f5"
}
.fi-target:before {
content: "\f1f6"
}
.fi-telephone-accessible:before {
content: "\f1f7"
}
.fi-telephone:before {
content: "\f1f8"
}
.fi-text-color:before {
content: "\f1f9"
}
.fi-thumbnails:before {
content: "\f1fa"
}
.fi-ticket:before {
content: "\f1fb"
}
.fi-torso-business:before {
content: "\f1fc"
}
.fi-torso-female:before {
content: "\f1fd"
}
.fi-torso:before {
content: "\f1fe"
}
.fi-torsos-all-female:before {
content: "\f1ff"
}
.fi-torsos-all:before {
content: "\f200"
}
.fi-torsos-female-male:before {
content: "\f201"
}
.fi-torsos-male-female:before {
content: "\f202"
}
.fi-torsos:before {
content: "\f203"
}
.fi-trash:before {
content: "\f204"
}
.fi-trees:before {
content: "\f205"
}
.fi-trophy:before {
content: "\f206"
}
.fi-underline:before {
content: "\f207"
}
.fi-universal-access:before {
content: "\f208"
}
.fi-unlink:before {
content: "\f209"
}
.fi-unlock:before {
content: "\f20a"
}
.fi-upload-cloud:before {
content: "\f20b"
}
.fi-upload:before {
content: "\f20c"
}
.fi-usb:before {
content: "\f20d"
}
.fi-video:before {
content: "\f20e"
}
.fi-volume-none:before {
content: "\f20f"
}
.fi-volume-strike:before {
content: "\f210"
}
.fi-volume:before {
content: "\f211"
}
.fi-web:before {
content: "\f212"
}
.fi-wheelchair:before {
content: "\f213"
}
.fi-widget:before {
content: "\f214"
}
.fi-wrench:before {
content: "\f215"
}
.fi-x-circle:before {
content: "\f216"
}
.fi-x:before {
content: "\f217"
}
.fi-yen:before {
content: "\f218"
}
.fi-zoom-in:before {
content: "\f219"
}
.fi-zoom-out:before {
content: "\f21a"
}
.grid-container {
max-width: 95rem
}
.grid-container,
.grid-container.fluid {
padding-right: .9375rem;
padding-left: .9375rem;
margin: 0 auto
}
.grid-container.fluid {
max-width: 100%
}
.grid-container.full {
padding-right: 0;
padding-left: 0;
max-width: 100%;
margin: 0 auto
}
.grid-x {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.flex-no-wrap .cell {
width: calc(100% - 1.875rem) !important;
}
.flex-no-wrap .cell .feature {
text-align: left;
}
.flex-no-wrap .cell .feature .feature__img__container {
float: left;
margin-right: 30px;
margin-top: -30px;
}
.flex-no-wrap .cell .feature p {
margin-left: 130px;
}
.cell {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-height: 0;
min-width: 0;
width: 100%
}
.cell.auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
.cell.shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x>.auto,
.grid-x>.shrink {
width: auto
}
.grid-x>.small-1,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12,
.grid-x>.small-full,
.grid-x>.small-shrink {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
@media print,
screen and (min-width:40em) {
.grid-x>.medium-1,
.grid-x>.medium-2,
.grid-x>.medium-3,
.grid-x>.medium-4,
.grid-x>.medium-5,
.grid-x>.medium-6,
.grid-x>.medium-7,
.grid-x>.medium-8,
.grid-x>.medium-9,
.grid-x>.medium-10,
.grid-x>.medium-11,
.grid-x>.medium-12,
.grid-x>.medium-full,
.grid-x>.medium-shrink {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media print,
screen and (min-width:64em) {
.grid-x>.large-1,
.grid-x>.large-2,
.grid-x>.large-3,
.grid-x>.large-4,
.grid-x>.large-5,
.grid-x>.large-6,
.grid-x>.large-7,
.grid-x>.large-8,
.grid-x>.large-9,
.grid-x>.large-10,
.grid-x>.large-11,
.grid-x>.large-12,
.grid-x>.large-full,
.grid-x>.large-shrink {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media screen and (min-width:37.5em) {
.grid-x>.for-tablet-portrait-up-1,
.grid-x>.for-tablet-portrait-up-2,
.grid-x>.for-tablet-portrait-up-3,
.grid-x>.for-tablet-portrait-up-4,
.grid-x>.for-tablet-portrait-up-5,
.grid-x>.for-tablet-portrait-up-6,
.grid-x>.for-tablet-portrait-up-7,
.grid-x>.for-tablet-portrait-up-8,
.grid-x>.for-tablet-portrait-up-9,
.grid-x>.for-tablet-portrait-up-10,
.grid-x>.for-tablet-portrait-up-11,
.grid-x>.for-tablet-portrait-up-12,
.grid-x>.for-tablet-portrait-up-full,
.grid-x>.for-tablet-portrait-up-shrink {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media screen and (min-width:56.25em) {
.grid-x>.for-tablet-landscape-up-1,
.grid-x>.for-tablet-landscape-up-2,
.grid-x>.for-tablet-landscape-up-3,
.grid-x>.for-tablet-landscape-up-4,
.grid-x>.for-tablet-landscape-up-5,
.grid-x>.for-tablet-landscape-up-6,
.grid-x>.for-tablet-landscape-up-7,
.grid-x>.for-tablet-landscape-up-8,
.grid-x>.for-tablet-landscape-up-9,
.grid-x>.for-tablet-landscape-up-10,
.grid-x>.for-tablet-landscape-up-11,
.grid-x>.for-tablet-landscape-up-12,
.grid-x>.for-tablet-landscape-up-full,
.grid-x>.for-tablet-landscape-up-shrink {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media screen and (min-width:75em) {
.grid-x>.for-desktop-up-1,
.grid-x>.for-desktop-up-2,
.grid-x>.for-desktop-up-3,
.grid-x>.for-desktop-up-4,
.grid-x>.for-desktop-up-5,
.grid-x>.for-desktop-up-6,
.grid-x>.for-desktop-up-7,
.grid-x>.for-desktop-up-8,
.grid-x>.for-desktop-up-9,
.grid-x>.for-desktop-up-10,
.grid-x>.for-desktop-up-11,
.grid-x>.for-desktop-up-12,
.grid-x>.for-desktop-up-full,
.grid-x>.for-desktop-up-shrink {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media screen and (min-width:120em) {
.grid-x>.for-big-desktop-up-1,
.grid-x>.for-big-desktop-up-2,
.grid-x>.for-big-desktop-up-3,
.grid-x>.for-big-desktop-up-4,
.grid-x>.for-big-desktop-up-5,
.grid-x>.for-big-desktop-up-6,
.grid-x>.for-big-desktop-up-7,
.grid-x>.for-big-desktop-up-8,
.grid-x>.for-big-desktop-up-9,
.grid-x>.for-big-desktop-up-10,
.grid-x>.for-big-desktop-up-11,
.grid-x>.for-big-desktop-up-12,
.grid-x>.for-big-desktop-up-full,
.grid-x>.for-big-desktop-up-shrink {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
.grid-x>.small-1,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x>.small-1 {
width: 8.33333%
}
.grid-x>.small-2 {
width: 16.66667%
}
.grid-x>.small-3 {
width: 25%
}
.grid-x>.small-4 {
width: 33.33333%
}
.grid-x>.small-5 {
width: 41.66667%
}
.grid-x>.small-6 {
width: 50%
}
.grid-x>.small-7 {
width: 58.33333%
}
.grid-x>.small-8 {
width: 66.66667%
}
.grid-x>.small-9 {
width: 75%
}
.grid-x>.small-10 {
width: 83.33333%
}
.grid-x>.small-11 {
width: 91.66667%
}
.grid-x>.small-12 {
width: 100%
}
@media print,
screen and (min-width:40em) {
.grid-x>.medium-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x>.medium-1,
.grid-x>.medium-2,
.grid-x>.medium-3,
.grid-x>.medium-4,
.grid-x>.medium-5,
.grid-x>.medium-6,
.grid-x>.medium-7,
.grid-x>.medium-8,
.grid-x>.medium-9,
.grid-x>.medium-10,
.grid-x>.medium-11,
.grid-x>.medium-12,
.grid-x>.medium-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x>.medium-shrink {
width: auto
}
.grid-x>.medium-1 {
width: 8.33333%
}
.grid-x>.medium-2 {
width: 16.66667%
}
.grid-x>.medium-3 {
width: 25%
}
.grid-x>.medium-4 {
width: 33.33333%
}
.grid-x>.medium-5 {
width: 41.66667%
}
.grid-x>.medium-6 {
width: 50%
}
.grid-x>.medium-7 {
width: 58.33333%
}
.grid-x>.medium-8 {
width: 66.66667%
}
.grid-x>.medium-9 {
width: 75%
}
.grid-x>.medium-10 {
width: 83.33333%
}
.grid-x>.medium-11 {
width: 91.66667%
}
.grid-x>.medium-12 {
width: 100%
}
}
@media print,
screen and (min-width:64em) {
.grid-x>.large-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x>.large-1,
.grid-x>.large-2,
.grid-x>.large-3,
.grid-x>.large-4,
.grid-x>.large-5,
.grid-x>.large-6,
.grid-x>.large-7,
.grid-x>.large-8,
.grid-x>.large-9,
.grid-x>.large-10,
.grid-x>.large-11,
.grid-x>.large-12,
.grid-x>.large-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x>.large-shrink {
width: auto
}
.grid-x>.large-1 {
width: 8.33333%
}
.grid-x>.large-2 {
width: 16.66667%
}
.grid-x>.large-3 {
width: 25%
}
.grid-x>.large-4 {
width: 33.33333%
}
.grid-x>.large-5 {
width: 41.66667%
}
.grid-x>.large-6 {
width: 50%
}
.grid-x>.large-7 {
width: 58.33333%
}
.grid-x>.large-8 {
width: 66.66667%
}
.grid-x>.large-9 {
width: 75%
}
.grid-x>.large-10 {
width: 83.33333%
}
.grid-x>.large-11 {
width: 91.66667%
}
.grid-x>.large-12 {
width: 100%
}
}
@media screen and (min-width:37.5em) {
.grid-x>.for-tablet-portrait-up-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x>.for-tablet-portrait-up-1,
.grid-x>.for-tablet-portrait-up-2,
.grid-x>.for-tablet-portrait-up-3,
.grid-x>.for-tablet-portrait-up-4,
.grid-x>.for-tablet-portrait-up-5,
.grid-x>.for-tablet-portrait-up-6,
.grid-x>.for-tablet-portrait-up-7,
.grid-x>.for-tablet-portrait-up-8,
.grid-x>.for-tablet-portrait-up-9,
.grid-x>.for-tablet-portrait-up-10,
.grid-x>.for-tablet-portrait-up-11,
.grid-x>.for-tablet-portrait-up-12,
.grid-x>.for-tablet-portrait-up-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x>.for-tablet-portrait-up-shrink {
width: auto
}
.grid-x>.for-tablet-portrait-up-1 {
width: 8.33333%
}
.grid-x>.for-tablet-portrait-up-2 {
width: 16.66667%
}
.grid-x>.for-tablet-portrait-up-3 {
width: 25%
}
.grid-x>.for-tablet-portrait-up-4 {
width: 33.33333%
}
.grid-x>.for-tablet-portrait-up-5 {
width: 41.66667%
}
.grid-x>.for-tablet-portrait-up-6 {
width: 50%
}
.grid-x>.for-tablet-portrait-up-7 {
width: 58.33333%
}
.grid-x>.for-tablet-portrait-up-8 {
width: 66.66667%
}
.grid-x>.for-tablet-portrait-up-9 {
width: 75%
}
.grid-x>.for-tablet-portrait-up-10 {
width: 83.33333%
}
.grid-x>.for-tablet-portrait-up-11 {
width: 91.66667%
}
.grid-x>.for-tablet-portrait-up-12 {
width: 100%
}
}
@media screen and (min-width:56.25em) {
.grid-x>.for-tablet-landscape-up-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x>.for-tablet-landscape-up-1,
.grid-x>.for-tablet-landscape-up-2,
.grid-x>.for-tablet-landscape-up-3,
.grid-x>.for-tablet-landscape-up-4,
.grid-x>.for-tablet-landscape-up-5,
.grid-x>.for-tablet-landscape-up-6,
.grid-x>.for-tablet-landscape-up-7,
.grid-x>.for-tablet-landscape-up-8,
.grid-x>.for-tablet-landscape-up-9,
.grid-x>.for-tablet-landscape-up-10,
.grid-x>.for-tablet-landscape-up-11,
.grid-x>.for-tablet-landscape-up-12,
.grid-x>.for-tablet-landscape-up-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x>.for-tablet-landscape-up-shrink {
width: auto
}
.grid-x>.for-tablet-landscape-up-1 {
width: 8.33333%
}
.grid-x>.for-tablet-landscape-up-2 {
width: 16.66667%
}
.grid-x>.for-tablet-landscape-up-3 {
width: 25%
}
.grid-x>.for-tablet-landscape-up-4 {
width: 33.33333%
}
.grid-x>.for-tablet-landscape-up-5 {
width: 41.66667%
}
.grid-x>.for-tablet-landscape-up-6 {
width: 50%
}
.grid-x>.for-tablet-landscape-up-7 {
width: 58.33333%
}
.grid-x>.for-tablet-landscape-up-8 {
width: 66.66667%
}
.grid-x>.for-tablet-landscape-up-9 {
width: 75%
}
.grid-x>.for-tablet-landscape-up-10 {
width: 83.33333%
}
.grid-x>.for-tablet-landscape-up-11 {
width: 91.66667%
}
.grid-x>.for-tablet-landscape-up-12 {
width: 100%
}
}
@media screen and (min-width:75em) {
.grid-x>.for-desktop-up-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x>.for-desktop-up-1,
.grid-x>.for-desktop-up-2,
.grid-x>.for-desktop-up-3,
.grid-x>.for-desktop-up-4,
.grid-x>.for-desktop-up-5,
.grid-x>.for-desktop-up-6,
.grid-x>.for-desktop-up-7,
.grid-x>.for-desktop-up-8,
.grid-x>.for-desktop-up-9,
.grid-x>.for-desktop-up-10,
.grid-x>.for-desktop-up-11,
.grid-x>.for-desktop-up-12,
.grid-x>.for-desktop-up-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x>.for-desktop-up-shrink {
width: auto
}
.grid-x>.for-desktop-up-1 {
width: 8.33333%
}
.grid-x>.for-desktop-up-2 {
width: 16.66667%
}
.grid-x>.for-desktop-up-3 {
width: 25%
}
.grid-x>.for-desktop-up-4 {
width: 33.33333%
}
.grid-x>.for-desktop-up-5 {
width: 41.66667%
}
.grid-x>.for-desktop-up-6 {
width: 50%
}
.grid-x>.for-desktop-up-7 {
width: 58.33333%
}
.grid-x>.for-desktop-up-8 {
width: 66.66667%
}
.grid-x>.for-desktop-up-9 {
width: 75%
}
.grid-x>.for-desktop-up-10 {
width: 83.33333%
}
.grid-x>.for-desktop-up-11 {
width: 91.66667%
}
.grid-x>.for-desktop-up-12 {
width: 100%
}
}
@media screen and (min-width:120em) {
.grid-x>.for-big-desktop-up-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x>.for-big-desktop-up-1,
.grid-x>.for-big-desktop-up-2,
.grid-x>.for-big-desktop-up-3,
.grid-x>.for-big-desktop-up-4,
.grid-x>.for-big-desktop-up-5,
.grid-x>.for-big-desktop-up-6,
.grid-x>.for-big-desktop-up-7,
.grid-x>.for-big-desktop-up-8,
.grid-x>.for-big-desktop-up-9,
.grid-x>.for-big-desktop-up-10,
.grid-x>.for-big-desktop-up-11,
.grid-x>.for-big-desktop-up-12,
.grid-x>.for-big-desktop-up-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x>.for-big-desktop-up-shrink {
width: auto
}
.grid-x>.for-big-desktop-up-1 {
width: 8.33333%
}
.grid-x>.for-big-desktop-up-2 {
width: 16.66667%
}
.grid-x>.for-big-desktop-up-3 {
width: 25%
}
.grid-x>.for-big-desktop-up-4 {
width: 33.33333%
}
.grid-x>.for-big-desktop-up-5 {
width: 41.66667%
}
.grid-x>.for-big-desktop-up-6 {
width: 50%
}
.grid-x>.for-big-desktop-up-7 {
width: 58.33333%
}
.grid-x>.for-big-desktop-up-8 {
width: 66.66667%
}
.grid-x>.for-big-desktop-up-9 {
width: 75%
}
.grid-x>.for-big-desktop-up-10 {
width: 83.33333%
}
.grid-x>.for-big-desktop-up-11 {
width: 91.66667%
}
.grid-x>.for-big-desktop-up-12 {
width: 100%
}
}
.grid-margin-x:not(.grid-x)>.cell {
width: auto
}
.grid-margin-y:not(.grid-y)>.cell {
height: auto
}
.grid-margin-x {
margin-left: -.9375rem;
margin-right: -.9375rem
}
@media print,
screen and (min-width:40em) {
.grid-margin-x {
margin-left: -.9375rem;
margin-right: -.9375rem
}
}
.grid-margin-x>.cell {
width: calc(100% - 1.875rem);
margin-left: .9375rem;
margin-right: .9375rem
}
@media print,
screen and (min-width:40em) {
.grid-margin-x>.cell {
width: calc(100% - 1.875rem);
margin-left: .9375rem;
margin-right: .9375rem
}
}
.grid-margin-x>.auto,
.grid-margin-x>.shrink {
width: auto
}
.grid-margin-x>.small-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.small-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.small-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.small-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.small-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.small-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.small-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.small-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.small-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.small-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.small-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.small-12 {
width: calc(100% - 1.875rem)
}
@media print,
screen and (min-width:40em) {
.grid-margin-x>.auto,
.grid-margin-x>.shrink {
width: auto
}
.grid-margin-x>.small-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.small-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.small-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.small-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.small-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.small-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.small-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.small-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.small-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.small-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.small-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.small-12 {
width: calc(100% - 1.875rem)
}
.grid-margin-x>.medium-auto,
.grid-margin-x>.medium-shrink {
width: auto
}
.grid-margin-x>.medium-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.medium-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.medium-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.medium-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.medium-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.medium-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.medium-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.medium-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.medium-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.medium-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.medium-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.medium-12 {
width: calc(100% - 1.875rem)
}
}
@media print,
screen and (min-width:64em) {
.grid-margin-x>.large-auto,
.grid-margin-x>.large-shrink {
width: auto
}
.grid-margin-x>.large-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.large-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.large-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.large-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.large-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.large-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.large-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.large-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.large-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.large-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.large-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.large-12 {
width: calc(100% - 1.875rem)
}
}
@media screen and (min-width:37.5em) {
.grid-margin-x>.for-tablet-portrait-up-auto,
.grid-margin-x>.for-tablet-portrait-up-shrink {
width: auto
}
.grid-margin-x>.for-tablet-portrait-up-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.for-tablet-portrait-up-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.for-tablet-portrait-up-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.for-tablet-portrait-up-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.for-tablet-portrait-up-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.for-tablet-portrait-up-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.for-tablet-portrait-up-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.for-tablet-portrait-up-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.for-tablet-portrait-up-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.for-tablet-portrait-up-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.for-tablet-portrait-up-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.for-tablet-portrait-up-12 {
width: calc(100% - 1.875rem)
}
}
@media screen and (min-width:56.25em) {
.grid-margin-x>.for-tablet-landscape-up-auto,
.grid-margin-x>.for-tablet-landscape-up-shrink {
width: auto
}
.grid-margin-x>.for-tablet-landscape-up-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.for-tablet-landscape-up-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.for-tablet-landscape-up-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.for-tablet-landscape-up-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.for-tablet-landscape-up-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.for-tablet-landscape-up-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.for-tablet-landscape-up-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.for-tablet-landscape-up-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.for-tablet-landscape-up-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.for-tablet-landscape-up-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.for-tablet-landscape-up-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.for-tablet-landscape-up-12 {
width: calc(100% - 1.875rem)
}
}
@media screen and (min-width:75em) {
.grid-margin-x>.for-desktop-up-auto,
.grid-margin-x>.for-desktop-up-shrink {
width: auto
}
.grid-margin-x>.for-desktop-up-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.for-desktop-up-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.for-desktop-up-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.for-desktop-up-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.for-desktop-up-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.for-desktop-up-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.for-desktop-up-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.for-desktop-up-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.for-desktop-up-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.for-desktop-up-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.for-desktop-up-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.for-desktop-up-12 {
width: calc(100% - 1.875rem)
}
}
@media screen and (min-width:120em) {
.grid-margin-x>.for-big-desktop-up-auto,
.grid-margin-x>.for-big-desktop-up-shrink {
width: auto
}
.grid-margin-x>.for-big-desktop-up-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.for-big-desktop-up-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.for-big-desktop-up-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.for-big-desktop-up-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.for-big-desktop-up-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.for-big-desktop-up-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.for-big-desktop-up-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.for-big-desktop-up-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.for-big-desktop-up-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.for-big-desktop-up-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.for-big-desktop-up-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.for-big-desktop-up-12 {
width: calc(100% - 1.875rem)
}
}
.grid-padding-x .grid-padding-x {
margin-right: -.9375rem;
margin-left: -.9375rem
}
@media print,
screen and (min-width:40em) {
.grid-padding-x .grid-padding-x {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
.grid-container:not(.full)>.grid-padding-x {
margin-right: -.9375rem;
margin-left: -.9375rem
}
@media print,
screen and (min-width:40em) {
.grid-container:not(.full)>.grid-padding-x {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
.grid-padding-x>.cell {
padding-right: .625rem;
padding-left: .625rem
}
@media print,
screen and (min-width:40em) {
.grid-padding-x>.cell {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.small-up-1>.cell {
width: 100%
}
.small-up-2>.cell {
width: 50%
}
.small-up-3>.cell {
width: 33.33333%
}
.small-up-4>.cell {
width: 25%
}
.small-up-5>.cell {
width: 20%
}
.small-up-6>.cell {
width: 16.66667%
}
.small-up-7>.cell {
width: 14.28571%
}
.small-up-8>.cell {
width: 12.5%
}
@media print,
screen and (min-width:40em) {
.medium-up-1>.cell {
width: 100%
}
.medium-up-2>.cell {
width: 50%
}
.medium-up-3>.cell {
width: 33.33333%
}
.medium-up-4>.cell {
width: 25%
}
.medium-up-5>.cell {
width: 20%
}
.medium-up-6>.cell {
width: 16.66667%
}
.medium-up-7>.cell {
width: 14.28571%
}
.medium-up-8>.cell {
width: 12.5%
}
}
@media print,
screen and (min-width:64em) {
.large-up-1>.cell {
width: 100%
}
.large-up-2>.cell {
width: 50%
}
.large-up-3>.cell {
width: 33.33333%
}
.large-up-4>.cell {
width: 25%
}
.large-up-5>.cell {
width: 20%
}
.large-up-6>.cell {
width: 16.66667%
}
.large-up-7>.cell {
width: 14.28571%
}
.large-up-8>.cell {
width: 12.5%
}
}
@media screen and (min-width:37.5em) {
.for-tablet-portrait-up-up-1>.cell {
width: 100%
}
.for-tablet-portrait-up-up-2>.cell {
width: 50%
}
.for-tablet-portrait-up-up-3>.cell {
width: 33.33333%
}
.for-tablet-portrait-up-up-4>.cell {
width: 25%
}
.for-tablet-portrait-up-up-5>.cell {
width: 20%
}
.for-tablet-portrait-up-up-6>.cell {
width: 16.66667%
}
.for-tablet-portrait-up-up-7>.cell {
width: 14.28571%
}
.for-tablet-portrait-up-up-8>.cell {
width: 12.5%
}
}
@media screen and (min-width:56.25em) {
.for-tablet-landscape-up-up-1>.cell {
width: 100%
}
.for-tablet-landscape-up-up-2>.cell {
width: 50%
}
.for-tablet-landscape-up-up-3>.cell {
width: 33.33333%
}
.for-tablet-landscape-up-up-4>.cell {
width: 25%
}
.for-tablet-landscape-up-up-5>.cell {
width: 20%
}
.for-tablet-landscape-up-up-6>.cell {
width: 16.66667%
}
.for-tablet-landscape-up-up-7>.cell {
width: 14.28571%
}
.for-tablet-landscape-up-up-8>.cell {
width: 12.5%
}
}
@media screen and (min-width:75em) {
.for-desktop-up-up-1>.cell {
width: 100%
}
.for-desktop-up-up-2>.cell {
width: 50%
}
.for-desktop-up-up-3>.cell {
width: 33.33333%
}
.for-desktop-up-up-4>.cell {
width: 25%
}
.for-desktop-up-up-5>.cell {
width: 20%
}
.for-desktop-up-up-6>.cell {
width: 16.66667%
}
.for-desktop-up-up-7>.cell {
width: 14.28571%
}
.for-desktop-up-up-8>.cell {
width: 12.5%
}
}
@media screen and (min-width:120em) {
.for-big-desktop-up-up-1>.cell {
width: 100%
}
.for-big-desktop-up-up-2>.cell {
width: 50%
}
.for-big-desktop-up-up-3>.cell {
width: 33.33333%
}
.for-big-desktop-up-up-4>.cell {
width: 25%
}
.for-big-desktop-up-up-5>.cell {
width: 20%
}
.for-big-desktop-up-up-6>.cell {
width: 16.66667%
}
.for-big-desktop-up-up-7>.cell {
width: 14.28571%
}
.for-big-desktop-up-up-8>.cell {
width: 12.5%
}
}
.grid-margin-x.small-up-1>.cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.small-up-2>.cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.small-up-3>.cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.small-up-4>.cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.small-up-5>.cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.small-up-6>.cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.small-up-7>.cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.small-up-8>.cell {
width: calc(12.5% - 1.875rem)
}
@media print,
screen and (min-width:40em) {
.grid-margin-x.small-up-1>.cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.small-up-2>.cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.small-up-3>.cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.small-up-4>.cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.small-up-5>.cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.small-up-6>.cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.small-up-7>.cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.small-up-8>.cell {
width: calc(12.5% - 1.875rem)
}
.grid-margin-x.medium-up-1>.cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.medium-up-2>.cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.medium-up-3>.cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.medium-up-4>.cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.medium-up-5>.cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.medium-up-6>.cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.medium-up-7>.cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.medium-up-8>.cell {
width: calc(12.5% - 1.875rem)
}
}
@media print,
screen and (min-width:64em) {
.grid-margin-x.large-up-1>.cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.large-up-2>.cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.large-up-3>.cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.large-up-4>.cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.large-up-5>.cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.large-up-6>.cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.large-up-7>.cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.large-up-8>.cell {
width: calc(12.5% - 1.875rem)
}
}
@media screen and (min-width:37.5em) {
.grid-margin-x.for-tablet-portrait-up-up-1>.cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.for-tablet-portrait-up-up-2>.cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.for-tablet-portrait-up-up-3>.cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.for-tablet-portrait-up-up-4>.cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.for-tablet-portrait-up-up-5>.cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.for-tablet-portrait-up-up-6>.cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.for-tablet-portrait-up-up-7>.cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.for-tablet-portrait-up-up-8>.cell {
width: calc(12.5% - 1.875rem)
}
}
@media screen and (min-width:56.25em) {
.grid-margin-x.for-tablet-landscape-up-up-1>.cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.for-tablet-landscape-up-up-2>.cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.for-tablet-landscape-up-up-3>.cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.for-tablet-landscape-up-up-4>.cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.for-tablet-landscape-up-up-5>.cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.for-tablet-landscape-up-up-6>.cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.for-tablet-landscape-up-up-7>.cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.for-tablet-landscape-up-up-8>.cell {
width: calc(12.5% - 1.875rem)
}
}
@media screen and (min-width:75em) {
.grid-margin-x.for-desktop-up-up-1>.cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.for-desktop-up-up-2>.cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.for-desktop-up-up-3>.cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.for-desktop-up-up-4>.cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.for-desktop-up-up-5>.cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.for-desktop-up-up-6>.cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.for-desktop-up-up-7>.cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.for-desktop-up-up-8>.cell {
width: calc(12.5% - 1.875rem)
}
}
@media screen and (min-width:120em) {
.grid-margin-x.for-big-desktop-up-up-1>.cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.for-big-desktop-up-up-2>.cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.for-big-desktop-up-up-3>.cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.for-big-desktop-up-up-4>.cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.for-big-desktop-up-up-5>.cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.for-big-desktop-up-up-6>.cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.for-big-desktop-up-up-7>.cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.for-big-desktop-up-up-8>.cell {
width: calc(12.5% - 1.875rem)
}
}
.small-margin-collapse,
.small-margin-collapse>.cell {
margin-right: 0;
margin-left: 0
}
.small-margin-collapse>.small-1 {
width: 8.33333%
}
.small-margin-collapse>.small-2 {
width: 16.66667%
}
.small-margin-collapse>.small-3 {
width: 25%
}
.small-margin-collapse>.small-4 {
width: 33.33333%
}
.small-margin-collapse>.small-5 {
width: 41.66667%
}
.small-margin-collapse>.small-6 {
width: 50%
}
.small-margin-collapse>.small-7 {
width: 58.33333%
}
.small-margin-collapse>.small-8 {
width: 66.66667%
}
.small-margin-collapse>.small-9 {
width: 75%
}
.small-margin-collapse>.small-10 {
width: 83.33333%
}
.small-margin-collapse>.small-11 {
width: 91.66667%
}
.small-margin-collapse>.small-12 {
width: 100%
}
@media print,
screen and (min-width:40em) {
.small-margin-collapse>.medium-1 {
width: 8.33333%
}
.small-margin-collapse>.medium-2 {
width: 16.66667%
}
.small-margin-collapse>.medium-3 {
width: 25%
}
.small-margin-collapse>.medium-4 {
width: 33.33333%
}
.small-margin-collapse>.medium-5 {
width: 41.66667%
}
.small-margin-collapse>.medium-6 {
width: 50%
}
.small-margin-collapse>.medium-7 {
width: 58.33333%
}
.small-margin-collapse>.medium-8 {
width: 66.66667%
}
.small-margin-collapse>.medium-9 {
width: 75%
}
.small-margin-collapse>.medium-10 {
width: 83.33333%
}
.small-margin-collapse>.medium-11 {
width: 91.66667%
}
.small-margin-collapse>.medium-12 {
width: 100%
}
}
@media print,
screen and (min-width:64em) {
.small-margin-collapse>.large-1 {
width: 8.33333%
}
.small-margin-collapse>.large-2 {
width: 16.66667%
}
.small-margin-collapse>.large-3 {
width: 25%
}
.small-margin-collapse>.large-4 {
width: 33.33333%
}
.small-margin-collapse>.large-5 {
width: 41.66667%
}
.small-margin-collapse>.large-6 {
width: 50%
}
.small-margin-collapse>.large-7 {
width: 58.33333%
}
.small-margin-collapse>.large-8 {
width: 66.66667%
}
.small-margin-collapse>.large-9 {
width: 75%
}
.small-margin-collapse>.large-10 {
width: 83.33333%
}
.small-margin-collapse>.large-11 {
width: 91.66667%
}
.small-margin-collapse>.large-12 {
width: 100%
}
}
@media screen and (min-width:37.5em) {
.small-margin-collapse>.for-tablet-portrait-up-1 {
width: 8.33333%
}
.small-margin-collapse>.for-tablet-portrait-up-2 {
width: 16.66667%
}
.small-margin-collapse>.for-tablet-portrait-up-3 {
width: 25%
}
.small-margin-collapse>.for-tablet-portrait-up-4 {
width: 33.33333%
}
.small-margin-collapse>.for-tablet-portrait-up-5 {
width: 41.66667%
}
.small-margin-collapse>.for-tablet-portrait-up-6 {
width: 50%
}
.small-margin-collapse>.for-tablet-portrait-up-7 {
width: 58.33333%
}
.small-margin-collapse>.for-tablet-portrait-up-8 {
width: 66.66667%
}
.small-margin-collapse>.for-tablet-portrait-up-9 {
width: 75%
}
.small-margin-collapse>.for-tablet-portrait-up-10 {
width: 83.33333%
}
.small-margin-collapse>.for-tablet-portrait-up-11 {
width: 91.66667%
}
.small-margin-collapse>.for-tablet-portrait-up-12 {
width: 100%
}
}
@media screen and (min-width:56.25em) {
.small-margin-collapse>.for-tablet-landscape-up-1 {
width: 8.33333%
}
.small-margin-collapse>.for-tablet-landscape-up-2 {
width: 16.66667%
}
.small-margin-collapse>.for-tablet-landscape-up-3 {
width: 25%
}
.small-margin-collapse>.for-tablet-landscape-up-4 {
width: 33.33333%
}
.small-margin-collapse>.for-tablet-landscape-up-5 {
width: 41.66667%
}
.small-margin-collapse>.for-tablet-landscape-up-6 {
width: 50%
}
.small-margin-collapse>.for-tablet-landscape-up-7 {
width: 58.33333%
}
.small-margin-collapse>.for-tablet-landscape-up-8 {
width: 66.66667%
}
.small-margin-collapse>.for-tablet-landscape-up-9 {
width: 75%
}
.small-margin-collapse>.for-tablet-landscape-up-10 {
width: 83.33333%
}
.small-margin-collapse>.for-tablet-landscape-up-11 {
width: 91.66667%
}
.small-margin-collapse>.for-tablet-landscape-up-12 {
width: 100%
}
}
@media screen and (min-width:75em) {
.small-margin-collapse>.for-desktop-up-1 {
width: 8.33333%
}
.small-margin-collapse>.for-desktop-up-2 {
width: 16.66667%
}
.small-margin-collapse>.for-desktop-up-3 {
width: 25%
}
.small-margin-collapse>.for-desktop-up-4 {
width: 33.33333%
}
.small-margin-collapse>.for-desktop-up-5 {
width: 41.66667%
}
.small-margin-collapse>.for-desktop-up-6 {
width: 50%
}
.small-margin-collapse>.for-desktop-up-7 {
width: 58.33333%
}
.small-margin-collapse>.for-desktop-up-8 {
width: 66.66667%
}
.small-margin-collapse>.for-desktop-up-9 {
width: 75%
}
.small-margin-collapse>.for-desktop-up-10 {
width: 83.33333%
}
.small-margin-collapse>.for-desktop-up-11 {
width: 91.66667%
}
.small-margin-collapse>.for-desktop-up-12 {
width: 100%
}
}
@media screen and (min-width:120em) {
.small-margin-collapse>.for-big-desktop-up-1 {
width: 8.33333%
}
.small-margin-collapse>.for-big-desktop-up-2 {
width: 16.66667%
}
.small-margin-collapse>.for-big-desktop-up-3 {
width: 25%
}
.small-margin-collapse>.for-big-desktop-up-4 {
width: 33.33333%
}
.small-margin-collapse>.for-big-desktop-up-5 {
width: 41.66667%
}
.small-margin-collapse>.for-big-desktop-up-6 {
width: 50%
}
.small-margin-collapse>.for-big-desktop-up-7 {
width: 58.33333%
}
.small-margin-collapse>.for-big-desktop-up-8 {
width: 66.66667%
}
.small-margin-collapse>.for-big-desktop-up-9 {
width: 75%
}
.small-margin-collapse>.for-big-desktop-up-10 {
width: 83.33333%
}
.small-margin-collapse>.for-big-desktop-up-11 {
width: 91.66667%
}
.small-margin-collapse>.for-big-desktop-up-12 {
width: 100%
}
}
.small-padding-collapse {
margin-right: 0;
margin-left: 0
}
.small-padding-collapse>.cell {
padding-right: 0;
padding-left: 0
}
@media print,
screen and (min-width:40em) {
.medium-margin-collapse,
.medium-margin-collapse>.cell {
margin-right: 0;
margin-left: 0
}
}
@media print,
screen and (min-width:40em) {
.medium-margin-collapse>.small-1 {
width: 8.33333%
}
.medium-margin-collapse>.small-2 {
width: 16.66667%
}
.medium-margin-collapse>.small-3 {
width: 25%
}
.medium-margin-collapse>.small-4 {
width: 33.33333%
}
.medium-margin-collapse>.small-5 {
width: 41.66667%
}
.medium-margin-collapse>.small-6 {
width: 50%
}
.medium-margin-collapse>.small-7 {
width: 58.33333%
}
.medium-margin-collapse>.small-8 {
width: 66.66667%
}
.medium-margin-collapse>.small-9 {
width: 75%
}
.medium-margin-collapse>.small-10 {
width: 83.33333%
}
.medium-margin-collapse>.small-11 {
width: 91.66667%
}
.medium-margin-collapse>.small-12 {
width: 100%
}
}
@media print,
screen and (min-width:40em) {
.medium-margin-collapse>.medium-1 {
width: 8.33333%
}
.medium-margin-collapse>.medium-2 {
width: 16.66667%
}
.medium-margin-collapse>.medium-3 {
width: 25%
}
.medium-margin-collapse>.medium-4 {
width: 33.33333%
}
.medium-margin-collapse>.medium-5 {
width: 41.66667%
}
.medium-margin-collapse>.medium-6 {
width: 50%
}
.medium-margin-collapse>.medium-7 {
width: 58.33333%
}
.medium-margin-collapse>.medium-8 {
width: 66.66667%
}
.medium-margin-collapse>.medium-9 {
width: 75%
}
.medium-margin-collapse>.medium-10 {
width: 83.33333%
}
.medium-margin-collapse>.medium-11 {
width: 91.66667%
}
.medium-margin-collapse>.medium-12 {
width: 100%
}
}
@media print,
screen and (min-width:64em) {
.medium-margin-collapse>.large-1 {
width: 8.33333%
}
.medium-margin-collapse>.large-2 {
width: 16.66667%
}
.medium-margin-collapse>.large-3 {
width: 25%
}
.medium-margin-collapse>.large-4 {
width: 33.33333%
}
.medium-margin-collapse>.large-5 {
width: 41.66667%
}
.medium-margin-collapse>.large-6 {
width: 50%
}
.medium-margin-collapse>.large-7 {
width: 58.33333%
}
.medium-margin-collapse>.large-8 {
width: 66.66667%
}
.medium-margin-collapse>.large-9 {
width: 75%
}
.medium-margin-collapse>.large-10 {
width: 83.33333%
}
.medium-margin-collapse>.large-11 {
width: 91.66667%
}
.medium-margin-collapse>.large-12 {
width: 100%
}
}
@media screen and (min-width:37.5em) {
.medium-margin-collapse>.for-tablet-portrait-up-1 {
width: 8.33333%
}
.medium-margin-collapse>.for-tablet-portrait-up-2 {
width: 16.66667%
}
.medium-margin-collapse>.for-tablet-portrait-up-3 {
width: 25%
}
.medium-margin-collapse>.for-tablet-portrait-up-4 {
width: 33.33333%
}
.medium-margin-collapse>.for-tablet-portrait-up-5 {
width: 41.66667%
}
.medium-margin-collapse>.for-tablet-portrait-up-6 {
width: 50%
}
.medium-margin-collapse>.for-tablet-portrait-up-7 {
width: 58.33333%
}
.medium-margin-collapse>.for-tablet-portrait-up-8 {
width: 66.66667%
}
.medium-margin-collapse>.for-tablet-portrait-up-9 {
width: 75%
}
.medium-margin-collapse>.for-tablet-portrait-up-10 {
width: 83.33333%
}
.medium-margin-collapse>.for-tablet-portrait-up-11 {
width: 91.66667%
}
.medium-margin-collapse>.for-tablet-portrait-up-12 {
width: 100%
}
}
@media screen and (min-width:56.25em) {
.medium-margin-collapse>.for-tablet-landscape-up-1 {
width: 8.33333%
}
.medium-margin-collapse>.for-tablet-landscape-up-2 {
width: 16.66667%
}
.medium-margin-collapse>.for-tablet-landscape-up-3 {
width: 25%
}
.medium-margin-collapse>.for-tablet-landscape-up-4 {
width: 33.33333%
}
.medium-margin-collapse>.for-tablet-landscape-up-5 {
width: 41.66667%
}
.medium-margin-collapse>.for-tablet-landscape-up-6 {
width: 50%
}
.medium-margin-collapse>.for-tablet-landscape-up-7 {
width: 58.33333%
}
.medium-margin-collapse>.for-tablet-landscape-up-8 {
width: 66.66667%
}
.medium-margin-collapse>.for-tablet-landscape-up-9 {
width: 75%
}
.medium-margin-collapse>.for-tablet-landscape-up-10 {
width: 83.33333%
}
.medium-margin-collapse>.for-tablet-landscape-up-11 {
width: 91.66667%
}
.medium-margin-collapse>.for-tablet-landscape-up-12 {
width: 100%
}
}
@media screen and (min-width:75em) {
.medium-margin-collapse>.for-desktop-up-1 {
width: 8.33333%
}
.medium-margin-collapse>.for-desktop-up-2 {
width: 16.66667%
}
.medium-margin-collapse>.for-desktop-up-3 {
width: 25%
}
.medium-margin-collapse>.for-desktop-up-4 {
width: 33.33333%
}
.medium-margin-collapse>.for-desktop-up-5 {
width: 41.66667%
}
.medium-margin-collapse>.for-desktop-up-6 {
width: 50%
}
.medium-margin-collapse>.for-desktop-up-7 {
width: 58.33333%
}
.medium-margin-collapse>.for-desktop-up-8 {
width: 66.66667%
}
.medium-margin-collapse>.for-desktop-up-9 {
width: 75%
}
.medium-margin-collapse>.for-desktop-up-10 {
width: 83.33333%
}
.medium-margin-collapse>.for-desktop-up-11 {
width: 91.66667%
}
.medium-margin-collapse>.for-desktop-up-12 {
width: 100%
}
}
@media screen and (min-width:120em) {
.medium-margin-collapse>.for-big-desktop-up-1 {
width: 8.33333%
}
.medium-margin-collapse>.for-big-desktop-up-2 {
width: 16.66667%
}
.medium-margin-collapse>.for-big-desktop-up-3 {
width: 25%
}
.medium-margin-collapse>.for-big-desktop-up-4 {
width: 33.33333%
}
.medium-margin-collapse>.for-big-desktop-up-5 {
width: 41.66667%
}
.medium-margin-collapse>.for-big-desktop-up-6 {
width: 50%
}
.medium-margin-collapse>.for-big-desktop-up-7 {
width: 58.33333%
}
.medium-margin-collapse>.for-big-desktop-up-8 {
width: 66.66667%
}
.medium-margin-collapse>.for-big-desktop-up-9 {
width: 75%
}
.medium-margin-collapse>.for-big-desktop-up-10 {
width: 83.33333%
}
.medium-margin-collapse>.for-big-desktop-up-11 {
width: 91.66667%
}
.medium-margin-collapse>.for-big-desktop-up-12 {
width: 100%
}
}
@media print,
screen and (min-width:40em) {
.medium-padding-collapse {
margin-right: 0;
margin-left: 0
}
.medium-padding-collapse>.cell {
padding-right: 0;
padding-left: 0
}
}
@media print,
screen and (min-width:64em) {
.large-margin-collapse,
.large-margin-collapse>.cell {
margin-right: 0;
margin-left: 0
}
}
@media print,
screen and (min-width:64em) {
.large-margin-collapse>.small-1 {
width: 8.33333%
}
.large-margin-collapse>.small-2 {
width: 16.66667%
}
.large-margin-collapse>.small-3 {
width: 25%
}
.large-margin-collapse>.small-4 {
width: 33.33333%
}
.large-margin-collapse>.small-5 {
width: 41.66667%
}
.large-margin-collapse>.small-6 {
width: 50%
}
.large-margin-collapse>.small-7 {
width: 58.33333%
}
.large-margin-collapse>.small-8 {
width: 66.66667%
}
.large-margin-collapse>.small-9 {
width: 75%
}
.large-margin-collapse>.small-10 {
width: 83.33333%
}
.large-margin-collapse>.small-11 {
width: 91.66667%
}
.large-margin-collapse>.small-12 {
width: 100%
}
}
@media print,
screen and (min-width:64em) {
.large-margin-collapse>.medium-1 {
width: 8.33333%
}
.large-margin-collapse>.medium-2 {
width: 16.66667%
}
.large-margin-collapse>.medium-3 {
width: 25%
}
.large-margin-collapse>.medium-4 {
width: 33.33333%
}
.large-margin-collapse>.medium-5 {
width: 41.66667%
}
.large-margin-collapse>.medium-6 {
width: 50%
}
.large-margin-collapse>.medium-7 {
width: 58.33333%
}
.large-margin-collapse>.medium-8 {
width: 66.66667%
}
.large-margin-collapse>.medium-9 {
width: 75%
}
.large-margin-collapse>.medium-10 {
width: 83.33333%
}
.large-margin-collapse>.medium-11 {
width: 91.66667%
}
.large-margin-collapse>.medium-12 {
width: 100%
}
}
@media print,
screen and (min-width:64em) {
.large-margin-collapse>.large-1 {
width: 8.33333%
}
.large-margin-collapse>.large-2 {
width: 16.66667%
}
.large-margin-collapse>.large-3 {
width: 25%
}
.large-margin-collapse>.large-4 {
width: 33.33333%
}
.large-margin-collapse>.large-5 {
width: 41.66667%
}
.large-margin-collapse>.large-6 {
width: 50%
}
.large-margin-collapse>.large-7 {
width: 58.33333%
}
.large-margin-collapse>.large-8 {
width: 66.66667%
}
.large-margin-collapse>.large-9 {
width: 75%
}
.large-margin-collapse>.large-10 {
width: 83.33333%
}
.large-margin-collapse>.large-11 {
width: 91.66667%
}
.large-margin-collapse>.large-12 {
width: 100%
}
}
@media screen and (min-width:37.5em) {
.large-margin-collapse>.for-tablet-portrait-up-1 {
width: 8.33333%
}
.large-margin-collapse>.for-tablet-portrait-up-2 {
width: 16.66667%
}
.large-margin-collapse>.for-tablet-portrait-up-3 {
width: 25%
}
.large-margin-collapse>.for-tablet-portrait-up-4 {
width: 33.33333%
}
.large-margin-collapse>.for-tablet-portrait-up-5 {
width: 41.66667%
}
.large-margin-collapse>.for-tablet-portrait-up-6 {
width: 50%
}
.large-margin-collapse>.for-tablet-portrait-up-7 {
width: 58.33333%
}
.large-margin-collapse>.for-tablet-portrait-up-8 {
width: 66.66667%
}
.large-margin-collapse>.for-tablet-portrait-up-9 {
width: 75%
}
.large-margin-collapse>.for-tablet-portrait-up-10 {
width: 83.33333%
}
.large-margin-collapse>.for-tablet-portrait-up-11 {
width: 91.66667%
}
.large-margin-collapse>.for-tablet-portrait-up-12 {
width: 100%
}
}
@media screen and (min-width:56.25em) {
.large-margin-collapse>.for-tablet-landscape-up-1 {
width: 8.33333%
}
.large-margin-collapse>.for-tablet-landscape-up-2 {
width: 16.66667%
}
.large-margin-collapse>.for-tablet-landscape-up-3 {
width: 25%
}
.large-margin-collapse>.for-tablet-landscape-up-4 {
width: 33.33333%
}
.large-margin-collapse>.for-tablet-landscape-up-5 {
width: 41.66667%
}
.large-margin-collapse>.for-tablet-landscape-up-6 {
width: 50%
}
.large-margin-collapse>.for-tablet-landscape-up-7 {
width: 58.33333%
}
.large-margin-collapse>.for-tablet-landscape-up-8 {
width: 66.66667%
}
.large-margin-collapse>.for-tablet-landscape-up-9 {
width: 75%
}
.large-margin-collapse>.for-tablet-landscape-up-10 {
width: 83.33333%
}
.large-margin-collapse>.for-tablet-landscape-up-11 {
width: 91.66667%
}
.large-margin-collapse>.for-tablet-landscape-up-12 {
width: 100%
}
}
@media screen and (min-width:75em) {
.large-margin-collapse>.for-desktop-up-1 {
width: 8.33333%
}
.large-margin-collapse>.for-desktop-up-2 {
width: 16.66667%
}
.large-margin-collapse>.for-desktop-up-3 {
width: 25%
}
.large-margin-collapse>.for-desktop-up-4 {
width: 33.33333%
}
.large-margin-collapse>.for-desktop-up-5 {
width: 41.66667%
}
.large-margin-collapse>.for-desktop-up-6 {
width: 50%
}
.large-margin-collapse>.for-desktop-up-7 {
width: 58.33333%
}
.large-margin-collapse>.for-desktop-up-8 {
width: 66.66667%
}
.large-margin-collapse>.for-desktop-up-9 {
width: 75%
}
.large-margin-collapse>.for-desktop-up-10 {
width: 83.33333%
}
.large-margin-collapse>.for-desktop-up-11 {
width: 91.66667%
}
.large-margin-collapse>.for-desktop-up-12 {
width: 100%
}
}
@media screen and (min-width:120em) {
.large-margin-collapse>.for-big-desktop-up-1 {
width: 8.33333%
}
.large-margin-collapse>.for-big-desktop-up-2 {
width: 16.66667%
}
.large-margin-collapse>.for-big-desktop-up-3 {
width: 25%
}
.large-margin-collapse>.for-big-desktop-up-4 {
width: 33.33333%
}
.large-margin-collapse>.for-big-desktop-up-5 {
width: 41.66667%
}
.large-margin-collapse>.for-big-desktop-up-6 {
width: 50%
}
.large-margin-collapse>.for-big-desktop-up-7 {
width: 58.33333%
}
.large-margin-collapse>.for-big-desktop-up-8 {
width: 66.66667%
}
.large-margin-collapse>.for-big-desktop-up-9 {
width: 75%
}
.large-margin-collapse>.for-big-desktop-up-10 {
width: 83.33333%
}
.large-margin-collapse>.for-big-desktop-up-11 {
width: 91.66667%
}
.large-margin-collapse>.for-big-desktop-up-12 {
width: 100%
}
}
@media print,
screen and (min-width:64em) {
.large-padding-collapse {
margin-right: 0;
margin-left: 0
}
.large-padding-collapse>.cell {
padding-right: 0;
padding-left: 0
}
}
@media screen and (min-width:37.5em) {
.for-tablet-portrait-up-margin-collapse,
.for-tablet-portrait-up-margin-collapse>.cell {
margin-right: 0;
margin-left: 0
}
}
@media screen and (min-width:37.5em) {
.for-tablet-portrait-up-margin-collapse>.small-1 {
width: 8.33333%
}
.for-tablet-portrait-up-margin-collapse>.small-2 {
width: 16.66667%
}
.for-tablet-portrait-up-margin-collapse>.small-3 {
width: 25%
}
.for-tablet-portrait-up-margin-collapse>.small-4 {
width: 33.33333%
}
.for-tablet-portrait-up-margin-collapse>.small-5 {
width: 41.66667%
}
.for-tablet-portrait-up-margin-collapse>.small-6 {
width: 50%
}
.for-tablet-portrait-up-margin-collapse>.small-7 {
width: 58.33333%
}
.for-tablet-portrait-up-margin-collapse>.small-8 {
width: 66.66667%
}
.for-tablet-portrait-up-margin-collapse>.small-9 {
width: 75%
}
.for-tablet-portrait-up-margin-collapse>.small-10 {
width: 83.33333%
}
.for-tablet-portrait-up-margin-collapse>.small-11 {
width: 91.66667%
}
.for-tablet-portrait-up-margin-collapse>.small-12 {
width: 100%
}
}
@media screen and (min-width:37.5em) {
.for-tablet-portrait-up-margin-collapse>.medium-1 {
width: 8.33333%
}
.for-tablet-portrait-up-margin-collapse>.medium-2 {
width: 16.66667%
}
.for-tablet-portrait-up-margin-collapse>.medium-3 {
width: 25%
}
.for-tablet-portrait-up-margin-collapse>.medium-4 {
width: 33.33333%
}
.for-tablet-portrait-up-margin-collapse>.medium-5 {
width: 41.66667%
}
.for-tablet-portrait-up-margin-collapse>.medium-6 {
width: 50%
}
.for-tablet-portrait-up-margin-collapse>.medium-7 {
width: 58.33333%
}
.for-tablet-portrait-up-margin-collapse>.medium-8 {
width: 66.66667%
}
.for-tablet-portrait-up-margin-collapse>.medium-9 {
width: 75%
}
.for-tablet-portrait-up-margin-collapse>.medium-10 {
width: 83.33333%
}
.for-tablet-portrait-up-margin-collapse>.medium-11 {
width: 91.66667%
}
.for-tablet-portrait-up-margin-collapse>.medium-12 {
width: 100%
}
}
@media screen and (min-width:37.5em) {
.for-tablet-portrait-up-margin-collapse>.large-1 {
width: 8.33333%
}
.for-tablet-portrait-up-margin-collapse>.large-2 {
width: 16.66667%
}
.for-tablet-portrait-up-margin-collapse>.large-3 {
width: 25%
}
.for-tablet-portrait-up-margin-collapse>.large-4 {
width: 33.33333%
}
.for-tablet-portrait-up-margin-collapse>.large-5 {
width: 41.66667%
}
.for-tablet-portrait-up-margin-collapse>.large-6 {
width: 50%
}
.for-tablet-portrait-up-margin-collapse>.large-7 {
width: 58.33333%
}
.for-tablet-portrait-up-margin-collapse>.large-8 {
width: 66.66667%
}
.for-tablet-portrait-up-margin-collapse>.large-9 {
width: 75%
}
.for-tablet-portrait-up-margin-collapse>.large-10 {
width: 83.33333%
}
.for-tablet-portrait-up-margin-collapse>.large-11 {
width: 91.66667%
}
.for-tablet-portrait-up-margin-collapse>.large-12 {
width: 100%
}
}
@media screen and (min-width:37.5em) {
.for-tablet-portrait-up-margin-collapse>.for-tablet-portrait-up-1 {
width: 8.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-portrait-up-2 {
width: 16.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-portrait-up-3 {
width: 25%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-portrait-up-4 {
width: 33.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-portrait-up-5 {
width: 41.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-portrait-up-6 {
width: 50%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-portrait-up-7 {
width: 58.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-portrait-up-8 {
width: 66.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-portrait-up-9 {
width: 75%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-portrait-up-10 {
width: 83.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-portrait-up-11 {
width: 91.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-portrait-up-12 {
width: 100%
}
}
@media screen and (min-width:56.25em) {
.for-tablet-portrait-up-margin-collapse>.for-tablet-landscape-up-1 {
width: 8.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-landscape-up-2 {
width: 16.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-landscape-up-3 {
width: 25%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-landscape-up-4 {
width: 33.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-landscape-up-5 {
width: 41.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-landscape-up-6 {
width: 50%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-landscape-up-7 {
width: 58.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-landscape-up-8 {
width: 66.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-landscape-up-9 {
width: 75%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-landscape-up-10 {
width: 83.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-landscape-up-11 {
width: 91.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-tablet-landscape-up-12 {
width: 100%
}
}
@media screen and (min-width:75em) {
.for-tablet-portrait-up-margin-collapse>.for-desktop-up-1 {
width: 8.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-desktop-up-2 {
width: 16.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-desktop-up-3 {
width: 25%
}
.for-tablet-portrait-up-margin-collapse>.for-desktop-up-4 {
width: 33.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-desktop-up-5 {
width: 41.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-desktop-up-6 {
width: 50%
}
.for-tablet-portrait-up-margin-collapse>.for-desktop-up-7 {
width: 58.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-desktop-up-8 {
width: 66.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-desktop-up-9 {
width: 75%
}
.for-tablet-portrait-up-margin-collapse>.for-desktop-up-10 {
width: 83.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-desktop-up-11 {
width: 91.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-desktop-up-12 {
width: 100%
}
}
@media screen and (min-width:120em) {
.for-tablet-portrait-up-margin-collapse>.for-big-desktop-up-1 {
width: 8.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-big-desktop-up-2 {
width: 16.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-big-desktop-up-3 {
width: 25%
}
.for-tablet-portrait-up-margin-collapse>.for-big-desktop-up-4 {
width: 33.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-big-desktop-up-5 {
width: 41.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-big-desktop-up-6 {
width: 50%
}
.for-tablet-portrait-up-margin-collapse>.for-big-desktop-up-7 {
width: 58.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-big-desktop-up-8 {
width: 66.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-big-desktop-up-9 {
width: 75%
}
.for-tablet-portrait-up-margin-collapse>.for-big-desktop-up-10 {
width: 83.33333%
}
.for-tablet-portrait-up-margin-collapse>.for-big-desktop-up-11 {
width: 91.66667%
}
.for-tablet-portrait-up-margin-collapse>.for-big-desktop-up-12 {
width: 100%
}
}
@media screen and (min-width:37.5em) {
.for-tablet-portrait-up-padding-collapse {
margin-right: 0;
margin-left: 0
}
.for-tablet-portrait-up-padding-collapse>.cell {
padding-right: 0;
padding-left: 0
}
}
@media screen and (min-width:56.25em) {
.for-tablet-landscape-up-margin-collapse,
.for-tablet-landscape-up-margin-collapse>.cell {
margin-right: 0;
margin-left: 0
}
}
@media screen and (min-width:56.25em) {
.for-tablet-landscape-up-margin-collapse>.small-1 {
width: 8.33333%
}
.for-tablet-landscape-up-margin-collapse>.small-2 {
width: 16.66667%
}
.for-tablet-landscape-up-margin-collapse>.small-3 {
width: 25%
}
.for-tablet-landscape-up-margin-collapse>.small-4 {
width: 33.33333%
}
.for-tablet-landscape-up-margin-collapse>.small-5 {
width: 41.66667%
}
.for-tablet-landscape-up-margin-collapse>.small-6 {
width: 50%
}
.for-tablet-landscape-up-margin-collapse>.small-7 {
width: 58.33333%
}
.for-tablet-landscape-up-margin-collapse>.small-8 {
width: 66.66667%
}
.for-tablet-landscape-up-margin-collapse>.small-9 {
width: 75%
}
.for-tablet-landscape-up-margin-collapse>.small-10 {
width: 83.33333%
}
.for-tablet-landscape-up-margin-collapse>.small-11 {
width: 91.66667%
}
.for-tablet-landscape-up-margin-collapse>.small-12 {
width: 100%
}
}
@media screen and (min-width:56.25em) {
.for-tablet-landscape-up-margin-collapse>.medium-1 {
width: 8.33333%
}
.for-tablet-landscape-up-margin-collapse>.medium-2 {
width: 16.66667%
}
.for-tablet-landscape-up-margin-collapse>.medium-3 {
width: 25%
}
.for-tablet-landscape-up-margin-collapse>.medium-4 {
width: 33.33333%
}
.for-tablet-landscape-up-margin-collapse>.medium-5 {
width: 41.66667%
}
.for-tablet-landscape-up-margin-collapse>.medium-6 {
width: 50%
}
.for-tablet-landscape-up-margin-collapse>.medium-7 {
width: 58.33333%
}
.for-tablet-landscape-up-margin-collapse>.medium-8 {
width: 66.66667%
}
.for-tablet-landscape-up-margin-collapse>.medium-9 {
width: 75%
}
.for-tablet-landscape-up-margin-collapse>.medium-10 {
width: 83.33333%
}
.for-tablet-landscape-up-margin-collapse>.medium-11 {
width: 91.66667%
}
.for-tablet-landscape-up-margin-collapse>.medium-12 {
width: 100%
}
}
@media screen and (min-width:56.25em) {
.for-tablet-landscape-up-margin-collapse>.large-1 {
width: 8.33333%
}
.for-tablet-landscape-up-margin-collapse>.large-2 {
width: 16.66667%
}
.for-tablet-landscape-up-margin-collapse>.large-3 {
width: 25%
}
.for-tablet-landscape-up-margin-collapse>.large-4 {
width: 33.33333%
}
.for-tablet-landscape-up-margin-collapse>.large-5 {
width: 41.66667%
}
.for-tablet-landscape-up-margin-collapse>.large-6 {
width: 50%
}
.for-tablet-landscape-up-margin-collapse>.large-7 {
width: 58.33333%
}
.for-tablet-landscape-up-margin-collapse>.large-8 {
width: 66.66667%
}
.for-tablet-landscape-up-margin-collapse>.large-9 {
width: 75%
}
.for-tablet-landscape-up-margin-collapse>.large-10 {
width: 83.33333%
}
.for-tablet-landscape-up-margin-collapse>.large-11 {
width: 91.66667%
}
.for-tablet-landscape-up-margin-collapse>.large-12 {
width: 100%
}
}
@media screen and (min-width:37.5em) {
.for-tablet-landscape-up-margin-collapse>.for-tablet-portrait-up-1 {
width: 8.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-portrait-up-2 {
width: 16.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-portrait-up-3 {
width: 25%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-portrait-up-4 {
width: 33.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-portrait-up-5 {
width: 41.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-portrait-up-6 {
width: 50%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-portrait-up-7 {
width: 58.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-portrait-up-8 {
width: 66.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-portrait-up-9 {
width: 75%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-portrait-up-10 {
width: 83.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-portrait-up-11 {
width: 91.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-portrait-up-12 {
width: 100%
}
}
@media screen and (min-width:56.25em) {
.for-tablet-landscape-up-margin-collapse>.for-tablet-landscape-up-1 {
width: 8.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-landscape-up-2 {
width: 16.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-landscape-up-3 {
width: 25%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-landscape-up-4 {
width: 33.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-landscape-up-5 {
width: 41.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-landscape-up-6 {
width: 50%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-landscape-up-7 {
width: 58.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-landscape-up-8 {
width: 66.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-landscape-up-9 {
width: 75%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-landscape-up-10 {
width: 83.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-landscape-up-11 {
width: 91.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-tablet-landscape-up-12 {
width: 100%
}
}
@media screen and (min-width:75em) {
.for-tablet-landscape-up-margin-collapse>.for-desktop-up-1 {
width: 8.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-desktop-up-2 {
width: 16.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-desktop-up-3 {
width: 25%
}
.for-tablet-landscape-up-margin-collapse>.for-desktop-up-4 {
width: 33.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-desktop-up-5 {
width: 41.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-desktop-up-6 {
width: 50%
}
.for-tablet-landscape-up-margin-collapse>.for-desktop-up-7 {
width: 58.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-desktop-up-8 {
width: 66.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-desktop-up-9 {
width: 75%
}
.for-tablet-landscape-up-margin-collapse>.for-desktop-up-10 {
width: 83.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-desktop-up-11 {
width: 91.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-desktop-up-12 {
width: 100%
}
}
@media screen and (min-width:120em) {
.for-tablet-landscape-up-margin-collapse>.for-big-desktop-up-1 {
width: 8.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-big-desktop-up-2 {
width: 16.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-big-desktop-up-3 {
width: 25%
}
.for-tablet-landscape-up-margin-collapse>.for-big-desktop-up-4 {
width: 33.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-big-desktop-up-5 {
width: 41.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-big-desktop-up-6 {
width: 50%
}
.for-tablet-landscape-up-margin-collapse>.for-big-desktop-up-7 {
width: 58.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-big-desktop-up-8 {
width: 66.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-big-desktop-up-9 {
width: 75%
}
.for-tablet-landscape-up-margin-collapse>.for-big-desktop-up-10 {
width: 83.33333%
}
.for-tablet-landscape-up-margin-collapse>.for-big-desktop-up-11 {
width: 91.66667%
}
.for-tablet-landscape-up-margin-collapse>.for-big-desktop-up-12 {
width: 100%
}
}
@media screen and (min-width:56.25em) {
.for-tablet-landscape-up-padding-collapse {
margin-right: 0;
margin-left: 0
}
.for-tablet-landscape-up-padding-collapse>.cell {
padding-right: 0;
padding-left: 0
}
}
@media screen and (min-width:75em) {
.for-desktop-up-margin-collapse,
.for-desktop-up-margin-collapse>.cell {
margin-right: 0;
margin-left: 0
}
}
@media screen and (min-width:75em) {
.for-desktop-up-margin-collapse>.small-1 {
width: 8.33333%
}
.for-desktop-up-margin-collapse>.small-2 {
width: 16.66667%
}
.for-desktop-up-margin-collapse>.small-3 {
width: 25%
}
.for-desktop-up-margin-collapse>.small-4 {
width: 33.33333%
}
.for-desktop-up-margin-collapse>.small-5 {
width: 41.66667%
}
.for-desktop-up-margin-collapse>.small-6 {
width: 50%
}
.for-desktop-up-margin-collapse>.small-7 {
width: 58.33333%
}
.for-desktop-up-margin-collapse>.small-8 {
width: 66.66667%
}
.for-desktop-up-margin-collapse>.small-9 {
width: 75%
}
.for-desktop-up-margin-collapse>.small-10 {
width: 83.33333%
}
.for-desktop-up-margin-collapse>.small-11 {
width: 91.66667%
}
.for-desktop-up-margin-collapse>.small-12 {
width: 100%
}
}
@media screen and (min-width:75em) {
.for-desktop-up-margin-collapse>.medium-1 {
width: 8.33333%
}
.for-desktop-up-margin-collapse>.medium-2 {
width: 16.66667%
}
.for-desktop-up-margin-collapse>.medium-3 {
width: 25%
}
.for-desktop-up-margin-collapse>.medium-4 {
width: 33.33333%
}
.for-desktop-up-margin-collapse>.medium-5 {
width: 41.66667%
}
.for-desktop-up-margin-collapse>.medium-6 {
width: 50%
}
.for-desktop-up-margin-collapse>.medium-7 {
width: 58.33333%
}
.for-desktop-up-margin-collapse>.medium-8 {
width: 66.66667%
}
.for-desktop-up-margin-collapse>.medium-9 {
width: 75%
}
.for-desktop-up-margin-collapse>.medium-10 {
width: 83.33333%
}
.for-desktop-up-margin-collapse>.medium-11 {
width: 91.66667%
}
.for-desktop-up-margin-collapse>.medium-12 {
width: 100%
}
}
@media screen and (min-width:75em) {
.for-desktop-up-margin-collapse>.large-1 {
width: 8.33333%
}
.for-desktop-up-margin-collapse>.large-2 {
width: 16.66667%
}
.for-desktop-up-margin-collapse>.large-3 {
width: 25%
}
.for-desktop-up-margin-collapse>.large-4 {
width: 33.33333%
}
.for-desktop-up-margin-collapse>.large-5 {
width: 41.66667%
}
.for-desktop-up-margin-collapse>.large-6 {
width: 50%
}
.for-desktop-up-margin-collapse>.large-7 {
width: 58.33333%
}
.for-desktop-up-margin-collapse>.large-8 {
width: 66.66667%
}
.for-desktop-up-margin-collapse>.large-9 {
width: 75%
}
.for-desktop-up-margin-collapse>.large-10 {
width: 83.33333%
}
.for-desktop-up-margin-collapse>.large-11 {
width: 91.66667%
}
.for-desktop-up-margin-collapse>.large-12 {
width: 100%
}
}
@media screen and (min-width:37.5em) {
.for-desktop-up-margin-collapse>.for-tablet-portrait-up-1 {
width: 8.33333%
}
.for-desktop-up-margin-collapse>.for-tablet-portrait-up-2 {
width: 16.66667%
}
.for-desktop-up-margin-collapse>.for-tablet-portrait-up-3 {
width: 25%
}
.for-desktop-up-margin-collapse>.for-tablet-portrait-up-4 {
width: 33.33333%
}
.for-desktop-up-margin-collapse>.for-tablet-portrait-up-5 {
width: 41.66667%
}
.for-desktop-up-margin-collapse>.for-tablet-portrait-up-6 {
width: 50%
}
.for-desktop-up-margin-collapse>.for-tablet-portrait-up-7 {
width: 58.33333%
}
.for-desktop-up-margin-collapse>.for-tablet-portrait-up-8 {
width: 66.66667%
}
.for-desktop-up-margin-collapse>.for-tablet-portrait-up-9 {
width: 75%
}
.for-desktop-up-margin-collapse>.for-tablet-portrait-up-10 {
width: 83.33333%
}
.for-desktop-up-margin-collapse>.for-tablet-portrait-up-11 {
width: 91.66667%
}
.for-desktop-up-margin-collapse>.for-tablet-portrait-up-12 {
width: 100%
}
}
@media screen and (min-width:56.25em) {
.for-desktop-up-margin-collapse>.for-tablet-landscape-up-1 {
width: 8.33333%
}
.for-desktop-up-margin-collapse>.for-tablet-landscape-up-2 {
width: 16.66667%
}
.for-desktop-up-margin-collapse>.for-tablet-landscape-up-3 {
width: 25%
}
.for-desktop-up-margin-collapse>.for-tablet-landscape-up-4 {
width: 33.33333%
}
.for-desktop-up-margin-collapse>.for-tablet-landscape-up-5 {
width: 41.66667%
}
.for-desktop-up-margin-collapse>.for-tablet-landscape-up-6 {
width: 50%
}
.for-desktop-up-margin-collapse>.for-tablet-landscape-up-7 {
width: 58.33333%
}
.for-desktop-up-margin-collapse>.for-tablet-landscape-up-8 {
width: 66.66667%
}
.for-desktop-up-margin-collapse>.for-tablet-landscape-up-9 {
width: 75%
}
.for-desktop-up-margin-collapse>.for-tablet-landscape-up-10 {
width: 83.33333%
}
.for-desktop-up-margin-collapse>.for-tablet-landscape-up-11 {
width: 91.66667%
}
.for-desktop-up-margin-collapse>.for-tablet-landscape-up-12 {
width: 100%
}
}
@media screen and (min-width:75em) {
.for-desktop-up-margin-collapse>.for-desktop-up-1 {
width: 8.33333%
}
.for-desktop-up-margin-collapse>.for-desktop-up-2 {
width: 16.66667%
}
.for-desktop-up-margin-collapse>.for-desktop-up-3 {
width: 25%
}
.for-desktop-up-margin-collapse>.for-desktop-up-4 {
width: 33.33333%
}
.for-desktop-up-margin-collapse>.for-desktop-up-5 {
width: 41.66667%
}
.for-desktop-up-margin-collapse>.for-desktop-up-6 {
width: 50%
}
.for-desktop-up-margin-collapse>.for-desktop-up-7 {
width: 58.33333%
}
.for-desktop-up-margin-collapse>.for-desktop-up-8 {
width: 66.66667%
}
.for-desktop-up-margin-collapse>.for-desktop-up-9 {
width: 75%
}
.for-desktop-up-margin-collapse>.for-desktop-up-10 {
width: 83.33333%
}
.for-desktop-up-margin-collapse>.for-desktop-up-11 {
width: 91.66667%
}
.for-desktop-up-margin-collapse>.for-desktop-up-12 {
width: 100%
}
}
@media screen and (min-width:120em) {
.for-desktop-up-margin-collapse>.for-big-desktop-up-1 {
width: 8.33333%
}
.for-desktop-up-margin-collapse>.for-big-desktop-up-2 {
width: 16.66667%
}
.for-desktop-up-margin-collapse>.for-big-desktop-up-3 {
width: 25%
}
.for-desktop-up-margin-collapse>.for-big-desktop-up-4 {
width: 33.33333%
}
.for-desktop-up-margin-collapse>.for-big-desktop-up-5 {
width: 41.66667%
}
.for-desktop-up-margin-collapse>.for-big-desktop-up-6 {
width: 50%
}
.for-desktop-up-margin-collapse>.for-big-desktop-up-7 {
width: 58.33333%
}
.for-desktop-up-margin-collapse>.for-big-desktop-up-8 {
width: 66.66667%
}
.for-desktop-up-margin-collapse>.for-big-desktop-up-9 {
width: 75%
}
.for-desktop-up-margin-collapse>.for-big-desktop-up-10 {
width: 83.33333%
}
.for-desktop-up-margin-collapse>.for-big-desktop-up-11 {
width: 91.66667%
}
.for-desktop-up-margin-collapse>.for-big-desktop-up-12 {
width: 100%
}
}
@media screen and (min-width:75em) {
.for-desktop-up-padding-collapse {
margin-right: 0;
margin-left: 0
}
.for-desktop-up-padding-collapse>.cell {
padding-right: 0;
padding-left: 0
}
}
@media screen and (min-width:120em) {
.for-big-desktop-up-margin-collapse,
.for-big-desktop-up-margin-collapse>.cell {
margin-right: 0;
margin-left: 0
}
}
@media screen and (min-width:120em) {
.for-big-desktop-up-margin-collapse>.small-1 {
width: 8.33333%
}
.for-big-desktop-up-margin-collapse>.small-2 {
width: 16.66667%
}
.for-big-desktop-up-margin-collapse>.small-3 {
width: 25%
}
.for-big-desktop-up-margin-collapse>.small-4 {
width: 33.33333%
}
.for-big-desktop-up-margin-collapse>.small-5 {
width: 41.66667%
}
.for-big-desktop-up-margin-collapse>.small-6 {
width: 50%
}
.for-big-desktop-up-margin-collapse>.small-7 {
width: 58.33333%
}
.for-big-desktop-up-margin-collapse>.small-8 {
width: 66.66667%
}
.for-big-desktop-up-margin-collapse>.small-9 {
width: 75%
}
.for-big-desktop-up-margin-collapse>.small-10 {
width: 83.33333%
}
.for-big-desktop-up-margin-collapse>.small-11 {
width: 91.66667%
}
.for-big-desktop-up-margin-collapse>.small-12 {
width: 100%
}
}
@media screen and (min-width:120em) {
.for-big-desktop-up-margin-collapse>.medium-1 {
width: 8.33333%
}
.for-big-desktop-up-margin-collapse>.medium-2 {
width: 16.66667%
}
.for-big-desktop-up-margin-collapse>.medium-3 {
width: 25%
}
.for-big-desktop-up-margin-collapse>.medium-4 {
width: 33.33333%
}
.for-big-desktop-up-margin-collapse>.medium-5 {
width: 41.66667%
}
.for-big-desktop-up-margin-collapse>.medium-6 {
width: 50%
}
.for-big-desktop-up-margin-collapse>.medium-7 {
width: 58.33333%
}
.for-big-desktop-up-margin-collapse>.medium-8 {
width: 66.66667%
}
.for-big-desktop-up-margin-collapse>.medium-9 {
width: 75%
}
.for-big-desktop-up-margin-collapse>.medium-10 {
width: 83.33333%
}
.for-big-desktop-up-margin-collapse>.medium-11 {
width: 91.66667%
}
.for-big-desktop-up-margin-collapse>.medium-12 {
width: 100%
}
}
@media screen and (min-width:120em) {
.for-big-desktop-up-margin-collapse>.large-1 {
width: 8.33333%
}
.for-big-desktop-up-margin-collapse>.large-2 {
width: 16.66667%
}
.for-big-desktop-up-margin-collapse>.large-3 {
width: 25%
}
.for-big-desktop-up-margin-collapse>.large-4 {
width: 33.33333%
}
.for-big-desktop-up-margin-collapse>.large-5 {
width: 41.66667%
}
.for-big-desktop-up-margin-collapse>.large-6 {
width: 50%
}
.for-big-desktop-up-margin-collapse>.large-7 {
width: 58.33333%
}
.for-big-desktop-up-margin-collapse>.large-8 {
width: 66.66667%
}
.for-big-desktop-up-margin-collapse>.large-9 {
width: 75%
}
.for-big-desktop-up-margin-collapse>.large-10 {
width: 83.33333%
}
.for-big-desktop-up-margin-collapse>.large-11 {
width: 91.66667%
}
.for-big-desktop-up-margin-collapse>.large-12 {
width: 100%
}
}
@media screen and (min-width:37.5em) {
.for-big-desktop-up-margin-collapse>.for-tablet-portrait-up-1 {
width: 8.33333%
}
.for-big-desktop-up-margin-collapse>.for-tablet-portrait-up-2 {
width: 16.66667%
}
.for-big-desktop-up-margin-collapse>.for-tablet-portrait-up-3 {
width: 25%
}
.for-big-desktop-up-margin-collapse>.for-tablet-portrait-up-4 {
width: 33.33333%
}
.for-big-desktop-up-margin-collapse>.for-tablet-portrait-up-5 {
width: 41.66667%
}
.for-big-desktop-up-margin-collapse>.for-tablet-portrait-up-6 {
width: 50%
}
.for-big-desktop-up-margin-collapse>.for-tablet-portrait-up-7 {
width: 58.33333%
}
.for-big-desktop-up-margin-collapse>.for-tablet-portrait-up-8 {
width: 66.66667%
}
.for-big-desktop-up-margin-collapse>.for-tablet-portrait-up-9 {
width: 75%
}
.for-big-desktop-up-margin-collapse>.for-tablet-portrait-up-10 {
width: 83.33333%
}
.for-big-desktop-up-margin-collapse>.for-tablet-portrait-up-11 {
width: 91.66667%
}
.for-big-desktop-up-margin-collapse>.for-tablet-portrait-up-12 {
width: 100%
}
}
@media screen and (min-width:56.25em) {
.for-big-desktop-up-margin-collapse>.for-tablet-landscape-up-1 {
width: 8.33333%
}
.for-big-desktop-up-margin-collapse>.for-tablet-landscape-up-2 {
width: 16.66667%
}
.for-big-desktop-up-margin-collapse>.for-tablet-landscape-up-3 {
width: 25%
}
.for-big-desktop-up-margin-collapse>.for-tablet-landscape-up-4 {
width: 33.33333%
}
.for-big-desktop-up-margin-collapse>.for-tablet-landscape-up-5 {
width: 41.66667%
}
.for-big-desktop-up-margin-collapse>.for-tablet-landscape-up-6 {
width: 50%
}
.for-big-desktop-up-margin-collapse>.for-tablet-landscape-up-7 {
width: 58.33333%
}
.for-big-desktop-up-margin-collapse>.for-tablet-landscape-up-8 {
width: 66.66667%
}
.for-big-desktop-up-margin-collapse>.for-tablet-landscape-up-9 {
width: 75%
}
.for-big-desktop-up-margin-collapse>.for-tablet-landscape-up-10 {
width: 83.33333%
}
.for-big-desktop-up-margin-collapse>.for-tablet-landscape-up-11 {
width: 91.66667%
}
.for-big-desktop-up-margin-collapse>.for-tablet-landscape-up-12 {
width: 100%
}
}
@media screen and (min-width:75em) {
.for-big-desktop-up-margin-collapse>.for-desktop-up-1 {
width: 8.33333%
}
.for-big-desktop-up-margin-collapse>.for-desktop-up-2 {
width: 16.66667%
}
.for-big-desktop-up-margin-collapse>.for-desktop-up-3 {
width: 25%
}
.for-big-desktop-up-margin-collapse>.for-desktop-up-4 {
width: 33.33333%
}
.for-big-desktop-up-margin-collapse>.for-desktop-up-5 {
width: 41.66667%
}
.for-big-desktop-up-margin-collapse>.for-desktop-up-6 {
width: 50%
}
.for-big-desktop-up-margin-collapse>.for-desktop-up-7 {
width: 58.33333%
}
.for-big-desktop-up-margin-collapse>.for-desktop-up-8 {
width: 66.66667%
}
.for-big-desktop-up-margin-collapse>.for-desktop-up-9 {
width: 75%
}
.for-big-desktop-up-margin-collapse>.for-desktop-up-10 {
width: 83.33333%
}
.for-big-desktop-up-margin-collapse>.for-desktop-up-11 {
width: 91.66667%
}
.for-big-desktop-up-margin-collapse>.for-desktop-up-12 {
width: 100%
}
}
@media screen and (min-width:120em) {
.for-big-desktop-up-margin-collapse>.for-big-desktop-up-1 {
width: 8.33333%
}
.for-big-desktop-up-margin-collapse>.for-big-desktop-up-2 {
width: 16.66667%
}
.for-big-desktop-up-margin-collapse>.for-big-desktop-up-3 {
width: 25%
}
.for-big-desktop-up-margin-collapse>.for-big-desktop-up-4 {
width: 33.33333%
}
.for-big-desktop-up-margin-collapse>.for-big-desktop-up-5 {
width: 41.66667%
}
.for-big-desktop-up-margin-collapse>.for-big-desktop-up-6 {
width: 50%
}
.for-big-desktop-up-margin-collapse>.for-big-desktop-up-7 {
width: 58.33333%
}
.for-big-desktop-up-margin-collapse>.for-big-desktop-up-8 {
width: 66.66667%
}
.for-big-desktop-up-margin-collapse>.for-big-desktop-up-9 {
width: 75%
}
.for-big-desktop-up-margin-collapse>.for-big-desktop-up-10 {
width: 83.33333%
}
.for-big-desktop-up-margin-collapse>.for-big-desktop-up-11 {
width: 91.66667%
}
.for-big-desktop-up-margin-collapse>.for-big-desktop-up-12 {
width: 100%
}
}
@media screen and (min-width:120em) {
.for-big-desktop-up-padding-collapse {
margin-right: 0;
margin-left: 0
}
.for-big-desktop-up-padding-collapse>.cell {
padding-right: 0;
padding-left: 0
}
}
.small-offset-0 {
margin-left: 0
}
.grid-margin-x>.small-offset-0 {
margin-left: calc(0% + .9375rem)
}
.small-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x>.small-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.small-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x>.small-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.small-offset-3 {
margin-left: 25%
}
.grid-margin-x>.small-offset-3 {
margin-left: calc(25% + .9375rem)
}
.small-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x>.small-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.small-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x>.small-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.small-offset-6 {
margin-left: 50%
}
.grid-margin-x>.small-offset-6 {
margin-left: calc(50% + .9375rem)
}
.small-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x>.small-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.small-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x>.small-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.small-offset-9 {
margin-left: 75%
}
.grid-margin-x>.small-offset-9 {
margin-left: calc(75% + .9375rem)
}
.small-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x>.small-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.small-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x>.small-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
@media print,
screen and (min-width:40em) {
.medium-offset-0 {
margin-left: 0
}
.grid-margin-x>.medium-offset-0 {
margin-left: calc(0% + .9375rem)
}
.medium-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x>.medium-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.medium-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x>.medium-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.medium-offset-3 {
margin-left: 25%
}
.grid-margin-x>.medium-offset-3 {
margin-left: calc(25% + .9375rem)
}
.medium-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x>.medium-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.medium-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x>.medium-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.medium-offset-6 {
margin-left: 50%
}
.grid-margin-x>.medium-offset-6 {
margin-left: calc(50% + .9375rem)
}
.medium-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x>.medium-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.medium-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x>.medium-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.medium-offset-9 {
margin-left: 75%
}
.grid-margin-x>.medium-offset-9 {
margin-left: calc(75% + .9375rem)
}
.medium-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x>.medium-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.medium-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x>.medium-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
}
@media print,
screen and (min-width:64em) {
.large-offset-0 {
margin-left: 0
}
.grid-margin-x>.large-offset-0 {
margin-left: calc(0% + .9375rem)
}
.large-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x>.large-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.large-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x>.large-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.large-offset-3 {
margin-left: 25%
}
.grid-margin-x>.large-offset-3 {
margin-left: calc(25% + .9375rem)
}
.large-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x>.large-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.large-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x>.large-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.large-offset-6 {
margin-left: 50%
}
.grid-margin-x>.large-offset-6 {
margin-left: calc(50% + .9375rem)
}
.large-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x>.large-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.large-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x>.large-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.large-offset-9 {
margin-left: 75%
}
.grid-margin-x>.large-offset-9 {
margin-left: calc(75% + .9375rem)
}
.large-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x>.large-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.large-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x>.large-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
}
@media screen and (min-width:37.5em) {
.for-tablet-portrait-up-offset-0 {
margin-left: 0
}
.grid-margin-x>.for-tablet-portrait-up-offset-0 {
margin-left: calc(0% + .9375rem)
}
.for-tablet-portrait-up-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x>.for-tablet-portrait-up-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.for-tablet-portrait-up-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x>.for-tablet-portrait-up-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.for-tablet-portrait-up-offset-3 {
margin-left: 25%
}
.grid-margin-x>.for-tablet-portrait-up-offset-3 {
margin-left: calc(25% + .9375rem)
}
.for-tablet-portrait-up-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x>.for-tablet-portrait-up-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.for-tablet-portrait-up-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x>.for-tablet-portrait-up-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.for-tablet-portrait-up-offset-6 {
margin-left: 50%
}
.grid-margin-x>.for-tablet-portrait-up-offset-6 {
margin-left: calc(50% + .9375rem)
}
.for-tablet-portrait-up-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x>.for-tablet-portrait-up-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.for-tablet-portrait-up-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x>.for-tablet-portrait-up-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.for-tablet-portrait-up-offset-9 {
margin-left: 75%
}
.grid-margin-x>.for-tablet-portrait-up-offset-9 {
margin-left: calc(75% + .9375rem)
}
.for-tablet-portrait-up-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x>.for-tablet-portrait-up-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.for-tablet-portrait-up-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x>.for-tablet-portrait-up-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
}
@media screen and (min-width:56.25em) {
.for-tablet-landscape-up-offset-0 {
margin-left: 0
}
.grid-margin-x>.for-tablet-landscape-up-offset-0 {
margin-left: calc(0% + .9375rem)
}
.for-tablet-landscape-up-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x>.for-tablet-landscape-up-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.for-tablet-landscape-up-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x>.for-tablet-landscape-up-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.for-tablet-landscape-up-offset-3 {
margin-left: 25%
}
.grid-margin-x>.for-tablet-landscape-up-offset-3 {
margin-left: calc(25% + .9375rem)
}
.for-tablet-landscape-up-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x>.for-tablet-landscape-up-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.for-tablet-landscape-up-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x>.for-tablet-landscape-up-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.for-tablet-landscape-up-offset-6 {
margin-left: 50%
}
.grid-margin-x>.for-tablet-landscape-up-offset-6 {
margin-left: calc(50% + .9375rem)
}
.for-tablet-landscape-up-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x>.for-tablet-landscape-up-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.for-tablet-landscape-up-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x>.for-tablet-landscape-up-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.for-tablet-landscape-up-offset-9 {
margin-left: 75%
}
.grid-margin-x>.for-tablet-landscape-up-offset-9 {
margin-left: calc(75% + .9375rem)
}
.for-tablet-landscape-up-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x>.for-tablet-landscape-up-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.for-tablet-landscape-up-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x>.for-tablet-landscape-up-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
}
@media screen and (min-width:75em) {
.for-desktop-up-offset-0 {
margin-left: 0
}
.grid-margin-x>.for-desktop-up-offset-0 {
margin-left: calc(0% + .9375rem)
}
.for-desktop-up-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x>.for-desktop-up-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.for-desktop-up-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x>.for-desktop-up-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.for-desktop-up-offset-3 {
margin-left: 25%
}
.grid-margin-x>.for-desktop-up-offset-3 {
margin-left: calc(25% + .9375rem)
}
.for-desktop-up-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x>.for-desktop-up-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.for-desktop-up-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x>.for-desktop-up-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.for-desktop-up-offset-6 {
margin-left: 50%
}
.grid-margin-x>.for-desktop-up-offset-6 {
margin-left: calc(50% + .9375rem)
}
.for-desktop-up-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x>.for-desktop-up-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.for-desktop-up-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x>.for-desktop-up-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.for-desktop-up-offset-9 {
margin-left: 75%
}
.grid-margin-x>.for-desktop-up-offset-9 {
margin-left: calc(75% + .9375rem)
}
.for-desktop-up-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x>.for-desktop-up-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.for-desktop-up-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x>.for-desktop-up-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
}
@media screen and (min-width:120em) {
.for-big-desktop-up-offset-0 {
margin-left: 0
}
.grid-margin-x>.for-big-desktop-up-offset-0 {
margin-left: calc(0% + .9375rem)
}
.for-big-desktop-up-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x>.for-big-desktop-up-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.for-big-desktop-up-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x>.for-big-desktop-up-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.for-big-desktop-up-offset-3 {
margin-left: 25%
}
.grid-margin-x>.for-big-desktop-up-offset-3 {
margin-left: calc(25% + .9375rem)
}
.for-big-desktop-up-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x>.for-big-desktop-up-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.for-big-desktop-up-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x>.for-big-desktop-up-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.for-big-desktop-up-offset-6 {
margin-left: 50%
}
.grid-margin-x>.for-big-desktop-up-offset-6 {
margin-left: calc(50% + .9375rem)
}
.for-big-desktop-up-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x>.for-big-desktop-up-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.for-big-desktop-up-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x>.for-big-desktop-up-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.for-big-desktop-up-offset-9 {
margin-left: 75%
}
.grid-margin-x>.for-big-desktop-up-offset-9 {
margin-left: calc(75% + .9375rem)
}
.for-big-desktop-up-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x>.for-big-desktop-up-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.for-big-desktop-up-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x>.for-big-desktop-up-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
}
.grid-y {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
.grid-y>.cell {
width: auto;
max-width: none
}
.grid-y>.auto,
.grid-y>.shrink {
height: auto
}
.grid-y>.small-1,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12,
.grid-y>.small-full,
.grid-y>.small-shrink {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
@media print,
screen and (min-width:40em) {
.grid-y>.medium-1,
.grid-y>.medium-2,
.grid-y>.medium-3,
.grid-y>.medium-4,
.grid-y>.medium-5,
.grid-y>.medium-6,
.grid-y>.medium-7,
.grid-y>.medium-8,
.grid-y>.medium-9,
.grid-y>.medium-10,
.grid-y>.medium-11,
.grid-y>.medium-12,
.grid-y>.medium-full,
.grid-y>.medium-shrink {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media print,
screen and (min-width:64em) {
.grid-y>.large-1,
.grid-y>.large-2,
.grid-y>.large-3,
.grid-y>.large-4,
.grid-y>.large-5,
.grid-y>.large-6,
.grid-y>.large-7,
.grid-y>.large-8,
.grid-y>.large-9,
.grid-y>.large-10,
.grid-y>.large-11,
.grid-y>.large-12,
.grid-y>.large-full,
.grid-y>.large-shrink {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media screen and (min-width:37.5em) {
.grid-y>.for-tablet-portrait-up-1,
.grid-y>.for-tablet-portrait-up-2,
.grid-y>.for-tablet-portrait-up-3,
.grid-y>.for-tablet-portrait-up-4,
.grid-y>.for-tablet-portrait-up-5,
.grid-y>.for-tablet-portrait-up-6,
.grid-y>.for-tablet-portrait-up-7,
.grid-y>.for-tablet-portrait-up-8,
.grid-y>.for-tablet-portrait-up-9,
.grid-y>.for-tablet-portrait-up-10,
.grid-y>.for-tablet-portrait-up-11,
.grid-y>.for-tablet-portrait-up-12,
.grid-y>.for-tablet-portrait-up-full,
.grid-y>.for-tablet-portrait-up-shrink {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media screen and (min-width:56.25em) {
.grid-y>.for-tablet-landscape-up-1,
.grid-y>.for-tablet-landscape-up-2,
.grid-y>.for-tablet-landscape-up-3,
.grid-y>.for-tablet-landscape-up-4,
.grid-y>.for-tablet-landscape-up-5,
.grid-y>.for-tablet-landscape-up-6,
.grid-y>.for-tablet-landscape-up-7,
.grid-y>.for-tablet-landscape-up-8,
.grid-y>.for-tablet-landscape-up-9,
.grid-y>.for-tablet-landscape-up-10,
.grid-y>.for-tablet-landscape-up-11,
.grid-y>.for-tablet-landscape-up-12,
.grid-y>.for-tablet-landscape-up-full,
.grid-y>.for-tablet-landscape-up-shrink {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media screen and (min-width:75em) {
.grid-y>.for-desktop-up-1,
.grid-y>.for-desktop-up-2,
.grid-y>.for-desktop-up-3,
.grid-y>.for-desktop-up-4,
.grid-y>.for-desktop-up-5,
.grid-y>.for-desktop-up-6,
.grid-y>.for-desktop-up-7,
.grid-y>.for-desktop-up-8,
.grid-y>.for-desktop-up-9,
.grid-y>.for-desktop-up-10,
.grid-y>.for-desktop-up-11,
.grid-y>.for-desktop-up-12,
.grid-y>.for-desktop-up-full,
.grid-y>.for-desktop-up-shrink {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media screen and (min-width:120em) {
.grid-y>.for-big-desktop-up-1,
.grid-y>.for-big-desktop-up-2,
.grid-y>.for-big-desktop-up-3,
.grid-y>.for-big-desktop-up-4,
.grid-y>.for-big-desktop-up-5,
.grid-y>.for-big-desktop-up-6,
.grid-y>.for-big-desktop-up-7,
.grid-y>.for-big-desktop-up-8,
.grid-y>.for-big-desktop-up-9,
.grid-y>.for-big-desktop-up-10,
.grid-y>.for-big-desktop-up-11,
.grid-y>.for-big-desktop-up-12,
.grid-y>.for-big-desktop-up-full,
.grid-y>.for-big-desktop-up-shrink {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
.grid-y>.small-1,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-y>.small-1 {
height: 8.33333%
}
.grid-y>.small-2 {
height: 16.66667%
}
.grid-y>.small-3 {
height: 25%
}
.grid-y>.small-4 {
height: 33.33333%
}
.grid-y>.small-5 {
height: 41.66667%
}
.grid-y>.small-6 {
height: 50%
}
.grid-y>.small-7 {
height: 58.33333%
}
.grid-y>.small-8 {
height: 66.66667%
}
.grid-y>.small-9 {
height: 75%
}
.grid-y>.small-10 {
height: 83.33333%
}
.grid-y>.small-11 {
height: 91.66667%
}
.grid-y>.small-12 {
height: 100%
}
@media print,
screen and (min-width:40em) {
.grid-y>.medium-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y>.medium-1,
.grid-y>.medium-2,
.grid-y>.medium-3,
.grid-y>.medium-4,
.grid-y>.medium-5,
.grid-y>.medium-6,
.grid-y>.medium-7,
.grid-y>.medium-8,
.grid-y>.medium-9,
.grid-y>.medium-10,
.grid-y>.medium-11,
.grid-y>.medium-12,
.grid-y>.medium-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-y>.medium-shrink {
height: auto
}
.grid-y>.medium-1 {
height: 8.33333%
}
.grid-y>.medium-2 {
height: 16.66667%
}
.grid-y>.medium-3 {
height: 25%
}
.grid-y>.medium-4 {
height: 33.33333%
}
.grid-y>.medium-5 {
height: 41.66667%
}
.grid-y>.medium-6 {
height: 50%
}
.grid-y>.medium-7 {
height: 58.33333%
}
.grid-y>.medium-8 {
height: 66.66667%
}
.grid-y>.medium-9 {
height: 75%
}
.grid-y>.medium-10 {
height: 83.33333%
}
.grid-y>.medium-11 {
height: 91.66667%
}
.grid-y>.medium-12 {
height: 100%
}
}
@media print,
screen and (min-width:64em) {
.grid-y>.large-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y>.large-1,
.grid-y>.large-2,
.grid-y>.large-3,
.grid-y>.large-4,
.grid-y>.large-5,
.grid-y>.large-6,
.grid-y>.large-7,
.grid-y>.large-8,
.grid-y>.large-9,
.grid-y>.large-10,
.grid-y>.large-11,
.grid-y>.large-12,
.grid-y>.large-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-y>.large-shrink {
height: auto
}
.grid-y>.large-1 {
height: 8.33333%
}
.grid-y>.large-2 {
height: 16.66667%
}
.grid-y>.large-3 {
height: 25%
}
.grid-y>.large-4 {
height: 33.33333%
}
.grid-y>.large-5 {
height: 41.66667%
}
.grid-y>.large-6 {
height: 50%
}
.grid-y>.large-7 {
height: 58.33333%
}
.grid-y>.large-8 {
height: 66.66667%
}
.grid-y>.large-9 {
height: 75%
}
.grid-y>.large-10 {
height: 83.33333%
}
.grid-y>.large-11 {
height: 91.66667%
}
.grid-y>.large-12 {
height: 100%
}
}
@media screen and (min-width:37.5em) {
.grid-y>.for-tablet-portrait-up-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y>.for-tablet-portrait-up-1,
.grid-y>.for-tablet-portrait-up-2,
.grid-y>.for-tablet-portrait-up-3,
.grid-y>.for-tablet-portrait-up-4,
.grid-y>.for-tablet-portrait-up-5,
.grid-y>.for-tablet-portrait-up-6,
.grid-y>.for-tablet-portrait-up-7,
.grid-y>.for-tablet-portrait-up-8,
.grid-y>.for-tablet-portrait-up-9,
.grid-y>.for-tablet-portrait-up-10,
.grid-y>.for-tablet-portrait-up-11,
.grid-y>.for-tablet-portrait-up-12,
.grid-y>.for-tablet-portrait-up-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-y>.for-tablet-portrait-up-shrink {
height: auto
}
.grid-y>.for-tablet-portrait-up-1 {
height: 8.33333%
}
.grid-y>.for-tablet-portrait-up-2 {
height: 16.66667%
}
.grid-y>.for-tablet-portrait-up-3 {
height: 25%
}
.grid-y>.for-tablet-portrait-up-4 {
height: 33.33333%
}
.grid-y>.for-tablet-portrait-up-5 {
height: 41.66667%
}
.grid-y>.for-tablet-portrait-up-6 {
height: 50%
}
.grid-y>.for-tablet-portrait-up-7 {
height: 58.33333%
}
.grid-y>.for-tablet-portrait-up-8 {
height: 66.66667%
}
.grid-y>.for-tablet-portrait-up-9 {
height: 75%
}
.grid-y>.for-tablet-portrait-up-10 {
height: 83.33333%
}
.grid-y>.for-tablet-portrait-up-11 {
height: 91.66667%
}
.grid-y>.for-tablet-portrait-up-12 {
height: 100%
}
}
@media screen and (min-width:56.25em) {
.grid-y>.for-tablet-landscape-up-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y>.for-tablet-landscape-up-1,
.grid-y>.for-tablet-landscape-up-2,
.grid-y>.for-tablet-landscape-up-3,
.grid-y>.for-tablet-landscape-up-4,
.grid-y>.for-tablet-landscape-up-5,
.grid-y>.for-tablet-landscape-up-6,
.grid-y>.for-tablet-landscape-up-7,
.grid-y>.for-tablet-landscape-up-8,
.grid-y>.for-tablet-landscape-up-9,
.grid-y>.for-tablet-landscape-up-10,
.grid-y>.for-tablet-landscape-up-11,
.grid-y>.for-tablet-landscape-up-12,
.grid-y>.for-tablet-landscape-up-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-y>.for-tablet-landscape-up-shrink {
height: auto
}
.grid-y>.for-tablet-landscape-up-1 {
height: 8.33333%
}
.grid-y>.for-tablet-landscape-up-2 {
height: 16.66667%
}
.grid-y>.for-tablet-landscape-up-3 {
height: 25%
}
.grid-y>.for-tablet-landscape-up-4 {
height: 33.33333%
}
.grid-y>.for-tablet-landscape-up-5 {
height: 41.66667%
}
.grid-y>.for-tablet-landscape-up-6 {
height: 50%
}
.grid-y>.for-tablet-landscape-up-7 {
height: 58.33333%
}
.grid-y>.for-tablet-landscape-up-8 {
height: 66.66667%
}
.grid-y>.for-tablet-landscape-up-9 {
height: 75%
}
.grid-y>.for-tablet-landscape-up-10 {
height: 83.33333%
}
.grid-y>.for-tablet-landscape-up-11 {
height: 91.66667%
}
.grid-y>.for-tablet-landscape-up-12 {
height: 100%
}
}
@media screen and (min-width:75em) {
.grid-y>.for-desktop-up-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y>.for-desktop-up-1,
.grid-y>.for-desktop-up-2,
.grid-y>.for-desktop-up-3,
.grid-y>.for-desktop-up-4,
.grid-y>.for-desktop-up-5,
.grid-y>.for-desktop-up-6,
.grid-y>.for-desktop-up-7,
.grid-y>.for-desktop-up-8,
.grid-y>.for-desktop-up-9,
.grid-y>.for-desktop-up-10,
.grid-y>.for-desktop-up-11,
.grid-y>.for-desktop-up-12,
.grid-y>.for-desktop-up-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-y>.for-desktop-up-shrink {
height: auto
}
.grid-y>.for-desktop-up-1 {
height: 8.33333%
}
.grid-y>.for-desktop-up-2 {
height: 16.66667%
}
.grid-y>.for-desktop-up-3 {
height: 25%
}
.grid-y>.for-desktop-up-4 {
height: 33.33333%
}
.grid-y>.for-desktop-up-5 {
height: 41.66667%
}
.grid-y>.for-desktop-up-6 {
height: 50%
}
.grid-y>.for-desktop-up-7 {
height: 58.33333%
}
.grid-y>.for-desktop-up-8 {
height: 66.66667%
}
.grid-y>.for-desktop-up-9 {
height: 75%
}
.grid-y>.for-desktop-up-10 {
height: 83.33333%
}
.grid-y>.for-desktop-up-11 {
height: 91.66667%
}
.grid-y>.for-desktop-up-12 {
height: 100%
}
}
@media screen and (min-width:120em) {
.grid-y>.for-big-desktop-up-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y>.for-big-desktop-up-1,
.grid-y>.for-big-desktop-up-2,
.grid-y>.for-big-desktop-up-3,
.grid-y>.for-big-desktop-up-4,
.grid-y>.for-big-desktop-up-5,
.grid-y>.for-big-desktop-up-6,
.grid-y>.for-big-desktop-up-7,
.grid-y>.for-big-desktop-up-8,
.grid-y>.for-big-desktop-up-9,
.grid-y>.for-big-desktop-up-10,
.grid-y>.for-big-desktop-up-11,
.grid-y>.for-big-desktop-up-12,
.grid-y>.for-big-desktop-up-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-y>.for-big-desktop-up-shrink {
height: auto
}
.grid-y>.for-big-desktop-up-1 {
height: 8.33333%
}
.grid-y>.for-big-desktop-up-2 {
height: 16.66667%
}
.grid-y>.for-big-desktop-up-3 {
height: 25%
}
.grid-y>.for-big-desktop-up-4 {
height: 33.33333%
}
.grid-y>.for-big-desktop-up-5 {
height: 41.66667%
}
.grid-y>.for-big-desktop-up-6 {
height: 50%
}
.grid-y>.for-big-desktop-up-7 {
height: 58.33333%
}
.grid-y>.for-big-desktop-up-8 {
height: 66.66667%
}
.grid-y>.for-big-desktop-up-9 {
height: 75%
}
.grid-y>.for-big-desktop-up-10 {
height: 83.33333%
}
.grid-y>.for-big-desktop-up-11 {
height: 91.66667%
}
.grid-y>.for-big-desktop-up-12 {
height: 100%
}
}
.grid-padding-y .grid-padding-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem
}
@media print,
screen and (min-width:40em) {
.grid-padding-y .grid-padding-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem
}
}
.grid-padding-y>.cell {
padding-top: .625rem;
padding-bottom: .625rem
}
@media print,
screen and (min-width:40em) {
.grid-padding-y>.cell {
padding-top: .9375rem;
padding-bottom: .9375rem
}
}
.grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell .grid-frame {
width: 100%
}
.cell-block {
overflow-x: auto;
max-width: 100%
}
.cell-block,
.cell-block-y {
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%
}
.cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.cell-block-container>.grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
@media print,
screen and (min-width:40em) {
.medium-grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell .medium-grid-frame {
width: 100%
}
.medium-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.medium-cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.medium-cell-block-container>.grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.medium-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
}
@media print,
screen and (min-width:64em) {
.large-grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell .large-grid-frame {
width: 100%
}
.large-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.large-cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.large-cell-block-container>.grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.large-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
}
@media screen and (min-width:37.5em) {
.for-tablet-portrait-up-grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell .for-tablet-portrait-up-grid-frame {
width: 100%
}
.for-tablet-portrait-up-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.for-tablet-portrait-up-cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.for-tablet-portrait-up-cell-block-container>.grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.for-tablet-portrait-up-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
}
@media screen and (min-width:56.25em) {
.for-tablet-landscape-up-grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell .for-tablet-landscape-up-grid-frame {
width: 100%
}
.for-tablet-landscape-up-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.for-tablet-landscape-up-cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.for-tablet-landscape-up-cell-block-container>.grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.for-tablet-landscape-up-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
}
@media screen and (min-width:75em) {
.for-desktop-up-grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell .for-desktop-up-grid-frame {
width: 100%
}
.for-desktop-up-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.for-desktop-up-cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.for-desktop-up-cell-block-container>.grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.for-desktop-up-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
}
@media screen and (min-width:120em) {
.for-big-desktop-up-grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell .for-big-desktop-up-grid-frame {
width: 100%
}
.for-big-desktop-up-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.for-big-desktop-up-cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.for-big-desktop-up-cell-block-container>.grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.for-big-desktop-up-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
}
.grid-y.grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
@media print,
screen and (min-width:40em) {
.grid-y.medium-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
}
@media print,
screen and (min-width:64em) {
.grid-y.large-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
}
@media screen and (min-width:37.5em) {
.grid-y.for-tablet-portrait-up-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
}
@media screen and (min-width:56.25em) {
.grid-y.for-tablet-landscape-up-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
}
@media screen and (min-width:75em) {
.grid-y.for-desktop-up-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
}
@media screen and (min-width:120em) {
.grid-y.for-big-desktop-up-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
}
.cell .grid-y.grid-frame {
height: 100%
}
@media print,
screen and (min-width:40em) {
.cell .grid-y.medium-grid-frame {
height: 100%
}
}
@media print,
screen and (min-width:64em) {
.cell .grid-y.large-grid-frame {
height: 100%
}
}
@media screen and (min-width:37.5em) {
.cell .grid-y.for-tablet-portrait-up-grid-frame {
height: 100%
}
}
@media screen and (min-width:56.25em) {
.cell .grid-y.for-tablet-landscape-up-grid-frame {
height: 100%
}
}
@media screen and (min-width:75em) {
.cell .grid-y.for-desktop-up-grid-frame {
height: 100%
}
}
@media screen and (min-width:120em) {
.cell .grid-y.for-big-desktop-up-grid-frame {
height: 100%
}
}
.grid-margin-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem
}
@media print,
screen and (min-width:40em) {
.grid-margin-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem
}
}
.grid-margin-y>.cell {
height: calc(100% - 1.875rem);
margin-top: .9375rem;
margin-bottom: .9375rem
}
@media print,
screen and (min-width:40em) {
.grid-margin-y>.cell {
height: calc(100% - 1.875rem);
margin-top: .9375rem;
margin-bottom: .9375rem
}
}
.grid-margin-y>.auto,
.grid-margin-y>.shrink {
height: auto
}
.grid-margin-y>.small-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.small-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.small-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.small-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.small-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.small-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.small-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.small-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.small-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.small-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.small-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.small-12 {
height: calc(100% - 1.875rem)
}
@media print,
screen and (min-width:40em) {
.grid-margin-y>.auto,
.grid-margin-y>.shrink {
height: auto
}
.grid-margin-y>.small-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.small-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.small-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.small-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.small-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.small-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.small-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.small-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.small-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.small-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.small-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.small-12 {
height: calc(100% - 1.875rem)
}
.grid-margin-y>.medium-auto,
.grid-margin-y>.medium-shrink {
height: auto
}
.grid-margin-y>.medium-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.medium-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.medium-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.medium-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.medium-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.medium-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.medium-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.medium-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.medium-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.medium-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.medium-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.medium-12 {
height: calc(100% - 1.875rem)
}
}
@media print,
screen and (min-width:64em) {
.grid-margin-y>.large-auto,
.grid-margin-y>.large-shrink {
height: auto
}
.grid-margin-y>.large-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.large-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.large-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.large-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.large-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.large-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.large-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.large-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.large-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.large-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.large-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.large-12 {
height: calc(100% - 1.875rem)
}
}
@media screen and (min-width:37.5em) {
.grid-margin-y>.for-tablet-portrait-up-auto,
.grid-margin-y>.for-tablet-portrait-up-shrink {
height: auto
}
.grid-margin-y>.for-tablet-portrait-up-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.for-tablet-portrait-up-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.for-tablet-portrait-up-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.for-tablet-portrait-up-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.for-tablet-portrait-up-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.for-tablet-portrait-up-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.for-tablet-portrait-up-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.for-tablet-portrait-up-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.for-tablet-portrait-up-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.for-tablet-portrait-up-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.for-tablet-portrait-up-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.for-tablet-portrait-up-12 {
height: calc(100% - 1.875rem)
}
}
@media screen and (min-width:56.25em) {
.grid-margin-y>.for-tablet-landscape-up-auto,
.grid-margin-y>.for-tablet-landscape-up-shrink {
height: auto
}
.grid-margin-y>.for-tablet-landscape-up-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.for-tablet-landscape-up-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.for-tablet-landscape-up-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.for-tablet-landscape-up-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.for-tablet-landscape-up-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.for-tablet-landscape-up-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.for-tablet-landscape-up-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.for-tablet-landscape-up-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.for-tablet-landscape-up-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.for-tablet-landscape-up-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.for-tablet-landscape-up-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.for-tablet-landscape-up-12 {
height: calc(100% - 1.875rem)
}
}
@media screen and (min-width:75em) {
.grid-margin-y>.for-desktop-up-auto,
.grid-margin-y>.for-desktop-up-shrink {
height: auto
}
.grid-margin-y>.for-desktop-up-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.for-desktop-up-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.for-desktop-up-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.for-desktop-up-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.for-desktop-up-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.for-desktop-up-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.for-desktop-up-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.for-desktop-up-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.for-desktop-up-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.for-desktop-up-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.for-desktop-up-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.for-desktop-up-12 {
height: calc(100% - 1.875rem)
}
}
@media screen and (min-width:120em) {
.grid-margin-y>.for-big-desktop-up-auto,
.grid-margin-y>.for-big-desktop-up-shrink {
height: auto
}
.grid-margin-y>.for-big-desktop-up-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.for-big-desktop-up-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.for-big-desktop-up-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.for-big-desktop-up-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.for-big-desktop-up-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.for-big-desktop-up-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.for-big-desktop-up-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.for-big-desktop-up-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.for-big-desktop-up-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.for-big-desktop-up-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.for-big-desktop-up-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.for-big-desktop-up-12 {
height: calc(100% - 1.875rem)
}
}
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem)
}
@media print,
screen and (min-width:40em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem)
}
}
@media print,
screen and (min-width:64em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem)
}
}
@media screen and (min-width:37.5em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem)
}
}
@media screen and (min-width:56.25em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem)
}
}
@media screen and (min-width:75em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem)
}
}
@media screen and (min-width:120em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem)
}
}
@media print,
screen and (min-width:40em) {
.grid-margin-y.medium-grid-frame {
height: calc(100vh + 1.875rem)
}
}
@media print,
screen and (min-width:64em) {
.grid-margin-y.large-grid-frame {
height: calc(100vh + 1.875rem)
}
}
@media screen and (min-width:37.5em) {
.grid-margin-y.for-tablet-portrait-up-grid-frame {
height: calc(100vh + 1.875rem)
}
}
@media screen and (min-width:56.25em) {
.grid-margin-y.for-tablet-landscape-up-grid-frame {
height: calc(100vh + 1.875rem)
}
}
@media screen and (min-width:75em) {
.grid-margin-y.for-desktop-up-grid-frame {
height: calc(100vh + 1.875rem)
}
}
@media screen and (min-width:120em) {
.grid-margin-y.for-big-desktop-up-grid-frame {
height: calc(100vh + 1.875rem)
}
}
.align-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.align-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.align-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.align-justify {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.align-spaced {
-ms-flex-pack: distribute;
justify-content: space-around
}
.align-left.vertical.menu>li>a {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.align-right.vertical.menu>li>a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.align-center.vertical.menu>li>a {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.align-self-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.align-self-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.align-middle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.align-self-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.align-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.align-self-stretch {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch
}
.align-center-middle {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center
}
.small-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.small-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.small-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.small-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.small-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.small-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
@media print,
screen and (min-width:40em) {
.medium-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.medium-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.medium-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.medium-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.medium-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.medium-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
}
@media print,
screen and (min-width:64em) {
.large-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.large-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.large-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.large-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.large-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.large-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
}
@media screen and (min-width:37.5em) {
.for-tablet-portrait-up-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.for-tablet-portrait-up-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.for-tablet-portrait-up-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.for-tablet-portrait-up-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.for-tablet-portrait-up-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.for-tablet-portrait-up-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
}
@media screen and (min-width:56.25em) {
.for-tablet-landscape-up-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.for-tablet-landscape-up-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.for-tablet-landscape-up-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.for-tablet-landscape-up-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.for-tablet-landscape-up-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.for-tablet-landscape-up-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
}
@media screen and (min-width:75em) {
.for-desktop-up-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.for-desktop-up-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.for-desktop-up-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.for-desktop-up-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.for-desktop-up-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.for-desktop-up-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
}
@media screen and (min-width:120em) {
.for-big-desktop-up-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.for-big-desktop-up-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.for-big-desktop-up-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.for-big-desktop-up-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.for-big-desktop-up-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.for-big-desktop-up-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
}
.flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
@media print,
screen and (min-width:40em) {
.medium-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.medium-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.medium-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.medium-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.medium-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.medium-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.medium-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.medium-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media print,
screen and (min-width:64em) {
.large-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.large-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.large-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.large-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.large-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.large-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.large-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.large-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media screen and (min-width:37.5em) {
.for-tablet-portrait-up-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.for-tablet-portrait-up-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.for-tablet-portrait-up-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.for-tablet-portrait-up-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.for-tablet-portrait-up-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.for-tablet-portrait-up-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.for-tablet-portrait-up-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.for-tablet-portrait-up-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media screen and (min-width:56.25em) {
.for-tablet-landscape-up-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.for-tablet-landscape-up-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.for-tablet-landscape-up-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.for-tablet-landscape-up-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.for-tablet-landscape-up-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.for-tablet-landscape-up-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.for-tablet-landscape-up-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.for-tablet-landscape-up-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media screen and (min-width:75em) {
.for-desktop-up-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.for-desktop-up-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.for-desktop-up-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.for-desktop-up-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.for-desktop-up-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.for-desktop-up-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.for-desktop-up-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.for-desktop-up-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media screen and (min-width:120em) {
.for-big-desktop-up-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.for-big-desktop-up-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.for-big-desktop-up-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.for-big-desktop-up-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.for-big-desktop-up-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.for-big-desktop-up-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.for-big-desktop-up-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.for-big-desktop-up-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
box-sizing: content-box;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
[hidden],
template {
display: none
}
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em&for-smartphone-up=22.5em&for-tablet-portrait-up=37.5em&for-tablet-landscape-up=56.25em&for-desktop-up=75em&for-big-desktop-up=120em"
}
html {
box-sizing: border-box;
font-size: 100%
}
*,
:after,
:before {
box-sizing: inherit
}
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family: Roboto, sans-serif;
font-weight: 400;
line-height: 1.5;
color: #0a0a0a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
img {
display: inline-block;
vertical-align: middle;
height: auto;
-ms-interpolation-mode: bicubic
}
textarea {
height: auto;
min-height: 50px
}
select,
textarea {
border-radius: 10px
}
select {
box-sizing: border-box;
width: 100%
}
.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
max-width: none !important
}
button {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 10px;
background: transparent;
line-height: 1;
cursor: auto
}
[data-whatinput=mouse] button {
outline: 0
}
pre {
overflow: auto
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit
}
.is-visible {
display: block !important
}
.is-hidden {
display: none !important
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center !important;
}
.text-center * {
text-align: center !important;
}
.text-justify {
text-align: justify
}
@media print,
screen and (min-width:40em) {
.medium-text-left {
text-align: left
}
.medium-text-right {
text-align: right
}
.medium-text-center {
text-align: center
}
.medium-text-justify {
text-align: justify
}
}
@media print,
screen and (min-width:64em) {
.large-text-left {
text-align: left
}
.large-text-right {
text-align: right
}
.large-text-center {
text-align: center
}
.large-text-justify {
text-align: justify
}
}
@media screen and (min-width:37.5em) {
.for-tablet-portrait-up-text-left {
text-align: left
}
.for-tablet-portrait-up-text-right {
text-align: right
}
.for-tablet-portrait-up-text-center {
text-align: center
}
.for-tablet-portrait-up-text-justify {
text-align: justify
}
}
@media screen and (min-width:56.25em) {
.for-tablet-landscape-up-text-left {
text-align: left
}
.for-tablet-landscape-up-text-right {
text-align: right
}
.for-tablet-landscape-up-text-center {
text-align: center
}
.for-tablet-landscape-up-text-justify {
text-align: justify
}
}
@media screen and (min-width:75em) {
.for-desktop-up-text-left {
text-align: left
}
.for-desktop-up-text-right {
text-align: right
}
.for-desktop-up-text-center {
text-align: center
}
.for-desktop-up-text-justify {
text-align: justify
}
}
@media screen and (min-width:120em) {
.for-big-desktop-up-text-left {
text-align: left
}
.for-big-desktop-up-text-right {
text-align: right
}
.for-big-desktop-up-text-center {
text-align: center
}
.for-big-desktop-up-text-justify {
text-align: justify
}
}
blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
margin: 0;
padding: 0
}
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility
}
em,
i {
font-style: italic
}
b,
em,
i,
strong {
line-height: inherit
}
b,
strong {
font-weight: 700
}
small {
font-size: 80%;
line-height: inherit
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Roboto, sans-serif;
font-style: normal;
font-weight: 400;
color: inherit;
text-rendering: optimizeLegibility
}
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
line-height: 0;
color: #cacaca
}
.h1,
h1 {
font-size: 1.5rem
}
.h1,
.h2,
h1,
h2 {
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
.h2,
h2 {
font-size: 1.25rem
}
.h3,
h3 {
font-size: 1.1875rem
}
.h3,
.h4,
h3,
h4 {
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
.h4,
h4 {
font-size: 1.125rem
}
.h5,
h5 {
font-size: 1.0625rem
}
.h5,
.h6,
h5,
h6 {
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
.h6,
h6 {
font-size: 1rem
}
@media print,
screen and (min-width:40em) {
.h1,
h1 {
font-size: 3rem
}
.h2,
h2 {
font-size: 2.5rem
}
.h3,
h3 {
font-size: 1.875rem
}
.h4,
h4 {
font-size: 1.5rem
}
.h5,
h5 {
font-size: 1.25rem
}
.h6,
h6 {
font-size: 1.125rem
}
}
a {
line-height: inherit;
color: #1779ba
}
a:focus,
a:hover {
color: #1468a0
}
a img {
border: 0
}
hr {
clear: both;
max-width: 75rem;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #cacaca;
border-left: 0
}
dl,
ol,
ul {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6
}
li {
font-size: inherit
}
ul {
list-style-type: disc
}
ol,
ul {
margin-left: 1.25rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-left: 1.25rem;
margin-bottom: 0
}
dl {
margin-bottom: 1rem
}
dl dt {
margin-bottom: .3rem;
font-weight: 700
}
blockquote {
margin: 0 0 1rem;
padding: .5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca
}
blockquote,
blockquote p {
line-height: 1.6;
color: #8a8a8a
}
cite {
display: block;
font-size: .8125rem;
color: #8a8a8a
}
cite:before {
content: "— "
}
abbr,
abbr[title] {
border-bottom: 1px dotted #0a0a0a;
cursor: help;
text-decoration: none
}
figure {
margin: 0
}
code {
padding: .125rem .3125rem .0625rem;
border: 1px solid #cacaca;
font-weight: 400
}
code,
kbd {
background-color: #e6e6e6;
font-family: Consolas, Liberation Mono, Courier, monospace;
color: #0a0a0a
}
kbd {
margin: 0;
padding: .125rem .25rem 0
}
.invisible {
visibility: hidden
}
@media screen and (max-width:39.99875em) {
.hide-for-small-only {
display: none !important
}
}
@media screen and (max-width:0em),
screen and (min-width:40em) {
.show-for-small-only {
display: none !important
}
}
@media print,
screen and (min-width:40em) {
.hide-for-medium {
display: none !important
}
}
@media screen and (max-width:39.99875em) {
.show-for-medium {
display: none !important
}
}
@media screen and (min-width:40em) and (max-width:63.99875em) {
.hide-for-medium-only {
display: none !important
}
}
@media screen and (max-width:39.99875em),
screen and (min-width:64em) {
.show-for-medium-only {
display: none !important
}
}
@media print,
screen and (min-width:64em) {
.hide-for-large {
display: none !important
}
}
@media screen and (max-width:63.99875em) {
.show-for-large {
display: none !important
}
}
@media screen and (min-width:64em) and (max-width:74.99875em) {
.hide-for-large-only {
display: none !important
}
}
@media screen and (max-width:63.99875em),
screen and (min-width:75em) {
.show-for-large-only {
display: none !important
}
}
@media screen and (min-width:37.5em) {
.hide-for-for-tablet-portrait-up {
display: none !important
}
}
@media screen and (max-width:37.49875em) {
.show-for-for-tablet-portrait-up {
display: none !important
}
}
@media screen and (min-width:37.5em) and (max-width:56.24875em) {
.hide-for-for-tablet-portrait-up-only {
display: none !important
}
}
@media screen and (max-width:37.49875em),
screen and (min-width:56.25em) {
.show-for-for-tablet-portrait-up-only {
display: none !important
}
}
@media screen and (min-width:56.25em) {
.hide-for-for-tablet-landscape-up {
display: none !important
}
}
@media screen and (max-width:56.24875em) {
.show-for-for-tablet-landscape-up {
display: none !important
}
}
@media screen and (min-width:56.25em) and (max-width:74.99875em) {
.hide-for-for-tablet-landscape-up-only {
display: none !important
}
}
@media screen and (max-width:56.24875em),
screen and (min-width:75em) {
.show-for-for-tablet-landscape-up-only {
display: none !important
}
}
@media screen and (min-width:75em) {
.hide-for-for-desktop-up {
display: none !important
}
}
@media screen and (max-width:74.99875em) {
.show-for-for-desktop-up {
display: none !important
}
}
@media screen and (min-width:75em) and (max-width:119.99875em) {
.hide-for-for-desktop-up-only {
display: none !important
}
}
@media screen and (max-width:74.99875em),
screen and (min-width:120em) {
.show-for-for-desktop-up-only {
display: none !important
}
}
@media screen and (min-width:120em) {
.hide-for-for-big-desktop-up {
display: none !important
}
}
@media screen and (max-width:119.99875em) {
.show-for-for-big-desktop-up {
display: none !important
}
}
@media screen and (min-width:120em) {
.hide-for-for-big-desktop-up-only {
display: none !important
}
}
@media screen and (max-width:119.99875em) {
.show-for-for-big-desktop-up-only {
display: none !important
}
}
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.show-on-focus:active,
.show-on-focus:focus {
position: static !important;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.hide-for-portrait,
.show-for-landscape {
display: block !important
}
@media screen and (orientation:landscape) {
.hide-for-portrait,
.show-for-landscape {
display: block !important
}
}
@media screen and (orientation:portrait) {
.hide-for-portrait,
.show-for-landscape {
display: none !important
}
}
.hide-for-landscape,
.show-for-portrait {
display: none !important
}
@media screen and (orientation:landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important
}
}
@media screen and (orientation:portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important
}
}
p {
margin-top: 0
}
input {
border: none;
box-shadow: none
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number] {
-moz-appearance: textfield
}
@-webkit-keyframes b {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes b {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes c {
0% {
opacity: 0;
-webkit-transform: translate(-50px);
transform: translate(-50px)
}
to {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0)
}
}
@keyframes c {
0% {
opacity: 0;
-webkit-transform: translate(-50px);
transform: translate(-50px)
}
to {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0)
}
}
@-webkit-keyframes d {
0% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1
}
33% {
-webkit-transform: translate(50px);
transform: translate(50px);
opacity: 0
}
66% {
-webkit-transform: translate(-50px);
transform: translate(-50px);
opacity: 0
}
99% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1
}
}
@keyframes d {
0% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1
}
33% {
-webkit-transform: translate(50px);
transform: translate(50px);
opacity: 0
}
66% {
-webkit-transform: translate(-50px);
transform: translate(-50px);
opacity: 0
}
99% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1
}
}
@-webkit-keyframes e {
0% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1
}
33% {
-webkit-transform: translate(-50px);
transform: translate(-50px);
opacity: 0
}
66% {
-webkit-transform: translate(50px);
transform: translate(50px);
opacity: 0
}
99% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1
}
}
@keyframes e {
0% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1
}
33% {
-webkit-transform: translate(-50px);
transform: translate(-50px);
opacity: 0
}
66% {
-webkit-transform: translate(50px);
transform: translate(50px);
opacity: 0
}
99% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1
}
}
@-webkit-keyframes f {
0% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 0
}
to {
-webkit-transform: translateY(-170px);
transform: translateY(-170px);
opacity: 1
}
}
@keyframes f {
0% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 0
}
to {
-webkit-transform: translateY(-170px);
transform: translateY(-170px);
opacity: 1
}
}
@-webkit-keyframes g {
0% {
-webkit-transform: rotate3d(-1, 0, 0, 90deg);
transform: rotate3d(-1, 0, 0, 90deg)
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
}
@keyframes g {
0% {
-webkit-transform: rotate3d(-1, 0, 0, 90deg);
transform: rotate3d(-1, 0, 0, 90deg)
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
}
@-webkit-keyframes h {
0% {
-webkit-transform: rotate3d(0, -1, 0, 90deg);
transform: rotate3d(0, -1, 0, 90deg)
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
}
@keyframes h {
0% {
-webkit-transform: rotate3d(0, -1, 0, 90deg);
transform: rotate3d(0, -1, 0, 90deg)
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
}
@-webkit-keyframes i {
0% {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg)
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
}
@keyframes i {
0% {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg)
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
}
@-webkit-keyframes j {
0% {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg)
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
}
@keyframes j {
0% {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg)
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
}
@-webkit-keyframes k {
0% {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
to {
-webkit-transform: rotate3d(-1, 0, 0, 104deg);
transform: rotate3d(-1, 0, 0, 104deg)
}
}
@keyframes k {
0% {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
to {
-webkit-transform: rotate3d(-1, 0, 0, 104deg);
transform: rotate3d(-1, 0, 0, 104deg)
}
}
@-webkit-keyframes l {
0% {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
to {
-webkit-transform: rotate3d(0, -1, 0, 104deg);
transform: rotate3d(0, -1, 0, 104deg)
}
}
@keyframes l {
0% {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
to {
-webkit-transform: rotate3d(0, -1, 0, 104deg);
transform: rotate3d(0, -1, 0, 104deg)
}
}
@-webkit-keyframes m {
0% {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
to {
-webkit-transform: rotateX(104deg);
transform: rotateX(104deg)
}
}
@keyframes m {
0% {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
to {
-webkit-transform: rotateX(104deg);
transform: rotateX(104deg)
}
}
@-webkit-keyframes n {
0% {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
to {
-webkit-transform: rotateY(104deg);
transform: rotateY(104deg)
}
}
@keyframes n {
0% {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
to {
-webkit-transform: rotateY(104deg);
transform: rotateY(104deg)
}
}
body,
html {
height: 100%;
font-size: 16px;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
*,
:after,
:before {
box-sizing: border-box
}
img {
max-width: 100%
}
.flr {
float: right
}
.hide {
display: none !important
}
.clearfix:after {
content: "";
display: table;
clear: both
}
.svg-wrapper {
display: block
}
.svg-wrapper>svg {
height: 100%;
display: block;
width: 100%
}
.list-inline>* {
display: inline-block
}
.txt-is-primary {
color: #be3131
}
.txt-is-gray {
color: #6e6e6e
}
.txt-is-white {
color: #fff
}
.bg-is-gray {
background-color: #6e6e6e
}
.bg-is-primary {
background-color: #be3131
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #6e6e6e;
margin: 1em 0;
padding: 0
}
a {
color: #be3131;
text-decoration: none;
cursor: pointer;
transition: all .25s ease-in-out
}
a:hover {
color: #952727
}
p {
line-height: 24px
}
.is-triangle-up {
min-height: 1.5em;
position: relative
}
.is-triangle-up:before {
position: absolute;
top: 0;
border-bottom: 1.5em solid #000
}
.is-triangle-up.red:before,
.is-triangle-up:before {
width: 0;
height: 0;
content: "";
z-index: 2;
border-left: 1em solid transparent;
border-right: 1em solid transparent
}
.is-triangle-up.red:before {
border-bottom: 1.5em solid #f40020
}
.brdr-text {
display: inline-block;
border: 3px solid #fff;
padding: 8px
}
@media print,
screen and (min-width:40em) {
.brdr-text {
padding: 20px
}
}
.gallery {
margin-bottom: 50px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.gallery .gallery-item {
margin-bottom: 0;
padding: 10px;
overflow: hidden;
height: 145px
}
.gallery .gallery-item img {
margin-bottom: 0;
border: none !important
}
.btn,
.btn--green,
.btn--hollow,
.btn--hollow-white,
.btn--red,
a,
button {
cursor: pointer
}
.btn,
.btn--green,
.btn--hollow,
.btn--hollow-white,
.btn--red {
background: #be3131;
border: none;
border-radius: 6px;
padding: 10px 25px;
color: #fff;
text-transform: normal;
font-size: 14px;
font-weight: regular;
font-style: normal;
text-align: center;
display: inline-block;
line-height: 1.6;
transition: background .25s ease-in-out
}
.btn--green:hover,
.btn--hollow-white:hover,
.btn--hollow:hover,
.btn--red:hover,
.btn:hover {
background: #952727;
color: #fff
}
.btn--green:hover>img,
.btn--hollow-white:hover>img,
.btn--hollow:hover>img,
.btn--red:hover>img,
.btn:hover>img {
-webkit-transform: translate(10px);
transform: translate(10px)
}
.btn.tiny,
.tiny.btn--green,
.tiny.btn--hollow,
.tiny.btn--hollow-white,
.tiny.btn--red {
padding: 6px 10px
}
.btn.round,
.round.btn--green,
.round.btn--hollow,
.round.btn--hollow-white,
.round.btn--red {
border-radius: 40px
}
.btn--green>img,
.btn--hollow-white>img,
.btn--hollow>img,
.btn--red>img,
.btn>img {
width: auto !important;
display: inline-block !important;
vertical-align: top;
margin-top: 2px;
margin-left: 10px;
transition: -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out
}
.btn--block {
display: block;
width: 100%
}
.btn--icon {
position: relative;
padding: 20px
}
.btn--icon>.svg-wrapper {
width: 30px;
height: 20px;
margin-top: 3px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.btn--icon>.svg-wrapper svg {
fill: #fff
}
.btn--icon-fa {
padding: 0;
white-space: nowrap
}
.btn--icon-fa>* {
padding: 12px
}
.btn--icon-fa>span {
padding-right: 15px;
padding-left: 0;
padding-top: 15px
}
.btn--link {
background-color: transparent;
color: #be3131;
padding: 0;
border: none;
transition: all .25s ease-in-out
}
.btn--link.active,
.btn--link:hover {
background-color: transparent;
color: #575757
}
.btn--link>.svg-wrapper svg {
fill: #be3131
}
.btn--red {
background: #f40020
}
.btn--red:hover {
color: #fff;
background: #c10019
}
.btn--green {
background: #79c24e
}
.btn--green:hover {
color: #fff;
background: #61a439
}
.btn--white {
background: #fff;
color: #be3131
}
.btn--white:hover {
color: #be3131;
background: #e6e6e6
}
.btn--hollow,
.btn--hollow-white {
background-color: transparent;
color: #be3131;
border: 2px solid #be3131
}
.active.btn--hollow-white,
.btn--hollow-white:hover,
.btn--hollow.active,
.btn--hollow:hover {
background-color: rgba(190, 49, 49, .2);
color: #be3131
}
.btn--hollow-white {
color: #fff;
border-color: #fff
}
.btn--hollow-white.active,
.btn--hollow-white:hover {
color: #fff
}
.btn--border {
background-color: transparent;
color: #be3131;
padding: 20px 0;
border-bottom: 2px solid #be3131;
transition: all .25s ease-in-out
}
.btn--border.active,
.btn--border:hover {
background-color: transparent;
color: #be3131;
border-color: #575757
}
.btn--border-left img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-left: 0;
margin-right: 10px
}
.btn--border-left.active img,
.btn--border-left:hover img {
-webkit-transform: rotate(180deg) translate(10px);
transform: rotate(180deg) translate(10px)
}
@media print,
screen and (min-width:40em) {
.btn,
.btn--green,
.btn--hollow,
.btn--hollow-white,
.btn--red {
font-size: 14px
}
}
.cookie {
background: #000;
overflow: auto;
color: #6e6e6e;
padding: 20px 0
}
.cookie p {
margin-bottom: 0;
font-size: 12px;
line-height: 16px;
margin-top: 5px
}
.cookie .btn,
.cookie .btn--green,
.cookie .btn--hollow,
.cookie .btn--hollow-white,
.cookie .btn--red {
float: right;
width: auto;
background-color: #6e6e6e;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
font-size: 12px
}
body {
overflow-x: hidden
}
body section {
transition: .7s
}
.block__scroll {
position: relative;
overflow: hidden
}
section .section__title {
font-weight: 700;
color: #000;
font-size: 30px;
margin-bottom: 5px;
text-align: center
}
@media screen and (min-width:37.5em) {
section .section__title {
font-size: 36px
}
}
section .section__subtitle {
color: #5d5d5d;
font-size: 18px;
margin-bottom: 25px;
text-align: center
}
@media screen and (min-width:37.5em) {
section .section__subtitle {
font-size: 20px
}
}
@media screen and (min-width:75em) {
section .section__title {
margin-bottom: 10px;
font-size: 48px
}
section .section__title.smaller {
font-size: 44px;
line-height: 50px
}
section .section__subtitle {
margin-bottom: 35px;
font-size: 24px
}
}
.desktop__social-icons .facebook .svg-wrapper,
.desktop__social-icons .instagram .svg-wrapper,
.footer__social .facebook .svg-wrapper,
.footer__social .instagram .svg-wrapper,
.social-icons .facebook .svg-wrapper,
.social-icons .instagram .svg-wrapper {
height: 25px
}
.desktop__social-icons .facebook .svg-wrapper svg,
.desktop__social-icons .instagram .svg-wrapper svg,
.desktop__social-icons .clutch .svg-wrapper svg,
.footer__social .facebook .svg-wrapper svg,
.footer__social .instagram .svg-wrapper svg,
.social-icons .facebook .svg-wrapper svg,
.social-icons .instagram .svg-wrapper svg,
.social-icons .clutch .svg-wrapper svg {
width: auto;
fill: #fff
}
.desktop__social-icons .linkedin .svg-wrapper,
.footer__social .linkedin .svg-wrapper,
.social-icons .linkedin .svg-wrapper {
height: 27px
}
.desktop__social-icons .linkedin .svg-wrapper svg,
.footer__social .linkedin .svg-wrapper svg,
.social-icons .linkedin .svg-wrapper svg {
fill: #fff;
width: auto
}
.desktop__social-icons.red--fill .svg-wrapper:hover svg,
.footer__social.red--fill .svg-wrapper:hover svg,
.social-icons.red--fill .svg-wrapper:hover svg {
fill: #8a8a8a !important
}
.desktop__social-icons.red--fill .svg-wrapper svg,
.footer__social.red--fill .svg-wrapper svg,
.social-icons.red--fill .svg-wrapper svg {
fill: #be3131
}
.desktop__social-icons .facebook .svg-wrapper,
.desktop__social-icons .instagram .svg-wrapper,
.desktop__social-icons .linkedin .svg-wrapper,
.footer__social .facebook .svg-wrapper,
.footer__social .instagram .svg-wrapper,
.footer__social .linkedin .svg-wrapper,
.social-icons .facebook .svg-wrapper,
.social-icons .instagram .svg-wrapper,
.social-icons .linkedin .svg-wrapper {
position: relative
}
.desktop__social-icons .facebook .svg-wrapper svg,
.desktop__social-icons .instagram .svg-wrapper svg,
.desktop__social-icons .linkedin .svg-wrapper svg,
.desktop__social-icons .clutch .svg-wrapper svg,
.footer__social .facebook .svg-wrapper svg,
.footer__social .instagram .svg-wrapper svg,
.footer__social .linkedin .svg-wrapper svg,
.footer__social .clutch .svg-wrapper svg .social-icons .facebook .svg-wrapper svg,
.social-icons .instagram .svg-wrapper svg,
.social-icons .linkedin .svg-wrapper svg,
.social-icons .clutch .svg-wrapper svg {
transition: .3s
}
.desktop__social-icons .facebook .svg-wrapper:hover svg,
.desktop__social-icons .instagram .svg-wrapper:hover svg,
.desktop__social-icons .linkedin .svg-wrapper:hover svg,
.desktop__social-icons .clutch .svg-wrapper:hover svg,
.footer__social .facebook .svg-wrapper:hover svg,
.footer__social .instagram .svg-wrapper:hover svg,
.footer__social .linkedin .svg-wrapper:hover svg,
.footer__social .clutch .svg-wrapper:hover svg,
.social-icons .facebook .svg-wrapper:hover svg,
.social-icons .instagram .svg-wrapper:hover svg,
.social-icons .linkedin .svg-wrapper:hover svg,
.social-icons .clutch .svg-wrapper:hover svg {
fill: #be3131
}
footer.section__footer .social-icons .svg-wrapper {
display: inline-block
}
.run--animation,
.run--animation--after:after,
.run--animation--before:before {
-webkit-animation-play-state: running !important;
animation-play-state: running !important
}
@media screen and (min-width:37.5em) {
.move__content {
-webkit-transform: translateX(-380px);
transform: translateX(-380px)
}
}
footer.section__footer {
padding: 20px 45px;
background-color: #000
}
footer.section__footer p {
color: #7b7b7b;
font-size: 12px;
text-align: center;
line-height: 16px;
margin-bottom: 0
}
footer.section__footer p a {
color: inherit
}
@media screen and (min-width:37.5em) {
footer.section__footer .footer__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
footer.section__footer .footer__container img {
padding-right: 30px
}
footer.section__footer .footer__container p {
text-align: left
}
}
@media screen and (min-width:56.25em) {
footer.section__footer {
padding: 35px 25px
}
footer.section__footer .footer__container {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left
}
footer.section__footer .social-icons {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
footer.section__footer .social-icons a {
margin-right: 25px
}
footer.section__footer .social-icons a:last-of-type {
margin-right: 0
}
}
footer.section__footer .nav__menu ul li.wpml-ls-item {
display: none;
}
@media screen and (min-width:75em) {
footer.section__footer .nav__menu {
margin-right: -10px;
padding-left: 30px
}
footer.section__footer .nav__menu ul {
margin: 0;
-webkit-transform-style: initial !important;
transform-style: flat !important
}
footer.section__footer .nav__menu ul li {
display: inline-block;
vertical-align: bottom;
position: relative
}
footer.section__footer .nav__menu ul li:hover {
cursor: pointer
}
footer.section__footer .nav__menu ul li:hover a:after,
footer.section__footer .nav__menu ul li:hover a:before {
width: 50%
}
footer.section__footer .nav__menu ul li:first-of-type {
display: none
}
footer.section__footer .nav__menu ul li a {
color: #7b7b7b;
font-size: 16px;
padding: 0 12.5px
}
footer.section__footer .nav__menu ul li a:before {
left: 50%
}
footer.section__footer .nav__menu ul li a:after,
footer.section__footer .nav__menu ul li a:before {
position: absolute;
content: "";
bottom: -5px;
height: 2px;
background-color: #be3131;
width: 0;
transition: .3s
}
footer.section__footer .nav__menu ul li a:after {
right: 50%
}
footer.section__footer .cell {
position: relative
}
footer.section__footer .social-icons {
position: absolute;
right: 0;
width: 150%;
display: block
}
footer.section__footer .social-icons a {
margin-right: 17px
}
}
@media screen and (min-width:120em) {
footer.section__footer {
padding: 35px 45px
}
footer.section__footer .nav__menu ul {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
footer.section__footer .grid-x {
position: relative
}
footer.section__footer .grid-x .for-desktop-up-11 {
position: static
}
}
.mobile__menu__overlay {
background-color: #1c1c1c;
z-index: 33;
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
border-radius: 100%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: .7s
}
@media screen and (min-width:37.5em) {
.mobile__menu__overlay {
top: 0;
left: auto;
right: 0;
width: 0;
height: 100vh;
border-radius: 0;
-webkit-transform: none;
transform: none
}
}
.change__menu__overlay {
opacity: 1;
width: 300%;
height: 300%
}
@media screen and (min-width:37.5em) {
.change__menu__overlay {
width: 380px
}
}
nav#nav {
position: fixed;
padding: 50px 25px;
top: 0px;
z-index: 55;
width: 100%;
max-height: 100vh;
overflow: auto;
background-color: transparent;
transition: background 300ms linear, padding 300ms linear;
}
@media (max-width: 1199px) {
nav#nav {
position: absolute;
}
}
@media (min-width: 1200px) {
nav#nav.dark {
background: rgba(0, 0, 0, 0.9);
padding-top: 10px;
padding-bottom: 10px;
}
body.search nav#nav .nav__main__container .nav__logo,
nav#nav.dark .nav__main__container .nav__logo {
width: 245px;
height: 23px;
}
body.search nav#nav .nav__main__container .nav__logo img,
nav#nav.dark .nav__main__container .nav__logo img {
opacity: 0;
position: relative;
}
body.search nav#nav .nav__main__container .nav__logo:before,
nav#nav .nav__main__container .nav__logo:before {
content: "";
display: block;
width: 245px;
height: 32px;
position: absolute;
top: -3px;
left: 0px;
background: url(//softiq.pl/wp-content/themes/softiq/dist/img/logo.png) no-repeat 0 0;
opacity: 0;
transition: all 300ms linear;
}
body.search nav#nav .nav__main__container .nav__logo:before,
nav#nav.dark .nav__main__container .nav__logo:before {
opacity: 1;
}
body.search nav#nav .nav__menu.dark__font ul li a,
nav#nav.dark .nav__menu.dark__font ul li a {
color: #ffffff;
}
body.search nav#nav .desktop__social-icons.red--fill .svg-wrapper svg,
nav#nav.dark .desktop__social-icons.red--fill .svg-wrapper svg {
fill: #ffffff;
}
}
nav#nav .hamburger__eclipse,
nav#nav .nav__main__container {
opacity: 0;
transition: all .6s ease-in-out;
transition-delay: .4s
}
nav#nav .nav__main__container .nav__logo {
max-width: 70%
}
nav#nav .hamburger__eclipse {
width: 50px;
height: 50px;
background-color: #be3131;
border-radius: 100%;
transition: .3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
nav#nav .hamburger__eclipse .hamburger__container {
display: inline-block;
cursor: pointer;
transition: .3s
}
nav#nav .hamburger__eclipse .hamburger__container .bar1,
nav#nav .hamburger__eclipse .hamburger__container .bar2,
nav#nav .hamburger__eclipse .hamburger__container .bar3 {
width: 24px;
height: 2px;
background-color: #fff;
margin: 3px 0;
transition: .3s
}
nav#nav.ready .hamburger__eclipse,
nav#nav.ready .nav__main__container {
opacity: 1
}
nav#nav .change {
background-color: #fff
}
nav#nav .change .bar1,
nav#nav .change .bar2,
nav#nav .change .bar3 {
background-color: #be3131 !important
}
nav#nav .change .bar1 {
-webkit-transform: rotate(-45deg) translate(-3px, 3px);
transform: rotate(-45deg) translate(-3px, 3px)
}
nav#nav .change .bar2 {
opacity: 0
}
nav#nav .change .bar3 {
-webkit-transform: rotate(45deg) translate(-3px, -5px);
transform: rotate(45deg) translate(-3px, -5px)
}
nav#nav .nav__menu {
padding-top: 65px;
padding-bottom: 40px;
max-height: 0;
overflow: hidden;
z-index: -55;
transition: .3s;
opacity: 0
}
nav#nav .nav__menu ul {
list-style-type: none;
margin-left: 0;
width: 290px;
max-width: 100%
}
nav#nav .nav__menu ul li a {
color: #fff;
padding: 10px 0;
font-size: 24px;
display: inline-block
}
nav#nav .nav__menu ul li.menu-item-1088 {
display: none;
}
nav#nav .nav__menu ul li.menu-item-has-children {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
nav#nav .nav__menu ul li.menu-item-has-children ul {
margin-left: 35px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-height: 0;
overflow: hidden;
transition: .3s
}
nav#nav .nav__menu ul li.menu-item-has-children ul.show__submenu {
max-height: 250px;
overflow: initial;
transition: .3s
}
nav#nav .nav__menu ul li.menu-item-has-children ul li a {
font-size: 20px
}
nav#nav .nav__menu ul li.menu-item-has-children a {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-flex: 90%;
-ms-flex: 90%;
flex: 90%
}
nav#nav .nav__menu ul li.menu-item-has-children i {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-flex: 10%;
-ms-flex: 10%;
flex: 10%;
color: #fff
}
nav#nav .nav__menu__change {
max-height: 1000px;
z-index: 55;
opacity: 1;
transition: 1s;
transition-delay: .5s
}
nav#nav .nav__main__container {
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;
position: relative
}
nav#nav .nav__main__container .logo {
opacity: 1;
transition: .5s;
position: relative
}
nav#nav .nav__main__container .social-icons {
-webkit-transform: translate(-150%, -50%);
transform: translate(-150%, -50%);
position: absolute;
opacity: 0;
left: 0;
top: 50%;
transition: .5s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
nav#nav .nav__main__container .social-icons a {
margin-right: 35px
}
nav#nav .nav__main__container .social-icons a:last-of-type {
margin-right: 0
}
nav#nav .nav__container__change .logo {
-webkit-transform: translate(-150%);
transform: translate(-150%);
opacity: 0
}
nav#nav .nav__container__change .social-icons {
transition-delay: .5s;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1
}
@media screen and (min-width:22.5em) {
nav#nav .nav__main__container .nav__logo {
max-width: 100%
}
}
@media screen and (min-width:37.5em) {
nav#nav .small-2 {
text-align: right
}
nav#nav .small-2 .hamburger__eclipse {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
nav#nav .nav__menu {
text-align: right
}
nav#nav .nav__menu ul {
text-align: left;
display: inline-block;
padding-right: 25px
}
nav#nav .nav__container__change .social-icons {
right: 84px;
left: auto
}
}
@media screen and (min-width:56.25em) {
nav#nav .nav__menu ul li a {
font-size: 30px
}
}
@media screen and (min-width:75em) {
nav#nav {
overflow: visible;
top: 0px
}
nav#nav.ready .nav__menu ul li {
opacity: 1;
-webkit-transform: translate(0) scale(1);
transform: translate(0) scale(1)
}
nav#nav.ready .desktop__social-icons {
opacity: 1
}
nav#nav .desktop__social-icons {
opacity: 0;
transition: all .6s ease-in-out;
transition-delay: .4s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 15px
}
nav#nav .desktop__social-icons a {
padding-right: 30px
}
nav#nav .desktop__social-icons a:last-of-type {
padding-right: 0
}
nav#nav .nav__menu {
max-height: none;
overflow: visible;
z-index: auto;
opacity: 1;
padding-top: 0;
padding-bottom: 0
}
nav#nav .nav__menu ul {
padding-right: 0;
margin-bottom: 0;
display: block;
width: auto
}
nav#nav .nav__menu ul li {
display: inline-block;
position: relative;
padding: 0 17.5px;
opacity: 0;
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
transition: opacity 1.2s, -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out, opacity 1.2s;
transition: transform .6s ease-in-out, opacity 1.2s, -webkit-transform .6s ease-in-out
}
nav#nav .nav__menu ul li:first-of-type {
display: none
}
nav#nav .nav__menu ul li:nth-child(2) {
padding-left: 0
}
nav#nav .nav__menu ul li:last-of-type {
padding-right: 0
}
nav#nav .nav__menu ul li:hover {
cursor: pointer
}
nav#nav .nav__menu ul li:hover a:after,
nav#nav .nav__menu ul li:hover a:before {
width: 50%
}
nav#nav .nav__menu ul li a {
font-size: 18px;
font-weight: 600;
position: relative
}
nav#nav .nav__menu>ul>li>a:before {
left: 50%
}
nav#nav .nav__menu>ul>li>a:after,
nav#nav .nav__menu>ul>li>a:before {
position: absolute;
content: "";
bottom: 0;
height: 2px;
background-color: #be3131;
width: 0;
transition: .3s
}
nav#nav .nav__menu>ul>li>a:after {
right: 50%
}
nav#nav .nav__menu ul li.menu-item-has-children {
display: inline-block
}
nav#nav .nav__menu ul li.menu-item-has-children:hover .sub-menu {
-webkit-transform: translate(-50%);
transform: translate(-50%);
box-shadow: 0px 35px 30px -10px rgba(0, 0, 0, 0.15);
opacity: 1;
max-height: 500px;
transition: max-height 0s, opacity .5s .1s, -webkit-transform .5s .1s;
transition: max-height 0s, transform .5s .1s, opacity .5s .1s;
transition: max-height 0s, transform .5s .1s, opacity .5s .1s, -webkit-transform .5s .1s
}
nav#nav .nav__menu ul li.menu-item-has-children .icon__plus {
display: none
}
nav#nav .nav__menu ul li.menu-item-has-children .sub-menu {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
opacity: 0;
margin: 10px 0 0 0;
max-height: 0;
padding-top: 0px;
transition: max-height 0s .7s, opacity .5s .1s, -webkit-transform .5s .1s;
transition: max-height 0s .7s, transform .5s .1s, opacity .5s .1s;
transition: max-height 0s .7s, transform .5s .1s, opacity .5s .1s, -webkit-transform .5s .1s;
min-width: 800px;
background: #fff;
display: flex;
flex-wrap: wrap;
padding: 15px 0;
overflow: inherit;
transition-delay: 0.5s;
visibility: hidden;
}
nav#nav .nav__menu ul li.menu-item-has-children:hover .sub-menu {
visibility: visible;
}
nav#nav .nav__menu ul li.menu-item-has-children:hover .sub-menu {}
.wpml-ls-item .sub-menu:before {
display: none;
}
nav#nav .nav__menu ul li.menu-item-has-children .sub-menu li {
display: block;
margin: 0 !important;
width: 400px;
padding: 0 !important;
}
nav#nav .nav__menu ul li.menu-item-has-children .sub-menu li a {
padding: 10px 30px;
position: relative;
font-size: 15px;
color: #484848;
background-color: #fff;
font-weight: 600;
z-index: 4;
transition: .3s;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 400px;
}
nav#nav .nav__menu ul li.menu-item-has-children .sub-menu:before {
content: "";
position: absolute;
width: 30px;
height: 30px;
background-color: #fff;
left: 50%;
top: 0px;
-webkit-transform: translate(-50%, -5%) rotate(45deg);
transform: translate(-50%, -5%) rotate(45deg);
z-index: -1
}
nav#nav .nav__menu ul li.menu-item-has-children .sub-menu li a:after {
display: none
}
nav#nav .nav__menu ul li.menu-item-has-children .sub-menu li a:hover {
color: #be3131
}
nav#nav .nav__menu.dark__font ul li a {
color: #8a8a8a
}
}
@media screen and (min-width:120em) {
nav#nav {
padding: 50px 45px
}
nav#nav .nav__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
nav#nav .nav__menu ul li {
padding: 0 12.5px
}
}
@media screen and (min-width: 1200px) {
nav#nav .nav__menu>ul#menu-main-menu>li:nth-last-child(1)>a[href*="oferta"],
nav#nav .nav__menu>ul#menu-main-menu>li:nth-last-child(2)>a[href*="oferta"],
nav#nav .nav__menu>ul#menu-main-menu-angielski>li:nth-last-child(1)>a[href*="offer"],
nav#nav .nav__menu>ul#menu-main-menu-angielski>li:nth-last-child(2)>a[href*="offer"] {
background-color: #be3131;
color: #ffffff;
border-radius: 27px;
padding-left: 20px;
padding-right: 20px;
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.2) inset;
}
nav#nav .nav__menu ul#menu-main-menu>li:nth-last-child(1)>a[href*="oferta"]:hover,
nav#nav .nav__menu ul#menu-main-menu>li:nth-last-child(2)>a[href*="oferta"]:hover,
nav#nav .nav__menu ul#menu-main-menu-angielski>li:nth-last-child(1)>a[href*="offer"]:hover,
nav#nav .nav__menu ul#menu-main-menu-angielski>li:nth-last-child(2)>a[href*="offer"]:hover {
background-color: #d34040;
}
nav#nav .nav__menu ul#menu-main-menu>li:nth-last-child(1)>a[href*="oferta"]:before,
nav#nav .nav__menu ul#menu-main-menu>li:nth-last-child(2)>a[href*="oferta"]:before,
nav#nav .nav__menu ul#menu-main-menu>li:nth-last-child(1)>a[href*="oferta"]:after,
nav#nav .nav__menu ul#menu-main-menu>li:nth-last-child(2)>a[href*="oferta"]:after,
nav#nav .nav__menu ul#menu-main-menu-angielski>li:nth-last-child(1)>a[href*="offer"]:before,
nav#nav .nav__menu ul#menu-main-menu-angielski>li:nth-last-child(2)>a[href*="offer"]:before,
nav#nav .nav__menu ul#menu-main-menu-angielski>li:nth-last-child(1)>a[href*="offer"]:after,
nav#nav .nav__menu ul#menu-main-menu-angielski>li:nth-last-child(2)>a[href*="offer"]:after {
display: none !important;
opacity: 0 !important;
visibility: hidden;
width: 0 !important;
height: 0 !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
nav#nav .grid-x .cell.for-desktop-up-3.for-big-desktop-up-2 {
width: 250px;
max-width: 250px;
flex: 0 0 250px;
}
nav#nav .grid-x .cell.small-12.for-desktop-up-7.for-big-desktop-up-8 {
width: calc(100% - 410px);
max-width: calc(100% - 410px);
flex: 0 0 calc(100% - 410px);
display: flex;
justify-content: center;
}
nav#nav .grid-x .cell.show-for-for-desktop-up.for-desktop-up-2 {
width: 220px;
max-width: 220px;
flex: 0 0 220px;
right: 10px;
}
nav#nav .desktop__social-icons a {
padding-right: 10px;
}
}
.modal {
position: fixed;
left: 0;
bottom: 0;
right: 0;
height: 0;
background-color: #fff;
z-index: 600;
transition: .5s
}
.modal,
.modal .modal__wrapper {
overflow-y: scroll
}
section.page__banner {
padding: 128.5px 25px 228.5px;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover
}
section.page__banner h1,
section.page__banner h2 {
font-weight: 900;
color: #fff;
font-size: 48px;
margin-bottom: 0
}
.banner__career,
.banner__coop,
.banner__join {
padding: 76px 0 66px;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
color: #fff
}
.banner__career h3,
.banner__coop h3,
.banner__join h3 {
font-weight: 900;
font-size: 44px;
margin-bottom: 15px
}
.banner__career p,
.banner__coop p,
.banner__join p {
font-size: 30px;
font-weight: 600;
margin-bottom: 35px
}
.banner__career a,
.banner__coop a,
.banner__join a {
color: #fff;
background-color: #be3131;
border-radius: 50px;
transition: .7s;
z-index: 30;
position: relative;
overflow: hidden;
font-weight: 600;
font-size: 16px;
padding: 12.5px 45px
}
.banner__career a:after,
.banner__coop a:after,
.banner__join a:after {
background: #fff;
content: "";
height: 100px;
left: -75px;
opacity: .2;
position: absolute;
top: -22px;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
transition: all .55s cubic-bezier(.19, 1, .22, 1);
width: 20px;
z-index: -10
}
.banner__career a:hover:after,
.banner__coop a:hover:after,
.banner__join a:hover:after {
left: 120%;
transition: all .55s cubic-bezier(.19, 1, .22, 1)
}
.banner__career {
background-position: 0 0
}
.banner__career .footer__banner__container {
padding: 0 15px
}
.banner__career h3 {
font-size: 24px;
line-height: 30px
}
.banner__career p {
font-size: 18px;
text-align: center;
}
@media screen and (min-width:37.5em) {
.banner__career h3 {
font-size: 30px;
line-height: 36px;
margin-bottom: 25px
}
.banner__career p {
font-size: 24px
}
}
.nf-form-cont .nf-form-fields-required {
display: none
}
.nf-form-cont .nf-field-container {
margin-bottom: 10px
}
.nf-form-cont .textarea-container {
margin-bottom: 25px
}
.nf-form-cont input.ninja-forms-field,
.nf-form-cont textarea.ninja-forms-field {
border: 1px solid #e1e1e1;
border-radius: 0;
padding: 13px 20px;
outline: none;
transition: .3s;
font-size: 14px;
resize: none
}
.nf-form-cont input.ninja-forms-field::-webkit-input-placeholder,
.nf-form-cont textarea.ninja-forms-field::-webkit-input-placeholder {
color: #aeaeae
}
.nf-form-cont input.ninja-forms-field:-ms-input-placeholder,
.nf-form-cont input.ninja-forms-field::-ms-input-placeholder,
.nf-form-cont textarea.ninja-forms-field:-ms-input-placeholder,
.nf-form-cont textarea.ninja-forms-field::-ms-input-placeholder {
color: #aeaeae
}
.nf-form-cont input.ninja-forms-field::placeholder,
.nf-form-cont textarea.ninja-forms-field::placeholder {
color: #aeaeae
}
.nf-form-cont input.ninja-forms-field:hover,
.nf-form-cont textarea.ninja-forms-field:hover {
border: 1px solid #cdcdcd
}
.nf-form-cont textarea.ninja-forms-field {
height: 90px
}
.nf-form-cont .submit-wrap input {
color: #fff;
background-color: #be3131;
border-radius: 50px;
transition: .7s;
z-index: 30;
position: relative;
overflow: hidden;
font-size: 14px;
padding: 16.5px 24px
}
.nf-form-cont .submit-wrap input:after {
background: #fff;
content: "";
height: 100px;
left: -75px;
opacity: .2;
position: absolute;
top: -22px;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
transition: all .55s cubic-bezier(.19, 1, .22, 1);
width: 20px;
z-index: -10
}
.nf-form-cont .submit-wrap input:hover:after {
left: 120%;
transition: all .55s cubic-bezier(.19, 1, .22, 1)
}
.nf-form-cont .nf-error .ninja-forms-field {
border: 1px solid #e80000
}
.nf-form-cont .checkbox-container {
margin-bottom: 0
}
.nf-form-cont .checkbox-container .nf-field-label label {
color: #8c8c8c;
font-size: 12px;
line-height: 14px;
font-weight: 400;
padding-left: 10px
}
.nf-form-cont .checkbox-container .nf-field-element input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0
}
.nf-form-cont .checkbox-container .nf-field-element input:checked~label span {
background-color: #e1e1e1
}
.nf-form-cont .checkbox-container .nf-field-element span.checkmark {
width: 15px;
height: 15px;
border: 1px solid #e1e1e1;
display: inline-block;
background-color: transparent;
transition: .3s
}
.nf-form-cont .checkbox-container .nf-field-element span.checkmark:hover {
cursor: pointer
}
@media only screen and (max-width:767px) {
.nf-form-cont .one-half,
.nf-form-cont .one-third,
.nf-form-cont .three-sixths,
.nf-form-cont .two-fourths,
.nf-form-cont .two-thirds {
width: 100% !important;
margin-left: 0 !important
}
.nf-form-cont .one-half .submit-wrap input,
.nf-form-cont .one-third .submit-wrap input,
.nf-form-cont .three-sixths .submit-wrap input,
.nf-form-cont .two-fourths .submit-wrap input,
.nf-form-cont .two-thirds .submit-wrap input {
display: block;
width: auto !important;
margin: 0 auto;
margin-top: 15px
}
}
.owl-hero .item {
background-position: 69% 50%;
background-repeat: no-repeat;
background-size: cover
}
.owl-hero .owl__content__wrapper {
padding: 120px 50px 115px;
text-align: center
}
.owl-hero .owl__content__wrapper .hero__carousel__button,
.owl-hero .owl__content__wrapper .hero__carousel__text,
.owl-hero .owl__content__wrapper .hero__carousel__title,
.home section.hero>h1,
.home section.hero>h2 {
-webkit-transform: scale(.8);
transform: scale(.8);
opacity: 0;
transition: opacity 1s, -webkit-transform .6s;
transition: opacity 1s, transform .6s;
transition: opacity 1s, transform .6s, -webkit-transform .6s
}
.owl-hero .owl__content__wrapper .hero__carousel__title,
.home section.hero>h2 {
font-weight: 900;
font-size: 48px;
color: #fff;
text-align: center;
line-height: 60px;
margin-bottom: 20px
}
.home section.hero {
position: relative;
}
.home section.hero>h1 {
position: absolute;
top: 37%;
left: 50%;
-webkit-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
font-weight: 900;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 20px;
margin-top: -15px;
}
.home section.hero>h1 span {
color: #be3131;
}
.home section.hero>h2 {
position: absolute;
top: 37%;
left: 50%;
-webkit-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
}
@media screen and (max-width: 1199px) {
.home section.hero>h1,
.home section.hero>h2 {
top: 27%;
width: 100%;
}
.owl-hero .owl__content__wrapper .hero__carousel__text {
margin-top: 85px;
}
}
@media screen and (max-width: 400px) {
.home section.hero>h2 {
font-size: 36px;
}
}
.owl-hero .owl__content__wrapper .hero__carousel__text {
color: #fff;
text-align: center;
word-spacing: 4px;
font-size: 16px;
font-weight: 500;
margin-bottom: 55px
}
.owl-hero .owl__content__wrapper .hero__carousel__button {
color: #fff;
background-color: #be3131;
border-radius: 50px;
transition: .7s;
z-index: 30;
position: relative;
overflow: hidden;
padding: 17.5px 40px;
font-size: 16px
}
.owl-hero .owl__content__wrapper .hero__carousel__button:after {
background: #fff;
content: "";
height: 100px;
left: -75px;
opacity: .2;
position: absolute;
top: -22px;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
transition: all .55s cubic-bezier(.19, 1, .22, 1);
width: 20px;
z-index: -10
}
.owl-hero .owl__content__wrapper .hero__carousel__button:hover:after {
left: 120%;
transition: all .55s cubic-bezier(.19, 1, .22, 1)
}
.owl-hero .owl-item.active .owl__content__wrapper .hero__carousel__button,
.owl-hero .owl-item.active .owl__content__wrapper .hero__carousel__text,
.owl-hero .owl-item.active .owl__content__wrapper .hero__carousel__title,
.home section.hero>h1,
.home section.hero>h2 {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
.owl-hero .owl-item.active .owl__content__wrapper .hero__carousel__title,
.home section.hero>h1,
.home section.hero>h2 {
transition-delay: .1s
}
.owl-hero .owl-item.active .owl__content__wrapper .hero__carousel__text {
transition-delay: .2s
}
.owl-hero .owl-item.active .owl__content__wrapper .hero__carousel__button {
transition-delay: .3s
}
.owl-hero .owl-dots {
position: absolute;
bottom: 20px;
left: 50%;
width: 90%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.owl-hero .owl-dots .owl-dot {
transition: .4s;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
opacity: 0
}
.owl-hero .owl-dots .owl-dot.active,
.owl-hero .owl-dots .owl-dot.active+.owl-dot {
opacity: 0
}
.owl-hero .owl-dots .owl-dot:first-child {
transition-delay: .125s
}
.owl-hero .owl-dots .owl-dot:nth-child(2) {
transition-delay: .25s
}
.owl-hero .owl-dots .owl-dot:nth-child(3) {
transition-delay: .375s
}
.owl-hero .owl-dots .owl-dot:nth-child(4) {
transition-delay: .5s
}
.owl-hero .owl-dots .owl-dot:nth-child(5) {
transition-delay: .625s
}
.owl-hero .owl-dots .owl-dot:nth-child(6) {
transition-delay: .75s
}
.owl-hero .owl-dots .owl-dot:nth-child(7) {
transition-delay: .875s
}
.owl-hero .owl-dots .owl-dot:nth-child(8) {
transition-delay: 1s
}
.owl-hero .owl-dots .owl-dot:hover span {
background: #d6d4d3
}
.owl-hero .owl-dots .owl-dot span {
background: #d6d4d3;
width: 82px;
height: 2px;
position: relative
}
.owl-hero .owl-dots .owl-dot span:after {
position: absolute;
bottom: 100%;
left: 0;
color: #fff;
font-size: 30px
}
.owl-hero .owl-dots .owl-dot span:before {
content: "";
bottom: 0;
left: 0;
position: absolute;
width: 0;
height: 100%;
background: #be3131;
transition: .8s
}
.owl-hero .owl-dots .owl-dot:first-child span:after {
content: "01"
}
.owl-hero .owl-dots .owl-dot:nth-child(2) span:after {
content: "02"
}
.owl-hero .owl-dots .owl-dot:nth-child(3) span:after {
content: "03"
}
.owl-hero .owl-dots .owl-dot:nth-child(4) span:after {
content: "04"
}
.owl-hero .owl-dots .owl-dot:nth-child(5) span:after {
content: "05"
}
.owl-hero .owl-dots .owl-dot:nth-child(6) span:after {
content: "06"
}
.owl-hero .owl-dots .owl-dot:nth-child(7) span:after {
content: "07"
}
.owl-hero .owl-dots .active {
opacity: 1
}
.owl-hero .owl-dots .active span {
background: #d6d4d3 !important
}
.owl-hero.ready .owl-dots .active span:before {
transition: width 4s linear;
width: 100% !important;
}
.owl-hero .owl-dots .active+.owl-dot {
opacity: .75
}
.owl-hero.ready .owl-dots .owl-dot {
opacity: .5;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.owl-hero.ready .owl-dots .owl-dot.active {
opacity: 1
}
.owl-hero.ready .owl-dots .owl-dot.active+.owl-dot {
opacity: .75
}
@media screen and (min-width:22.5em) {
.owl-hero .owl__content__wrapper .hero__carousel__button {
padding: 17.5px 62px
}
.owl-hero .owl-dots .owl-dot span {
width: 90px
}
}
@media screen and (min-width:37.5em) {
.owl-hero .item {
background-position: 70% 50%
}
.owl-hero .owl__content__wrapper {
padding: 200px 50px 220px
}
.owl-hero .owl-dots .owl-dot span {
width: 166px
}
}
@media screen and (min-width:56.25em) {
.owl-hero .item {
background-position: 84% 50%
}
.owl-hero .owl__content__wrapper {
padding: 240px 50px 250px
}
.owl-hero .owl__content__wrapper .hero__carousel__title {
font-size: 60px
}
.owl-hero .owl__content__wrapper .hero__carousel__text {
font-size: 20px
}
.owl-hero .owl-dots .owl-dot span {
width: 255px
}
}
@media screen and (min-width:75em) {
.owl-hero .item {
background-position: 50%
}
.owl-hero .owl__content__wrapper {
padding: 300px 50px 270px
}
.owl-hero .owl__content__wrapper .hero__carousel__title {
font-size: 72px;
margin-bottom: 35px;
display: inline-block;
position: relative
}
.owl-hero .owl__content__wrapper .hero__carousel__text {
font-size: 24px;
margin-top: 85px;
}
}
@media screen and (min-width:120em) {
.owl-hero .owl-dots {
bottom: 80px
}
.owl-hero .owl-dots .owl-dot {
margin: 5px 15px
}
.owl-hero .owl-dots .owl-dot span:after {
font-size: 36px
}
}
section.about__us {
padding: 35px 0 40px
}
section.about__us .grid-x p {
text-align: left;
}
section.about__us ul {
list-style-type: none;
margin-left: 30px
}
section.about__us ul li {
margin-bottom: 20px;
color: #252525;
padding-left: 20px;
position: relative
}
section.about__us ul li p {
margin: 0;
font-size: 16px;
}
section.about__us ul li:last-of-type {
margin-bottom: 0
}
section.about__us ul li:before {
position: absolute;
content: "";
width: 30px;
height: 30px;
left: -30px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(//softiq.pl/wp-content/themes/softiq/dist/img/team/ok-icon.png)
}
section.about__us .about__img__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
section.about__us .about__button__container {
text-align: center
}
section.about__us .about__button__container a {
color: #fff;
background-color: #be3131;
border-radius: 50px;
transition: .7s;
z-index: 30;
position: relative;
overflow: hidden;
padding: 14px 32px;
margin-bottom: 37px
}
section.about__us .about__button__container a:after {
background: #fff;
content: "";
height: 100px;
left: -75px;
opacity: .2;
position: absolute;
top: -22px;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
transition: all .55s cubic-bezier(.19, 1, .22, 1);
width: 20px;
z-index: -10
}
section.about__us .about__button__container a:hover:after {
left: 120%;
transition: all .55s cubic-bezier(.19, 1, .22, 1)
}
@media screen and (min-width:37.5em) {
section.about__us {
padding: 50px 0 65px
}
section.about__us .about__button__container a {
margin-top: 10px
}
}
section.about__us .about__img__container {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: left;
max-width: 46vw;
}
section.about__us .about__img__container .technologie-image-handler {
flex: 0 0 calc(6.5vw - 4px);
max-width: calc(6.5vw - 4px);
margin: 2px;
background: #f5f5f5;
height: calc(6.5vw - 4px);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
}
section.about__us .about__img__container .technologie-image-handler:hover {
z-index: 9;
}
section.about__us .about__img__container .technologie-image-handler .technologie-label {
transform: scale(0);
position: absolute;
opacity: 0;
}
section.about__us .about__img__container .technologie-image-handler img {
max-width: 5vw;
}
@media screen and (max-width: 1663px) {
section.about__us .about__img__container {
max-width: 53vw;
}
section.about__us .about__img__container .technologie-image-handler {
flex: 0 0 calc(7.5vw - 4px);
max-width: calc(7.5vw - 4px);
height: calc(7.5vw - 4px);
}
section.about__us .about__img__container .technologie-image-handler .technologie-label {
width: calc(7.5vw - 4px);
height: calc(7.5vw - 4px);
}
section.about__us .about__img__container .technologie-image-handler img {
max-width: 6vw;
}
}
@media screen and (max-width: 1441px) {
section.about__us .about__img__container {
max-width: 62vw;
}
section.about__us .about__img__container .technologie-image-handler {
flex: 0 0 calc(8.7vw - 4px);
max-width: calc(8.7vw - 4px);
height: calc(8.7vw - 4px);
}
section.about__us .about__img__container .technologie-image-handler .technologie-label {
width: calc(8.7vw - 4px);
height: calc(8.7vw - 4px);
}
section.about__us .about__img__container .technologie-image-handler img {
max-width: 7.5vw;
}
}
@media screen and (max-width: 1242px) {
section.about__us .about__img__container .technologie-image-handler {
flex: 0 0 calc(8.1vw - 4px);
max-width: calc(8.1vw - 4px);
height: calc(8.1vw - 4px);
}
section.about__us .about__img__container .technologie-image-handler .technologie-label {
width: calc(8.1vw - 4px);
height: calc(8.1vw - 4px);
font-size: 1vw;
line-height: 1.2vw;
}
section.about__us .about__img__container .technologie-image-handler img {
max-width: 6vw;
}
}
@media screen and (max-width: 1199px) {
section.about__us .grid-container .grid-x .for-tablet-landscape-up-5 {
width: 37.66667%;
margin-right: 4%;
}
section.about__us .about__img__container .technologie-image-handler {
flex: 0 0 calc(8.5vw - 4px);
max-width: calc(8.5vw - 4px);
height: calc(8.5vw - 4px);
}
section.about__us .about__img__container .technologie-image-handler .technologie-label {
width: calc(8.5vw - 4px);
height: calc(8.5vw - 4px);
}
section.about__us .about__img__container .technologie-image-handler img {
max-width: 6vw;
}
}
@media screen and (max-width: 899px) {
section.about__us .about__img__container {
max-width: 100%;
}
section.about__us .about__img__container,
section.about__us .grid-container .grid-x .for-tablet-landscape-up-5 {
width: 90%;
margin: 0 auto;
font-size: 1.4vw;
line-height: 1.7vw;
}
section.about__us .about__img__container .technologie-image-handler {
flex: 0 0 calc(13.5vw - 4px);
max-width: calc(13.5vw - 4px);
height: calc(13.5vw - 4px);
}
section.about__us .about__img__container .technologie-image-handler .technologie-label {
width: calc(13.5vw - 4px);
height: calc(13.5vw - 4px);
}
section.about__us .about__img__container .technologie-image-handler img {
max-width: 9.5vw;
}
}
@media screen and (min-width:56.25em) {
section.about__us .grid-x {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
section.about__us .grid-container {
padding-left: 50px
}
section.about__us .about__button__container {
text-align: left
}
section.about__us .about__button__container a {
margin-bottom: 0;
-webkit-animation: b .8s ease-in-out 1s both paused;
animation: b .8s ease-in-out 1s both paused
}
section.about__us .section__subtitle,
section.about__us .section__title {
text-align: left
}
section.about__us .features {
margin: 0
}
section.about__us .about__img__container:before {
content: "";
position: absolute;
width: calc(100% + 50px);
height: 100%;
right: -50px;
bottom: 0;
background-color: #fff;
z-index: 4;
transition: .8s ease-in-out
}
section.about__us .about__img__container img {
transition: .8s ease-in-out;
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px)
}
section.about__us ul li {
-webkit-animation: c .6s ease-in-out both paused;
animation: c .6s ease-in-out both paused
}
section.about__us ul li:first-child {
-webkit-animation-delay: .25s;
animation-delay: .25s
}
section.about__us ul li:nth-child(2) {
-webkit-animation-delay: .5s;
animation-delay: .5s
}
section.about__us ul li:nth-child(3) {
-webkit-animation-delay: .75s;
animation-delay: .75s
}
section.about__us ul li:nth-child(4) {
-webkit-animation-delay: 1s;
animation-delay: 1s
}
section.about__us ul li:nth-child(5) {
-webkit-animation-delay: 1.25s;
animation-delay: 1.25s
}
section.about__us ul li:nth-child(6) {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s
}
section.about__us ul li:nth-child(7) {
-webkit-animation-delay: 1.75s;
animation-delay: 1.75s
}
section.about__us ul li:nth-child(8) {
-webkit-animation-delay: 2s;
animation-delay: 2s
}
section.about__us.ready .about__img__container:before {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
section.about__us.ready .about__img__container img {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
section.about__us.ready .about__button__container a,
section.about__us.ready ul li {
-webkit-animation-play-state: running;
animation-play-state: running
}
}
@media screen and (min-width:75em) {
section.about__us {
padding: 80px 0 85px
}
section.about__us ul {
max-width: 313px
}
section.about__us ul li {
margin-bottom: 25px
}
section.about__us .about__button__container a {
margin-top: 25px
}
}
@media screen and (min-width:120em) {
section.about__us {
padding: 90px 0
}
section.about__us ul li {
margin-bottom: 30px
}
}
section.team {
padding: 40px 0 35px;
background-color: #1c1c1c
}
section.team .section__title {
color: #fff
}
section.team .section__subtitle {
color: #8b8b8b
}
section.team .owl-team {
overflow: hidden;
height: 400px;
}
@media screen and (max-width: 1199px) {
section.team .owl-team {
height: 306px;
}
}
@media screen and (max-width: 599px) {
section.team .owl-team {
height: 270px;
}
}
section.team .owl-team:after,
section.team .owl-team:before {
pointer-events: none
}
section.team .owl-team:before {
left: -360px;
}
section.team .owl-team:after,
section.team .owl-team:before {
content: "";
position: absolute;
top: 0;
width: 300px;
height: 100%;
z-index: 2;
background: transparent;
box-shadow: 0px 0px 20vw 20vw rgb(0, 0, 0, 0.99);
}
section.team .owl-team:after {
right: -360px;
}
section.team .owl-team .item .team__slide {
width: 260px
}
section.team .owl-team .item .team__slide:after {
content: "";
display: block;
clear: both
}
section.team .owl-team .item .team__slide .worker,
section.team .owl-team .item .team__slide .worker-sizer {
width: 33.33%
}
section.team .owl-team .item .team__slide .worker {
height: 90px;
position: relative;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover
}
section.team .owl-team .item .team__slide .worker ul {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
list-style-type: none
}
section.team .owl-team .item .team__slide .worker ul li {
-webkit-perspective: 400px;
perspective: 400px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
section.team .owl-team .item .team__slide .worker ul li .info {
width: 100%;
height: 100%;
padding: 20px;
position: absolute;
top: 0;
left: 0;
border-radius: 4px;
pointer-events: none;
background-color: hsla(0, 0%, 41%, .81);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
}
section.team .owl-team .item .team__slide .worker ul li .info p {
color: #fff;
font-size: 16px;
text-align: center;
font-weight: 700;
margin-bottom: 20px
}
section.team .owl-team .item .team__slide .worker ul li .info p:last-of-type {
margin-bottom: 0
}
section.team .owl-team .item .team__slide .worker:hover ul li .info {
opacity: 1;
-webkit-animation: g .3s ease 0ms 1 forwards;
animation: g .3s ease 0ms 1 forwards
}
section.team .owl-team .item .team__slide .worker.join__us {
background-color: #31be70;
padding: 5px;
transition: .3s;
z-index: 100;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
section.team .owl-team .item .team__slide .worker.join__us a:before {
content: "";
position: absolute;
display: block;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
}
section.team .owl-team .item .team__slide .worker.join__us img {
max-width: 30px;
max-height: 30px;
}
section.team .owl-team .item .team__slide .worker.join__us p {
text-align: center;
margin-bottom: 0;
color: #fff;
font-size: 14px;
line-height: 18px;
padding-top: 5px
}
section.team .owl-team .item .team__slide .worker.join__us:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
cursor: pointer
}
section.team .owl-team .item .team__slide .worker.big__worker {
height: 180px;
width: 66.66%
}
section.team .owl-team .item .team__slide .worker.big__worker ul li {
-webkit-perspective: 600px;
perspective: 600px
}
section.team .owl-team .item .team__slide .worker .worker__desc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: rgba(57, 57, 57, .8);
position: absolute;
top: 0;
left: 0;
width: 100%;
transition: .3s;
height: 100%;
-webkit-transform: translateY(100%);
transform: translateY(100%);
overflow: hidden
}
section.team .owl-team .item .team__slide .worker .worker__desc p {
font-size: 14px;
color: #fff;
opacity: 0;
transition: .5s;
margin: 0;
transition-delay: .3s
}
section.team .owl-team .item .team__slide .worker .worker__desc p:first-of-type {
font-weight: 700;
font-size: 18px;
margin-bottom: 15px
}
section.team .owl-team .owl-nav {
display: block !important;
-webkit-transform-style: initial;
transform-style: flat
}
section.team .owl-team .owl-next,
section.team .owl-team .owl-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
background-color: #be3131 !important;
z-index: 5
}
section.team .owl-team .owl-prev {
left: 0;
padding: 15px 30px 15px 10px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
overflow: hidden
}
section.team .owl-team .owl-prev:hover img {
-webkit-animation: e;
animation: e;
-webkit-animation-duration: .8s;
animation-duration: .8s
}
section.team .owl-team .owl-next {
right: 0;
padding: 15px 10px 15px 30px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
overflow: hidden
}
section.team .owl-team .owl-next:hover img {
-webkit-animation: d;
animation: d;
-webkit-animation-duration: .8s;
animation-duration: .8s
}
@media screen and (min-width:37.5em) {
section.team {
padding: 50px 0
}
section.team .owl-team .item .team__slide {
width: 314px
}
section.team .owl-team .item .team__slide .worker {
height: 102px
}
section.team .owl-team .item .team__slide .worker.big__worker {
height: 204px
}
section.team .owl-team .owl-prev {
padding-left: 54px
}
section.team .owl-team .owl-next {
padding-right: 54px
}
}
@media screen and (min-width:75em) {
section.team {
padding: 85px 0
}
section.team .section__subtitle {
margin-bottom: 75px
}
section.team .owl-team .item .team__slide {
width: 400px
}
section.team .owl-team .item .team__slide .worker {
height: 133.32px;
overflow: hidden;
position: relative
}
section.team .owl-team .item .team__slide .worker.big__worker {
height: 266.64px
}
section.team .owl-team .item .team__slide .worker.join__us img {
max-width: 40px;
max-height: 40px;
padding-bottom: 5px
}
section.team .owl-team .item .team__slide .worker.join__us p {
font-weight: 500
}
}
section.clients {
padding: 50px 0 35px;
overflow: hidden
}
section.clients .clients__desc p {
line-height: 30px
}
section.clients .clients__desc a {
color: #fff;
background-color: #be3131;
border-radius: 50px;
transition: .7s;
z-index: 30;
position: relative;
overflow: hidden;
padding: 14px 32px;
margin-bottom: 37px
}
section.clients .clients__desc a:after {
background: #fff;
content: "";
height: 100px;
left: -75px;
opacity: .2;
position: absolute;
top: -22px;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
transition: all .55s cubic-bezier(.19, 1, .22, 1);
width: 20px;
z-index: -10
}
section.clients .clients__desc a:hover:after {
left: 120%;
transition: all .55s cubic-bezier(.19, 1, .22, 1)
}
section.clients .tabs {
margin: 0;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
section.clients .tabs li {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
margin-left: -1px;
}
section.clients .tabs li:first-of-type a {
border-right: 0
}
section.clients .tabs li.is-active a {
color: #858585;
background-color: #f5f5f5
}
section.clients .tabs li a {
padding: 12px 0;
display: inline-block;
width: 100%;
text-align: center;
border: 1px solid #e6e6e6;
border-bottom: none;
text-transform: uppercase;
color: #858585;
outline: none;
font-weight: 500
}
section.clients .clients__table__container {
position: relative;
}
section.clients .clients__table__container .tabs-content .tabs-panel {
display: none
}
section.clients .clients__table__container .tabs-content .tabs-panel.is-active {
display: block
}
section.clients .clients_handler,
section.clients .partners_handler {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
}
section.clients .clients_handler .item,
section.clients .partners_handler .item {
border-right: 1px solid #e6e6e6;
width: 20%;
flex: 0 0 20%;
}
@media screen and (max-width: 1023px) {
section.clients .clients_handler .item,
section.clients .partners_handler .item {
width: 25%;
flex: 0 0 25%;
}
}
section.clients .clients_handler .logos__container,
section.clients .partners_handler .logos__container {}
section.clients .clients_handler .logos__container .logo,
section.clients .partners_handler .logos__container .logo {
width: 100%;
height: 5vw;
min-height: 65px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
section.clients .clients_handler .logos__container .logo img,
section.clients .partners_handler .logos__container .logo img {
max-width: 75%;
max-height: 65%;
width: auto;
opacity: 0.6;
transition: all 300ms linear;
}
section.clients .clients_handler .logos__container:hover .logo img,
section.clients .partners_handler .logos__container:hover .logo img {
opacity: 1;
}
@media screen and (min-width:37.5em) {
section.clients {
padding: 50px 0
}
section.clients .clients__desc {
max-width: 90%;
margin: 0 auto
}
section.clients .clients__table__container .tabs {
max-width: 80%;
margin: 0 auto
}
}
@media screen and (min-width:56.25em) {
section.clients .grid-x {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
section.clients .grid-container {
padding-left: 50px
}
section.clients .section__subtitle,
section.clients .section__title {
text-align: left
}
section.clients .clients__desc {
margin: 0;
text-align: left
}
section.clients .clients__desc a {
margin-bottom: 0
}
section.clients .clients__desc p {
margin-bottom: 45px;
max-width: 94%
}
}
@media screen and (min-width:75em) {
section.clients {
padding: 65px 0 80px
}
}
@media screen and (min-width:120em) {
section.clients {
padding: 160px 0 200px
}
section.clients .clients__table__container {
max-width: 100%;
padding: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px)
}
}
section.testimonials {
padding: 30px 0 25px;
background-color: #1c1c1c;
max-width: 100%;
overflow: hidden;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover
}
section.testimonials .section__title {
color: #fff
}
section.testimonials .section__subtitle {
color: #8b8b8b
}
section.testimonials .owl-testimonials {
max-width: 500px;
margin: 0 auto
}
section.testimonials .owl-testimonials .owl-stage-outer {
overflow: visible !important
}
section.testimonials .owl-testimonials .owl-item {
transition: .3s
}
section.testimonials .owl-testimonials .item {
width: calc(100% - 80px);
margin: 0 auto
}
section.testimonials .owl-testimonials .testimonial__wrapper {
background-color: #31be70;
text-align: center;
padding: 30px 20px 60px;
position: relative;
margin-bottom: 60px;
min-height: 419px
}
section.testimonials .owl-testimonials .testimonial__wrapper .quote {
max-width: 21px;
display: inline-block;
padding-bottom: 20px
}
section.testimonials .owl-testimonials .testimonial__wrapper p {
line-height: 25px;
font-size: 15px;
font-weight: 400;
color: #fff
}
section.testimonials .owl-testimonials .testimonial__wrapper .testimonial__img__container {
width: 78px;
height: 78px;
border-radius: 100%;
position: absolute;
background-color: grey;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
overflow: hidden;
}
section.testimonials .owl-testimonials .owl-next,
section.testimonials .owl-testimonials .owl-prev {
position: absolute;
top: 40%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
padding: 0;
background-color: transparent !important;
z-index: 5
}
section.testimonials .owl-testimonials .owl-prev {
left: 10px
}
section.testimonials .owl-testimonials .owl-next {
right: 10px
}
section.testimonials .owl-testimonials .owl-dots {
min-height: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
section.testimonials .owl-testimonials .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 0 10px;
background-color: #fff;
transition: .3s
}
section.testimonials .owl-testimonials .owl-dots .owl-dot.active span {
width: 15px;
height: 15px;
background-color: transparent;
border: 2px solid #be3131;
transition: .3s
}
section.testimonials .owl-testimonials p {
color: #fff;
text-align: center
}
section.testimonials .owl-testimonials .testimonial__name {
margin-bottom: 0;
line-height: 24px
}
section.testimonials .owl-testimonials .testimonial__position {
margin-bottom: 0;
font-size: 12px;
text-transform: uppercase
}
@media screen and (min-width:37.5em) {
section.testimonials {
padding: 55px 0 45px
}
section.testimonials .section__subtitle {
margin-bottom: 50px
}
section.testimonials .owl__testimonials__container {
max-width: 1200px;
margin: 0 auto;
overflow: hidden
}
section.testimonials .owl-testimonials .owl-item.center.active {
z-index: 55
}
section.testimonials .owl-testimonials .owl-item.center.active~.owl-item~.owl-item {
opacity: 0 !important
}
section.testimonials .owl-testimonials .owl-item.center.active .item {
-webkit-transform: none;
transform: none
}
section.testimonials .owl-testimonials .owl-item.center.active .testimonial__wrapper {
background-color: #31be70
}
section.testimonials .owl-testimonials .owl-item.center.active .testimonial__wrapper p {
color: #fff
}
section.testimonials .owl-testimonials .item {
max-width: 445px;
width: 100%;
margin: 0 auto;
padding-bottom: 30px;
transition: .3s;
-webkit-transform: translateY(30px);
transform: translateY(30px)
}
section.testimonials .owl-testimonials .item .testimonial__wrapper {
min-height: 320px;
background-color: #f1f1f1;
transition: .3s
}
section.testimonials .owl-testimonials .item .testimonial__wrapper .quote {
max-width: 31px
}
section.testimonials .owl-testimonials .item .testimonial__wrapper p {
font-size: 15px;
line-height: 24px;
color: #7f7f7f;
transition: .3s
}
section.testimonials .owl-testimonials .owl-dots {
margin-top: 60px !important
}
section.testimonials .owl-testimonials .owl-nav {
position: absolute;
top: 40px;
left: 50%;
width: 100%;
max-width: 445px;
margin: 0 auto;
display: block !important;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
section.testimonials .owl-testimonials .owl-nav .owl-prev {
left: 30px
}
section.testimonials .owl-testimonials .owl-nav .owl-next {
right: 30px
}
}
@media screen and (min-width:56.25em) {
section.testimonials .owl-testimonials .item .testimonial__wrapper {
padding-top: 40px
}
}
@media screen and (min-width:75em) {
section.testimonials {
padding: 70px 0 45px
}
section.testimonials .owl-testimonials .owl-item .testimonial__wrapper {
min-height: 320px
}
section.testimonials .owl-testimonials .testimonial__name {
font-size: 18px
}
section.testimonials .owl-testimonials .testimonial__position {
font-size: 14px
}
section.testimonials .owl-testimonials .owl-dots {
margin-top: 20px !important
}
section.testimonials .owl-testimonials .owl-nav {
width: 1200px;
left: 50%;
max-width: 1200px;
margin: 0 auto;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
section.testimonials .owl-testimonials .owl-nav .owl-prev {
left: 30px
}
section.testimonials .owl-testimonials .owl-nav .owl-next {
right: 30px
}
}
section.blog {
background-color: #f7f7f7
}
section.blog .blog__container {
margin-bottom: -100px
}
section.blog .blog__container .cell:first-child .post {
-webkit-animation-delay: 1.15s;
animation-delay: 1.15s
}
section.blog .blog__container .cell:nth-child(2) .post {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s
}
section.blog .blog__container .cell:nth-child(3) .post {
-webkit-animation-delay: 1.45s;
animation-delay: 1.45s
}
section.blog .blog__container .cell:nth-child(4) .post {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s
}
section.blog .blog__container .cell:nth-child(5) .post {
-webkit-animation-delay: 1.75s;
animation-delay: 1.75s
}
section.blog .blog__container .cell:nth-child(6) .post {
-webkit-animation-delay: 1.9s;
animation-delay: 1.9s
}
section.blog .blog__container .cell:nth-child(7) .post {
-webkit-animation-delay: 2.05s;
animation-delay: 2.05s
}
section.blog .blog__container .post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-animation: f 1s cubic-bezier(.5, 0, .5, 1) both;
animation: f 1s cubic-bezier(.5, 0, .5, 1) both;
}
section.blog .blog__container .post .post__image {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
min-height: 53vw;
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover
}
section.blog .blog__container .post .post__image:after,
section.blog .blog__container .post .post__image:before {
transition-timing-function: ease-out;
transition: .4s;
content: "";
position: absolute;
width: 50%;
background-color: transparent;
height: 0
}
section.blog .blog__container .post .post__image:before {
bottom: 0;
left: 0
}
section.blog .blog__container .post .post__image:after {
top: 0;
right: 0
}
section.blog .blog__container .post .post__desc {
background-color: #fff;
padding: 30px;
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
position: relative
}
section.blog .blog__container .post .post__desc:after,
section.blog .blog__container .post .post__desc:before {
transition-timing-function: ease-out;
transition: .4s;
content: "";
position: absolute;
width: 2px;
background-color: transparent;
height: 0
}
section.blog .blog__container .post .post__desc:before {
bottom: 0;
left: 0
}
section.blog .blog__container .post .post__desc:after {
top: 0;
right: 0
}
section.blog .blog__container .post .post__desc h3,
section.blog .blog__container .post .post__desc p {
color: #000
}
section.blog .blog__container .post .post__desc h3 {
font-size: 18px;
font-weight: 900
}
section.blog .blog__container .post .post__desc p {
font-size: 14px;
min-height: 98px;
}
section.blog .blog__container .navigation {
transform: translateY(-130px);
}
section.blog .blog__container .navigation h2 {
display: none;
}
section.blog .blog__container .navigation .nav-links .page-numbers.current {
background-color: #be3131;
border: 1px solid #be3131;
color: #ffffff;
}
section.blog .blog__container .navigation .nav-links .page-numbers {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
border: 1px solid #a5a5a5;
color: #a5a5a5;
text-align: center;
}
section.blog .blog__container .navigation .nav-links .page-numbers.prev,
section.blog .blog__container .navigation .nav-links .page-numbers.next {
display: none;
}
.wp-block-gallery {
margin: 80px 0 0 0 !important;
}
section#portfolio .portfolio__container .grid-container .portfolio__item .portfolio__desc__container .button_container,
section.blog .blog__container .post .post__desc .button__date--container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
section#portfolio .portfolio__container .grid-container .portfolio__item .portfolio__desc__container .button_container span.btn,
section.blog .blog__container .post .post__desc .button__date--container span.btn,
section.blog .blog__container .post .post__desc .button__date--container span.btn--green,
section.blog .blog__container .post .post__desc .button__date--container span.btn--hollow,
section.blog .blog__container .post .post__desc .button__date--container span.btn--hollow-white,
section.blog .blog__container .post .post__desc .button__date--container span.btn--red {
background-color: #ffffff;
border: 2px solid #be3131;
border-radius: 50px;
transition: .7s;
z-index: 30;
position: relative;
overflow: hidden;
margin-right: 20px;
display: inline-block;
margin-bottom: 0;
color: #be3131;
font-weight: 700;
transition: all 300ms linear;
}
section#portfolio .portfolio__container .grid-container .portfolio__item .portfolio__desc__container .button_container span.btn:hover,
section.blog .blog__container .post .post__desc .button__date--container span.btn:hover,
section.blog .blog__container .post .post__desc .button__date--container span.btn--green:hover,
section.blog .blog__container .post .post__desc .button__date--container span.btn--hollow:hover,
section.blog .blog__container .post .post__desc .button__date--container span.btn--hollow-white:hover,
section.blog .blog__container .post .post__desc .button__date--container span.btn--red:hover {
background-color: #be3131;
color: #ffffff;
}
section#portfolio .portfolio__container .grid-container .portfolio__item .portfolio__desc__container .button_container span.btn:after,
section.blog .blog__container .post .post__desc .button__date--container span.btn--green:after,
section.blog .blog__container .post .post__desc .button__date--container span.btn--hollow-white:after,
section.blog .blog__container .post .post__desc .button__date--container span.btn--hollow:after,
section.blog .blog__container .post .post__desc .button__date--container span.btn--red:after,
section.blog .blog__container .post .post__desc .button__date--container span.btn:after {
background: #fff;
content: "";
height: 100px;
left: -75px;
opacity: .2;
position: absolute;
top: -22px;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
transition: all .55s cubic-bezier(.19, 1, .22, 1);
width: 20px;
z-index: -10
}
section#portfolio .portfolio__container .grid-container .portfolio__item .portfolio__desc__container .button_container span.btn:hover:after,
section.blog .blog__container .post .post__desc .button__date--container span.btn--green:hover:after,
section.blog .blog__container .post .post__desc .button__date--container span.btn--hollow-white:hover:after,
section.blog .blog__container .post .post__desc .button__date--container span.btn--hollow:hover:after,
section.blog .blog__container .post .post__desc .button__date--container span.btn--red:hover:after,
section.blog .blog__container .post .post__desc .button__date--container span.btn:hover:after {
left: 120%;
transition: all .55s cubic-bezier(.19, 1, .22, 1)
}
section#portfolio .portfolio__container .grid-container .portfolio__item .portfolio__desc__container p {
min-height: 120px;
}
section.blog .blog__container .post .post__desc .button__date--container span {
color: #a5a5a5;
font-size: 14px
}
section.blog .blog__container .post:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
section.blog .blog__container .post:hover .post__image:after,
section.blog .blog__container .post:hover .post__image:before {
height: 100%;
background-color: rgba(190, 49, 49, .3)
}
section.blog .blog__container .post:hover .post__desc:after,
section.blog .blog__container .post:hover .post__desc:before {
height: 50%;
background-color: #be3131
}
section.blog .blog__container .post.big__post {
-webkit-animation: f 1s cubic-bezier(.5, 0, .5, 1) both;
animation: f 1s cubic-bezier(.5, 0, .5, 1) both;
-webkit-animation-delay: .5s !important;
animation-delay: .5s !important
}
section.blog .blog__container .post.big__post .post__image {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%
}
section.blog .blog__container .post.big__post .post__image:after,
section.blog .blog__container .post.big__post .post__image:before {
width: 0;
background-color: transparent;
height: 50%
}
section.blog .blog__container .post.big__post .post__image:before {
bottom: 0;
left: 0
}
section.blog .blog__container .post.big__post .post__image:after {
top: 0;
right: 0
}
section.blog .blog__container .post.big__post .post__desc {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
padding: 20px 20px 20px 35px
}
section.blog .blog__container .post.big__post .post__desc h3 {
font-size: 24px;
line-height: 30px;
margin-bottom: 25px
}
section.blog .blog__container .post.big__post .post__desc p {
line-height: 26px;
margin-bottom: 25px;
font-size: 15px
}
section.blog .blog__container .post.big__post .post__desc:after,
section.blog .blog__container .post.big__post .post__desc:before {
width: 0;
background-color: transparent;
height: 2px
}
section.blog .blog__container .post.big__post .post__desc:before {
bottom: 0;
left: 0
}
section.blog .blog__container .post.big__post .post__desc:after {
top: 0;
right: 0
}
section.blog .blog__container .post.big__post .post__desc .button__date--container span.btn,
section.blog .blog__container .post.big__post .post__desc .button__date--container span.btn--green,
section.blog .blog__container .post.big__post .post__desc .button__date--container span.btn--hollow,
section.blog .blog__container .post.big__post .post__desc .button__date--container span.btn--hollow-white,
section.blog .blog__container .post.big__post .post__desc .button__date--container span.btn--red {
margin-right: 30px
}
section.blog .blog__container .post.big__post:hover .post__image:after,
section.blog .blog__container .post.big__post:hover .post__image:before {
width: 100%;
background-color: rgba(190, 49, 49, .3)
}
section.blog .blog__container .post.big__post:hover .post__desc:after,
section.blog .blog__container .post.big__post:hover .post__desc:before {
width: 50%;
background-color: #be3131
}
@media screen and (min-width:37.5em) {
section.blog .blog__container .post {
max-width: 75%;
margin: 0 auto
}
section.blog .blog__container .post .post__image {
min-height: 36vw
}
section.blog .blog__container .post.big__post {
max-width: 100%
}
section.blog .blog__container .post.big__post .post__image {
min-height: 60vw
}
section.blog .blog__container .post.big__post .post__desc {
padding: 40px 40px 30px 55px
}
section.blog .blog__container .post.big__post .post__desc h3 {
font-size: 30px;
line-height: 34px;
margin-bottom: 35px
}
section.blog .blog__container .post.big__post .post__desc p {
line-height: 30px;
margin-bottom: 30px;
font-size: 16px
}
}
@media screen and (min-width:56.25em) {
section.blog .blog__container .post {
max-width: 100%
}
section.blog .blog__container .post .post__image {
min-height: 24vw
}
section.blog .blog__container .post.big__post .post__image {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
min-height: 0
}
section.blog .blog__container .post.big__post .post__desc {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%
}
}
@media screen and (min-width:75em) {
section.blog .blog__container .post .post__image {
min-height: 215px
}
section.blog .blog__container .post.big__post .post__desc {
padding: 70px 70px 60px 85px
}
}
@media (min-width: 1200px) {
body.single-jobs .single__content .grid-container {
transform: translateY(-170px);
margin-bottom: -150px;
}
}
body.single-jobs .single__header .aboutUs__header__container .grid-x.align-middle {
flex-direction: column;
}
body.single-jobs .single__header .aboutUs__header__container .grid-x.align-middle>.cell.for-desktop-up-5 {
text-align: center;
order: 2;
}
body.single-jobs .single__header .aboutUs__header__container .grid-x.align-middle>.cell.for-desktop-up-7 {
text-align: center;
order: 1;
}
body.single-jobs .single__header .aboutUs__header__container .grid-x.align-middle>.cell .header__desc {
padding: 0 !important;
text-align: center;
}
body.single-jobs .single__header .aboutUs__header__container .grid-x.align-middle>.cell .header__img__container {
background-size: contain;
background-position: 50% 50%;
width: 200px;
height: 200px;
margin-bottom: 40px;
overflow: hidden;
background-repeat: no-repeat;
}
.page-template-page-career section.career__header .header__desc .header__title.section__title {
background: url(//softiq.pl/wp-content/themes/softiq/dist/img/my_place.png) no-repeat 0 0;
text-indent: -9999px;
width: 337px;
height: 68px;
}
@media screen and (max-width: 1199px) {
.page-template-page-career section.career__header .header__desc .header__title.section__title {
margin: 20px auto;
}
}
@media screen and (max-width: 380px) {
.page-template-page-career section.career__header .header__desc .header__title.section__title {
margin: 20px auto;
width: 100%;
background-size: contain;
}
}
section.aboutUs__header,
section.career__header,
section.contact__header,
section.offer__header,
section.portfolio__header,
section.single__header,
section.team__header {
padding: 150px 0 50px;
background-color: #f7f7f7;
background-repeat: no-repeat;
background-position: 100% 0;
background-size: contain;
transition: none
}
section.aboutUs__header .aboutUs__header__container,
section.career__header .aboutUs__header__container,
section.contact__header .aboutUs__header__container,
section.offer__header .aboutUs__header__container,
section.portfolio__header .aboutUs__header__container,
section.single__header .aboutUs__header__container,
section.team__header .aboutUs__header__container {
max-width: 1540px;
padding: 0 15px;
margin: 0 auto
}
section.aboutUs__header .aboutUs__header__container .grid-x .cell:first-child,
section.career__header .aboutUs__header__container .grid-x .cell:first-child,
section.contact__header .aboutUs__header__container .grid-x .cell:first-child,
section.offer__header .aboutUs__header__container .grid-x .cell:first-child,
section.portfolio__header .aboutUs__header__container .grid-x .cell:first-child,
section.single__header .aboutUs__header__container .grid-x .cell:first-child,
section.team__header .aboutUs__header__container .grid-x .cell:first-child {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
section.aboutUs__header .aboutUs__header__container .grid-x .cell:nth-child(2),
section.career__header .aboutUs__header__container .grid-x .cell:nth-child(2),
section.contact__header .aboutUs__header__container .grid-x .cell:nth-child(2),
section.offer__header .aboutUs__header__container .grid-x .cell:nth-child(2),
section.portfolio__header .aboutUs__header__container .grid-x .cell:nth-child(2),
section.single__header .aboutUs__header__container .grid-x .cell:nth-child(2),
section.team__header .aboutUs__header__container .grid-x .cell:nth-child(2) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
section.aboutUs__header .aboutUs__header__container .grid-x .cell:nth-child(2) .header__img__container,
section.career__header .aboutUs__header__container .grid-x .cell:nth-child(2) .header__img__container,
section.contact__header .aboutUs__header__container .grid-x .cell:nth-child(2) .header__img__container,
section.offer__header .aboutUs__header__container .grid-x .cell:nth-child(2) .header__img__container,
section.portfolio__header .aboutUs__header__container .grid-x .cell:nth-child(2) .header__img__container,
section.single__header .aboutUs__header__container .grid-x .cell:nth-child(2) .header__img__container,
section.team__header .aboutUs__header__container .grid-x .cell:nth-child(2) .header__img__container {
padding-bottom: 20px;
text-align: center
}
section.aboutUs__header .aboutUs__header__container .header__desc,
section.career__header .aboutUs__header__container .header__desc,
section.contact__header .aboutUs__header__container .header__desc,
section.offer__header .aboutUs__header__container .header__desc,
section.portfolio__header .aboutUs__header__container .header__desc,
section.single__header .aboutUs__header__container .header__desc,
section.team__header .aboutUs__header__container .header__desc {
padding-right: 15px;
text-align: center
}
section.aboutUs__header .aboutUs__header__container .header__desc .header__title,
section.career__header .aboutUs__header__container .header__desc .header__title,
section.contact__header .aboutUs__header__container .header__desc .header__title,
section.offer__header .aboutUs__header__container .header__desc .header__title,
section.portfolio__header .aboutUs__header__container .header__desc .header__title,
section.single__header .aboutUs__header__container .header__desc .header__title,
section.team__header .aboutUs__header__container .header__desc .header__title {
margin-bottom: 25px
}
section.aboutUs__header .aboutUs__header__container .header__desc p,
section.career__header .aboutUs__header__container .header__desc p,
section.contact__header .aboutUs__header__container .header__desc p,
section.offer__header .aboutUs__header__container .header__desc p,
section.portfolio__header .aboutUs__header__container .header__desc p,
section.single__header .aboutUs__header__container .header__desc p,
section.team__header .aboutUs__header__container .header__desc p {
font-size: 16px;
color: #5d5d5d;
margin: 0 auto;
margin-bottom: 20px;
line-height: 28px
}
@media screen and (min-width: 1200px) {
section.aboutUs__header .aboutUs__header__container .header__desc p,
section.career__header .aboutUs__header__container .header__desc p,
section.contact__header .aboutUs__header__container .header__desc p,
section.offer__header .aboutUs__header__container .header__desc p,
section.portfolio__header .aboutUs__header__container .header__desc p,
section.single__header .aboutUs__header__container .header__desc p,
section.team__header .aboutUs__header__container .header__desc p {
max-width: 570px;
}
}
@media screen and (max-width: 1199px) {
section.aboutUs__header .aboutUs__header__container .header__desc p,
section.career__header .aboutUs__header__container .header__desc p,
section.contact__header .aboutUs__header__container .header__desc p,
section.offer__header .aboutUs__header__container .header__desc p,
section.portfolio__header .aboutUs__header__container .header__desc p,
section.single__header .aboutUs__header__container .header__desc p,
section.team__header .aboutUs__header__container .header__desc p {
margin: 0;
}
}
section.aboutUs__header .aboutUs__header__container .header__desc a,
section.career__header .aboutUs__header__container .header__desc a,
section.contact__header .aboutUs__header__container .header__desc a,
section.offer__header .aboutUs__header__container .header__desc a,
section.portfolio__header .aboutUs__header__container .header__desc a,
section.single__header .aboutUs__header__container .header__desc a,
section.team__header .aboutUs__header__container .header__desc a {
color: #fff;
background-color: #be3131;
border-radius: 50px;
transition: .7s;
z-index: 30;
position: relative;
overflow: hidden;
padding: 14px 32px
}
section.aboutUs__header .aboutUs__header__container .header__desc a:after,
section.career__header .aboutUs__header__container .header__desc a:after,
section.contact__header .aboutUs__header__container .header__desc a:after,
section.offer__header .aboutUs__header__container .header__desc a:after,
section.portfolio__header .aboutUs__header__container .header__desc a:after,
section.single__header .aboutUs__header__container .header__desc a:after,
section.team__header .aboutUs__header__container .header__desc a:after {
background: #fff;
content: "";
height: 100px;
left: -75px;
opacity: .2;
position: absolute;
top: -22px;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
transition: all .55s cubic-bezier(.19, 1, .22, 1);
width: 20px;
z-index: -10
}
section.aboutUs__header .aboutUs__header__container .header__desc a:hover:after,
section.career__header .aboutUs__header__container .header__desc a:hover:after,
section.contact__header .aboutUs__header__container .header__desc a:hover:after,
section.offer__header .aboutUs__header__container .header__desc a:hover:after,
section.portfolio__header .aboutUs__header__container .header__desc a:hover:after,
section.single__header .aboutUs__header__container .header__desc a:hover:after,
section.team__header .aboutUs__header__container .header__desc a:hover:after {
left: 120%;
transition: all .55s cubic-bezier(.19, 1, .22, 1)
}
@media screen and (min-width:37.5em) {
section.aboutUs__header .aboutUs__header__container,
section.career__header .aboutUs__header__container,
section.contact__header .aboutUs__header__container,
section.offer__header .aboutUs__header__container,
section.portfolio__header .aboutUs__header__container,
section.single__header .aboutUs__header__container,
section.team__header .aboutUs__header__container {
padding: 0 35px
}
section.aboutUs__header .aboutUs__header__container .header__desc p,
section.career__header .aboutUs__header__container .header__desc p,
section.contact__header .aboutUs__header__container .header__desc p,
section.offer__header .aboutUs__header__container .header__desc p,
section.portfolio__header .aboutUs__header__container .header__desc p,
section.single__header .aboutUs__header__container .header__desc p,
section.team__header .aboutUs__header__container .header__desc p {
font-size: 18px;
line-height: 36px
}
}
@media screen and (min-width:75em) {
section.aboutUs__header,
section.career__header,
section.contact__header,
section.offer__header,
section.portfolio__header,
section.single__header,
section.team__header {
padding: 211px 0 150px
}
section.aboutUs__header .aboutUs__header__container .grid-x .cell:first-child,
section.aboutUs__header .aboutUs__header__container .grid-x .cell:nth-child(2),
section.career__header .aboutUs__header__container .grid-x .cell:first-child,
section.career__header .aboutUs__header__container .grid-x .cell:nth-child(2),
section.contact__header .aboutUs__header__container .grid-x .cell:first-child,
section.contact__header .aboutUs__header__container .grid-x .cell:nth-child(2),
section.offer__header .aboutUs__header__container .grid-x .cell:first-child,
section.offer__header .aboutUs__header__container .grid-x .cell:nth-child(2),
section.portfolio__header .aboutUs__header__container .grid-x .cell:first-child,
section.portfolio__header .aboutUs__header__container .grid-x .cell:nth-child(2),
section.single__header .aboutUs__header__container .grid-x .cell:first-child,
section.single__header .aboutUs__header__container .grid-x .cell:nth-child(2),
section.team__header .aboutUs__header__container .grid-x .cell:first-child,
section.team__header .aboutUs__header__container .grid-x .cell:nth-child(2) {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: 0
}
section.aboutUs__header .aboutUs__header__container .grid-x .cell:nth-child(2) .header__img__container,
section.career__header .aboutUs__header__container .grid-x .cell:nth-child(2) .header__img__container,
section.contact__header .aboutUs__header__container .grid-x .cell:nth-child(2) .header__img__container,
section.offer__header .aboutUs__header__container .grid-x .cell:nth-child(2) .header__img__container,
section.portfolio__header .aboutUs__header__container .grid-x .cell:nth-child(2) .header__img__container,
section.single__header .aboutUs__header__container .grid-x .cell:nth-child(2) .header__img__container,
section.team__header .aboutUs__header__container .grid-x .cell:nth-child(2) .header__img__container {
padding-bottom: 0;
text-align: right
}
section.aboutUs__header .aboutUs__header__container .header__desc,
section.career__header .aboutUs__header__container .header__desc,
section.contact__header .aboutUs__header__container .header__desc,
section.offer__header .aboutUs__header__container .header__desc,
section.portfolio__header .aboutUs__header__container .header__desc,
section.single__header .aboutUs__header__container .header__desc,
section.team__header .aboutUs__header__container .header__desc {
text-align: left
}
section.aboutUs__header .aboutUs__header__container .header__desc .header__title,
section.career__header .aboutUs__header__container .header__desc .header__title,
section.contact__header .aboutUs__header__container .header__desc .header__title,
section.offer__header .aboutUs__header__container .header__desc .header__title,
section.portfolio__header .aboutUs__header__container .header__desc .header__title,
section.single__header .aboutUs__header__container .header__desc .header__title,
section.team__header .aboutUs__header__container .header__desc .header__title {
text-align: inherit
}
section.aboutUs__header .aboutUs__header__container .header__desc p,
section.career__header .aboutUs__header__container .header__desc p,
section.contact__header .aboutUs__header__container .header__desc p,
section.offer__header .aboutUs__header__container .header__desc p,
section.portfolio__header .aboutUs__header__container .header__desc p,
section.single__header .aboutUs__header__container .header__desc p,
section.team__header .aboutUs__header__container .header__desc p {
margin: initial;
margin-bottom: 40px
}
}
section.aboutUs__carousel,
section.offer__carousel {
padding: 20px 0 80px;
background-color: #f7f7f7
}
section.aboutUs__carousel .section__title,
section.offer__carousel .section__title {
margin-bottom: 40px;
position: relative
}
section.aboutUs__carousel .offer__carousel__container .item .grid-x .cell:first-child,
section.offer__carousel .offer__carousel__container .item .grid-x .cell:first-child {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
section.aboutUs__carousel .offer__carousel__container .item .grid-x .cell:nth-child(2),
section.offer__carousel .offer__carousel__container .item .grid-x .cell:nth-child(2) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
section.aboutUs__carousel .offer__carousel__container .item .grid-x .cell:nth-child(2)>img,
section.offer__carousel .offer__carousel__container .item .grid-x .cell:nth-child(2)>img {
padding-bottom: 20px
}
section.aboutUs__carousel .offer__carousel__container .aboutUs__slide__title,
section.aboutUs__carousel .offer__carousel__container p,
section.offer__carousel .offer__carousel__container .aboutUs__slide__title,
section.offer__carousel .offer__carousel__container p {
text-align: center
}
section.aboutUs__carousel .offer__carousel__container .aboutUs__slide__title,
section.offer__carousel .offer__carousel__container .aboutUs__slide__title {
font-size: 30px;
font-weight: 700;
margin-bottom: 30px
}
section.aboutUs__carousel .offer__carousel__container p,
section.offer__carousel .offer__carousel__container p {
color: #5d5d5d;
line-height: 30px;
margin: 0 auto;
margin-bottom: 0;
padding-bottom: 20px;
max-width: 80%
}
section.aboutUs__carousel .offer__carousel__container .owl-dots,
section.offer__carousel .offer__carousel__container .owl-dots {
padding-top: 80px
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot {
transition: .3s;
opacity: .5
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot:hover span,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot:hover span {
background: #d6d4d3
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot span,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot span {
background: #d6d4d3;
width: 52px;
height: 2px;
position: relative;
transition: .3s
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot span:after,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot span:after {
position: absolute;
bottom: 15px;
left: 0;
color: #a8a8a8;
font-size: 30px;
transition: .3s
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot span:before,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot span:before {
position: absolute;
top: 15px;
left: 0;
color: #a8a8a8;
text-align: left;
transition: .3s;
font-size: 22px;
line-height: 26px;
display: none
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot:first-child span:after,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot:first-child span:after {
content: "01"
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot:first-child span:before,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot:first-child span:before {
content: "Kompetencje"
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(2) span:after,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(2) span:after {
content: "02"
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(2) span:before,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(2) span:before {
content: "Atmosfera"
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(3) span:after,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(3) span:after {
content: "03"
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(3) span:before,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(3) span:before {
content: "Dedykowane rozwiązania"
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(4) span:after,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(4) span:after {
content: "04"
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(4) span:before,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(4) span:before {
content: "Elastyczne podejście do zarządzania"
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(5) span:after,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(5) span:after {
content: "05"
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(5) span:before,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot:nth-child(5) span:before {
content: "Pełne zadowolenie klientów"
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .active,
section.offer__carousel .offer__carousel__container .owl-dots .active {
opacity: 1
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .active span,
section.offer__carousel .offer__carousel__container .owl-dots .active span {
background: #be3131 !important
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .active span:after,
section.aboutUs__carousel .offer__carousel__container .owl-dots .active span:before,
section.offer__carousel .offer__carousel__container .owl-dots .active span:after,
section.offer__carousel .offer__carousel__container .owl-dots .active span:before {
color: #000
}
@media screen and (min-width:37.5em) {
section.aboutUs__carousel .section__title,
section.offer__carousel .section__title {
margin-bottom: 70px
}
section.aboutUs__carousel .offer__carousel__container .owl-dots,
section.offer__carousel .offer__carousel__container .owl-dots {
padding-top: 130px
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot span,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot span {
width: 100px
}
}
@media screen and (min-width:56.25em) {
section.aboutUs__carousel,
section.offer__carousel {
padding: 20px 0 130px
}
section.aboutUs__carousel .offer__carousel__container .owl-dots,
section.offer__carousel .offer__carousel__container .owl-dots {
padding-top: 130px
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot span,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot span {
width: 160px
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot span:before,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot span:before {
display: block
}
}
@media screen and (min-width:75em) {
section.aboutUs__carousel .offer__carousel__container .item .grid-x .cell:first-child,
section.aboutUs__carousel .offer__carousel__container .item .grid-x .cell:nth-child(2),
section.offer__carousel .offer__carousel__container .item .grid-x .cell:first-child,
section.offer__carousel .offer__carousel__container .item .grid-x .cell:nth-child(2) {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: 0
}
section.aboutUs__carousel .offer__carousel__container .item .grid-x .cell:nth-child(2)>img,
section.offer__carousel .offer__carousel__container .item .grid-x .cell:nth-child(2)>img {
padding-bottom: 0
}
section.aboutUs__carousel .offer__carousel__container .aboutUs__slide__title,
section.aboutUs__carousel .offer__carousel__container p,
section.offer__carousel .offer__carousel__container .aboutUs__slide__title,
section.offer__carousel .offer__carousel__container p {
text-align: left
}
section.aboutUs__carousel .offer__carousel__container p,
section.offer__carousel .offer__carousel__container p {
max-width: 100%
}
section.aboutUs__carousel .offer__carousel__container .owl-dots .owl-dot span,
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot span {
width: 220px
}
}
section.areas {
padding: 60px 0 105px;
color: #fff;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover
}
section.areas .section__title {
color: #fff;
margin-bottom: 40px
}
section.areas .area .area__img__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 120px;
height: 120px;
border-radius: 100%;
border: 3px solid hsla(0, 0%, 66%, .65);
margin: 0 auto;
margin-bottom: 30px;
transition: .3s
}
section.areas .area p {
text-align: center;
margin-bottom: 0;
font-size: 18px;
font-weight: 500
}
@media screen and (min-width:37.5em) {
section.areas .section__title {
margin-bottom: 70px
}
}
body.page-template-page-career section.offers {
background: #f7f7f7;
}
body.page-template-page-career section.offers .solution p {
background: #ffffff;
border-color: #ffffff;
}
section.offers,
section.portfolio,
section.solutions {
padding: 55px 0 82px
}
section.offers .section__title,
section.portfolio .section__title,
section.solutions .section__title {
margin-bottom: 40px
}
section.offers .portfolio__item,
section.offers .solution,
section.portfolio .portfolio__item,
section.portfolio .solution,
section.solutions .portfolio__item,
section.solutions .solution {
transition: .3s
}
section.offers .portfolio__item .solution__img__container,
section.offers .solution .solution__img__container,
section.portfolio .portfolio__item .solution__img__container,
section.portfolio .solution .solution__img__container,
section.solutions .portfolio__item .solution__img__container,
section.solutions .solution .solution__img__container {
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
height: 50vw
}
section.offers .portfolio__item p,
section.offers .solution p,
section.portfolio .portfolio__item p,
section.portfolio .solution p,
section.solutions .portfolio__item p,
section.solutions .solution p {
padding: 15px 0;
margin-bottom: 0;
font-weight: 700;
text-align: center;
transition: .3s;
border: 1px solid hsla(0, 0%, 66%, .25)
}
section.offers .portfolio__item:hover,
section.offers .solution:hover,
section.portfolio .portfolio__item:hover,
section.portfolio .solution:hover,
section.solutions .portfolio__item:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
section.offers .portfolio__item:hover p,
section.offers .solution:hover p,
section.portfolio .portfolio__item:hover p,
section.portfolio .solution:hover p,
section.solutions .portfolio__item:hover p {
border: 1px solid transparent
}
section.offers .tech-group__container,
section.portfolio .tech-group__container,
section.solutions .tech-group__container {
padding-top: 90px
}
section.offers .tech-group__container .tech-group__desc img,
section.portfolio .tech-group__container .tech-group__desc img,
section.solutions .tech-group__container .tech-group__desc img {
padding-bottom: 40px
}
section.offers .tech-group__container .tech-group__desc h4,
section.portfolio .tech-group__container .tech-group__desc h4,
section.solutions .tech-group__container .tech-group__desc h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 20px
}
section.offers .tech-group__container .tech-group__desc p,
section.portfolio .tech-group__container .tech-group__desc p,
section.solutions .tech-group__container .tech-group__desc p {
color: #5d5d5d;
line-height: 30px;
margin-bottom: 30px
}
section.offers .tech-group__container .tech-group__desc p:last-of-type,
section.portfolio .tech-group__container .tech-group__desc p:last-of-type,
section.solutions .tech-group__container .tech-group__desc p:last-of-type {
margin-bottom: 0
}
@media screen and (min-width:37.5em) {
section.offers,
section.portfolio,
section.solutions {
padding: 75px 0 102px
}
section.offers .section__title,
section.portfolio .section__title,
section.solutions .section__title {
margin-bottom: 80px
}
section.offers .portfolio__item .solution__img__container,
section.offers .solution .solution__img__container,
section.portfolio .portfolio__item .solution__img__container,
section.portfolio .solution .solution__img__container,
section.solutions .portfolio__item .solution__img__container,
section.solutions .solution .solution__img__container {
height: 24vw
}
}
@media screen and (min-width:56.25em) {
section.offers .tech-group__container .tech-group__img,
section.portfolio .tech-group__container .tech-group__img,
section.solutions .tech-group__container .tech-group__img {
max-width: 105%
}
section.offers .tech-group__container .tech-group__desc,
section.portfolio .tech-group__container .tech-group__desc,
section.solutions .tech-group__container .tech-group__desc {
padding-left: 30px
}
}
@media screen and (min-width:75em) {
section.offers .portfolio__item .solution__img__container,
section.offers .solution .solution__img__container,
section.portfolio .portfolio__item .solution__img__container,
section.portfolio .solution .solution__img__container,
section.solutions .portfolio__item .solution__img__container,
section.solutions .solution .solution__img__container {
height: 222px
}
}
section.offers .solutions__container .solution {
color: #000
}
section.offers .no-offers {
margin: 0 auto;
text-align: center
}
section.portfolio {
background-color: #f7f7f7
}
section.portfolio .portfolio__item .solution__img__container {
position: relative
}
section.portfolio .portfolio__item .solution__img__container:after,
section.portfolio .portfolio__item .solution__img__container:before {
transition-timing-function: ease-out;
transition: .4s;
content: "";
position: absolute;
width: 50%;
background-color: transparent;
height: 0
}
section.portfolio .portfolio__item .solution__img__container:before {
bottom: 0;
left: 0
}
section.portfolio .portfolio__item .solution__img__container:after {
top: 0;
right: 0
}
section.portfolio .portfolio__item .portfolio__desc__container {
color: #000;
text-align: left;
background-color: #fff;
padding: 30px;
position: relative
}
section.portfolio .portfolio__item .portfolio__desc__container:after,
section.portfolio .portfolio__item .portfolio__desc__container:before {
transition-timing-function: ease-out;
transition: .4s;
content: "";
position: absolute;
width: 2px;
background-color: transparent;
height: 0
}
section.portfolio .portfolio__item .portfolio__desc__container:before {
bottom: 0;
left: 0
}
section.portfolio .portfolio__item .portfolio__desc__container:after {
top: 0;
right: 0
}
section.portfolio .portfolio__item .portfolio__desc__container h4 {
font-size: 18px;
font-weight: 700;
line-height: 24px;
margin-bottom: 20px;
height: 48px
}
section.portfolio .portfolio__item .portfolio__desc__container p {
border: 0;
font-size: 14px;
margin: 0;
text-align: left;
padding: 0;
font-weight: 400
}
section.portfolio .portfolio__item:hover .solution__img__container:after,
section.portfolio .portfolio__item:hover .solution__img__container:before {
height: 100%;
background-color: rgba(190, 49, 49, .3)
}
section.portfolio .portfolio__item:hover .portfolio__desc__container:after,
section.portfolio .portfolio__item:hover .portfolio__desc__container:before {
height: 50%;
background-color: #be3131
}
section.project__header {
padding: 0 15px;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover
}
section.project__header .project__header__container {
padding: 175px 0 70px;
max-width: 770px;
color: #fff;
text-align: center;
margin: 0 auto
}
section.project__header .project__header__container .project__header__title {
font-size: 48px;
margin-bottom: 40px;
line-height: 48px;
font-weight: 700
}
section.project__header .project__header__container .project__header__logo {
margin-bottom: 40px
}
section.project__header .project__header__container .project__header__text {
line-height: 34px;
margin-bottom: 35px;
font-size: 18px;
text-align: center;
}
section.project__header .project__header__container .project__header__button {
color: #fff;
background-color: #be3131;
border-radius: 50px;
transition: .7s;
z-index: 30;
position: relative;
overflow: hidden;
padding: 14px 32.5px
}
section.project__header .project__header__container .project__header__button:after {
background: #fff;
content: "";
height: 100px;
left: -75px;
opacity: .2;
position: absolute;
top: -22px;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
transition: all .55s cubic-bezier(.19, 1, .22, 1);
width: 20px;
z-index: -10
}
section.project__header .project__header__container .project__header__button:hover:after {
left: 120%;
transition: all .55s cubic-bezier(.19, 1, .22, 1)
}
@media screen and (min-width:56.25em) {
section.project__header .project__header__container {
padding: 225px 0 120px
}
}
section.features {
background-color: #f7f7f7;
padding: 85px 0
}
section.features .feature {
text-align: center;
color: #252525
}
section.features .feature .feature__img__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 97px;
height: 97px;
border-radius: 100%;
border: 3px solid #ebebeb;
margin: 0 auto;
margin-bottom: 40px;
transition: .3s
}
section.features .feature h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 35px
}
section.features .feature p {
font-size: 16px;
line-height: 28px;
margin-bottom: 0
}
section.features .feature:hover .feature__img__container {
-webkit-transform: scale(1.04);
transform: scale(1.04);
border: 3px solid #e1e1e1
}
section.project__content {
padding: 35px 0 50px
}
section.project__content .technologies {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 45px
}
@media screen and (max-width: 1199px) {
section.project__content .technologies {
flex-wrap: wrap;
}
}
section.project__content .technologies .technology {
padding: 15px 70px
}
section.project__content .project__big__photo,
section.project__content .project__photos {
height: 90vw;
overflow: hidden
}
section.project__content .project__big__photo .photo__container,
section.project__content .project__photos .photo__container {
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
height: calc(50% - 15px)
}
section.project__content .project__big__photo .photo__container:first-of-type,
section.project__content .project__photos .photo__container:first-of-type {
margin-bottom: 30px
}
section.project__content .project__big__photo .big__photo__container,
section.project__content .project__photos .big__photo__container {
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
height: 100%
}
section.project__content .project__big__photo .big__photo__container,
section.project__content .project__big__photo .photo__container,
section.project__content .project__photos .big__photo__container,
section.project__content .project__photos .photo__container {
transition: .3s;
position: relative
}
section.project__content .project__big__photo .big__photo__container:before,
section.project__content .project__big__photo .photo__container:before,
section.project__content .project__photos .big__photo__container:before,
section.project__content .project__photos .photo__container:before {
position: absolute;
content: "";
top: 0;
left: 0;
background-color: rgba(190, 49, 49, .4);
opacity: 0;
width: 100%;
height: 100%;
transition: .3s
}
section.project__content .project__big__photo .big__photo__container:hover,
section.project__content .project__big__photo .photo__container:hover,
section.project__content .project__photos .big__photo__container:hover,
section.project__content .project__photos .photo__container:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
section.project__content .project__big__photo .big__photo__container:hover:before,
section.project__content .project__big__photo .photo__container:hover:before,
section.project__content .project__photos .big__photo__container:hover:before,
section.project__content .project__photos .photo__container:hover:before {
opacity: 1
}
section.project__content .opinion {
margin-top: 65px;
padding: 35px 30px 75px;
text-align: center;
border: 2px solid #eaeaea;
position: relative
}
section.project__content .opinion p {
margin-bottom: 0;
color: #252525
}
section.project__content .opinion img {
margin-bottom: 30px
}
section.project__content .opinion .photo {
width: 88px;
height: 88px;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
border-radius: 100%;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover
}
section.project__content .person__name {
margin-top: 65px;
font-weight: 700;
font-size: 18px;
color: #252525;
margin-bottom: 0
}
section.project__content .person__position {
color: #252525;
font-size: 14px;
text-transform: uppercase
}
@media screen and (min-width:37.5em) {
section.project__content .opinion {
padding: 35px 100px 75px
}
section.project__content .project__big__photo,
section.project__content .project__photos {
height: 758px
}
}
section.more {
background-color: #f7f7f7;
padding: 50px 0
}
section.more .more__title {
color: #252525;
font-weight: 700;
font-size: 24px;
margin-bottom: 45px
}
section.more .more__button {
border-radius: 50px;
transition: .7s;
background-color: transparent;
color: #be3131;
border: 1px solid #cecece
}
section.more .more__button:hover {
background-color: #fff
}
section.more .post {
position: relative;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
min-height: 280px;
width: 100%
}
section.more .post .post__overlay {
padding: 25px;
color: #252525;
overflow: hidden;
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
-webkit-transform: translateX(100%);
transform: translateX(100%);
transition: .5s;
height: 100%;
background-color: #fff
}
section.more .post .post__overlay h4,
section.more .post .post__overlay p {
transition: .5s
}
section.more .post .post__overlay h4 {
font-size: 20px;
line-height: 24px;
font-weight: 700;
position: relative;
margin-bottom: 20px;
padding-bottom: 20px;
transition-delay: .5s
}
section.more .post .post__overlay h4:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
transition: .5s;
height: 2px;
background-color: #252525;
transition-delay: .8s
}
section.more .post .post__overlay p {
font-size: 14px;
line-height: 24px;
transition-delay: 1.1s
}
section.more .post:hover .post__overlay {
-webkit-transform: translateX(0);
transform: translateX(0)
}
section.more .post:hover .post__overlay h4,
section.more .post:hover .post__overlay p {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
section.more .post:hover .post__overlay h4:before,
section.more .post:hover .post__overlay p:before {
width: 100%
}
@media screen and (min-width:37.5em) {
section.more .post {
width: 50%
}
}
@media screen and (min-width:56.25em) {
section.more .post .post__overlay {
padding: 45px
}
}
@media screen and (min-width:75em) {
section.more .post {
width: 100%;
overflow: hidden
}
section.more .post .post__overlay {
color: #fff;
background-color: rgba(190, 49, 49, .7);
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
section.more .post .post__overlay h4,
section.more .post .post__overlay p {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0
}
section.more .post .post__overlay h4:before,
section.more .post .post__overlay p:before {
background-color: #fff;
width: 0
}
}
section.single__header {
padding: 150px 0 100px
}
section.single__header .header__desc h3 {
line-height: 36px;
font-size: 24px
}
section.single__header .header__desc .author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 50px
}
section.single__header .header__desc .author p {
margin-bottom: 0;
font-size: 14px;
color: #5d5d5d;
text-transform: uppercase
}
section.single__header .header__desc .author .author__img {
width: 40px;
height: 40px;
border-radius: 100%;
margin: 0 10px;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover
}
section.single__header .header__desc .author span {
font-size: 14px;
color: #be3131
}
section.single__header .header__img__container {
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
max-width: 75%;
margin: 0 auto;
height: 37vw;
margin-bottom: 40px
}
@media screen and (min-width:37.5em) {
section.single__header .header__desc h3 {
font-size: 48px;
line-height: 56px
}
}
@media screen and (min-width:75em) {
section.single__header {
padding: 210px 0 200px
}
section.single__header .header__desc .author {
-webkit-box-pack: initial;
-ms-flex-pack: initial;
justify-content: initial
}
section.single__header .header__img__container {
height: 437px;
max-width: 100%;
margin-bottom: 0
}
}
section.single__content {
background-color: #f7f7f7
}
section.single__content .content {
max-width: 770px;
margin: 0 auto
}
section.single__content .content h3 {
font-size: 24px;
line-height: 36px;
margin-bottom: 40px
}
section.single__content .content p,
section.single__content .content ul li,
section.single__content .content .wp-block-table tr td {
line-height: 30px;
color: #5d5d5d;
margin-bottom: 30px;
font-size: 18px;
}
[class*="postid-"] section.single__content .content ul li {
margin-bottom: 0 !important;
}
.jobs-template-default.single section.single__content .content ul li {
margin-bottom: 0;
}
section.single__content .content .wp-block-table tr td {
padding: 5px;
border: 1px solid #c1c1c1;
}
section.single__content .content p strong {
font-size: 24px;
line-height: 36px;
color: #000
}
section.single__content .content img:not(.wpml-ls-flag) {
margin-bottom: 70px
}
section.single__content .content ul {
margin-bottom: 30px
}
section.single__content .content ul li {
padding: 5px 0
}
section.single__content .content ol {
list-style: none;
counter-reset: a;
margin-left: 0;
margin-bottom: 30px;
padding-left: 10px;
position: relative
}
section.single__content .content ol li {
counter-increment: a;
line-height: 30px;
color: #5d5d5d;
font-size: 18px;
}
body.page-id-3 section.single__header {
padding: 210px 0 60px !important;
}
body.page-id-3 section.single__header .aboutUs__header__container .grid-x .cell:nth-child(2) .header__img__container {
background-size: contain;
}
body.page-id-3 section.single__content .content ol {
margin-top: 30px;
}
body.page-id-3 section.single__content .content ol li {
padding: 10px 0px 10px 50px;
font-weight: 400;
}
section.single__content .content ol li:before {
content: counter(a);
width: 40px;
height: 40px;
background-color: #be3131;
color: #fff;
border-radius: 100%;
position: absolute;
left: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateY(-20%);
transform: translateY(-20%)
}
section.single__content .content ol li p {
margin-top: 20px;
font-weight: 400
}
section.single__content .apply__button {
margin-bottom: 20px
}
section.single__content .apply__button a {
color: #fff;
background-color: #be3131;
border-radius: 50px;
transition: .7s;
z-index: 30;
position: relative;
overflow: hidden
}
section.single__content .apply__button a:after {
background: #fff;
content: "";
height: 100px;
left: -75px;
opacity: .2;
position: absolute;
top: -22px;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
transition: all .55s cubic-bezier(.19, 1, .22, 1);
width: 20px;
z-index: -10
}
section.single__content .apply__button a:hover:after {
left: 120%;
transition: all .55s cubic-bezier(.19, 1, .22, 1)
}
section.single__content .footer {
padding: 47px 0 60px;
position: relative
}
section.single__content .footer .footer__title {
color: #5d5d5d;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 30px
}
section.single__content .footer .footer__social {
max-width: 170px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
section.single__content .footer .footer__social svg {
fill: #989898
}
section.single__content .footer:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #e1e1e1
}
section.single__content .content ol li {
padding: 10px 0 10px 50px;
}
@media screen and (min-width:75em) {
section.single__content .content h3 {
margin-bottom: 50px
}
section.single__content .content ol,
section.single__content .content p,
section.single__content .content ul {
margin-bottom: 40px
}
section.single__content .content ul li {
padding: 10px 0
}
section.single__content .content figure.aligncenter {
width: 1170px;
left: -200px;
position: relative
}
section.single__content .content figure.aligncenter img {
margin: 0 auto;
margin-bottom: 70px;
display: block
}
}
section.team__subpage {
background-color: #f7f7f7;
padding: 60px 0;
}
.team__section .grid-container {
max-width: 77rem;
}
section.team__subpage .owl-carousel.owl-drag .owl-item .item {
height: 50vw;
}
section.team__subpage .owl-carousel.owl-drag .owl-item .item .team__section {
height: 100%;
display: flex;
align-items: center;
}
section.team__subpage .team__section {
color: #000;
margin-bottom: 40px;
position: relative;
width: 100%;
}
section.team__subpage .team__section:nth-child(odd)>.grid-container>.grid-x>.cell {
background: #fff;
margin: 0 0 0 50%;
width: 50%;
padding: 20px;
position: relative;
z-index: 1;
transition: all 800ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.07);
transform: translateX(10%);
}
section.team__subpage .team__section:nth-child(odd)>.grid-container>.grid-x {
position: relative;
padding: 30px 0;
}
section.team__subpage .team__section:nth-child(odd)>.grid-container>.grid-x .img-bg {
position: absolute;
top: 0;
bottom: 0;
z-index: 0;
background-size: cover;
transition: all 800ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
right: 35%;
left: -10%;
}
section.team__subpage .team__section:nth-child(even)>.grid-container>.grid-x>.cell {
background: #fff;
margin: 0;
width: 50%;
padding: 20px;
position: relative;
z-index: 1;
transition: all 800ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.07);
transform: translateX(-10%);
}
section.team__subpage .team__section:nth-child(even)>.grid-container>.grid-x {
position: relative;
padding: 30px 0;
}
section.team__subpage .team__section:nth-child(even)>.grid-container>.grid-x .img-bg {
position: absolute;
top: 0;
bottom: 0;
z-index: 0;
background-size: cover;
transition: all 800ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
left: 35%;
right: -10%;
}
section.team__subpage .team__section .sides__wrapper {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
section.team__subpage .team__section .sides__wrapper .left,
section.team__subpage .team__section .sides__wrapper .right {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
section.team__subpage .owl-item .team__section .team__section__cell {
z-index: 5;
background: rgba(255, 255, 255, 0.94);
padding: 30px;
opacity: 0;
transform: translateX(40px);
transition: all 300ms linear;
transition-delay: 300ms;
}
section.team__subpage .owl-item.active .team__section .team__section__cell {
opacity: 1;
transform: translate(0px);
}
section.team__subpage .team__section .team__subtitle,
section.team__subpage .team__section .team__title {
text-align: center
}
section.team__subpage .team__section .team__title {
font-weight: 900;
font-size: 30px;
line-height: 34px;
margin-bottom: 30px
}
section.team__subpage .team__section .team__subtitle {
font-weight: 400;
font-size: 18px;
line-height: 30px;
margin-bottom: 30px
}
section.team__subpage .team__section .team__person {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 15px
}
section.team__subpage .team__section .team__person .team__person__desc {
padding-left: 20px
}
section.team__subpage .team__section .team__person .team__person__desc p {
margin: 0;
font-size: 16px;
color: #252525
}
section.team__subpage .team__section .team__person .team__person__desc p:first-child {
font-weight: 700;
padding-bottom: 5px
}
section.team__subpage .team__section .team__person .team__person__desc p:nth-child(2) {
text-transform: uppercase;
font-size: 14px
}
section.team__subpage .team__section .team__text {
font-size: 14px;
color: #252525;
line-height: 26px;
margin-bottom: 30px
}
section.team__subpage .team__section .team__text:last-of-type {
margin-bottom: 0
}
section.team__subpage .team__section .team__quote {
padding-top: 10px
}
section.team__subpage .team__section .team__quote .quote {
font-size: 16px;
color: #252525;
line-height: 30px;
margin-bottom: 30px
}
section.team__subpage .team__section .team__quote .quote,
section.team__subpage .team__section .team__quote .team__person {
padding-left: 5px
}
section.team__subpage .team__section ul {
list-style-type: none;
margin-left: 30px
}
section.team__subpage .team__section ul li {
margin-bottom: 20px;
color: #252525;
padding-left: 20px;
position: relative
}
section.team__subpage .team__section ul li:last-of-type {
margin-bottom: 0
}
section.team__subpage .team__section ul li:before {
position: absolute;
content: "";
width: 30px;
height: 30px;
left: -30px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(//softiq.pl/wp-content/themes/softiq/dist/img/team/ok-icon.png)
}
@media (max-width: 1340px) {
section.team__subpage .team__section .grid-container {
max-width: 900px;
}
nav#nav .nav__menu ul li {
padding: 0 7.5px;
}
nav#nav .nav__menu ul li a {
font-size: 14px;
}
}
@media (max-width: 1024px) {
section.team__subpage .team__section .grid-container {
max-width: 850px;
padding: 0px 3vw;
}
section.team__subpage .team__section>.grid-container>.grid-x .img-bg {
position: static !important;
width: 100%;
height: 50vw;
min-height: 210px;
margin: 0 20px;
}
section.team__subpage .team__section>.grid-container>.grid-x>.cell {
width: calc(100% - 40px) !important;
margin: 0px auto 0 auto !important;
transform: none !important;
padding-bottom: 0 !important;
}
}
@media screen and (min-width:37.5em) {
section.team__subpage .team__section:before {
display: none
}
section.team__subpage .team__section .sides__wrapper .left img,
section.team__subpage .team__section .sides__wrapper .right img {
opacity: .2
}
section.team__subpage .team__section .sides__wrapper .left svg,
section.team__subpage .team__section .sides__wrapper .right svg {
opacity: .2;
width: 82%;
max-width: 550px
}
}
@media screen and (min-width:56.25em) {
section.team__subpage .team__section .sides__wrapper .left svg,
section.team__subpage .team__section .sides__wrapper .right svg {
max-width: 759px
}
}
@media screen and (min-width:75em) {
section.team__subpage .team__section .team__subtitle,
section.team__subpage .team__section .team__title {
text-align: left
}
section.team__subpage .team__section .team__quote .quote {
color: #7f7f7f;
font-style: italic;
}
section.team__subpage .team__section .sides__wrapper .left img,
section.team__subpage .team__section .sides__wrapper .right img {
opacity: 1
}
section.team__subpage .team__section .sides__wrapper .left svg,
section.team__subpage .team__section .sides__wrapper .right svg {
opacity: 1;
width: 100%
}
section.team__subpage .team__section.left__mobile .sides__wrapper .left,
section.team__subpage .team__section.left__mobile .sides__wrapper .right,
section.team__subpage .team__section.right__mobile .sides__wrapper .left,
section.team__subpage .team__section.right__mobile .sides__wrapper .right {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%
}
}
section.team__technologies {
padding: 60px 0 100px;
overflow: hidden
}
section.team__technologies .tabs {
margin: 0;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
section.team__technologies .tabs li {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%
}
section.team__technologies .tabs li:first-of-type a {
border-right: 0
}
section.team__technologies .tabs li.is-active a {
color: #858585;
background-color: #f5f5f5
}
section.team__technologies .tabs li a {
padding: 12px 0;
display: inline-block;
width: 100%;
text-align: center;
border: 1px solid #e6e6e6;
border-bottom: none;
text-transform: uppercase;
color: #858585;
outline: none;
font-weight: 500
}
section.team__technologies .section__title {
margin-bottom: 40px;
font-size: 30px
}
section.team__technologies .table__container {
height: 352px;
position: relative;
max-height: 352px
}
section.team__technologies .table__container:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translateY(100%);
transform: translateY(100%);
background-color: #fff;
z-index: 555555
}
section.team__technologies .table__container .tabs-content .tabs-panel {
display: none
}
section.team__technologies .table__container .tabs-content .tabs-panel.is-active {
display: block
}
section.team__technologies .owl-certificates,
section.team__technologies .owl-technologies {
height: 302px
}
section.team__technologies .owl-certificates .owl-stage-outer,
section.team__technologies .owl-technologies .owl-stage-outer {
border: 1px solid #e6e6e6;
border-bottom: 0;
z-index: 1;
}
section.team__technologies .owl-certificates .owl-item,
section.team__technologies .owl-technologies .owl-item {
border-right: 1px solid #e6e6e6
}
section.team__technologies .owl-certificates .logos__container,
section.team__technologies .owl-technologies .logos__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: none
}
section.team__technologies .owl-certificates .logos__container .logo,
section.team__technologies .owl-technologies .logos__container .logo {
width: 100%;
height: 125px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
section.team__technologies .owl-certificates .logos__container .logo img,
section.team__technologies .owl-technologies .logos__container .logo img {
width: auto;
height: auto;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: .3s ease-in-out
}
section.team__technologies .owl-certificates .logos__container .logo img {
opacity: 0.5;
}
section.team__technologies .owl-certificates .logos__container .logo:hover img,
section.team__technologies .owl-technologies .logos__container .logo:hover img {
-webkit-filter: none;
filter: none
}
section.team__technologies .owl-certificates .logos__container .logo:hover img {
opacity: 1;
}
section.team__technologies .owl-certificates .owl-nav,
section.team__technologies .owl-technologies .owl-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
section.team__technologies .owl-certificates .owl-nav .owl-next,
section.team__technologies .owl-certificates .owl-nav .owl-prev,
section.team__technologies .owl-technologies .owl-nav .owl-next,
section.team__technologies .owl-technologies .owl-nav .owl-prev {
width: 41px;
height: 41px;
margin: 0;
padding: 0;
transition: .3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (min-width:37.5em) {
section.team__technologies .table__container {
max-height: 352px
}
section.team__technologies .table__container .tabs {
max-width: 80%;
margin: 0 auto
}
section.team__technologies .owl-certificates,
section.team__technologies .owl-technologies {
height: 251px
}
}
@media screen and (min-width:75em) {
section.team__technologies .table__container {
padding: 0 50px;
max-height: 302px
}
section.team__technologies .table__container .tabs {
max-width: 50%;
margin: 0 auto
}
section.team__technologies .owl-certificates,
section.team__technologies .owl-technologies {
height: 251px
}
section.team__technologies .owl-certificates .owl-nav,
section.team__technologies .owl-technologies .owl-nav {
margin-top: 0;
position: absolute;
top: 50%;
left: -60px;
width: calc(100% + 120px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
}
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot {
text-align: left;
position: relative
}
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot img {
position: absolute;
bottom: 35px;
left: 7px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot span {
width: 34px
}
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot span:before {
content: attr(data-title) !important;
font-size: 18px
}
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot span:after {
display: none
}
section.offer__carousel .offer__carousel__container .owl-dots .active {
opacity: 1
}
section.offer__carousel .offer__carousel__container .owl-dots .active span {
background: #be3131 !important
}
section.offer__carousel .offer__carousel__container .owl-dots .active span:before {
color: #000;
-webkit-filter: none;
filter: none
}
section.offer__carousel .offer__carousel__container .owl-dots .active img {
-webkit-filter: none;
filter: none
}
@media screen and (min-width:37.5em) {
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot span {
width: 80px
}
}
@media screen and (min-width:56.25em) {
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot span {
width: 128px
}
}
@media screen and (min-width:75em) {
section.offer__carousel .offer__carousel__container .owl-dots .owl-dot span {
width: 180px
}
}
section.contact {
padding: 65px 0 45px;
background-color: #f7f7f7
}
section.contact .contact__info .grid-x {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e4e4e4
}
section.contact .contact__info .grid-x:nth-child(1),
section.contact .contact__info .grid-x:nth-child(2) {
font-weight: 600;
}
section.contact .contact__info .grid-x:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0
}
section.contact .contact__info .contact__title,
section.contact .contact__info p {
line-height: 24px
}
section.contact .contact__info .contact__title {
font-size: 18px;
margin-bottom: 5px;
font-weight: 700
}
section.contact .contact__info p {
font-size: 15px;
color: #5d5d5d;
margin-bottom: 0
}
section.contact .contact__form__container {
padding: 25px 25px 30px;
background-color: #fff;
height: 100%
}
section.contact .contact__form__container .form__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 25px
}
section.contact .contact__form__container .form__header .form__title {
font-size: 18px;
line-height: 30px;
font-weight: 700;
display: inline-block;
margin-bottom: 0;
padding-left: 15px
}
section.contact .maps__container {
margin-top: 45px
}
section.contact .maps__container .cell:first-child .map__container {
margin-bottom: 20px
}
section.contact .maps__container .map__container {
height: 320px;
max-width: 730px;
margin: 0 auto;
border: 1px solid #ebebeb;
overflow: hidden
}
@media screen and (min-width:75em) {
section.contact .maps__container .cell:first-child .map__container {
margin-bottom: 0
}
}
body.page-id-908 section.single__header {
padding: 210px 0 300px;
}
body.page-id-908 section.single__header .header__desc .header__title.section__title {
font-size: 36px;
line-height: 44px;
text-align: center;
}
@media (min-width: 1200px) {
body.page-id-908 section.single__header .header__desc .header__title.section__title {
margin-right: -100px;
}
body.page-id-908 .single__content .grid-container {
transform: translateY(-360px);
margin-bottom: -280px;
}
}
@media (max-width: 1199px) {
body.page-id-908 .single__content .grid-container {
transform: translateY(-280px);
margin-bottom: -200px;
}
}
body.page-id-908 section.single__header .cell.for-desktop-up-7 {
position: relative;
z-index: 9;
}
body.page-id-908 section.single__header .cell.for-desktop-up-7 .header__img__container {
background-size: contain;
}
body.page-id-908 .single__content .grid-container #post-content {
background: rgba(255, 255, 255, 0.63);
padding: 30px;
}
body.page-id-908 .single__content .grid-container #post-content .html-container {
margin-top: -25px;
}
body.page-id-908 .single__content .grid-container #post-content .html-container p {
line-height: 21px;
color: #5d5d5d;
font-size: 15px !important;
}
body.page-id-908 .single__content .grid-container #post-content .checkbox-container .checkbox-wrap {
flex-direction: column;
}
body.page-id-908 .single__content .grid-container #post-content .checkbox-container .checkbox-wrap .nf-field-label label {
font-size: 14px;
margin-bottom: 10px;
color: #5d5d5d;
}
body.page-id-908 .single__content .grid-container #post-content .checkbox-container .checkbox-wrap .nf-field-element .ninja-forms-field {
opacity: 1;
width: 14px;
height: 14px;
}
body.page-id-908 .single__content .grid-container #post-content .checkbox-container .checkbox-wrap .nf-field-description p {
font-size: 14px;
color: #5d5d5d;
line-height: 22px;
margin-bottom: 20px;
}
.listselect-wrap .nf-field-element select {
background-color: #ffffff;
color: #b1b1b1;
padding: 12px 20px;
width: 100%;
border: none;
font-size: 14px;
-webkit-appearance: button;
appearance: button;
outline: none;
border: 1px solid #e1e1e1;
border-radius: 0;
}
.listselect-wrap .nf-field-element:before {
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxODU2RjI2OUIzRjExRTlBNjVGQ0I3Njk2ODA0QjVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgxODU2RjI3OUIzRjExRTlBNjVGQ0I3Njk2ODA0QjVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODE4NTZGMjQ5QjNGMTFFOUE2NUZDQjc2OTY4MDRCNUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODE4NTZGMjU5QjNGMTFFOUE2NUZDQjc2OTY4MDRCNUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ZdY0oAAAAwUlEQVR42nSQPQ6CQBCFH8RyD8AJOMF6AHt/zoKtNiTayl3EhlBYG0joSLako6Wgxnlk1mCiL/mSNzNvN7MbpGkK1U5IhLXWlXATHixCbV6Eu7ARjEKf6wwrYSuc8F+cvRg8sjLGII7jr4RzDuM40iYMWjo2rLWIomgO9X2Ppmn8Get3xDRNKIricxs9e6qAN9a6OLquQ9u28H6hisHMB6myLH89KAv1C66+MwzDzEKc5X7Hs3AQnnyXQr/XGd4CDABNOT569dnwlAAAAABJRU5ErkJggg==);
background-position: 50% 50%;
background-repeat: no-repeat;
position: absolute;
top: 1px;
right: 1px;
width: 40px;
height: calc(100% - 2px);
text-align: center;
font-size: 13px;
line-height: 37px;
color: #b1b1b1;
background-color: #ffffff;
pointer-events: none;
}
.nf-field-container.file_upload-container.label-above .nf-field-element .nf-fu-fileinput-button {
float: right;
margin-top: -48px;
margin-bottom: 0;
}
.listselect-wrap .nf-field-element select option {
padding: 30px;
}
.owl-stage .owl-item .for-desktop-up-7 {
padding: 1px;
}
@media (min-width: 1200px) {
#nav .cell.show-for-for-desktop-up.for-desktop-up-2 {
position: absolute;
right: 45px;
}
}
.cell.show-for-for-desktop-up {
display: flex;
justify-content: flex-end;
}
.desktop-header-search {
width: 40px;
height: 40px;
margin-left: 10px;
transition: all .6s ease-in-out;
transition-delay: .4s;
}
.desktop-header-search .searchformpanel {
position: relative;
}
.desktop-header-search .searchformpanel #searchformtoggler {
width: 40px;
height: 40px;
display: block;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background-color: rgba(28, 28, 28, 0.9);
text-indent: -9999px;
background-position: 0 0;
cursor: pointer;
}
.desktop-header-search .searchformpanel #searchformhandler.searchform-visible #searchform>div input[type="submit"],
.desktop-header-search .searchformpanel #searchformtoggler {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQCAYAAABrjzfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4RjY0MDE1QTM0MjExRTlCRURFRUE5RTUwQjI5MTkyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ4RjY0MDE2QTM0MjExRTlCRURFRUE5RTUwQjI5MTkyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDhGNjQwMTNBMzQyMTFFOUJFREVFQTlFNTBCMjkxOTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDhGNjQwMTRBMzQyMTFFOUJFREVFQTlFNTBCMjkxOTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5qwWUQAAACP0lEQVR42uyZ0W3DIBCG7arv9QgewZ0g6QYZgWyQEbxBRiCdIO0E9gbOBkkncDoBBYlIBGE4wGBXOiSUNj3Kp4P773wuGWPFmsdLsfKBgAiIgP8d8HWG/9HwWSm/38qyvEEXO3VYGATMis+WzyszD/E9gQLaZgjcls+RwYYAbXICEuY/RhvknICNYfNBQtdyM2FzMBz9+LBJCThom9KpCy7vKNXtUwLuTHCuCOR/77R1dSpAqh1XBQSsNcDWFxAq1Fvl5y8+75BFUg8vylebVJlEPZofzz36tae63xyAaup689xjkwNQvUc7jzxbaff3kgrwW7uPLXCdrn2f3i70EGo9OxCbzBiEukudSbaGVHfW86wU9c5g2661WHjyeo5yi3iUW07IFICPFEYdJRadKBqeIF17lZGtj0qW/KqU9DzF9XrA8A/9ePfc7pSq5C8gxYIjqpk8iVmKhejBvbXnHydLjl/Wg8p+R+m9Y447iA/uCIiACIiACIiACIiACIiACLgUYAV6KoPZzA4oHtavchKLHZE2Q/H8Pi9J+019oTOaWnGORtOgvh0AP9YGAE41jgigC9b57hfyOvY+cVzU0llV1y5yxJARdMQhQSIa4R+e3ghZE92bgXoyyHNz9WaE3HQWCbnx+R7kuZkySePQNyHSu6gdIo7Yp6FOgtt7GeCiIOeGGxyBQ3IAuqLVFt1DDh08OXTOpnl9riChAJ3TPUlzBsmjGX52iHAtbdqlhBpLfgREQAREQAREwLjxJ8AAFrMh8x1sUVUAAAAASUVORK5CYII=);
}
.desktop-header-search .searchformpanel #searchformtoggler.searchform-close-icon {
background-position-y: -40px;
background-color: #be3131;
}
.desktop-header-search .searchformpanel #searchformhandler {
width: 0px;
overflow: hidden;
position: absolute;
top: 0px;
right: 50px;
background: rgba(28, 28, 28, 1);
transition: all 300ms linear;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
height: 40px;
}
.desktop-header-search .searchformpanel #searchformhandler.searchform-visible {
display: block;
width: 300px;
}
.desktop-header-search .searchformpanel #searchformhandler #searchform>div {
white-space: nowrap;
height: 40px;
padding: 5px 20px;
width: 300px !important;
}
.desktop-header-search .searchformpanel #searchformhandler #searchform>div input[type="text"] {
height: 30px;
color: #ffffff;
float: left;
width: 240px;
background: transparent;
border: 0;
}
.desktop-header-search .searchformpanel #searchformhandler #searchform>div input[type="submit"] {
width: 40px;
height: 40px;
background-color: #000000;
text-indent: -9999px;
background-position: 0 0;
margin-top: -5px;
border-radius: 100%;
cursor: pointer;
}
@media screen and (min-width: 1200px) {
section#offer.offer__carousel .offer__carousel__handler,
#aboutUs__carousel .aboutUs__carousel__handler {
height: 300px;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler {
height: 115px !important;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler:hover,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler:hover {
height: 900px !important;
}
}
@media screen and (max-width: 1280px) {
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item h4,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item h4 {
font-size: 18px;
}
}
@media screen and (max-width: 1199px) {
section#offer.offer__carousel .offer__carousel__handler,
#aboutUs__carousel .aboutUs__carousel__handler {
height: 440px;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler {
height: 115px !important;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler:hover,
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler:hover,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler {
height: 740px !important;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x .for-tablet-portrait-up-6,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x .for-tablet-portrait-up-6 {
width: 33.33333%;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item h4,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item h4 {
font-size: 12px !important;
font-weight: 700;
}
}
@media screen and (max-width: 899px) {
section#offer.offer__carousel .offer__carousel__handler,
#aboutUs__carousel .aboutUs__carousel__handler {
height: 350px;
transition: height 200ms linear;
}
section#offer.offer__carousel .offer__carousel__handler:hover,
#aboutUs__carousel .aboutUs__carousel__handler:hover {
height: 530px;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item:hover {
height: 281px !important;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler {
height: 180px !important;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler {
height: 115px !important;
margin-bottom: 50px;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler:hover,
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler:hover,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler {
height: 780px !important;
}
}
@media screen and (max-width: 749px) {
section#offer.offer__carousel .offer__carousel__handler,
#aboutUs__carousel .aboutUs__carousel__handler {
height: 350px;
transition: all 200ms linear;
}
section#offer.offer__carousel .offer__carousel__handler:hover,
#aboutUs__carousel .aboutUs__carousel__handler:hover {
height: 590px;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler {
height: 200px !important;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item:hover {
height: 311px !important;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler:hover,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler:hover {
margin-bottom: 90px;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .item-tile,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .item-tile {
margin: 0px 5px !important;
padding: 0px 6px !important;
justify-content: center;
flex-direction: column;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .icon,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .icon {
width: 60px !important;
height: 60px !important;
flex: 0 0 60px !important;
margin: auto !important;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item h4,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item h4 {
margin: 0 !important;
min-height: 86px !important;
display: flex;
align-items: center !important;
justify-content: center !important;
font-size: 11px !important;
width: 100%;
text-align: center !important;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler {
left: 5px !important;
right: 5px !important;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item {
padding: 0 !important;
}
}
@media screen and (max-width: 645px) {
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item p,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item p {
font-size: 14px !important;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item h4,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item h4 {
font-size: 17px !important;
}
}
@media screen and (max-width: 599px) {
section#offer.offer__carousel .offer__carousel__handler,
#aboutUs__carousel .aboutUs__carousel__handler {
height: 620px;
transition: height 200ms linear;
}
section#offer.offer__carousel .offer__carousel__handler:hover,
#aboutUs__carousel .aboutUs__carousel__handler:hover {
height: 840px;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler {
height: 240px !important;
padding: 20px !important;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item:hover {
height: 351px !important;
}
}
@media screen and (max-width: 399px) {
section#offer.offer__carousel .offer__carousel__handler,
#aboutUs__carousel .aboutUs__carousel__handler {
height: 520px;
transition: height 200ms linear;
}
section#offer.offer__carousel .offer__carousel__handler:hover,
#aboutUs__carousel .aboutUs__carousel__handler:hover {
height: 750px;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler {
height: 240px !important;
padding: 0px 10px 20px 10px !important;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item {
padding: 5px !important;
}
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
position: relative;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item {
margin: 10px;
padding: 15px;
height: calc(100% - 20px);
background: #fafafa;
transition: all 200ms linear;
box-shadow: 0px 0px 0px 4px #be3131 inset;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item:hover {
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.07);
z-index: 99;
background: #303030;
color: #fff;
height: 250px;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .item-tile,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item .item-tile {
display: flex;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item h4,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item h4 {
position: relative;
text-align: left;
margin: 10px 0;
min-height: 66px;
display: flex;
align-items: center;
justify-content: left;
font-size: 20px;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .aboutUs__slide_text__handler,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item .aboutUs__slide_text__handler {
overflow: hidden;
height: 0px;
transition: height 200ms linear;
opacity: 0;
position: absolute;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler {
overflow: hidden;
height: 150px;
position: absolute;
left: 10px;
right: 11px;
background: #303030;
text-align: left;
z-index: 9;
padding: 30px;
box-shadow: 0px 18px 20px rgba(0, 0, 0, 0.03);
margin-top: 10px;
opacity: 1;
color: #fff;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item p,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item p {
color: #5d5d5d;
font-weight: 300;
text-align: left;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover p,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item:hover p {
color: #ffffff;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .icon,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item .aboutUs_img {
display: flex;
align-items: center;
width: 80px;
height: 80px;
;
justify-content: center;
flex: 0 0 80px;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .icon img,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item .aboutUs_img img {
transform: scale(0.9);
transition: all 300ms linear;
max-width: 48px;
}
section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .icon img,
#aboutUs__carousel .aboutUs__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs_img img {
transform: scale(1);
}
.solutions .counter_handler {
padding: 40px 20px;
background: #f7f7f7;
margin-top: 80px;
}
.solutions .counter_handler .section__title.smaller {
font-weight: 300;
font-size: 38px;
margin-bottom: 20px;
}
.solutions .counter_handler .section__title.smaller>strong {
font-family: "Segoe UI";
font-weight: 900;
letter-spacing: -1px;
}
.solutions .counter_handler .section__title.smaller span {
color: #be3131;
}
.solutions .counter__container .love_counter .cell {
text-align: center;
color: #5d5d5d;
}
.solutions .counter__container .love_counter .cell .counter-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 100px;
}
.solutions .counter__container .love_counter .cell .counter-icon img {
width: 70px;
height: 70px;
transform: scale(0.9);
transition: all 300ms linear;
}
.solutions .counter__container .love_counter .cell:hover .counter-icon img {
transform: scale(1.0);
}
.solutions .counter__container .love_counter .cell .counter-noumber {
font-size: 36px;
}
.solutions .counter__container .love_counter .cell .counter-label {
font-weight: 300;
}
.certificates__container #certificates {
display: flex;
flex-wrap: wrap;
width: 49vw;
min-width: 700px;
margin: 0px auto;
border-top: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
box-sizing: content-box;
}
.certificates__container #certificates .item .logo {
width: 7vw;
height: 7vw;
min-width: 100px;
min-height: 100px;
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
.certificates__container #certificates .item:last-child {
display: none;
}
.certificates__container #certificates .item .logo img {
max-width: 100%;
min-width: 40px;
transition: .3s ease-in-out;
}
.certificates__container #certificates .item .logos__container {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 799px) {
.certificates__container #certificates {
max-width: 500px;
width: 100%;
min-width: inherit;
}
.certificates__container #certificates .item .logo img {
max-width: 50px;
}
}
@media screen and (max-width: 599px) {
.certificates__container #certificates {
max-width: 300px;
width: 100%;
min-width: inherit;
}
.certificates__container #certificates .item .logo img {
max-width: 50px;
}
}
body.search .page__banner {
position: relative;
z-index: 0;
}
.search__container {
min-height: calc(100vh - 534px);
background: #f5f5f5;
}
.search__container .no-results {
text-align: center;
padding: 40px;
}
.search__container .grid-container {
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 2;
}
.search__container .grid-container.has-results {
margin-top: -180px;
}
.search__container .grid-container article {
padding: 20px;
background: #ffffff;
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.07);
}
.search__container .grid-container article:nth-child(1) {
flex: 0 0 calc(100% - 30px);
margin: 10px;
}
.search__container .grid-container article {
flex: 0 0 calc(33% - 20px);
margin: 10px;
padding-bottom: 70px;
position: relative;
}
.search__container .grid-container article h2 {
font-size: 24px;
}
.search__container .grid-container article p {
color: #5d5d55;
}
.search__container .grid-container article p .btn {
background-color: #ffffff;
border: 2px solid #be3131;
border-radius: 50px;
transition: .7s;
z-index: 30;
position: relative;
overflow: hidden;
margin-right: 20px;
display: inline-block;
margin-bottom: 0;
color: #be3131;
font-weight: 700;
transition: all 300ms linear;
}
.search__container .grid-container article p .btn:hover {
background-color: #be3131;
color: #ffffff;
}
.search__container .grid-container article p.read-more {
position: absolute;
height: 60px;
padding: 0px 20px;
bottom: 0px;
left: 0px;
right: 0px;
margin: 0;
}
section.career__header .aboutUs__header__container .header__desc p {
max-width: 720px;
margin-bottom: 20px;
}
.features-list {
display: flex;
list-style: none;
padding: 0;
margin: 0 0 20px 0;
}
@media screen and (max-width: 1199px) {
.features-list {
justify-content: center;
}
}
.features-list li {
min-width: 60px;
max-width: 80px;
margin: 0 4.5% 0 0 !important;
text-align: center;
color: #5d5d5d;
}
.features-list li img {
display: block;
margin: 0px auto 5px auto;
} body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler {
transition: height 300ms linear;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
position: relative;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item {
margin: 0px 0px;
padding: 0px;
height: 100%;
background: #fafafa;
transition: all 200ms linear;
box-shadow: none;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover {
z-index: 99;
color: #5d5d5d;
height: 100%;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .item-tile,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .item-tile {
display: flex;
box-shadow: 0px 0px 0px 4px #be3131 inset;
margin: 0px 10px;
padding: 15px;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .item-tile,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .item-tile {
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.07), 0px 0px 0px 4px rgba(255, 255, 255, 0.0) inset;
background: #ffffff;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item h4,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item h4 {
position: relative;
text-align: left;
margin: 10px 0;
min-height: 66px;
display: flex;
align-items: center;
justify-content: left;
font-size: 20px;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .aboutUs__slide_text__handler,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .aboutUs__slide_text__handler {
overflow: hidden;
height: 0px;
transition: height 200ms linear;
opacity: 0;
position: absolute;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .aboutUs__slide_text__handler {
overflow: hidden;
height: 900px;
position: absolute;
left: 10px;
right: 11px;
background: #ffffff;
text-align: left;
z-index: 9;
padding: 30px;
box-shadow: 0px 18px 20px rgba(0, 0, 0, 0.03);
margin-top: 0px;
opacity: 1;
color: #5d5d5d;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item p,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item p {
color: #5d5d5d;
font-weight: 300;
text-align: left;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover p,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover p {
color: #5d5d5d;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .icon,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .icon {
display: flex;
align-items: center;
width: 80px;
height: 80px;
;
justify-content: center;
flex: 0 0 80px;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .icon img,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item .icon img {
transform: scale(0.9);
transition: all 300ms linear;
max-width: 48px;
}
body.page-template-page-offer.page-id-2349 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .icon img,
body.page-template-page-offer.page-id-2419 section#offer.offer__carousel .offer__carousel__handler .grid-x.align-top .cell .item:hover .icon img {
transform: scale(1);
} body.page-template-page-contact.page-id-2489 .contact__header,
body.page-template-page-contact.page-id-1710 .contact__header {
background-image: none !important;
padding: 100px 0 0 0;
}
body.page-template-page-contact.page-id-2489 .contact__header .aboutUs__header__container,
body.page-template-page-contact.page-id-1710 .contact__header .aboutUs__header__container {
display: none;
}
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item>a {
display: none;
}
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item>ul.sub-menu {
position: static;
transform: none !important;
opacity: 1;
overflow: inherit;
margin: 0;
padding: 0;
transition: none !important;
display: flex;
min-width: 20px;
}
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item>ul.sub-menu li {
width: auto;
}
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item>ul.sub-menu li a {
padding: 0px 10px;
position: static;
font-size: 16px;
color: #484848;
background-color: transparent;
font-weight: 400;
z-index: 4;
transition: none;
left: auto;
transform: none;
width: auto;
}
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item>ul.sub-menu li a:before,
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item>ul.sub-menu li a .wpml-ls-display {
display: none;
}
.sub-menu .wpml-ls-menu-item .wpml-ls-flag {
width: 30px;
height: 20px;
opacity: 0;
}
.sub-menu .wpml-ls-menu-item a {
background-repeat: no-repeat;
background-position: 50% 50%;
}
.sub-menu .wpml-ls-menu-item.menu-item-wpml-ls-2-en a {
background-image: url(//softiq.pl/wp-content/themes/softiq/dist/images/flag-en.png);
}
.sub-menu .wpml-ls-menu-item.menu-item-wpml-ls-2-sv a {
background-image: url(//softiq.pl/wp-content/themes/softiq/dist/images/flag-sv.png);
}
.sub-menu .wpml-ls-menu-item.menu-item-wpml-ls-2-pl a {
background-image: url(//softiq.pl/wp-content/themes/softiq/dist/images/flag-pl.png);
}
.sub-menu .wpml-ls-menu-item.menu-item-wpml-ls-2-de a {
background-image: url(//softiq.pl/wp-content/themes/softiq/dist/images/flag-de.png);
}
@media screen and (min-width: 1024px) {
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item>ul.sub-menu {
flex-direction: column;
visibility: visible !important;
}
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item>ul.sub-menu li {
width: auto;
display: block;
padding: 10px !important;
}
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item>ul.sub-menu li+li {
display: none;
position: absolute;
top: 45px;
}
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item>ul.sub-menu li+li+li {
display: none;
position: absolute;
top: 90px;
}
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item>ul.sub-menu:hover li {
background: #ffffff;
}
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item>ul.sub-menu:hover li:hover {
background: #f5f5f5;
}
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item>ul.sub-menu:hover li+li {
display: block;
background: #ffffff;
}
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item>ul.sub-menu:hover li+li+li {
display: block;
background: #ffffff;
}
}
@media screen and (max-width: 1340px) {
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item {
padding: 0px 20px 0px 0px;
}
body nav#nav .nav__menu [id*="menu-main-menu"]>li.wpml-ls-item>ul.sub-menu li a {
padding: 0px 10px 0 0;
}
}
.section__footer.sv,
.section__footer.en,
.section__footer.pl,
.section__footer.de {
padding-bottom: 190px;
position: relative;
}
.section__footer.sv:after,
.section__footer.en:after,
.section__footer.de:after {
content: "";
width: 90vw;
max-width: 900px;
height: 100%;
max-height: 123px;
display: block;
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background-image: url(//softiq.pl/wp-content/themes/softiq/dist/images/FE_poziom_english-01102021.png);
background-position: top center;
background-repeat: no-repeat;
background-size: 100%;
}
.section__footer.pl:after {
content: "";
width: 90vw;
max-width: 900px;
height: 100%;
max-height: 123px;
display: block;
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background-image: url(//softiq.pl/wp-content/themes/softiq/dist/images/FE_poziom_pl.png);
background-position: top center;
background-repeat: no-repeat;
background-size: 100%;
}
body.page-template-page-career section.offers .solutions__container .cell {
margin: 1.5px auto;
}
body.page-template-page-career section.offers .solutions__container .cell a {
background: #ffffff;
}
body.page-template-page-career section.offers .solutions__container .cell .solution {
background: #ffff;
display: flex;
padding: 10px;
align-items: center;
position: relative;
outline: 2px solid #ffffff;
transition: all 300ms linear;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.0);
outline-offset: -4px;
flex-wrap: wrap;
}
body.page-template-page-career section.offers .solutions__container .cell .solution:hover {
outline: 2px solid #be3131;
z-index: 9;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
outline-offset: 1px;
}
body.page-template-page-career section.offers .solutions__container .cell .solution:after {
content: "";
width: 27px;
height: 27px;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE3RjQyRTJBOTBBQjExRUI5NzZDRkVGNDVFOEJFNjU5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE3RjQyRTJCOTBBQjExRUI5NzZDRkVGNDVFOEJFNjU5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTdGNDJFMjg5MEFCMTFFQjk3NkNGRUY0NUU4QkU2NTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTdGNDJFMjk5MEFCMTFFQjk3NkNGRUY0NUU4QkU2NTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5QGnFIAAABpElEQVR42sSWgW2DMBBFjdUBGIERyASFLhA6QckGyQRVJyAbNN2ALNCkE8QjMAIb0Dv0jU4WYCNRaulkJZzv3dl3Z0fKM753u4SmgmRPkpLE4rOBXF8ej9pnK/JAPkkyFTZakg+CnhfBCHSkqRJG2OsrR0HGGqGXIdo3zDbaV6k3CSMDHE2Jn2d42wZsd4adSOBgTuvMJEyAWPkQcg7O+hjAYgwYCcUSiqNeLYRapw1s9TujhUf2jE4+EOtjzdQ4AcTneLR/aswVUrom0CVgq24sU0BEcsDPd2T2ACuER76RQFIPkCO7SPualAtEZcbSdcJIjrOdBaJcFEqjjyx1Pqi1gCKbUwt7FsWo1gZau1yHT067kYlwW9CqlADmThNo3WzcZMjIYmeb8oDiTVEGsVvAY3Y5sh95iAu6RAhosEvf7lokxn5tEMpqSBKN9Owzylb6ShHJAL5kgtSibflGA5kFwalS2teiTfGiAt1/rr5a1NccyF41CvdhM8CwyPbFCl7NAj0XaoXEMLiA//Hy3PxZsPmDZ/On3J89Uruu26wR/wowANVrBZtA/d5IAAAAAElFTkSuQmCC);
background-position: 0 0;
background-repeat: no-repeat;
}
body.page-template-page-career section.offers .solutions__container .cell .solution:hover {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
body.page-template-page-career section.offers .solutions__container .cell .solution .solution__img__container {
height: 48px;
flex: 0 0 120px;
margin-right: 35px;
background-repeat: no-repeat;
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-title {
flex: 0 0 calc(50% - 175px);
margin-right: 20px;
font-weight: 600;
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-category {
flex: 0 0 calc(15% - 20px);
margin-right: 20px;
font-size: 14px;
font-weight: 600;
color: #8f8f8f;
text-transform: uppercase;
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-category span:not(:empty) {
padding: 5px 11px;
border: 1px solid #8f8f8f;
display: inline-block;
text-align: center;
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-agreement {
flex: 0 0 calc(13% - 20px);
margin-right: 20px;
color: #5d5d5d;
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-place {
flex: 0 0 calc(22% - 40px);
margin-right: 40px;
color: #5d5d5d;
}
@media screen and (max-width: 1024px) {
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-title {
flex: 0 0 calc(100% - 175px);
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-category {
flex: 0 0 calc(36% - 175px);
margin-left: 155px;
margin-right: 20px;
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-agreement {
flex: 0 0 calc(18% - 20px);
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-place {
flex: 0 0 calc(44% - 60px);
}
}
@media screen and (max-width: 799px) {
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-category {
flex: 0 0 calc(60% - 175px);
margin-left: 155px;
margin-right: 20px;
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-agreement {
flex: 0 0 calc(40% - 40px);
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-place {
flex: 0 0 calc(100% - 195px);
margin-left: 155px;
padding: 10px 0;
}
}
@media screen and (max-width: 519px) {
body.page-template-page-career section.offers .solutions__container .cell .solution .solution__img__container {
margin: 10px 0;
background-position: 0 50%;
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-title {
flex: 0 0 100%;
margin: 0 0 10px 0;
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-category {
flex: 1;
margin-left: 0;
margin-right: 20px;
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-agreement {
flex: 1;
margin-right: 0;
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-place {
flex: 0 0 100%;
margin-left: 0;
margin-right: 0;
padding: 10px 0;
}
}
@media screen and (max-width: 380px) {
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-title {
flex: 0 0 calc(100% - 40px);
margin: 0 40px 10px 0;
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-category {
flex: 0 0 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 10px;
}
body.page-template-page-career section.offers .solutions__container .cell .solution .job-offer-agreement {
flex: 0 0 100%;
margin-right: 0;
}
}
section.gtb.features {
padding: 35px 0 85px 0;
}
section.gtb.features .feature .feature__img__container img {
max-width: 64px;
}
section.gtb.features .feature .box-content {
text-align: left;
}
section.gtb.features .feature .box-content ul ::marker {
color: #be3131;
font-size: 26px;
line-height: 24px;
}
section.blog.GTB .blog__container {
padding-top: 200px;
}
.page-template-page-gotobrand .banner__coop h3 {
font-size: 30px;
line-height: 36px;
margin-bottom: 25px;
}
.page-template-page-gotobrand .banner__coop p {
font-size: 24px;
}
@media screen and (max-width: 1679px) {
nav#nav .nav__menu ul li {
padding: 0 6.5px;
}
nav#nav .nav__menu ul li a {
font-size: 14px;
}
}
@media screen and (max-width: 1340px) {
nav#nav .nav__menu ul li {
padding: 0 6.5px;
}
nav#nav .nav__menu ul li a {
font-size: 13px;
}
}
@media screen and (max-width: 599px) {
#aboutUs__carousel.aboutUs__carousel {
min-height: calc(100% + 100px);
}
.career__header .aboutUs__header__container .header__desc {
padding-right: 0 !important;
}
.career__header .aboutUs__header__container .header__desc .features-list {
margin: 0;
}
.career__header .aboutUs__header__container .header__desc .features-list li {
font-size: 2.5vw;
min-width: 20px !important;
flex: 1;
margin: 0 2.25% !important;
}
.career__header .aboutUs__header__container .header__desc .features-list li img {
max-width: 11vw;
width: 11vw;
}
}
body>p#breadcrumbs {
position: absolute;
top: 120px;
left: 45px;
z-index: 3;
}
body>p#breadcrumbs a {
font-weight: 600;
}
body.home>p#breadcrumbs {
display: none;
}
body.page-template-archive-php>p#breadcrumbs,
body.single-projects>p#breadcrumbs {
color: #fff;
padding: 5px 15px;
background: rgba(0, 0, 0, 0.52);
border-radius: 20px;
}
#nav+#breadcrumbs {
opacity: 0;
transform: translateY(-60px);
transition: all 800ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition-delay: 500ms;
}
#nav.ready+#breadcrumbs {
transform: translateY(0);
opacity: 1 !important;
}
nav#nav.dark {
z-index: 57;
}
#not-found-404 {
min-height: calc(100vh - 249px);
padding-top: 170px;
padding-bottom: 20px;
}
#not-found-404 .not-found-handler {
max-width: 1540px;
padding: 0 15px;
margin: 0 auto;
}
#not-found-404 .not-found-handler .not-found-image {
width: 460px;
height: 350px;
background: url(//softiq.pl/wp-content/themes/softiq/dist/images/notfound-404.png) no-repeat 0 0;
margin: 0 auto 20px auto;
}
#not-found-404 .not-found-handler .not-found-message {
text-align: center;
font-weight: 700;
font-size: 18px;
}
#not-found-404 .not-found-handler .not-found-nav {
margin-top: 20px;
}
#not-found-404 .not-found-handler .not-found-nav ul {
display: flex;
list-style: none;
justify-content: center;
}
#not-found-404 .not-found-handler .not-found-nav ul li {
margin: 10px;
}
#not-found-404 .not-found-handler .not-found-nav ul li .btn {
color: #fff;
background-color: #be3131;
border-radius: 50px;
transition: .7s;
z-index: 30;
position: relative;
overflow: hidden;
padding: 14px 32px;
}
#not-found-404 .not-found-handler .not-found-nav ul li .btn:after {
background: #fff;
content: "";
height: 100px;
left: -75px;
opacity: .2;
position: absolute;
top: -22px;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
transition: all .55s cubic-bezier(.19, 1, .22, 1);
width: 20px;
z-index: -10;
}
#not-found-404 .not-found-handler .not-found-nav ul li .btn:hover:after {
left: 120%;
transition: all .55s cubic-bezier(.19, 1, .22, 1);
}
#ankieta-content #post-content.content {
max-width: 100%;
}
#ankieta-content #post-content .nf-form-content .nf-field-label label {
font-weight: 400;
font-size: 15px;
color: #0a0a0a;
}
#ankieta-content #post-content .nf-form-content nf-field:nth-child(even) .nf-field-container {
background-color: #fff;
}
#ankieta-content #post-content .nf-form-content nf-field .nf-field-container {
margin-bottom: 30px;
padding: 20px 10px 7px 10px;
}
#ankieta-content #post-content .nf-form-content .label-left.listradio-container ul {
display: flex;
}
#ankieta-content #post-content .nf-form-content .label-left.listradio-container ul li {
display: flex;
flex-direction: column;
align-items: center;
font-size: 13px;
flex: 1;
}
#ankieta-content #post-content .nf-form-content .label-left.listradio-container ul li label {
margin: 10px 5px 0 5px;
text-align: center;
}
#ankieta-content #post-content .post-password-form [type="password"],
#ankieta-content #post-content .post-password-form [type="submit"] {
padding: 10px 20px;
}
#ankieta-content #post-content .nf-form-cont .checkbox-container .nf-field-element input {
position: static;
width: auto;
height: auto;
opacity: 1;
}
#ankieta-content #post-content .nf-form-cont .nf-field-container.reset-margin {
margin-bottom: 0 !important;
}
#ankieta-content #post-content .nf-form-cont .nf-field-container.keep-it-one-color {
background-color: #fff;
margin-bottom: 0 !important;
}
#ankieta-content #post-content .nf-form-cont .nf-field-container.submit-container {
text-align: center !important;
background-color: transparent !important;
}
#ankieta-content #post-content .nf-form-cont .submit-wrap input {
font-size: 24px;
padding: 16.5px 50px;
}
@media screen and (max-width: 767px) {
#ankieta-content #post-content .nf-form-content .label-left .field-wrap {
display: block;
}
#ankieta-content #post-content .nf-form-content .label-left .field-wrap .nf-field-label {
padding: 10px;
width: 100%;
text-align: left;
}
#ankieta-content #post-content .nf-form-content .label-left .field-wrap .nf-field-element {
width: 100%;
}
#ankieta-content #post-content .nf-form-content .label-left.listradio-container ul li {
font-size: 11px;
}
}
footer .sub-menu {
display: none !important;
}
@media screen and (max-width: 1199px) {
nav#nav .nav__menu ul li.menu-item-has-children ul {
max-height: none !important;
}
nav#nav .nav__menu ul li.menu-item-has-children ul li a {
font-size: 14px !important;
font-weight: 300 !important;
}
body .change__menu__overlay+nav#nav {
background: transparent !important;
}
body>p#breadcrumbs {
z-index: 56 !important;
}
body .change__menu__overlay~p#breadcrumbs {
display: none;
}
}
.recaptcha-wrap > .nf-field-label {
display: none;
}
.recaptcha-wrap > .nf-field-element {
padding-left: 26px;
}