/*
WARNING! DO NOT EDIT THEME FILES IF YOU PLAN ON UPDATING!
Theme files will be overwritten and your changes will be lost
when updating. Instead, add custom code in the admin under
Appearance > Theme Settings > Code or create a child theme.
*/
/* General
----------------------------------------------------------- */
/* Buttons
----------------------------------------------------------- */
/* Woo Buttons
----------------------------------------------------------- */
/*
Nav Toggle - Hamburger Icon
It's being used in the theme.less for media queries when enabled in the customizer.
------------------------------------------------------------------------------------ */
/*
Nav Toggle - Menu Button
It's being used in the theme.less for media queries when enabled in the customizer.
---------------------------------------------------------------------------------- */
/* Nav Toggle Common - This applies to both Hamburger and Button.
---------------------------------------------------------------- */
/* Header Layouts Toggle - Used in the .fl-page-nav-toggled-common mixin.
------------------------------------------------------------------------- */
/* Nav Separators
----------------------------------------------------------- */
/* Background Image
----------------------------------------------------------- */
/* Background Vertical Gradient
----------------------------------------------------------- */
/* Background Radial Gradient
----------------------------------------------------------- */
/* Change Row Colors
----------------------------------------------------------- */
/* Row Background Vertical Gradient */
/* Row Background Radial Gradient */
/*
WARNING! DO NOT EDIT THEME FILES IF YOU PLAN ON UPDATING!
Theme files will be overwritten and your changes will be lost
when updating. Instead, add custom code in the admin under
Appearance > Theme Settings > Code or create a child theme.
*/
/* General
----------------------------------------------------------- */
body {
background-color: #ffffff;
color: #3a3a3a;
font-family: "Satoshi", "Satoshi", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.8;
font-style: normal;
padding: 0;
word-wrap: break-word;
}
body.modal-open .media-modal-close:hover,
body.modal-open .media-modal-close:focus {
background: none;
border: none;
padding: 1px;
}
body.modal-open .media-modal-close:focus {
position: absolute;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #222222;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 700;
line-height: 1.4;
text-transform: none;
font-style: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #222222;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: none;
}
h1 {
font-size: 36px;
line-height: 1;
letter-spacing: 1px;
color: #222222;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: none;
}
h1 a {
color: #222222;
}
h2 {
font-size: 23px;
line-height: 1.2;
letter-spacing: 1px;
}
h2 .fl-comments-list-title {
font-size: 22px;
}
h3 {
font-size: 22px;
line-height: 1.2;
letter-spacing: 1px;
}
h4 {
font-size: 20px;
line-height: 1.2;
letter-spacing: 1px;
}
h5 {
font-size: 16px;
line-height: 1.2;
letter-spacing: 1px;
}
h6 {
font-size: 12px;
line-height: 1.2;
letter-spacing: 1px;
}
a {
color: #428bca;
}
a:hover,
a:focus {
color: #2b7bb9;
}
blockquote {
border-color: #e6e6e6;
}
iframe {
max-width: 100%;
}
img {
max-width: 100%;
height: auto;
}
/* Accessibility
----------------------------------------------------------- */
.fl-screen-reader-text {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.fl-screen-reader-text:focus {
width: auto;
height: auto;
position: fixed;
left: 0px;
top: 0px;
z-index: 99999;
}
body.rtl .fl-screen-reader-text {
right: -10000px;
}
body.rtl .fl-screen-reader-text:focus {
position: fixed;
left: auto;
right: 0px;
top: 0px;
width: auto;
height: auto;
z-index: 99999;
}
body.admin-bar .fl-screen-reader-text:focus {
top: 32px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
}
/* Bootstrap Overrides
----------------------------------------------------------- */
.container {
padding-left: 20px;
padding-right: 20px;
}
/* Wrap
----------------------------------------------------------- */
.fl-page {
position: relative;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0 auto;
}
/* Header
----------------------------------------------------------- */
.fl-page-header {
border-color: #e6e6e6;
background-color: #ffffff;
color: #757575;
}
.fl-page-header *,
.fl-page-header h1,
.fl-page-header h2,
.fl-page-header h3,
.fl-page-header h4,
.fl-page-header h5,
.fl-page-header h6 {
color: #757575;
}
.fl-page-header a,
.fl-page-header a *,
.fl-page-header a.fas,
.fl-page-header a.fab {
color: #757575;
}
.fl-page-header a:hover,
.fl-page-header a:focus,
.fl-page-header a:hover *,
.fl-page-header a:focus *,
.fl-page-header a.fas:hover,
.fl-page-header a.fab:hover,
.fl-page-header a.fas:focus,
.fl-page-header a.fab:focus {
color: #2b7bb9;
}
.fl-page-header .navbar-nav li > a {
color: #757575;
}
.fl-page-header .navbar-nav li > a:hover,
.fl-page-header .navbar-nav li > a:focus {
color: #2b7bb9;
}
.fl-page-header .navbar-nav li.current-menu-ancestor > a,
.fl-page-header .navbar-nav li.current-menu-parent > a,
.fl-page-header .navbar-nav li.current-menu-item > a {
color: #2b7bb9;
}
.fl-page-header .navbar-nav li.current-menu-item ~ li.current-menu-item > a {
color: #2b7bb9;
}
.fl-page-header-container {
padding-bottom: 30px;
padding-top: 30px;
}
.fl-page-header-logo {
text-align: center;
}
.fl-page-header-logo a {
text-decoration: none;
}
.fl-logo-text {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 22px;
color: #757575 !important;
}
.fl-logo-text:hover,
.fl-logo-text:focus {
color: #2b7bb9 !important;
}
.fl-theme-tagline {
color: #757575 !important;
}
.fl-logo-img {
max-width: 100%;
}
.fl-page-header-primary .fl-logo-img {
height: auto !important;
}
.fl-logo-img.sticky-logo {
display: none;
}
.fl-page-header-fixed .fl-logo-img {
display: inherit;
}
.fl-page-header-fixed .fl-logo-img.sticky-logo {
display: inherit;
}
.fl-nav-mobile-offcanvas .fl-button-close {
display: none;
}
/* Nav
----------------------------------------------------------- */
.fl-page-nav-wrap {
padding-bottom: 20px;
}
.fl-page-nav {
background: transparent;
border: none;
min-height: 0;
margin-bottom: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.fl-page-nav .navbar-nav > li > a {
padding: 15px;
}
.fl-page-nav .navbar-toggle {
border: none;
float: none;
font-family: "Helvetica", Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
text-transform: none;
margin: 0;
width: 100%;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.fl-page-nav .navbar-toggle:hover {
outline: none;
}
.fl-page-nav .navbar-toggle:focus {
outline: auto;
}
.fl-page-nav .navbar-nav,
.fl-page-nav .navbar-nav a {
font-family: "Helvetica", Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
text-transform: none;
}
/* Full Width */
.fl-full-width .fl-page-nav {
margin: 0 auto;
}
/* Mega Menu */
.fl-page-nav .mega-menu a[href="#"]:hover,
.fl-page-nav .mega-menu a[href="#"]:focus {
color: #757575 !important;
cursor: default;
}
.mega-menu-spacer {
background: none;
display: block;
left: 0;
position: absolute;
width: 100%;
}
/* Hide Heading */
.fl-page-header[class*=" fl-page-nav-toggle-visible"] ul.navbar-nav li.hide-heading {
border-top: 0 none !important;
}
.fl-page-header[class*=" fl-page-nav-toggle-visible"] ul.navbar-nav li.hide-heading > a,
.fl-page-header[class*=" fl-page-nav-toggle-visible"] ul.navbar-nav li.hide-heading > .fl-submenu-icon-wrap {
display: none !important;
}
.fl-page-header[class*=" fl-page-nav-toggle-visible"] ul.navbar-nav li.hide-heading > ul.sub-menu {
margin-left: 0;
}
/* Nav Collapse
----------------------------------------------------------- */
.fl-page-nav-collapse {
border: none;
max-height: none;
padding: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.fl-page-nav-collapse ul.navbar-nav {
margin: 0;
}
.fl-page-nav-collapse ul.navbar-nav > li {
border-bottom: 1px solid #e6e6e6;
}
.fl-page-nav-collapse ul.navbar-nav > li:last-child {
border-bottom: none;
}
.fl-page-nav-collapse.in {
overflow-y: visible;
}
/* Nav Search
----------------------------------------------------------- */
.fl-page-nav-search {
bottom: 0;
display: none;
position: absolute;
right: 0;
top: 0;
}
.fl-page-nav-search a.fa-search {
color: #757575;
font-size: 20px;
padding: 8px;
position: absolute;
right: 0;
top: 5px;
}
.fl-page-nav-search a.fa-search:hover,
.fl-page-nav-search a.fa-search:focus {
color: #2b7bb9;
text-decoration: none;
}
.fl-page-nav-search form {
background-color: #ffffff;
border-top: 3px solid #95bddc;
display: none;
padding: 20px;
position: absolute;
right: 0;
top: 100%;
width: 400px;
z-index: 1000;
-moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
}
.fl-page-nav-search form input.fl-search-input {
background-color: #ffffff;
border-color: #e6e6e6;
color: #757575;
}
.fl-page-nav-search form input.fl-search-input:focus {
color: #757575;
}
/* Nav Dropdown Menus
----------------------------------------------------------- */
.fl-page-nav ul.sub-menu {
background-clip: padding-box;
background-color: #ffffff;
border-top: 3px solid #95bddc;
font-size: 14px;
float: none;
left: -99999px;
list-style: none;
padding: 10px 0;
position: absolute;
top: 100%;
width: 240px;
z-index: 1000;
-moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
}
.fl-page-nav ul.sub-menu ul.sub-menu {
left: -99999px;
padding-bottom: 10px;
top: -13px;
}
.fl-page-nav ul.sub-menu li {
border: none;
}
.fl-page-nav ul.sub-menu li a {
clear: none;
color: #757575;
display: block;
font-weight: 400;
line-height: 20px;
margin: 0 10px;
padding: 10px 15px;
}
.fl-page-nav ul.sub-menu li a:hover,
.fl-page-nav ul.sub-menu li a:focus {
color: #2b7bb9;
text-decoration: none;
}
.fl-page-nav ul.sub-menu li a:before {
content: '';
margin-right: 0;
}
.fl-page-nav ul li {
position: relative;
}
.fl-page-nav ul li.fl-sub-menu-open > ul.sub-menu {
left: auto;
}
.fl-page-nav ul li.fl-sub-menu-open > ul.sub-menu li.fl-sub-menu-open > ul.sub-menu {
left: 100%;
}
.fl-page-nav ul li.fl-sub-menu-open > ul.sub-menu li.fl-sub-menu-open.fl-sub-menu-right > ul.sub-menu {
left: auto;
right: 100%;
}
.fl-page-nav ul li.fl-sub-menu-open.fl-sub-menu-right > ul.sub-menu {
right: 0;
}
.fl-page-nav ul li.fl-sub-menu-open .hide-heading > ul.sub-menu {
position: static;
padding: 0;
border-top: 0 none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
/* Content
----------------------------------------------------------- */
.fl-page-content {
background-color: #ffffff;
}
.fl-content,
.fl-sidebar {
margin: 20px 0;
}
.fl-sidebar {
display: none;
}
.fl-sidebar.fl-sidebar-display-always {
display: block;
}
/* Go to Top
----------------------------------------------------------- */
#fl-to-top {
display: none;
background-color: #ccc;
background-color: rgba(0, 0, 0, 0.2);
position: fixed;
bottom: 15px;
right: 15px;
width: 44px;
height: 42px;
text-align: center;
z-index: 1003;
}
#fl-to-top:hover {
background-color: rgba(0, 0, 0, 0.3);
}
#fl-to-top i {
position: absolute;
top: 12px;
left: 14px;
color: #fff;
font-size: 16px;
line-height: 16px;
}
/* Font Awesome Stacked Social Icons
@since 1.6
----------------------------------------------------------- */
.fl-social-icons .fa-stack.icon-facebook-f i.fa-circle.branded,
.fl-social-icons .fa-facebook-f.branded {
color: #3b5997;
}
.fl-social-icons .fa-stack.icon-twitter i.fa-circle.branded,
.fl-social-icons .fa-twitter.branded {
color: #00aaef;
}
.fl-social-icons .fa-stack.icon-google i.fa-circle.branded,
.fl-social-icons .fa-google.branded {
color: #d13e2b;
}
.fl-social-icons .fa-stack.icon-google-maps i.fa-circle.branded,
.fl-social-icons .fa-map-marker-alt.branded {
color: #eb5f1a;
}
.fl-social-icons .fa-stack.icon-linkedin i.fa-circle.branded,
.fl-social-icons .fa-linkedin.branded {
color: #007ab8;
}
.fl-social-icons .fa-stack.icon-yelp i.fa-circle.branded,
.fl-social-icons .fa-yelp.branded {
color: #c31200;
}
.fl-social-icons .fa-stack.icon-xing i.fa-circle.branded,
.fl-social-icons .fa-xing.branded {
color: #006567;
}
.fl-social-icons .fa-stack.icon-pinterest i.fa-circle.branded,
.fl-social-icons .fa-pinterest.branded {
color: #cb2127;
}
.fl-social-icons .fa-stack.icon-tumblr i.fa-circle.branded,
.fl-social-icons .fa-tumblr.branded {
color: #304e6c;
}
.fl-social-icons .fa-stack.icon-vimeo i.fa-circle.branded,
.fl-social-icons .fa-vimeo.branded {
color: #41b1db;
}
.fl-social-icons .fa-stack.icon-youtube i.fa-circle.branded,
.fl-social-icons .fa-youtube.branded {
color: #d6000f;
}
.fl-social-icons .fa-stack.icon-flickr i.fa-circle.branded,
.fl-social-icons .fa-flickr.branded {
color: #ec1982;
}
.fl-social-icons .fa-stack.icon-instagram i.fa-circle.branded,
.fl-social-icons .fa-instagram.branded {
color: #517fa5;
}
.fl-social-icons .fa-stack.icon-dribbble i.fa-circle.branded,
.fl-social-icons .fa-dribbble.branded {
color: #eb4a88;
}
.fl-social-icons .fa-stack.icon-skype i.fa-circle.branded,
.fl-social-icons .fa-skype.branded {
color: #009EE5;
}
.fl-social-icons .fa-stack.icon-500px i.fa-circle.branded,
.fl-social-icons .fa-500px.branded {
color: #333333;
}
.fl-social-icons .fa-stack.icon-github i.fa-circle.branded,
.fl-social-icons .fa-github.branded {
color: #333333;
}
.fl-social-icons .fa-stack.icon-rss i.fa-circle.branded,
.fl-social-icons .fa-rss.branded {
color: #e09026;
}
.fl-social-icons .fa-stack.icon-envelope i.fa-circle.branded,
.fl-social-icons .fa-envelope.branded {
color: #333333;
}
.fl-social-icons .fa-stack.icon-blogger i.fa-circle.branded,
.fl-social-icons .fa-blogger.branded {
color: #fe7300;
}
.fl-social-icons .fa-stack.icon-snapchat i.fa-circle.branded,
.fl-social-icons .fa-snapchat.branded {
color: #FFFC00;
}
.fl-social-icons .fa-stack.icon-wordpress i.fa-circle.branded,
.fl-social-icons .fa-wordpress.branded {
color: #15aabf;
}
.fl-social-icons .fa-stack.icon-spotify i.fa-circle.branded,
.fl-social-icons .fa-spotify.branded {
color: #1cd760;
}
.fl-social-icons .fa-stack.icon-tiktok i.fa-circle.branded,
.fl-social-icons .fa-tiktok.branded {
color: #000000;
}
.fl-social-icons .fa-stack.icon-soundcloud i.fa-circle.branded,
.fl-social-icons .fa-soundcloud.branded {
color: #f50;
}
.fl-social-icons .fa-stack.icon-x-twitter i.fa-circle.branded,
.fl-social-icons .fa-x-twitter.branded {
color: #000;
}
.fl-social-icons .fa-stack i.branded {
color: #fff;
}
.fl-social-icons .fa-stack {
margin: 0 0 10px 8px;
}
.fl-social-icons .fallback {
height: 28px;
width: 28px;
margin: 0 0 10px 5px !important;
vertical-align: inherit;
font-size: 30px;
}
.fl-social-icons .fallback:before {
width: 28px !important;
display: inline-block;
height: 28px !important;
}
.fl-page-header-content .fa-stack i.fa-inverse.mono {
color: #ffffff;
}
.fa-stack i.fa-inverse.mono {
color: #ffffff;
}
/* 404 Page
----------------------------------------------------------- */
.fl-404 {
padding: 30px 0 50px;
text-align: center;
}
.fl-404 .fl-post-header {
margin-bottom: 45px;
}
.fl-404 .fl-post-header h2 {
font-size: 24px;
}
.fl-404 form {
margin: 0 auto;
max-width: 400px;
}
/* Archive Pages
----------------------------------------------------------- */
.fl-archive .fl-post {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 40px;
}
.fl-archive .fl-post:last-child {
border-bottom: none;
padding-bottom: 0;
}
.fl-archive .fl-archive-title {
border-bottom: 1px solid #e6e6e6;
font-size: 18px;
margin-bottom: 40px;
padding-bottom: 8px;
}
.fl-archive .fl-archive-title a:hover {
text-decoration: none;
}
.fl-archive .fl-archive-nav-prev {
float: left;
}
.fl-archive .fl-archive-nav-next {
float: right;
}
/* WP PageNavi */
.wp-pagenavi a,
.wp-pagenavi span {
border: 1px solid #e6e6e6;
border-right: none;
margin: 0;
padding: 6px 10px;
}
.wp-pagenavi a:hover {
border-color: #e6e6e6;
}
.wp-pagenavi > *:last-child {
border-right: 1px solid #e6e6e6;
}
.wp-pagenavi span.current,
.wp-pagenavi a:hover {
border-color: #e6e6e6;
color: #ffffff;
background: #428bca;
font-weight: normal;
}
/* Search Page */
.search .page .fl-post-header {
display: block;
}
/* Posts
----------------------------------------------------------- */
/* General */
.fl-post {
margin-bottom: 40px;
}
.fl-post:last-child {
margin-bottom: 0;
}
.fl-post img[class*="wp-image-"],
.fl-post img.alignnone,
.fl-post img.alignleft,
.fl-post img.aligncenter,
.fl-post img.alignright {
height: auto;
max-width: 100%;
}
.fl-post img[class*="wp-block-cover"] {
height: 100%;
}
.fl-post .fl-post-image-beside {
float: left;
margin-right: 25px;
}
.fl-post .fl-author-box {
margin-top: 40px;
background: #f5f5f5;
border: 1px solid #ddd;
padding: 20px;
}
.fl-post .fl-author-box .fl-author-avatar {
float: left;
margin-right: 25px;
}
.fl-post .fl-author-box .fl-author-description h4 {
margin-top: 0;
margin-bottom: 5px;
}
.fl-post-thumb {
margin-bottom: 25px;
}
.fl-post-thumb img {
height: auto !important;
max-width: 100%;
}
.fl-post-header {
margin-bottom: 25px;
}
.fl-post-title {
margin-top: 0;
}
.fl-post-meta .fl-sep {
margin: 0 3px;
}
.fl-post-meta-bottom {
border-top: 1px solid #e6e6e6;
font-style: italic;
margin-top: 20px;
padding-top: 10px;
}
.fl-comments-popup-link a:hover {
text-decoration: none;
}
.fl-comments-popup-link i {
vertical-align: text-top;
}
.post-edit-link {
color: #428bca;
font-size: 14px;
font-weight: normal;
}
.fl-post-nav {
border-top: 1px solid #e6e6e6;
margin-top: 10px;
padding-top: 10px;
}
.fl-post-nav-prev {
float: left;
}
.fl-post-nav-next {
float: right;
}
/* Align Classes */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #f7f7f7;
border: 1px solid #e6e6e6;
max-width: 100%;
padding: 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 5px;
}
/* Comments
----------------------------------------------------------- */
.fl-comments {
margin-top: 60px;
}
/* Comment Form */
.fl-comment-form .fl-comment-form-cancel {
padding: 15px 0;
}
/* Comments List */
.fl-comments-list {
/* Comment Meta */
/* Comment Content */
/* Comment Reply Link */
/* Children */
}
.fl-comments-list ol {
margin: 0;
padding: 0;
}
.fl-comments-list ol li {
line-height: inherit;
list-style: none;
}
.fl-comments-list .fl-comments-list-nav {
border-top: 1px solid #e6e6e6;
margin-top: 30px;
padding: 10px 0 30px 0;
}
.fl-comments-list .fl-comments-list-prev {
float: left;
}
.fl-comments-list .fl-comments-list-next {
float: right;
}
.fl-comments-list .fl-comments-respond-title {
margin-top: 0;
}
.fl-comments-list .comment-meta {
margin: 20px 0 10px;
}
.fl-comments-list .comment-avatar img {
height: auto;
max-width: 40px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.fl-comments-list .comment-author-link {
font-size: 16px;
font-weight: bold;
margin-left: 10px;
}
.fl-comments-list .comment-content {
border: 1px solid #e6e6e6;
padding: 15px;
}
.fl-comments-list .comment-reply-link {
padding: 5px;
text-align: right;
}
.fl-comments-list ul.children {
margin: 0;
padding: 0;
}
.fl-comments-list ul.children li {
margin: 0 0 0 6%;
}
#wp-comment-cookies-consent {
margin-right: 5px;
}
/* Widgets
----------------------------------------------------------- */
.fl-widget {
margin-bottom: 40px;
}
.fl-module-widget .fl-widget {
margin-bottom: 0;
}
.fl-widget .fl-widget-title {
margin-bottom: 20px;
}
.fl-widget ul {
list-style: none;
padding: 0;
}
.fl-widget ul li {
display: block;
margin-bottom: 8px;
}
.fl-widget ul li:last-child {
margin-bottom: 0;
}
.fl-widget ul.sub-menu li {
margin: 0;
padding: 5px;
}
.fl-widget ul.sub-menu li:before {
content: "\2013";
padding-right: 5px;
}
/* Search */
input[type=text].fl-search-input {
color: rgba(58, 58, 58, 0.6);
width: 100%;
}
input[type=text].fl-search-input:focus {
color: #3a3a3a;
}
/* Calendar */
.widget_calendar table {
width: 100%;
}
.widget_calendar caption,
.widget_calendar th,
.widget_calendar td {
border-bottom: 1px solid #e6e6e6;
padding: 3px 0;
text-align: center;
}
.widget_calendar caption td,
.widget_calendar tfoot td {
border: none;
}
.widget_calendar caption #prev,
.widget_calendar tfoot #prev {
text-align: left;
}
.widget_calendar caption #next,
.widget_calendar tfoot #next {
text-align: right;
}
/* WooCommerce Pages
---------------------------------------------------------- */
.woocommerce-account .woocommerce-Address {
max-width: none;
}
/* Buttons
----------------------------------------------------------- */
/* WooCommerce Buttons */
.fl-page .fl-module span.onsale {
color: #ffffff;
background: #428bca;
font-size: 13px;
font-weight: normal;
left: 10px;
margin: 0;
padding: 2px 13px;
right: auto;
text-shadow: none;
top: 10px;
min-height: 3.236em;
min-width: 3.236em;
position: absolute;
text-align: center;
line-height: 3.236;
z-index: 9;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.fl-page .fl-module-woocommerce a.button,
.fl-page .fl-module-woocommerce button.button.alt,
.fl-page .fl-post-module-woo-button button[type=submit],
.fl-page .fl-post-module-woo-button button[type=submit].alt.disabled,
.fl-page .fl-post-module-woo-button a.button {
color: #515151;
background-color: #ebe9eb;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 1.2;
text-transform: none;
border: none;
border-radius: 4px;
}
.fl-page .fl-module-woocommerce a.button:hover,
.fl-page .fl-module-woocommerce button.button.alt:hover,
.fl-page .fl-post-module-woo-button button[type=submit]:hover,
.fl-page .fl-post-module-woo-button a.button:hover {
background-color: #dfdcde;
color: #515151;
border: none;
border-radius: 4px;
border-color: #1f5a87;
}
.fl-page .fl-module-woocommerce button.button:disabled,
.fl-page .fl-module-woocommerce button.button:disabled[disabled],
.fl-page .fl-module-woocommerce button.alt.disabled {
padding: 6px 12px;
}
.woocommerce-page ul.products li.product a.button,
.woocommerce-page .woocommerce-message a.button,
.woocommerce-page .woocommerce-message a.button.wc-forward,
.woocommerce-page .woocommerce a.button.wc-forward,
.woocommerce-page button.button,
.woocommerce-page button.button.alt,
.woocommerce-page a.button,
.woocommerce-page a.button.alt,
.woocommerce-page .woocommerce button[type=submit],
.woocommerce-page button[type=submit].alt.disabled {
color: #515151;
background-color: #ebe9eb;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 1.2;
text-transform: none;
border: none;
border-radius: 4px;
}
.woocommerce-page button.button:disabled,
.woocommerce-page button.button:disabled[disabled],
.woocommerce-page button.alt.disabled {
padding: 6px 12px;
}
.woocommerce-page ul.products li.product a.button:hover,
.woocommerce-page .woocommerce-message a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page a.button:hover,
.woocommerce-page .woocommerce button[type=submit]:hover,
.woocommerce-page button[type=submit].alt.disabled:hover {
background-color: #dfdcde;
color: #515151;
border: none;
border-radius: 4px;
border-color: #1f5a87;
}
/* WooCommerce Gallery Photo Swipe Navigation */
.woocommerce-page button.pswp__button:hover {
border: 0px;
}
.woocommerce-page button.pswp__button.pswp__button--arrow--left,
.woocommerce-page button.pswp__button.pswp__button--arrow--right {
position: absolute;
top: 50%;
}
.woocommerce form .form-row .input-checkbox {
position: static;
}
/* Builder Buttons */
a.fl-button,
a.fl-button:visited {
background: #428bca;
color: #ffffff;
border: 1px solid #2d6ca2;
}
a.fl-button:hover,
.fl-builder-content a.fl-button:hover {
color: #ffffff;
background: #2b7bb9;
}
a.fl-button *,
a.fl-button:visited * {
color: #ffffff;
}
a.fl-button:hover * {
color: #ffffff;
}
a.fl-button:hover,
a.button:hover {
color: #ffffff;
background-color: #2b7bb9;
border: 1px solid #1f5a87;
}
/* Fix WooCommerce Button wonky on hover. */
.woocommerce a.button,
.woocommerce a.button:hover {
border: 1px solid transparent;
}
/* Gutenberg Buttons */
.wp-block-button .wp-block-button__link {
font-size: 16px;
line-height: 1.2;
}
/* HTML Buttons */
button,
input[type=button],
input[type=submit] {
background-color: #428bca;
color: #ffffff;
font-size: 16px;
line-height: 1.2;
padding: 6px 12px;
font-weight: normal;
text-shadow: none;
border: 1px solid #2d6ca2;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
background-color: #2b7bb9;
color: #ffffff;
border: 1px solid #1f5a87;
text-decoration: none;
}
button:active,
input[type=button]:active,
input[type=submit]:active,
button:focus,
input[type=button]:focus,
input[type=submit]:focus {
background-color: #2b7bb9;
color: #ffffff;
border: 1px solid #1f5a87;
outline: none;
position: relative;
}
button.btn-default,
input[type=button].btn-default,
input[type=submit].btn-default,
button.btn-default:hover,
input[type=button].btn-default:hover,
input[type=submit].btn-default:hover,
button.btn-default:focus,
input[type=button].btn-default:focus,
input[type=submit].btn-default:focus,
button.btn-default.active,
input[type=button].btn-default.active,
input[type=submit].btn-default.active {
color: #3a3a3a;
background-color: #fcfcfc;
border-color: #cccccc;
}
/* MediaElements Buttons */
.mejs-button button .mejs-button button:active,
.mejs-button button:hover,
.mejs-button button:visited,
.mejs-button button:focus {
background-color: transparent;
border: none;
}
/* Forms
----------------------------------------------------------- */
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=number],
input[type=search],
input[type=url],
textarea {
display: block;
width: 100%;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #3a3a3a;
background-color: #fcfcfc;
background-image: none;
border: 1px solid #e6e6e6;
-moz-transition: all ease-in-out 0.15s;
-webkit-transition: all ease-in-out 0.15s;
transition: all ease-in-out 0.15s;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
/* WebKit browsers */
color: rgba(58, 58, 58, 0.4);
}
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=month]:-moz-placeholder,
input[type=week]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(58, 58, 58, 0.4);
}
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=week]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(58, 58, 58, 0.4);
}
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: rgba(58, 58, 58, 0.4);
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=url]:focus,
textarea:focus {
background-color: #fcfcfc;
border-color: #cccccc;
outline: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-control {
background-color: #fcfcfc;
border-color: #e6e6e6;
color: #3a3a3a;
-moz-transition: all ease-in-out 0.15s;
-webkit-transition: all ease-in-out 0.15s;
transition: all ease-in-out 0.15s;
}
.form-control::-webkit-input-placeholder {
/* WebKit browsers */
color: rgba(58, 58, 58, 0.4);
}
.form-control:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(58, 58, 58, 0.4);
}
.form-control::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(58, 58, 58, 0.4);
}
.form-control:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: rgba(58, 58, 58, 0.4);
}
.form-control:focus {
background-color: #fcfcfc;
border-color: #cccccc;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/* Lightbox
------------------------------------------------------ */
.mfp-wrap button.mfp-arrow,
.mfp-wrap button.mfp-arrow:active,
.mfp-wrap button.mfp-arrow:hover,
.mfp-wrap button.mfp-arrow:focus {
background: transparent !important;
border: none !important;
outline: none;
position: absolute;
top: 50%;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.mfp-wrap .mfp-close,
.mfp-wrap .mfp-close:active,
.mfp-wrap .mfp-close:hover,
.mfp-wrap .mfp-close:focus {
background: transparent !important;
border: none !important;
outline: none;
position: absolute;
top: 0;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
img.mfp-img {
padding: 0;
}
.mfp-counter {
display: none;
}
/* Builder
----------------------------------------------------------- */
.fl-builder-edit .fl-page-header-fixed {
display: none !important;
}
.fl-builder .container.fl-content-full {
margin: 0;
padding: 0;
width: auto;
max-width: none;
}
.fl-builder .container.fl-content-full > .row {
margin: 0;
}
.fl-builder .container.fl-content-full .fl-content {
margin: 0;
padding: 0;
}
.fl-builder .container.fl-content-full .fl-post-header {
margin-left: 20px;
margin-right: 20px;
padding-top: 40px;
}
.fl-builder .container.fl-content-full .fl-comments {
margin-left: 20px;
margin-right: 20px;
}
/* Media Query - 767px or less
----------------------------------------------------------- */
@media (max-width: 839px) {
/* Mobile Post Image
----------------------------------------------------------- */
.fl-post .fl-post-image-beside {
float: none;
margin-right: 0;
}
.fl-post .fl-post-image-beside,
.fl-post .fl-post-content-beside {
padding: 0 15px;
}
/* Mobile Header Logo
----------------------------------------------------------- */
.fl-page-header-logo img[data-mobile] {
display: none;
}
}
/* Media Query - 992px or less
----------------------------------------------------------- */
@media (max-width: 1024px) {
body.woocommerce-page.fl-framework-bootstrap .row,
body.woocommerce-page.fl-framework-base .row {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
body.woocommerce-page.fl-framework-bootstrap .fl-page-content .row .fl-woo-content,
body.woocommerce-page.fl-framework-base .fl-page-content .row .fl-woo-content {
box-sizing: border-box;
width: 100%;
}
body.woocommerce-page.fl-framework-bootstrap .fl-woo-content-right,
body.woocommerce-page.fl-framework-base .fl-woo-content-right {
order: 1;
width: 100%;
}
body.woocommerce-page.fl-framework-bootstrap .fl-woo-sidebar-left,
body.woocommerce-page.fl-framework-base .fl-woo-sidebar-left,
body.woocommerce-page.fl-framework-bootstrap .fl-sidebar,
body.woocommerce-page.fl-framework-base .fl-sidebar {
width: 100%;
}
}
/* Media Query - 768px or greater
----------------------------------------------------------- */
@media (min-width: 840px) {
/* Bootstrap Overrides
----------------------------------------------------------- */
.container {
padding-left: 40px;
padding-right: 40px;
width: auto;
}
/* Nav
----------------------------------------------------------- */
.fl-page-nav {
background: transparent;
}
.fl-page-nav .navbar-nav li > a {
padding: 15px 15px;
color: #3a3a3a;
}
.fl-page-nav .navbar-nav li > a:hover,
.fl-page-nav .navbar-nav li > a:focus {
color: #2b7bb9;
}
.fl-page-nav .navbar-nav li.current-menu-ancestor > a,
.fl-page-nav .navbar-nav li.current-menu-parent > a,
.fl-page-nav .navbar-nav li.current-menu-item > a {
color: #2b7bb9;
}
.fl-page-nav .navbar-nav li.current-menu-item ~ li.current-menu-item > a {
color: #3a3a3a;
}
.fl-page-nav-wrap {
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid #e6e6e6;
padding: 0;
border-color: #e6e6e6;
background-color: #ffffff;
color: #757575;
}
.fl-page-nav-wrap *,
.fl-page-nav-wrap h1,
.fl-page-nav-wrap h2,
.fl-page-nav-wrap h3,
.fl-page-nav-wrap h4,
.fl-page-nav-wrap h5,
.fl-page-nav-wrap h6 {
color: #757575;
}
.fl-page-nav-wrap a,
.fl-page-nav-wrap a *,
.fl-page-nav-wrap a.fas,
.fl-page-nav-wrap a.fab {
color: #757575;
}
.fl-page-nav-wrap a:hover,
.fl-page-nav-wrap a:focus,
.fl-page-nav-wrap a:hover *,
.fl-page-nav-wrap a:focus *,
.fl-page-nav-wrap a.fas:hover,
.fl-page-nav-wrap a.fab:hover,
.fl-page-nav-wrap a.fas:focus,
.fl-page-nav-wrap a.fab:focus {
color: #2b7bb9;
}
.fl-page-nav-wrap .navbar-nav li > a {
color: #757575;
}
.fl-page-nav-wrap .navbar-nav li > a:hover,
.fl-page-nav-wrap .navbar-nav li > a:focus {
color: #2b7bb9;
}
.fl-page-nav-wrap .navbar-nav li.current-menu-ancestor > a,
.fl-page-nav-wrap .navbar-nav li.current-menu-parent > a,
.fl-page-nav-wrap .navbar-nav li.current-menu-item > a {
color: #2b7bb9;
}
.fl-page-nav-wrap .navbar-nav li.current-menu-item ~ li.current-menu-item > a {
color: #2b7bb9;
}
.fl-page-nav-toggle-visible-always .fl-page-header-wrap .fl-page-header-container,
.fl-page-nav-toggle-visible-medium-mobile .fl-page-header-wrap .fl-page-header-container {
padding-left: 40px;
padding-right: 40px;
}
/* Nav Collapse
----------------------------------------------------------- */
.fl-page-nav-collapse ul.navbar-nav > li {
border: none;
}
.fl-page-nav-collapse ul.navbar-nav > li:first-child {
border: none;
}
/* Mega Menu
----------------------------------------------------------- */
/* hacks for mega-menu */
.fl-page-header-container,
.fl-page-nav-container {
position: relative;
}
.fl-page-nav-col,
.fl-page-nav,
.fl-page-fixed-nav-wrap {
position: inherit;
}
ul.navbar-nav li.mega-menu {
position: inherit;
}
ul.navbar-nav li.mega-menu.fl-sub-menu-open > ul.sub-menu {
left: 0;
}
ul.navbar-nav li.mega-menu > ul.sub-menu {
position: absolute !important;
width: 100%;
padding: 20px;
display: table;
}
ul.navbar-nav li.mega-menu > ul.sub-menu ul.sub-menu {
position: relative;
width: auto;
left: 0 !important;
top: 0;
opacity: 1 !important;
padding: 0;
border-top: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
ul.navbar-nav li.mega-menu > ul.sub-menu > li {
position: relative;
float: none;
display: table-cell;
height: auto;
vertical-align: top;
border-right: 1px solid #d5e5f1;
}
ul.navbar-nav li.mega-menu > ul.sub-menu > li:last-child {
border-right: none;
}
ul.navbar-nav li.mega-menu > ul.sub-menu > li li li a::before {
font-family: 'Font Awesome 5 Pro';
content: '\f105';
font-weight: 900;
margin-right: 10px;
}
ul.navbar-nav li.mega-menu > ul.sub-menu > li > a {
font-weight: bold;
}
ul.navbar-nav li.mega-menu.mega-menu-items-1 > ul > li {
width: 100%;
}
ul.navbar-nav li.mega-menu.mega-menu-items-2 > ul > li {
width: 50%;
}
ul.navbar-nav li.mega-menu.mega-menu-items-3 > ul > li {
width: 33.33%;
}
ul.navbar-nav li.mega-menu.mega-menu-items-4 > ul > li {
width: 25%;
}
ul.navbar-nav li.mega-menu.mega-menu-items-5 > ul > li {
width: 20%;
}
ul.navbar-nav li.mega-menu.mega-menu-items-6 > ul > li {
width: 16.66%;
}
/* Content
----------------------------------------------------------- */
.fl-content,
.fl-sidebar {
margin: 40px 0;
}
/* Parallax Footer
----------------------------------------------------------- */
.fl-full-width.fl-footer-effect .fl-page-footer-wrap {
z-index: -1;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
.fl-full-width.fl-footer-effect .fl-page {
z-index: 10;
}
/* 404 Page
----------------------------------------------------------- */
.fl-404 {
padding: 100px 0 150px;
}
.fl-404 .fl-post-header h2 {
font-size: 30px;
}
/* Builder
----------------------------------------------------------- */
.fl-builder .container.fl-content-full .fl-post-header,
.fl-builder .container.fl-content-full .fl-comments {
margin: 0 40px;
width: auto;
}
}
/* Media Query - 992px or greater
----------------------------------------------------------- */
@media (min-width: 1024px) {
/* General
----------------------------------------------------------- */
body.fl-fixed-width:not(.fl-nav-vertical):not(.fl-fixed-header):not(.fl-shrink) {
padding: 0;
}
/* Bootstrap Overrides
----------------------------------------------------------- */
.container {
padding-left: 0;
padding-right: 0;
width: 900px;
}
/* Full Width */
.fl-full-width .container {
padding-left: 40px;
padding-right: 40px;
width: auto;
}
/* Wrap
----------------------------------------------------------- */
.fl-page {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
width: 980px;
}
/* Full Width */
.fl-full-width .fl-page {
width: auto;
}
/* Nav Search
----------------------------------------------------------- */
.fl-page-nav-search {
display: block;
}
/* Hide Header Until Scroll
----------------------------------------------------------- */
.fl-scroll-header .fl-page-header-primary,
.fl-scroll-header .fl-page-bar {
-webkit-transform: translateY(-200%);
-ms-transform: translateY(-200%);
transform: translateY(-200%);
-webkit-transition: -webkit-transform 0.4s ease-in-out;
-moz-transition: transform 0.4s ease-in-out;
-o-transition: transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out;
}
.fl-scroll-header .fl-page-header-primary.fl-show,
.fl-scroll-header .fl-page-bar.fl-show {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/* Content
----------------------------------------------------------- */
.fl-sidebar {
display: block;
}
.fl-content {
margin: 40px 0;
}
.fl-content-left {
border-right: 1px solid #e6e6e6;
padding-right: 40px;
}
.fl-content-right {
border-left: 1px solid #e6e6e6;
padding-left: 40px;
}
.fl-woo-content-left {
float: left;
}
.fl-woo-content-right {
float: right;
}
.fl-sidebar-right {
padding-left: 40px;
}
.fl-sidebar-left {
padding-right: 40px;
}
/* custom sidebar width */
/* custom woocommerce sidebar width */
/* Builder
----------------------------------------------------------- */
.fl-builder.fl-full-width .container.fl-content-full .fl-post-header,
.fl-builder.fl-full-width .container.fl-content-full .fl-comments {
margin: 0 40px;
width: auto;
}
}
/* Media Query - 1100px or greater
----------------------------------------------------------- */
@media (min-width: 1100px) {
/* Wrap
----------------------------------------------------------- */
.fl-fixed-width .fl-page {
width: 1100px;
max-width: 90%;
}
/* Bootstrap Overrides
----------------------------------------------------------- */
.container {
width: 1020px;
max-width: 90%;
}
/* Full Width */
.fl-full-width .container {
padding-left: 0;
padding-right: 0;
width: 1020px;
}
/* Nav Toggle */
.fl-page-nav-toggle-visible-always .fl-page-header-wrap .fl-page-header-container,
.fl-page-nav-toggle-visible-medium-mobile .fl-page-header-wrap .fl-page-header-container {
padding-left: 0;
padding-right: 0;
}
/* Builder
----------------------------------------------------------- */
.fl-builder.fl-full-width .container.fl-content-full .fl-post-header,
.fl-builder.fl-full-width .container.fl-content-full .fl-comments {
margin: 0 auto;
width: 1020px;
}
}
body.fl-framework-base-4 nav a.no-menu,
body.fl-framework-bootstrap-4 nav a.no-menu {
display: block;
}
body.woocommerce-page.fl-framework-bootstrap .product .label {
font-size: 14px;
color: #3a3a3a;
padding: 0px;
}
/*
WARNING! DO NOT EDIT THEME FILES IF YOU PLAN ON UPDATING!
Theme files will be overwritten and your changes will be lost
when updating. Instead, add custom code in the admin under
Appearance > Theme Settings > Code or create a child theme.
*/
/* Headings
----------------------------------------------------------- */
div.woocommerce h2,
div.woocommerce h3 {
font-size: 18px;
}
/* Main Wrapper
----------------------------------------------------------- */
.woocommerce,
.woocommerce-page {
/* General
----------------------------------------------------------- */
/* Quantity Field
----------------------------------------------------------- */
/* Columns
----------------------------------------------------------- */
/* Lightbox
----------------------------------------------------------- */
/* Buttons
----------------------------------------------------------- */
/* Forms
----------------------------------------------------------- */
/* Select2 Styles */
/* Categories
----------------------------------------------------------- */
/* Single Products
----------------------------------------------------------- */
/* Cart
----------------------------------------------------------- */
/* Checkout
----------------------------------------------------------- */
/* Order Received
----------------------------------------------------------- */
/* Customer Details
----------------------------------------------------------- */
/* My Account
----------------------------------------------------------- */
/* Alerts
----------------------------------------------------------- */
/* General
----------------------------------------------------------- */
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb,
.woocommerce div.product span.price,
.woocommerce-page div.product span.price,
.woocommerce div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce div.product .stock,
.woocommerce-page div.product .stock {
color: #3a3a3a;
}
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
color: #428bca;
}
.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce-page .woocommerce-breadcrumb a:hover {
color: #2b7bb9;
}
.woocommerce .product .price ins,
.woocommerce-page .product .price ins {
text-decoration: none;
}
.woocommerce .fl-page-content .quantity input.qty,
.woocommerce-page .fl-page-content .quantity input.qty {
padding: .25em;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
width: 100%;
}
.woocommerce form .form-row-first,
.woocommerce-page form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last {
width: 100%;
}
.woocommerce .ppt,
.woocommerce-page .ppt,
.woocommerce .pp_description,
.woocommerce-page .pp_description {
display: none !important;
}
.woocommerce .pp_overlay,
.woocommerce-page .pp_overlay {
background-color: rgba(255, 255, 255, 0.8);
}
.woocommerce div.pp_woocommerce .pp_content_container,
.woocommerce-page div.pp_woocommerce .pp_content_container {
background: #ffffff;
border: 1px solid #e6e6e6;
padding: 40px 0 20px 0;
}
.woocommerce div.pp_woocommerce .pp_content_container #respond #reply-title,
.woocommerce-page div.pp_woocommerce .pp_content_container #respond #reply-title {
margin: 20px 0;
}
.woocommerce div.pp_woocommerce .pp_content_container #respond input,
.woocommerce-page div.pp_woocommerce .pp_content_container #respond input,
.woocommerce div.pp_woocommerce .pp_content_container #respond textarea,
.woocommerce-page div.pp_woocommerce .pp_content_container #respond textarea {
margin-left: 15px;
}
.woocommerce div.pp_woocommerce .pp_content_container #respond p,
.woocommerce-page div.pp_woocommerce .pp_content_container #respond p {
margin-bottom: 20px;
}
.woocommerce div.pp_woocommerce .pp_content_container #respond .comment-form-rating,
.woocommerce-page div.pp_woocommerce .pp_content_container #respond .comment-form-rating {
margin-bottom: 10px;
}
.woocommerce div.pp_woocommerce .pp_content_container #respond .stars,
.woocommerce-page div.pp_woocommerce .pp_content_container #respond .stars {
margin-bottom: 30px;
}
.woocommerce div.pp_woocommerce .pp_content_container #respond .comment-form-comment,
.woocommerce-page div.pp_woocommerce .pp_content_container #respond .comment-form-comment {
margin-bottom: 40px;
}
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button {
background: #fcfcfc;
color: #3a3a3a;
font-size: 14px;
line-height: 20px;
padding: 6px 12px;
font-weight: normal;
text-shadow: none;
border: 1px solid #cccccc;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page #content input.button:hover {
color: #3a3a3a;
background: #fcfcfc;
border: 1px solid #cccccc;
text-decoration: none;
}
.woocommerce a.button:active,
.woocommerce-page a.button:active,
.woocommerce button.button:active,
.woocommerce-page button.button:active,
.woocommerce input.button:active,
.woocommerce-page input.button:active,
.woocommerce #respond input#submit:active,
.woocommerce-page #respond input#submit:active,
.woocommerce #content input.button:active,
.woocommerce-page #content input.button:active {
background-image: none;
outline: 0;
}
.woocommerce a.button.loading,
.woocommerce-page a.button.loading,
.woocommerce button.button.loading,
.woocommerce-page button.button.loading,
.woocommerce input.button.loading,
.woocommerce-page input.button.loading,
.woocommerce #respond input#submit.loading,
.woocommerce-page #respond input#submit.loading,
.woocommerce #content input.button.loading,
.woocommerce-page #content input.button.loading {
border: 1px solid #e6e6e6;
color: #3a3a3a;
filter: alpha(opacity = 50);
opacity: 0.5;
}
.woocommerce a.button.added:before,
.woocommerce-page a.button.added:before,
.woocommerce button.button.added:before,
.woocommerce-page button.button.added:before,
.woocommerce input.button.added:before,
.woocommerce-page input.button.added:before,
.woocommerce #respond input#submit.added:before,
.woocommerce-page #respond input#submit.added:before,
.woocommerce #content input.button.added:before,
.woocommerce-page #content input.button.added:before {
display: none;
}
.woocommerce.tax-product_cat .add_to_cart_button,
.woocommerce-page.tax-product_cat .add_to_cart_button {
display: none;
}
.woocommerce form .form-row input.input-text,
.woocommerce-page form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row select,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #3a3a3a;
vertical-align: middle;
background-color: #fcfcfc;
background-image: none;
border: 1px solid #e6e6e6;
-moz-transition: all ease-in-out 0.15s;
-webkit-transition: all ease-in-out 0.15s;
transition: all ease-in-out 0.15s;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.woocommerce form .form-row input.input-text::-webkit-input-placeholder,
.woocommerce-page form .form-row input.input-text::-webkit-input-placeholder,
.woocommerce form .form-row textarea::-webkit-input-placeholder,
.woocommerce-page form .form-row textarea::-webkit-input-placeholder,
.woocommerce form .form-row select::-webkit-input-placeholder,
.woocommerce-page form .form-row select::-webkit-input-placeholder,
.woocommerce table.cart td.actions .coupon .input-text::-webkit-input-placeholder,
.woocommerce-page table.cart td.actions .coupon .input-text::-webkit-input-placeholder {
/* WebKit browsers */
color: rgba(58, 58, 58, 0.4);
}
.woocommerce form .form-row input.input-text:-moz-placeholder,
.woocommerce-page form .form-row input.input-text:-moz-placeholder,
.woocommerce form .form-row textarea:-moz-placeholder,
.woocommerce-page form .form-row textarea:-moz-placeholder,
.woocommerce form .form-row select:-moz-placeholder,
.woocommerce-page form .form-row select:-moz-placeholder,
.woocommerce table.cart td.actions .coupon .input-text:-moz-placeholder,
.woocommerce-page table.cart td.actions .coupon .input-text:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(58, 58, 58, 0.4);
}
.woocommerce form .form-row input.input-text::-moz-placeholder,
.woocommerce-page form .form-row input.input-text::-moz-placeholder,
.woocommerce form .form-row textarea::-moz-placeholder,
.woocommerce-page form .form-row textarea::-moz-placeholder,
.woocommerce form .form-row select::-moz-placeholder,
.woocommerce-page form .form-row select::-moz-placeholder,
.woocommerce table.cart td.actions .coupon .input-text::-moz-placeholder,
.woocommerce-page table.cart td.actions .coupon .input-text::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(58, 58, 58, 0.4);
}
.woocommerce form .form-row input.input-text:-ms-input-placeholder,
.woocommerce-page form .form-row input.input-text:-ms-input-placeholder,
.woocommerce form .form-row textarea:-ms-input-placeholder,
.woocommerce-page form .form-row textarea:-ms-input-placeholder,
.woocommerce form .form-row select:-ms-input-placeholder,
.woocommerce-page form .form-row select:-ms-input-placeholder,
.woocommerce table.cart td.actions .coupon .input-text:-ms-input-placeholder,
.woocommerce-page table.cart td.actions .coupon .input-text:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: rgba(58, 58, 58, 0.4);
}
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
background-color: #ffffff;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce-page form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce-page form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce-page form .form-row select:focus,
.woocommerce table.cart td.actions .coupon .input-text:focus,
.woocommerce-page table.cart td.actions .coupon .input-text:focus {
background-color: #ffffff;
border-color: #cccccc;
outline: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row textarea {
height: 160px;
}
.woocommerce form.login,
.woocommerce-page form.login,
.woocommerce form.checkout_coupon,
.woocommerce-page form.checkout_coupon,
.woocommerce form.register,
.woocommerce-page form.register {
border: 1px solid #e6e6e6;
}
.woocommerce .chzn-container-active .chzn-single,
.woocommerce-page .chzn-container-active .chzn-single {
border: 1px solid #428bca;
}
.woocommerce .chzn-container .chzn-results,
.woocommerce-page .chzn-container .chzn-results {
color: #333;
}
.woocommerce .chzn-container .chzn-results .highlighted,
.woocommerce-page .chzn-container .chzn-results .highlighted {
background: #428bca;
color: #ffffff;
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
margin-bottom: 0;
}
.woocommerce ul.products,
.woocommerce-page ul.products {
padding-top: 40px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce .related ul.products li.product,
.woocommerce-page .related ul.products li.product,
.woocommerce .upsells.products ul.products li.product,
.woocommerce-page .upsells.products ul.products li.product,
.woocommerce[class*=columns-] ul.products li.product,
.woocommerce-page[class*=columns-] ul.products li.product {
float: none !important;
margin-left: auto;
margin-right: auto;
max-width: 280px;
text-align: center;
width: auto;
}
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img,
.woocommerce .related ul.products li.product a img,
.woocommerce-page .related ul.products li.product a img,
.woocommerce .upsells.products ul.products li.product a img,
.woocommerce-page .upsells.products ul.products li.product a img,
.woocommerce[class*=columns-] ul.products li.product a img,
.woocommerce-page[class*=columns-] ul.products li.product a img,
.woocommerce ul.products li.product a:hover img,
.woocommerce-page ul.products li.product a:hover img,
.woocommerce .related ul.products li.product a:hover img,
.woocommerce-page .related ul.products li.product a:hover img,
.woocommerce .upsells.products ul.products li.product a:hover img,
.woocommerce-page .upsells.products ul.products li.product a:hover img,
.woocommerce[class*=columns-] ul.products li.product a:hover img,
.woocommerce-page[class*=columns-] ul.products li.product a:hover img {
border: 1px solid #e6e6e6;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce ul.products li.product .price .from,
.woocommerce-page ul.products li.product .price .from,
.woocommerce .related ul.products li.product .price .from,
.woocommerce-page .related ul.products li.product .price .from,
.woocommerce .upsells.products ul.products li.product .price .from,
.woocommerce-page .upsells.products ul.products li.product .price .from,
.woocommerce[class*=columns-] ul.products li.product .price .from,
.woocommerce-page[class*=columns-] ul.products li.product .price .from {
color: #3a3a3a;
}
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del,
.woocommerce .related ul.products li.product .price del,
.woocommerce-page .related ul.products li.product .price del,
.woocommerce .upsells.products ul.products li.product .price del,
.woocommerce-page .upsells.products ul.products li.product .price del,
.woocommerce[class*=columns-] ul.products li.product .price del,
.woocommerce-page[class*=columns-] ul.products li.product .price del {
font-size: inherit;
}
.woocommerce ul.products li.product a.added_to_cart,
.woocommerce-page ul.products li.product a.added_to_cart,
.woocommerce .related ul.products li.product a.added_to_cart,
.woocommerce-page .related ul.products li.product a.added_to_cart,
.woocommerce .upsells.products ul.products li.product a.added_to_cart,
.woocommerce-page .upsells.products ul.products li.product a.added_to_cart,
.woocommerce[class*=columns-] ul.products li.product a.added_to_cart,
.woocommerce-page[class*=columns-] ul.products li.product a.added_to_cart {
margin-left: 5px;
}
.woocommerce ul.products li.product mark,
.woocommerce-page ul.products li.product mark,
.woocommerce .related ul.products li.product mark,
.woocommerce-page .related ul.products li.product mark,
.woocommerce .upsells.products ul.products li.product mark,
.woocommerce-page .upsells.products ul.products li.product mark,
.woocommerce[class*=columns-] ul.products li.product mark,
.woocommerce-page[class*=columns-] ul.products li.product mark {
background: transparent;
color: #222222;
}
.woocommerce .products .star-rating,
.woocommerce-page .products .star-rating,
.woocommerce .star-rating,
.woocommerce-page .star-rating {
margin-left: auto;
margin-right: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woocommerce .products .star-rating span:before,
.woocommerce-page .products .star-rating span:before,
.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before {
color: #428bca;
}
.woocommerce .products .star-rating:before,
.woocommerce-page .products .star-rating:before,
.woocommerce .star-rating:before,
.woocommerce-page .star-rating:before {
content: "\53\53\53\53\53" !important;
color: #3a3a3a;
}
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale,
.woocommerce span.onsale,
.woocommerce-page span.onsale {
color: #ffffff;
background: #428bca;
font-size: 13px;
font-weight: normal;
left: 10px;
margin: 0;
padding: 2px 13px;
right: auto;
text-shadow: none;
top: 10px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul {
border: 1px solid #e6e6e6;
border-right: none;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li {
border-right: 1px solid #e6e6e6;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li span {
padding: 6px 10px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
border-color: #e6e6e6;
color: #ffffff;
background: #428bca;
}
.woocommerce .product_meta,
.woocommerce-page .product_meta {
border-top: 1px solid #e6e6e6;
padding-top: 10px;
}
.woocommerce .product_meta span span,
.woocommerce-page .product_meta span span,
.woocommerce .product_meta span a,
.woocommerce-page .product_meta span a {
font-weight: bold;
}
.woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty {
background: #ffffff !important;
border-color: #cccccc;
color: #3a3a3a;
height: 35px;
text-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce .quantity .plus,
.woocommerce-page .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce-page .quantity .minus {
background: #ffffff !important;
border-color: #cccccc;
color: #3a3a3a;
height: 18px;
text-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce .quantity .plus:focus,
.woocommerce-page .quantity .plus:focus,
.woocommerce .quantity .minus:focus,
.woocommerce-page .quantity .minus:focus {
top: auto;
}
.woocommerce .quantity .plus,
.woocommerce-page .quantity .plus {
border-bottom: 1px solid #cccccc;
}
.woocommerce div.product div.images,
.woocommerce-page div.product div.images {
float: none;
margin: 0 auto 40px;
width: auto;
}
.woocommerce div.product div.images img,
.woocommerce-page div.product div.images img {
border: 1px solid #e6e6e6;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
float: none;
width: auto;
}
.woocommerce div.product .related.products,
.woocommerce-page div.product .related.products {
clear: both;
}
.woocommerce div.product span.price del,
.woocommerce-page div.product span.price del,
.woocommerce div.product p.price del,
.woocommerce-page div.product p.price del {
font-size: inherit;
}
.woocommerce div.product form.cart,
.woocommerce-page div.product form.cart {
margin-top: 20px;
}
.woocommerce div.product form.cart .variations,
.woocommerce-page div.product form.cart .variations {
margin-top: 30px;
}
.woocommerce div.product form.cart .variations input,
.woocommerce-page div.product form.cart .variations input,
.woocommerce div.product form.cart .variations select,
.woocommerce-page div.product form.cart .variations select {
max-width: 100%;
}
.woocommerce div.product form.cart .variations td,
.woocommerce-page div.product form.cart .variations td {
padding-bottom: 20px;
}
.woocommerce div.product form.cart .variations td.label,
.woocommerce-page div.product form.cart .variations td.label {
color: #3a3a3a;
font-size: inherit;
}
.woocommerce div.product form.cart .variations td.label label,
.woocommerce-page div.product form.cart .variations td.label label {
font-weight: normal;
}
.woocommerce div.product form.cart .reset_variations,
.woocommerce-page div.product form.cart .reset_variations {
clear: both;
display: block;
padding-top: 10px;
}
.woocommerce div.product form.cart div.quantity,
.woocommerce-page div.product form.cart div.quantity {
margin: 0 15px 0 0;
}
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
padding: 20px 0 1px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
margin: 0;
padding: 0 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
border-bottom: 1px solid #e6e6e6;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
background: #f7f7f7;
border: 1px solid #e6e6e6;
border-bottom: none;
display: block;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
background: #ffffff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
color: #3a3a3a;
display: block;
text-shadow: none;
}
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
background: #ffffff;
border: 1px solid #e6e6e6;
border-top: none;
padding: 30px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce-page div.product .woocommerce-tabs .panel h2 {
margin-top: 0;
}
.woocommerce #reviews #comments h2,
.woocommerce-page #reviews #comments h2 {
margin-bottom: 30px;
}
.woocommerce #reviews #comments > div .star-rating,
.woocommerce-page #reviews #comments > div .star-rating {
float: none;
margin-bottom: 10px;
}
.woocommerce #reviews #comments ol.commentlist,
.woocommerce-page #reviews #comments ol.commentlist {
padding-left: 0;
}
.woocommerce #reviews #comments ol.commentlist li,
.woocommerce-page #reviews #comments ol.commentlist li {
border-top: 1px solid #e6e6e6;
padding-top: 20px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar,
.woocommerce-page #reviews #comments ol.commentlist li img.avatar {
background: transparent;
border: none;
display: none;
padding: 0;
top: 19px;
width: 40px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text {
border: none;
margin: 0;
padding: 0;
}
.woocommerce #reviews #comments .add_review,
.woocommerce-page #reviews #comments .add_review {
border-top: 1px solid #e6e6e6;
padding-top: 20px;
}
.woocommerce table.shop_attributes td,
.woocommerce-page table.shop_attributes td,
.woocommerce table.shop_attributes th,
.woocommerce-page table.shop_attributes th,
.woocommerce table.shop_attributes .alt td,
.woocommerce-page table.shop_attributes .alt td,
.woocommerce table.shop_attributes .alt th,
.woocommerce-page table.shop_attributes .alt th {
background: none;
border-bottom: 1px solid #e6e6e6;
}
.woocommerce .related h2,
.woocommerce-page .related h2,
.woocommerce .upsells.products h2,
.woocommerce-page .upsells.products h2 {
margin: 20px auto;
max-width: 280px;
}
.woocommerce .label,
.woocommerce-page .label,
.woocommerce .value,
.woocommerce-page .value {
white-space: normal;
}
.woocommerce table.cart td.actions .button,
.woocommerce-page table.cart td.actions .button {
display: block;
margin-bottom: 10px;
width: 100%;
}
.woocommerce table.cart td.actions .checkout-button,
.woocommerce-page table.cart td.actions .checkout-button {
margin-bottom: 0;
}
.woocommerce table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
border-bottom: 1px solid #e6e6e6;
float: none;
margin-bottom: 12px;
padding-bottom: 12px;
}
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
float: left;
height: 28px;
width: 48%;
}
.woocommerce table.cart td.actions .coupon .button,
.woocommerce-page table.cart td.actions .coupon .button {
float: right;
margin-bottom: 0;
width: 48%;
}
.woocommerce table.cart td.actions .coupon:before,
.woocommerce-page table.cart td.actions .coupon:before,
.woocommerce table.cart td.actions .coupon:after,
.woocommerce-page table.cart td.actions .coupon:after {
display: table;
content: " ";
}
.woocommerce table.cart td.actions .coupon:after,
.woocommerce-page table.cart td.actions .coupon:after {
clear: both;
}
.woocommerce .cart-collaterals h2,
.woocommerce-page .cart-collaterals h2 {
font-size: 18px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
text-align: left;
width: 100%;
}
.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-page .cart-collaterals .cart_totals table {
width: 100%;
}
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table th,
.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table td {
border-top: none;
border-bottom: 1px solid #e6e6e6;
padding: 10px 0;
}
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table th {
padding: 10px;
}
.woocommerce .cart-collaterals .shipping_calculator .form-row,
.woocommerce-page .cart-collaterals .shipping_calculator .form-row {
padding: 0 0 12px 0;
}
.woocommerce ul#shipping_method li,
.woocommerce-page ul#shipping_method li {
padding: 0;
text-indent: 0;
}
.woocommerce ul#shipping_method li label,
.woocommerce-page ul#shipping_method li label {
margin-left: 5px;
}
.woocommerce .checkout #shiptobilling,
.woocommerce-page .checkout #shiptobilling {
float: none;
padding: 20px 0 0 0;
text-align: left;
}
.woocommerce .checkout #shiptobilling label,
.woocommerce-page .checkout #shiptobilling label {
font-size: inherit;
padding: 0;
}
.woocommerce .checkout .woocommerce-form__input-checkbox,
.woocommerce-page .checkout .woocommerce-form__input-checkbox {
position: initial;
}
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
background: #fcfcfc;
border: 1px solid #e6e6e6;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
border-color: #e6e6e6 !important;
padding: 18px 10px;
}
.woocommerce table.shop_table thead th,
.woocommerce-page table.shop_table thead th {
border-bottom: 2px solid #e6e6e6;
}
.woocommerce #order_review_heading,
.woocommerce-page #order_review_heading {
margin-top: 40px;
}
.woocommerce #order_review,
.woocommerce-page #order_review {
background: #f7f7f7;
padding: 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.woocommerce #order_review .shop_table,
.woocommerce-page #order_review .shop_table {
margin-bottom: 10px;
}
.woocommerce #payment,
.woocommerce-page #payment {
background: #fcfcfc;
border: 1px solid #e6e6e6;
}
.woocommerce #payment h3,
.woocommerce-page #payment h3 {
padding: 0 15px;
}
.woocommerce #payment .form-row.place-order,
.woocommerce-page #payment .form-row.place-order {
margin-bottom: 0;
padding: 10px;
}
.woocommerce #payment ul.payment_methods,
.woocommerce-page #payment ul.payment_methods {
border-bottom: 1px solid #e6e6e6;
}
.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
background: #f7f7f7;
color: #3a3a3a;
margin: 10px 0 20px;
text-shadow: none;
width: 100%;
}
.woocommerce #payment div.payment_box:after,
.woocommerce-page #payment div.payment_box:after {
display: none;
}
.woocommerce #payment div.form-row,
.woocommerce-page #payment div.form-row {
border: none;
}
.woocommerce .order_details,
.woocommerce-page .order_details {
background: #fcfcfc;
border: 1px solid #e6e6e6;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.woocommerce .order_details li,
.woocommerce-page .order_details li {
border: none;
border-bottom: 1px solid #e6e6e6;
display: block;
float: none;
font-size: 14px;
margin: 0;
padding: 15px 20px;
text-transform: none;
}
.woocommerce .order_details li strong,
.woocommerce-page .order_details li strong {
font-size: 14px;
}
.woocommerce .woocommerce-order-overview.woocommerce-thankyou-order-details,
.woocommerce-page .woocommerce-order-overview.woocommerce-thankyou-order-details {
padding-left: 20px;
}
.woocommerce .customer_details,
.woocommerce-page .customer_details,
.woocommerce .addresses address,
.woocommerce-page .addresses address {
border-top: 1px solid #e6e6e6;
padding-top: 10px;
}
.woocommerce .addresses .title,
.woocommerce-page .addresses .title {
position: relative;
}
.woocommerce .addresses .title a,
.woocommerce-page .addresses .title a {
bottom: 10px;
position: absolute;
right: 0;
}
.woocommerce input[name='change_password'],
.woocommerce-page input[name='change_password'],
.woocommerce input[name='save_address'],
.woocommerce-page input[name='save_address'] {
margin: 3px 0 0 2px;
}
.woocommerce .woocommerce-MyAccount-navigation ul,
.woocommerce-page .woocommerce-MyAccount-navigation ul {
list-style-type: none;
margin-bottom: 30px;
padding-left: 0;
}
.woocommerce .woocommerce-MyAccount-navigation ul li,
.woocommerce-page .woocommerce-MyAccount-navigation ul li {
border-top: 1px solid #e6e6e6;
}
.woocommerce .woocommerce-MyAccount-navigation ul li:last-child,
.woocommerce-page .woocommerce-MyAccount-navigation ul li:last-child {
border-bottom: 1px solid #e6e6e6;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a,
.woocommerce-page .woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 10px 0;
}
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-error {
background: #fcfcfc;
border: 1px solid #e6e6e6;
color: #3a3a3a;
font-weight: bold;
padding: 15px 25px !important;
text-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-error:before {
display: none;
}
.woocommerce .woocommerce-message a.button,
.woocommerce-page .woocommerce-message a.button,
.woocommerce .woocommerce-info a.button,
.woocommerce-page .woocommerce-info a.button,
.woocommerce .woocommerce-error a.button,
.woocommerce-page .woocommerce-error a.button {
display: block;
float: none;
margin-bottom: 20px;
}
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-error {
background-color: #fff2f3;
border-color: #eb989d;
color: #b84048;
}
.woocommerce .woocommerce-error a.button,
.woocommerce-page .woocommerce-error a.button,
.woocommerce .woocommerce-error a.button:hover,
.woocommerce-page .woocommerce-error a.button:hover {
color: #b84048;
}
.woocommerce ul.product_list_widget li,
.woocommerce-page ul.product_list_widget li {
clear: both;
padding: 0 0 10px 0;
}
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.product_list_widget li img {
float: left;
margin: 0 15px 0 0;
width: 50px;
}
.woocommerce ul.product_list_widget li .star-rating,
.woocommerce-page ul.product_list_widget li .star-rating {
margin: 3px 0 3px 65px;
}
.woocommerce ul.product_list_widget li .amount,
.woocommerce-page ul.product_list_widget li .amount {
margin: 0 4px 0 0;
}
/* Sidebar Widgets
----------------------------------------------------------- */
.fl-sidebar .widget_product_categories ul ul li {
padding-left: 1.618em;
}
/* Media Query - 768px or greater
----------------------------------------------------------- */
@media (min-width: 840px) {
/* Main Wrapper
----------------------------------------------------------- */
.woocommerce,
.woocommerce-page {
/* Columns
----------------------------------------------------------- */
/* Categories
----------------------------------------------------------- */
/* Single Products
----------------------------------------------------------- */
/* Cart
----------------------------------------------------------- */
/* Order Received
----------------------------------------------------------- */
/* Alerts
----------------------------------------------------------- */
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
width: 48%;
}
.woocommerce form .form-row-first,
.woocommerce-page form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last {
width: 48%;
}
.woocommerce.columns-1 ul.products.columns-1 li.product,
.woocommerce-page.columns-1 ul.products.columns-1 li.product,
.woocommerce.woo-1.archive ul.products.columns-1 li.product,
.woocommerce-page.woo-1.archive ul.products.columns-1 li.product {
width: 100% !important;
margin-right: 0 !important;
}
.woocommerce.columns-2 ul.products.columns-2 li.product,
.woocommerce-page.columns-2 ul.products.columns-2 li.product,
.woocommerce.woo-2.archive ul.products.columns-2 li.product,
.woocommerce-page.woo-2.archive ul.products.columns-2 li.product {
width: 48% !important;
}
.woocommerce.columns-3 ul.products.columns-3 li.product,
.woocommerce-page.columns-3 ul.products.columns-3 li.product,
.woocommerce.woo-3.archive ul.products.columns-3 li.product,
.woocommerce-page.woo-3.archive ul.products.columns-3 li.product {
width: 30.75% !important;
}
.woocommerce.columns-4 ul.products.columns-4 li.product,
.woocommerce-page.columns-4 ul.products.columns-4 li.product,
.woocommerce.woo-4.archive ul.products.columns-4 li.product,
.woocommerce-page.woo-4.archive ul.products.columns-4 li.product {
width: 22.05% !important;
}
.woocommerce.columns-5 ul.products.columns-5 li.product,
.woocommerce-page.columns-5 ul.products.columns-5 li.product,
.woocommerce.woo-5.archive ul.products.columns-5 li.product,
.woocommerce-page.woo-5.archive ul.products.columns-5 li.product {
width: 16.95% !important;
}
.woocommerce.columns-6 ul.products.columns-6 li.product,
.woocommerce-page.columns-6 ul.products.columns-6 li.product,
.woocommerce.woo-6.archive ul.products.columns-6 li.product,
.woocommerce-page.woo-6.archive ul.products.columns-6 li.product {
width: 13.5% !important;
}
.woocommerce li.product.last,
.woocommerce-page li.product.last {
clear: right;
margin-right: 0 !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce .related ul.products li.product,
.woocommerce-page .related ul.products li.product,
.woocommerce .upsells.products ul.products li.product,
.woocommerce-page .upsells.products ul.products li.product,
.woocommerce[class*=columns-] ul.products li.product,
.woocommerce-page[class*=columns-] ul.products li.product {
clear: none;
float: left !important;
margin-right: 3.8%;
max-width: none;
width: 22.05%;
}
.woocommerce ul.products li.product.first,
.woocommerce-page ul.products li.product.first,
.woocommerce .related ul.products li.product.first,
.woocommerce-page .related ul.products li.product.first,
.woocommerce .upsells.products ul.products li.product.first,
.woocommerce-page .upsells.products ul.products li.product.first,
.woocommerce[class*=columns-] ul.products li.product.first,
.woocommerce-page[class*=columns-] ul.products li.product.first {
clear: both;
}
.woocommerce ul.products li.product.last,
.woocommerce-page ul.products li.product.last,
.woocommerce .related ul.products li.product.last,
.woocommerce-page .related ul.products li.product.last,
.woocommerce .upsells.products ul.products li.product.last,
.woocommerce-page .upsells.products ul.products li.product.last,
.woocommerce[class*=columns-] ul.products li.product.last,
.woocommerce-page[class*=columns-] ul.products li.product.last {
clear: right;
margin-right: 0 !important;
}
.woocommerce div.product div.images,
.woocommerce-page div.product div.images {
float: left;
margin-bottom: 2em;
max-width: none;
width: 48%;
}
.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
float: right;
width: 48%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
padding: 0 0 0 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
display: inline-block;
}
.woocommerce #reviews #comments > div .star-rating,
.woocommerce-page #reviews #comments > div .star-rating {
float: right;
margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar,
.woocommerce-page #reviews #comments ol.commentlist li img.avatar {
display: block;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text {
border: none;
margin: 0 0 0 55px;
padding: 0;
}
.woocommerce .related h2,
.woocommerce-page .related h2,
.woocommerce .upsells.products h2,
.woocommerce-page .upsells.products h2 {
max-width: none;
}
.woocommerce table.cart .product-remove,
.woocommerce-page table.cart .product-remove,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail,
.woocommerce table.cart .product-price,
.woocommerce-page table.cart .product-price {
display: table-cell;
}
.woocommerce table.cart .product-thumbnail img,
.woocommerce-page table.cart .product-thumbnail img {
max-width: 100px;
}
.woocommerce table.cart td.actions .button:disabled,
.woocommerce-page table.cart td.actions .button:disabled {
background-color: inherit;
}
.woocommerce table.cart td.actions .button,
.woocommerce-page table.cart td.actions .button {
display: inline-block;
margin-bottom: 0;
width: auto;
}
.woocommerce table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
border-bottom: none;
float: left;
margin-bottom: 0;
padding-bottom: 0;
}
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
width: 200px;
}
.woocommerce table.cart td.actions .coupon .button,
.woocommerce-page table.cart td.actions .coupon .button {
width: auto;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
text-align: left;
width: 48%;
}
.woocommerce .order_details li,
.woocommerce-page .order_details li {
border: none;
border-right: 1px solid #e6e6e6;
float: left;
}
.woocommerce .woocommerce-message a.button,
.woocommerce-page .woocommerce-message a.button,
.woocommerce .woocommerce-info a.button,
.woocommerce-page .woocommerce-info a.button,
.woocommerce .woocommerce-error a.button,
.woocommerce-page .woocommerce-error a.button {
display: inline;
float: right;
margin-bottom: 0;
}
}
/* Media Query - 767px or below
----------------------------------------------------------- */
@media (max-width: 839px) {
/* Main Wrapper
----------------------------------------------------------- */
.woocommerce,
.woocommerce-page {
/* Columns
----------------------------------------------------------- */
}
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
@font-face {
font-family: 'icon';
src: url('../build/icon.eot');
src: url('../build/icon.eot?#iefix') format('eot'), url('../build/icon.woff') format('woff'), url('../build/icon.ttf') format('truetype'), url('../build/icon.svg?#icon') format('svg');
font-weight: normal;
font-style: normal;
}
.Icon-arrow-down:before {
content: "\EA01";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-Box-Quote-Left-Icon:before {
content: "\EA01";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-arrow-left:before {
content: "\EA02";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-arrow-right:before {
content: "\EA03";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-compatibility:before {
content: "\EA04";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-cross:before {
content: "\EA05";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-download:before {
content: "\EA06";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-facebook:before {
content: "\EA07";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-newspaper:before {
content: "\EA08";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-phone:before {
content: "\EA09";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-pinterest:before {
content: "\EA0A";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-search:before {
content: "\EA0B";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-shopping_cart:before {
content: "\EA0C";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-time:before {
content: "\EA0D";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-tools:before {
content: "\EA0E";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-twitter:before {
content: "\EA0F";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-user:before {
content: "\EA10";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-gear:before {
content: "\EA11";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-play:before {
content: "\EA12";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-pause:before {
content: "\EA13";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-volume-high:before {
content: "\EA14";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-volume-mute:before {
content: "\EA15";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-linkedin:before {
content: "\EA16";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-loading:before {
content: "\EA17";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Icon-up_arrow_icon:before {
content: "\EA18";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: 'icon';
src: url('/wp-content/themes/beaverwarrior/build/fonts/icon.eot');
src: url('/wp-content/themes/beaverwarrior/build/fonts/icon.eot?#iefix') format('eot'), url('/wp-content/themes/beaverwarrior/build/fonts/icon.woff') format('woff'), url('/wp-content/themes/beaverwarrior/build/fonts/icon.ttf') format('truetype'), url('/wp-content/themes/beaverwarrior/build/fonts/icon.svg?#icon') format('svg');
font-weight: normal;
font-style: normal;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
select {
background: #fff !important;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
/**
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* contenteditable attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after,
.AffixColumn-root:before,
.AffixColumn-root:after,
.Container:before,
.Container:after,
.Page:before,
.Page:after,
.SiteHeader-container:before,
.SiteHeader-container:after,
.SiteHeader-notice:before,
.SiteHeader-notice:after,
.SiteHeader-cart_menu #CartContainer:before,
.SiteHeader-cart_menu #CartContainer:after,
.SiteHeader-cart_menu #CartContainer .ajaxcart__product:before,
.SiteHeader-cart_menu #CartContainer .ajaxcart__product:after,
.Triptych:before,
.Triptych:after,
.Triptych--3up-wrapper:before,
.Triptych--3up-wrapper:after,
.Triptych--4up-wrapper:before,
.Triptych--4up-wrapper:after,
.ContentSection:before,
.ContentSection:after,
.StaffGrid:before,
.StaffGrid:after,
.StaffGrid:before,
.StaffGrid:after,
.StaffGrid:before,
.StaffGrid:after,
.StaffGrid-modal:before,
.StaffGrid-modal:after,
.StaffGrid-modal_slider_wrapper:before,
.StaffGrid-modal_slider_wrapper:after,
.Comments-comment:before,
.Comments-comment:after,
.SiteFooter:before,
.SiteFooter:after,
.Article-related_posts--2up:before,
.Article-related_posts--2up:after,
.Article-related_posts--3up:before,
.Article-related_posts--3up:after,
.Article-related_posts--4up:before,
.Article-related_posts--4up:after,
.Article-related_posts--4up:before,
.Article-related_posts--4up:after,
.HeroHeader-container:before,
.HeroHeader-container:after,
.Modal-content:before,
.Modal-content:after,
.ObiStrip:before,
.ObiStrip:after,
.ObiStrip-content:before,
.ObiStrip-content:after,
.SiteFooter-container:before,
.SiteFooter-container:after,
.Article--full:before,
.Article--full:after,
.ContactPage-content_row:before,
.ContactPage-content_row:after,
.ConfirmationPage:before,
.ConfirmationPage:after,
.SearchResults-content:before,
.SearchResults-content:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.clearfix:after,
.AffixColumn-root:after,
.Container:after,
.Page:after,
.SiteHeader-container:after,
.SiteHeader-notice:after,
.SiteHeader-cart_menu #CartContainer:after,
.SiteHeader-cart_menu #CartContainer .ajaxcart__product:after,
.Triptych:after,
.Triptych--3up-wrapper:after,
.Triptych--4up-wrapper:after,
.ContentSection:after,
.StaffGrid:after,
.StaffGrid:after,
.StaffGrid:after,
.StaffGrid-modal:after,
.StaffGrid-modal_slider_wrapper:after,
.Comments-comment:after,
.SiteFooter:after,
.Article-related_posts--2up:after,
.Article-related_posts--3up:after,
.Article-related_posts--4up:after,
.Article-related_posts--4up:after,
.HeroHeader-container:after,
.Modal-content:after,
.ObiStrip:after,
.ObiStrip-content:after,
.SiteFooter-container:after,
.Article--full:after,
.ContactPage-content_row:after,
.ConfirmationPage:after,
.SearchResults-content:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix,
.AffixColumn-root,
.Container,
.Page,
.SiteHeader-container,
.SiteHeader-notice,
.SiteHeader-cart_menu #CartContainer,
.SiteHeader-cart_menu #CartContainer .ajaxcart__product,
.Triptych,
.Triptych--3up-wrapper,
.Triptych--4up-wrapper,
.ContentSection,
.StaffGrid,
.StaffGrid,
.StaffGrid,
.StaffGrid-modal,
.StaffGrid-modal_slider_wrapper,
.Comments-comment,
.SiteFooter,
.Article-related_posts--2up,
.Article-related_posts--3up,
.Article-related_posts--4up,
.Article-related_posts--4up,
.HeroHeader-container,
.Modal-content,
.ObiStrip,
.ObiStrip-content,
.SiteFooter-container,
.Article--full,
.ContactPage-content_row,
.ConfirmationPage,
.SearchResults-content {
*zoom: 1;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
/* A Matrix is a series of equally sized elements arranged like Columns, but
* with the ability to break correctly.
*
* It is possible to add interior borders to a Matrix akin to that of an HTML
* table.
*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 700;
color: #222222;
-webkit-font-smoothing: antialiased;
margin: 10px 0;
}
h1,
.h1 {
font-size: 36px;
line-height: 1;
margin-top: 25px;
margin-bottom: 25px;
}
@media (min-width: 768px) {
h1,
.h1 {
font-size: 64px;
line-height: 1.2;
}
}
h2,
.h2 {
font-size: 23px;
line-height: 1.2;
margin-top: 25px;
margin-bottom: 25px;
}
@media (min-width: 768px) {
h2,
.h2 {
font-size: 28px;
line-height: 1.2;
}
}
h3,
.h3 {
font-size: 22px;
line-height: 1.2;
margin-top: 20px;
margin-bottom: 20px;
}
@media (min-width: 768px) {
h3,
.h3 {
font-size: 24px;
line-height: 1.2;
}
}
h4,
.h4 {
font-size: 20px;
line-height: 1.2;
margin-top: 20px;
margin-bottom: 20px;
}
@media (min-width: 768px) {
h4,
.h4 {
font-size: 20px;
line-height: 1.3;
}
}
h5,
.h5 {
font-size: 16px;
line-height: 1.2;
margin-top: 0px;
margin-bottom: 0px;
}
@media (min-width: 768px) {
h5,
.h5 {
font-size: 18px;
line-height: 1.3;
}
}
h6,
.h6 {
font-size: 12px;
line-height: 1.2;
margin-top: 10px;
margin-bottom: 10px;
}
@media (min-width: 768px) {
h6,
.h6 {
font-size: 14px;
line-height: 1.4;
}
}
p,
.p {
font-family: "Satoshi", "Satoshi", sans-serif;
font-size: 14px;
line-height: 1.8;
font-weight: 500;
-webkit-font-smoothing: antialiased;
letter-spacing: 1px;
margin-top: 0px;
margin-bottom: 0px;
}
@media (min-width: 768px) {
p,
.p {
font-size: 16px;
line-height: 1.8;
}
}
p.small,
.p.small {
font-weight: 600;
font-size: 14px;
line-height: 1.8;
letter-spacing: 1px;
margin-top: 0px;
margin-bottom: 0px;
}
@media (min-width: 768px) {
p.small,
.p.small {
font-size: 16px;
line-height: 1.8;
}
}
ul {
list-style: none inside none;
margin: 0;
padding: 0;
}
ol {
list-style: none inside none;
margin: 0;
padding: 0;
}
blockquote {
position: relative;
text-align: center;
margin: 50px 40px;
}
blockquote:before {
content: '"';
z-index: -10;
position: absolute;
left: 0;
top: 0;
font-size: 128px;
margin-top: -64px;
color: #d8d8d8;
}
blockquote:after {
content: '"';
z-index: -10;
position: absolute;
right: 0;
bottom: 0;
font-size: 128px;
margin-bottom: -160px;
color: #d8d8d8;
}
.AffixColumn-root {
position: relative;
}
.AffixColumn {
position: fixed;
top: 0;
}
.AffixColumn.is-AffixColumn--top {
position: absolute;
}
.AffixColumn.is-AffixColumn--bottom {
position: absolute;
bottom: 0;
top: auto;
}
.AffixColumn.is-AffixColumn--tallest {
position: static;
}
.AffixColumn--bottom {
position: fixed;
top: auto;
bottom: 0;
}
.AffixColumn--bottom.is-AffixColumn--top {
position: absolute;
top: 0;
bottom: auto;
}
.AffixColumn--bottom.is-AffixColumn--bottom {
position: absolute;
}
.AffixColumn--bottom.is-AffixColumn--tallest {
position: static;
}
.Container,
.HeroHeader-container,
.Modal-content,
.ObiStrip-content,
.SiteFooter-container,
.Article--full,
.ContactPage-content_row,
.ConfirmationPage,
.SearchResults-content {
position: relative;
margin: 0 auto;
}
@media (min-width: 768px) {
.Container,
.HeroHeader-container,
.Modal-content,
.ObiStrip-content,
.SiteFooter-container,
.Article--full,
.ContactPage-content_row,
.ConfirmationPage,
.SearchResults-content {
max-width: 750px;
}
}
@media (min-width: 992px) {
.Container,
.HeroHeader-container,
.Modal-content,
.ObiStrip-content,
.SiteFooter-container,
.Article--full,
.ContactPage-content_row,
.ConfirmationPage,
.SearchResults-content {
max-width: 970px;
}
}
@media (min-width: 1200px) {
.Container,
.HeroHeader-container,
.Modal-content,
.ObiStrip-content,
.SiteFooter-container,
.Article--full,
.ContactPage-content_row,
.ConfirmationPage,
.SearchResults-content {
max-width: 1170px;
}
}
.Button--menu_toggle {
background: #428bca;
border: 1px solid #428bca;
padding: 5px;
border-radius: 2px;
}
.Button--menu_toggle .Button--menu_toggle-bar {
display: block;
width: 20px;
height: 3px;
border-radius: 1px;
background-color: #ffffff;
margin-top: 4px;
transform: translate(0%, 0px) rotate(0deg) translate(0%, 0px) scaleX(1);
transition: transform 0.5s, opacity 0.5s;
}
.Button--menu_toggle .Button--menu_toggle-bar:first-child {
margin-top: 0;
}
.Button--menu_toggle:hover,
.Button--menu_toggle:focus {
background: #ffffff;
}
.Button--menu_toggle:hover .Button--menu_toggle-bar,
.Button--menu_toggle:focus .Button--menu_toggle-bar {
background-color: #428bca;
}
.Button--menu_toggle:focus {
outline-width: 0;
}
/* Strip browser default styling from a button.
*/
.FormItem {
padding-left: 15px;
padding-right: 15px;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 10px;
}
.FormItem label {
font-size: 12px;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 600;
text-transform: uppercase;
margin-right: 15px;
}
.FormItem input {
height: 40px;
font-size: 12px;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 400;
padding: 0 15px;
border: 1px solid #428bca;
background-color: #ffffff;
color: #000000;
max-width: 100%;
flex-grow: 1;
}
.FormItem input::-webkit-input-placeholder {
color: #333333;
}
.FormItem input:moz-placeholder {
color: #333333;
}
.FormItem input::moz-placeholder {
color: #333333;
}
.FormItem input:-ms-input-placeholder {
color: #333333;
}
.FormItem input:placeholder-shown {
color: #333333;
}
.FormItem select {
height: 40px;
font-size: 12px;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 400;
padding: 0 15px;
border: 1px solid #428bca;
background-color: #ffffff;
color: #000000;
max-width: 100%;
flex-grow: 1;
}
.FormItem select::-webkit-input-placeholder {
color: #333333;
}
.FormItem select:moz-placeholder {
color: #333333;
}
.FormItem select::moz-placeholder {
color: #333333;
}
.FormItem select:-ms-input-placeholder {
color: #333333;
}
.FormItem select:placeholder-shown {
color: #333333;
}
.FormItem textarea {
height: 40px;
font-size: 12px;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 400;
padding: 10px 15px;
border: 1px solid #428bca;
background-color: #ffffff;
color: #000000;
width: 100%;
flex-grow: 1;
margin-top: 15px;
}
.FormItem textarea::-webkit-input-placeholder {
color: #333333;
}
.FormItem textarea:moz-placeholder {
color: #333333;
}
.FormItem textarea::moz-placeholder {
color: #333333;
}
.FormItem textarea:-ms-input-placeholder {
color: #333333;
}
.FormItem textarea:placeholder-shown {
color: #333333;
}
.FormItem--stacked {
display: block;
}
.FormItem--stacked label {
display: block;
margin-bottom: 10px;
}
.FormItem--stacked input {
width: 100%;
}
.FormItem--stacked select {
width: 100%;
}
.FormItem-description {
width: 100%;
}
.FormItem--actions {
margin-left: 7.5px;
margin-right: 7.5px;
min-height: 1px;
float: left;
width: 98.48790323%;
width: calc( 100% - 15px );
display: flex;
justify-content: flex-end;
flex-direction: row;
flex-wrap: wrap;
}
.FormItem-action {
margin-left: 7.5px;
margin-right: 7.5px;
float: left;
}
.FormItem-action--primary {
order: 1;
}
.FormItem-action--secondary {
order: 2;
}
.FormItem-quantity_selector {
position: relative;
}
.FormItem-quantity_selector input {
background-color: #d8d8d8;
max-width: 100%;
}
.FormItem-quantity_selector_button {
background: transparent;
border-width: 0px;
appearance: none;
padding: 0;
position: absolute;
right: 15px;
}
.FormItem-quantity_selector_button--plus {
top: 5px;
font-size: 0;
border: 5px solid transparent;
border-bottom-color: #b9b9b9;
}
.FormItem-quantity_selector_button--minus {
bottom: 5px;
font-size: 0;
border: 5px solid transparent;
border-top-color: #b9b9b9;
}
.FormItem-checkbox_wrapper {
display: flex;
flex-wrap: wrap;
}
.FormItem-checkbox_wrapper--stacked {
flex-direction: column;
}
.FormItem--type_checkbox input {
height: 20px;
flex-grow: 0;
}
.FormItem--type_checkbox label {
margin-left: 15px;
margin-right: 0;
}
.FormItem-fieldset {
margin: 0;
padding: 0;
border-width: 0;
}
.FormItem-fieldset legend {
padding-left: 15px;
padding-right: 15px;
font-size: 12px;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 600;
text-transform: uppercase;
margin-right: 15px;
margin-bottom: 15px;
}
.gform_wrapper .top_label {
display: block;
}
.gform_wrapper .top_label label.gfield_label {
display: block;
margin-bottom: 10px;
}
.gform_wrapper .top_label .ginput_container input.medium,
.gform_wrapper .top_label .ginput_container select.medium {
width: 100%;
}
.gform_footer {
margin-left: 7.5px !important;
margin-right: 7.5px !important;
min-height: 1px !important;
float: left !important;
width: 98.48790323% !important;
width: calc( 100% - 15px ) !important;
display: flex !important;
justify-content: flex-end !important;
flex-direction: row !important;
flex-wrap: wrap !important;
}
.gform_wrapper .gfield input:focus {
height: 40px;
}
.gform_wrapper .gfield.FormItem--type_checkbox label {
margin-left: 15px;
}
.gform_wrapper .gfield.FormItem--type_checkbox label.gfield_label {
margin-left: 0px;
}
.gform_wrapper .gfield.FormItem--type_checkbox input:focus {
height: 20px;
}
.pp-gf-content .gform_wrapper ul.gform_fields li.gfield,
.pp-gf-content .gform_wrapper ul.gform_fields li.gfield.gf_left_half {
padding-left: 15px;
padding-right: 15px;
}
body .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
line-height: 1.42857;
}
.FormItem-form--has_inline_submit_wrapper {
position: relative;
}
.FormItem-form--has_inline_submit_wrapper.gform_wrapper .gform_footer {
position: absolute;
bottom: 0;
right: 0;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
}
.FormItem-form--has_inline_submit_wrapper.gform_wrapper .gform_footer button {
margin: 0;
border-radius: 0px;
}
.gform_button span {
font-family: inherit;
}
.Page {
*zoom: 1;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 500;
position: relative;
z-index: 0;
}
.Page--light {
background-color: #ffffff;
color: #000000;
}
.Page--light h1,
.Page--light h2,
.Page--light h3,
.Page--light h4,
.Page--light h5,
.Page--light h6,
.Page--light .h1,
.Page--light .h2,
.Page--light .h3,
.Page--light .h4,
.Page--light .h5,
.Page--light .h6 {
color: #000000;
}
.Page--light .Page-border {
background-color: #000000;
}
.Page--dark {
background-color: #000000;
color: #ffffff;
}
.Page--dark h1,
.Page--dark h2,
.Page--dark h3,
.Page--dark h4,
.Page--dark h5,
.Page--dark h6,
.Page--dark .h1,
.Page--dark .h2,
.Page--dark .h3,
.Page--dark .h4,
.Page--dark .h5,
.Page--dark .h6 {
color: #ffffff;
}
.Page--dark .Page-border {
background-color: #ffffff;
}
.Page--with_border {
margin: 15px;
}
.Page-border {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -40;
}
.Page-border {
background-color: transparent;
}
.Offcanvas--lv2 {
z-index: 920;
}
.Offcanvas--lv3 {
z-index: 930;
}
.Offcanvas--lv4 {
z-index: 940;
}
.Offcanvas-scroller {
background: #ffffff;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.Offcanvas--reveal {
max-height: 0;
overflow: hidden;
}
.Offcanvas--reveal.is-Offcanvas--open {
max-height: 400px;
max-height: 80vh;
}
.Offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 100%;
background: rgba(0, 0, 0, 0.4);
}
.Offcanvas-backdrop.is-Offcanvas--backdrop_active {
bottom: 0;
}
.NavMenu--main_menu {
padding: 0;
margin: 0;
list-style: none inside none;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 600;
font-size: 0;
flex-grow: 1;
}
@media (min-width: 768px) {
.NavMenu--main_menu {
display: flex;
height: 100%;
}
}
.NavMenu--main_menu-link {
font-size: 16px;
line-height: 1.25;
}
@media (min-width: 768px) {
.NavMenu--main_menu-link {
position: relative;
height: 100%;
}
}
@media (min-width: 768px) {
.NavMenu--main_menu-link {
font-size: 14px;
line-height: 1;
}
}
.NavMenu--main_menu-link.is-NavMenu--parent_link > a > span:after {
line-height: 0.9;
}
@media (min-width: 768px) {
.NavMenu--main_menu-link {
display: inline-block;
flex-grow: 1;
text-align: center;
}
.NavMenu--main_menu-link > a {
border-top: 2px solid transparent;
}
.NavMenu--main_menu-link > a:hover,
.NavMenu--main_menu-link > a:focus,
.NavMenu--main_menu-link > a.is-Offcanvas--target_open {
background-color: #2b7bb9;
border-top-color: #428bca;
}
}
.NavMenu--main_menu-link a,
.NavMenu--main_menu-link a:hover,
.NavMenu--main_menu-link a:focus {
color: #757575;
text-decoration: none;
text-transform: uppercase;
height: 100%;
display: block;
}
@media (min-width: 768px) {
.NavMenu--main_menu-link a,
.NavMenu--main_menu-link a:hover,
.NavMenu--main_menu-link a:focus {
display: inline-block;
vertical-align: middle;
}
.NavMenu--main_menu-link a:before,
.NavMenu--main_menu-link a:hover:before,
.NavMenu--main_menu-link a:focus:before {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
}
}
.NavMenu--main_menu-link a span,
.NavMenu--main_menu-link a:hover span,
.NavMenu--main_menu-link a:focus span {
display: inline-block;
padding: 10px 20px;
}
@media (min-width: 768px) {
.NavMenu--main_menu-link a span,
.NavMenu--main_menu-link a:hover span,
.NavMenu--main_menu-link a:focus span {
display: inline-block;
vertical-align: middle;
}
}
@media (min-width: 768px) {
.NavMenu--main_menu-link a span,
.NavMenu--main_menu-link a:hover span,
.NavMenu--main_menu-link a:focus span {
padding-left: 5px;
padding-right: 5px;
}
}
@media (min-width: 992px) {
.NavMenu--main_menu-link a span,
.NavMenu--main_menu-link a:hover span,
.NavMenu--main_menu-link a:focus span {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 1200px) {
.NavMenu--main_menu-link a span,
.NavMenu--main_menu-link a:hover span,
.NavMenu--main_menu-link a:focus span {
padding-left: 12px;
padding-right: 12px;
}
}
.NavMenu--main_menu-link a span.NavMenu-link--arrow,
.NavMenu--main_menu-link a:hover span.NavMenu-link--arrow,
.NavMenu--main_menu-link a:focus span.NavMenu-link--arrow {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #757575 transparent transparent transparent;
padding: 0;
margin-bottom: 2px;
display: inline-block;
}
@media (min-width: 768px) {
.NavMenu--main_menu-link a span.NavMenu-link--arrow,
.NavMenu--main_menu-link a:hover span.NavMenu-link--arrow,
.NavMenu--main_menu-link a:focus span.NavMenu-link--arrow {
display: none;
}
}
.NavMenu--dropdown {
padding: 5px 0;
margin: 0;
list-style: none inside none;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 600;
font-size: 0;
text-align: left;
}
@media (min-width: 768px) {
.NavMenu--dropdown {
border-left: 2px solid #428bca;
}
}
.NavMenu--dropdown-link {
font-size: 14px;
line-height: 1;
position: relative;
}
.NavMenu--dropdown-link.expanded > a:before {
position: absolute;
right: 8px;
top: 10px;
}
.NavMenu--dropdown-link a,
.NavMenu--dropdown-link a:hover,
.NavMenu--dropdown-link a:focus {
color: #000000;
text-decoration: none;
text-transform: none;
display: inline-block;
width: 100%;
}
.NavMenu--dropdown-link a span,
.NavMenu--dropdown-link a:hover span,
.NavMenu--dropdown-link a:focus span {
display: inline-block;
padding: 15px 15px;
}
@media (min-width: 768px) {
.NavMenu--dropdown-link a span,
.NavMenu--dropdown-link a:hover span,
.NavMenu--dropdown-link a:focus span {
padding: 7px 15px;
white-space: nowrap;
}
}
.NavMenu--dropdown-link--heading {
font-size: 18px;
}
.NavMenu--dropdown-heading {
padding: 15px 15px;
}
@media (min-width: 768px) {
.NavMenu--dropdown-heading {
padding: 7px 15px;
}
}
.NavMenu--tabs {
list-style: none inside none;
margin: 10px 0;
padding: 0;
display: inline-block;
display: flex;
text-align: center;
}
.NavMenu--tabs li {
font-size: 0;
}
.NavMenu--tabs a {
display: inline-block;
background-color: transparent;
border: 1px solid transparent;
border-radius: 100px;
padding: 8px 13px;
font-size: 16px;
font-weight: 600;
}
.NavMenu--tabs a,
.NavMenu--tabs a:hover,
.NavMenu--tabs a:focus {
color: inherit;
text-decoration: none;
}
.fl-module.fl-module-menu ul {
margin: 0;
padding: 0;
}
.SiteHeader {
border-bottom: 1px solid transparent;
position: relative;
margin: 0;
background: #ffffff;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
z-index: 1000;
transition: margin 0.5s;
}
.SiteHeader--fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.SiteHeader--flush {
max-width: none;
margin: 0;
}
.SiteHeader--flush.is-SiteHeader--at_top {
margin: 0;
}
.SiteHeader--detached.is-SiteHeader--at_top {
margin: 10px;
}
@media (min-width: 1320px) {
.SiteHeader--detached {
max-width: none;
margin: 0 auto;
}
.SiteHeader--detached.is-SiteHeader--at_top {
margin: 10px 2%;
}
}
.SiteHeader-spacing {
height: 50px;
}
.SiteHeader-container {
margin: 0 auto;
}
@media (min-width: 768px) {
.SiteHeader-container {
max-width: 750px;
}
}
@media (min-width: 992px) {
.SiteHeader-container {
max-width: 970px;
}
}
@media (min-width: 1200px) {
.SiteHeader-container {
max-width: 1170px;
}
}
.SiteHeader-overlap {
padding-top: 50px;
}
@media (min-width: 768px) {
.SiteHeader-overlap {
padding-top: 100px;
}
}
@media (max-width: 767px) {
.SiteHeader-content {
border-bottom: 1px solid transparent;
}
}
@media (min-width: 768px) {
.SiteHeader-spacing {
height: 100px;
}
.SiteHeader-content {
order: 1;
}
}
.SiteHeader-brand {
display: block;
height: 50px;
padding: 2.5px 10px;
float: left;
}
.SiteHeader-logo {
height: 100%;
}
.SiteHeader-toggle {
float: right;
margin: 10.5px 10px;
}
.SiteHeader-toggle.is-Offcanvas--target_open .Button--menu_toggle-bar {
opacity: 0;
}
.SiteHeader-toggle.is-Offcanvas--target_open .Button--menu_toggle-bar:first-child {
transform: translate(-40%, 0px) rotate(40deg) translate(55%, 0px) scaleX(1.2);
opacity: 1;
}
.SiteHeader-toggle.is-Offcanvas--target_open .Button--menu_toggle-bar:nth-child(3n+3) {
transform: translate(-40%, 0px) rotate(-40deg) translate(55%, 0px) scaleX(1.2);
opacity: 1;
}
@media (max-width: 767px) {
.SiteHeader-banner {
border-bottom: 1px solid transparent;
width: 100%;
height: 50px;
background: #ffffff;
position: relative;
z-index: 1000;
}
}
@media (min-width: 768px) {
.SiteHeader-brand--centered {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.SiteHeader-banner--with_notice_bar {
margin-top: 38px;
}
.SiteHeader-brand {
height: 100px;
padding: 17.5px 15px;
}
.SiteHeader-toggle {
display: none;
}
}
.SiteHeader-content {
top: 50px;
left: 0;
background: #ffffff;
}
.SiteHeader-content > .Offcanvas-scroller {
background: transparent;
}
.SiteHeader-navigation {
display: flex;
flex-flow: row wrap;
padding-top: 10px;
padding-bottom: 20px;
}
.SiteHeader-navigation--exposed {
position: absolute;
left: 50%;
transform: translateX(-50%);
height: 50px;
}
@media (min-width: 768px) {
.SiteHeader-navigation--exposed {
position: static;
transform: none;
float: right;
}
}
.SiteHeader-exposed_button {
font-size: 16px;
line-height: 16px;
height: 51px;
margin: auto 15px;
}
@media (max-width: 767px) {
.SiteHeader-content {
position: fixed;
height: 100%;
border-right: 2px solid #ffffff;
width: 180px;
transition: transform 0.5s;
}
.SiteHeader-content.is-Offcanvas--open {
transform: translateX(0px);
}
.SiteHeader-content.is-Offcanvas--closed {
transform: translateX(-396px);
}
}
@media (max-width: 767px) and (min-width: 480px) {
.SiteHeader-content {
width: 240px;
}
}
@media (max-width: 767px) and (min-width: 768px) {
.SiteHeader-content {
width: 320px;
}
}
@media (max-width: 767px) and (min-width: 480px) {
.SiteHeader-content.is-Offcanvas--open {
transform: translateX(0px);
}
}
@media (max-width: 767px) and (min-width: 768px) {
.SiteHeader-content.is-Offcanvas--open {
transform: translateX(0px);
}
}
@media (max-width: 767px) and (min-width: 480px) {
.SiteHeader-content.is-Offcanvas--closed {
transform: translateX(-528px);
}
}
@media (max-width: 767px) and (min-width: 768px) {
.SiteHeader-content.is-Offcanvas--closed {
transform: translateX(-704px);
}
}
@media (min-width: 768px) {
.SiteHeader-content {
top: auto;
left: auto;
background: transparent;
height: 100px;
}
.SiteHeader-content > .Offcanvas-scroller {
overflow: visible;
}
.SiteHeader-content--with_notice_bar {
margin-top: 38px;
}
.SiteHeader-content_wrapper {
display: flex;
justify-content: space-around;
}
.SiteHeader-navigation {
padding-top: 0px;
padding-bottom: 0px;
height: 100%;
}
.SiteHeader-navigation--first_menu {
float: right;
}
.SiteHeader-navigation--second_menu {
float: left;
}
.SiteHeader-navigation--exposed {
height: 100px;
}
.SiteHeader-block {
float: right;
position: relative;
}
.SiteHeader-block--main_menu {
height: 98px;
margin: 0;
}
}
.SiteHeader-form_item {
position: relative;
font-size: 0;
float: left;
padding-left: 7.5px;
padding-right: 7.5px;
margin: 5px 0;
}
.SiteHeader-form_item input[type="search"] {
border: 1px solid transparent;
-webkit-appearance: none;
border-radius: 0;
float: left;
min-width: 200px;
}
.SiteHeader-form_button_wrapper {
position: absolute;
right: 7.5px;
top: 50%;
transform: translateY(-50%);
width: auto;
margin: 0;
}
.SiteHeader-form_button {
background: transparent;
border-width: 0px;
appearance: none;
padding: 0;
height: 40px;
min-width: 40px;
margin: 5px 0;
display: inline-block;
vertical-align: middle;
color: transparent;
}
.SiteHeader-form_button:before {
display: inline-block;
vertical-align: middle;
}
@media (min-width: 768px) {
.SiteHeader-form_item {
margin: 0;
padding-left: 0px;
padding-right: 0px;
height: 100%;
}
.SiteHeader-form_item:before {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
}
.SiteHeader-form_item > * {
display: inline-block;
vertical-align: middle;
}
.SiteHeader-form_item input[type="search"] {
float: none;
}
}
.SiteHeader-notice_bar {
position: absolute;
top: 0;
left: 0;
right: 0;
font-family: "Satoshi", "Satoshi", sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 1.25;
background-color: #ffffff;
}
.SiteHeader-notice {
text-align: center;
margin: 12.125px auto;
color: #757575;
}
@media (min-width: 768px) {
.SiteHeader-notice {
max-width: 750px;
}
}
@media (min-width: 992px) {
.SiteHeader-notice {
max-width: 970px;
}
}
@media (min-width: 1200px) {
.SiteHeader-notice {
max-width: 1170px;
}
}
@media (max-width: 767px) {
.SiteHeader-notice {
display: none;
}
}
@media (min-width: 768px) {
.SiteHeader-notice_bar {
height: 38px;
}
}
.SiteHeader-account {
position: relative;
}
.SiteHeader-account_button {
background: transparent;
border-width: 0px;
appearance: none;
padding: 0;
padding: 0px 8px;
color: inherit;
}
.SiteHeader-account_button:before {
content: "\EA10";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: 24px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.SiteHeader-account_button:before {
display: block;
}
.SiteHeader-account {
float: left;
padding-left: 10px;
}
.SiteHeader-block--main_menu {
float: left;
width: 100%;
}
@media (min-width: 768px) {
.SiteHeader-account_button {
padding: 38px 8px;
}
.SiteHeader-block--main_menu {
float: right;
width: auto;
}
.SiteHeader-account {
padding-left: 0;
}
}
@media (max-width: 767px) {
.SiteHeader-dropdown.Offcanvas,
.SiteHeader-account_menu.Offcanvas {
position: static;
height: auto;
width: auto;
border-right-width: 0;
transition: none;
transform: none;
z-index: auto;
}
html.no-csstransforms .SiteHeader-dropdown.Offcanvas,
html.no-csstransforms .SiteHeader-account_menu.Offcanvas {
transition: none;
left: auto;
}
.SiteHeader-dropdown > .Offcanvas-scroller,
.SiteHeader-account_menu > .Offcanvas-scroller {
background: transparent;
height: auto;
overflow-y: visible;
overflow-x: visible;
}
.SiteHeader-dropdown.is-Offcanvas--closed,
.SiteHeader-dropdown.Offcanvas.is-Offcanvas--closed,
.SiteHeader-account_menu.is-Offcanvas--closed,
.SiteHeader-account_menu.Offcanvas.is-Offcanvas--closed {
display: none;
}
.SiteHeader-dropdown.is-Offcanvas--open,
.SiteHeader-dropdown.Offcanvas.is-Offcanvas--open,
.SiteHeader-account_menu.is-Offcanvas--open,
.SiteHeader-account_menu.Offcanvas.is-Offcanvas--open {
display: block;
}
}
@media (min-width: 768px) {
.SiteHeader-dropdown.Offcanvas,
.SiteHeader-account_menu.Offcanvas {
position: static;
height: auto;
width: auto;
border-right-width: 0;
transition: none;
transform: none;
z-index: auto;
}
html.no-csstransforms .SiteHeader-dropdown.Offcanvas,
html.no-csstransforms .SiteHeader-account_menu.Offcanvas {
transition: none;
left: auto;
}
.SiteHeader-dropdown > .Offcanvas-scroller,
.SiteHeader-account_menu > .Offcanvas-scroller {
background: transparent;
height: auto;
overflow-y: visible;
overflow-x: visible;
}
.SiteHeader-dropdown,
.SiteHeader-dropdown.Offcanvas,
.SiteHeader-account_menu,
.SiteHeader-account_menu.Offcanvas {
position: absolute;
top: 100%;
left: 0;
background-color: #ffffff;
transition: opacity 0.15s;
transform-origin: top;
}
.SiteHeader-dropdown.is-Offcanvas--closed,
.SiteHeader-dropdown.Offcanvas.is-Offcanvas--closed,
.SiteHeader-account_menu.is-Offcanvas--closed,
.SiteHeader-account_menu.Offcanvas.is-Offcanvas--closed {
transform: scaleY(0);
opacity: 0;
transition: opacity 0.15s, transform 0s 0.15s;
}
.SiteHeader-dropdown.is-Offcanvas--open,
.SiteHeader-dropdown.Offcanvas.is-Offcanvas--open,
.SiteHeader-account_menu.is-Offcanvas--open,
.SiteHeader-account_menu.Offcanvas.is-Offcanvas--open {
transform: scaleY(1);
opacity: 1;
}
}
.SiteHeader-cart_button {
color: inherit;
font-family: inherit;
display: block;
}
.SiteHeader-cart_button,
.SiteHeader-cart_button:hover,
.SiteHeader-cart_button:focus {
text-decoration: none;
}
.SiteHeader-cart_button:after {
content: "\EA0C";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: 24px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.SiteHeader-cart_button:after {
display: block;
}
.SiteHeader-cart_menu {
top: 0;
right: 0;
font-family: "Satoshi", "Satoshi", sans-serif;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
}
.SiteHeader-cart_menu .drawer__header {
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
}
@media (min-width: 0px) {
.SiteHeader-cart_menu .drawer__header {
float: left;
width: 96.97580644999999%;
width: calc( 100% - 30px );
}
}
.SiteHeader-cart_menu .drawer__header .h3 {
text-align: left;
position: relative;
font-size: 16px;
margin-top: 15px;
margin-bottom: 40px;
}
.SiteHeader-cart_menu .drawer__header .h3 .SiteHeader-cart_dismiss {
position: absolute;
right: 20px;
top: 5px;
font-weight: lighter;
cursor: pointer;
font-size: 12px;
transition: 0.3s;
}
.SiteHeader-cart_menu .drawer__header .h3 .SiteHeader-cart_dismiss:hover {
color: #428bca;
}
.SiteHeader-cart_menu #CartContainer {
*zoom: 1;
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__product {
*zoom: 1;
}
.SiteHeader-cart_menu #CartContainer p {
text-align: center;
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__row {
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
border-bottom: 1px solid #ebebeb;
padding-bottom: 15px;
margin-bottom: 15px;
}
@media (min-width: 0px) {
.SiteHeader-cart_menu #CartContainer .ajaxcart__row {
float: left;
width: 96.97580644999999%;
width: calc( 100% - 30px );
}
}
.SiteHeader-cart_menu #CartContainer .one-quarter {
min-height: 1px;
padding-right: 15px;
}
@media (min-width: 0px) {
.SiteHeader-cart_menu #CartContainer .one-quarter {
float: left;
width: 25%;
}
}
.SiteHeader-cart_menu #CartContainer .one-quarter img {
max-width: 100%;
width: 100%;
height: auto;
}
.SiteHeader-cart_menu #CartContainer .three-quarters {
min-height: 1px;
}
@media (min-width: 0px) {
.SiteHeader-cart_menu #CartContainer .three-quarters {
float: left;
width: 75%;
}
}
.SiteHeader-cart_menu #CartContainer .three-quarters .ajaxcart__product-data {
min-height: 1px;
}
@media (min-width: 0px) {
.SiteHeader-cart_menu #CartContainer .three-quarters .ajaxcart__product-data {
float: left;
width: 91.66666667%;
}
}
.SiteHeader-cart_menu #CartContainer .three-quarters .ajaxcart__product-close {
min-height: 1px;
}
@media (min-width: 0px) {
.SiteHeader-cart_menu #CartContainer .three-quarters .ajaxcart__product-close {
float: left;
width: 8.33333333%;
}
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__product-image {
position: relative;
display: inline-block;
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__product--pattern {
width: 25px;
height: 25px;
position: absolute;
bottom: 0;
right: 0;
z-index: 999;
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__product-qty {
color: #d8d8d8;
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__product-title {
color: #979797;
text-decoration: none;
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__product-variant,
.SiteHeader-cart_menu #CartContainer .ajaxcart__product-price {
color: #d8d8d8;
font-size: 12px;
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__product-remove {
text-decoration: none;
color: #979797;
cursor: pointer;
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__product-remove:before {
content: "\EA05";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: 12px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__qty-num {
display: none;
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content {
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
}
@media (min-width: 0px) {
.SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content {
float: left;
width: 96.97580644999999%;
width: calc( 100% - 30px );
}
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .ajaxcart__footer--label {
min-height: 1px;
font-weight: lighter;
color: #979797;
text-transform: uppercase;
}
@media (min-width: 0px) {
.SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .ajaxcart__footer--label {
float: left;
width: 50%;
}
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .ajaxcart__footer--total {
min-height: 1px;
text-align: right;
font-weight: bold;
color: #979797;
}
@media (min-width: 0px) {
.SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .ajaxcart__footer--total {
float: left;
width: 50%;
}
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .cart__checkout {
display: block;
width: 100%;
display: inline-block;
vertical-align: top;
background: #428bca;
color: #ffffff;
border: 2px solid #428bca;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 600;
appearance: none;
padding: 15px 20px;
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .cart__page {
margin-top: 35px;
display: block;
width: 100%;
text-align: center;
display: inline-block;
vertical-align: top;
background: #428bca;
color: #ffffff;
border: 2px solid #428bca;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 600;
appearance: none;
padding: 15px 20px;
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .cart__page span {
transition: 0.3s;
}
.SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .cart__page span:hover {
color: #428bca;
}
.SiteHeader-cart_item_count {
background-color: #ff0000;
color: #ffffff;
min-width: 20px;
height: 20px;
font-size: 13px;
line-height: 1;
padding: 3.5px;
border-radius: 100%;
text-align: center;
float: left;
}
@media (min-width: 768px) {
.SiteHeader-cart {
float: left;
}
.SiteHeader-cart_button {
padding: 38px 8px;
height: 100px;
}
.SiteHeader-cart_button:after {
float: left;
}
}
.SiteHeader-navigation--third_menu {
clear: left;
float: left;
width: 100%;
height: 68px;
}
.SiteHeader-navigation--third_menu:before {
content: "";
border-top: 1px solid transparent;
position: absolute;
left: 0;
right: 0;
}
.SiteHeader-search {
position: relative;
}
.SiteHeader-search input[type='search'] {
border-radius: 20px;
}
.SiteHeader-search_button {
background: transparent;
border-width: 0px;
appearance: none;
padding: 0;
margin: 0;
font-size: 0;
}
.SiteHeader-search_button:before {
content: "\EA0B";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: 20px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
.SiteHeader-search {
height: 100px;
}
.SiteHeader-search--first_menu {
float: right;
}
.SiteHeader-search--second_menu {
float: left;
}
}
.SiteHeader-contact_toast {
position: fixed;
top: 0;
left: 0;
right: 0;
max-height: 90vh;
border-bottom: 2px solid #ffffff;
transition: transform 0.5s;
z-index: 1110;
text-align: center;
}
.SiteHeader-contact_toast.is-Offcanvas--open {
transform: translateY(0%);
}
.SiteHeader-contact_toast.is-Offcanvas--closed {
transform: translateY(-100%);
}
.SiteHeader-contact_content {
display: table;
width: 100%;
}
.SiteHeader-contact_information {
padding-left: 15px;
padding-right: 15px;
padding-top: 50px;
padding-bottom: 50px;
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
}
@media (min-width: 480px) {
.SiteHeader-contact_information {
display: table-cell;
width: 50%;
}
}
.SiteHeader-contact_form_wrapper {
padding-top: 50px;
padding-bottom: 50px;
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
}
@media (min-width: 480px) {
.SiteHeader-contact_form_wrapper {
display: table-cell;
width: 50%;
}
}
.SiteHeader-contact_title {
margin-top: 0;
}
.SiteHeader-contact_form_title {
padding-left: 15px;
padding-right: 15px;
margin-top: 0;
}
.HeroHeader {
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
display: table;
width: 100%;
background-size: cover;
background-position: center;
text-align: center;
min-height: 556px;
}
@media (min-width: 768px) {
.HeroHeader {
min-height: 556px;
}
}
@media (min-width: 992px) {
.HeroHeader {
min-height: 556px;
}
}
@media (min-width: 1200px) {
.HeroHeader {
min-height: 556px;
}
}
.HeroHeader--thin {
min-height: 330px;
}
@media (min-width: 768px) {
.HeroHeader--thin {
min-height: 330px;
}
}
@media (min-width: 992px) {
.HeroHeader--thin {
min-height: 330px;
}
}
@media (min-width: 1200px) {
.HeroHeader--thin {
min-height: 330px;
}
}
.HeroHeader--light_bg {
color: #000000;
}
.HeroHeader--light_bg h1,
.HeroHeader--light_bg h2,
.HeroHeader--light_bg h3,
.HeroHeader--light_bg h4,
.HeroHeader--light_bg h5,
.HeroHeader--light_bg h6,
.HeroHeader--light_bg .h1,
.HeroHeader--light_bg .h2,
.HeroHeader--light_bg .h3,
.HeroHeader--light_bg .h4,
.HeroHeader--light_bg .h5,
.HeroHeader--light_bg .h6 {
color: #000000;
}
.HeroHeader--dark_bg {
color: #ffffff;
}
.HeroHeader--dark_bg h1,
.HeroHeader--dark_bg h2,
.HeroHeader--dark_bg h3,
.HeroHeader--dark_bg h4,
.HeroHeader--dark_bg h5,
.HeroHeader--dark_bg h6,
.HeroHeader--dark_bg .h1,
.HeroHeader--dark_bg .h2,
.HeroHeader--dark_bg .h3,
.HeroHeader--dark_bg .h4,
.HeroHeader--dark_bg .h5,
.HeroHeader--dark_bg .h6 {
color: #ffffff;
}
.HeroHeader--image_focus_right {
background-position: center left;
}
@media (min-width: 768px) {
.HeroHeader--image_focus_right {
text-align: left;
background-position: center;
}
}
.HeroHeader--image_focus_left {
background-position: center right;
}
@media (min-width: 768px) {
.HeroHeader--image_focus_left {
text-align: right;
background-position: center;
}
}
.HeroHeader-valign {
display: table-cell;
vertical-align: middle;
}
.HeroHeader-valign :first-child {
margin-top: 0;
}
.HeroHeader-valign :last-child {
margin-bottom: 0;
}
.HeroHeader-valign--bottom {
vertical-align: bottom;
}
.HeroHeader-valign--top {
vertical-align: top;
}
.Modal {
background-color: #ffffff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: 90vh;
max-width: 100%;
z-index: 1110;
}
.Modal.is-Offcanvas--closed {
display: none;
}
.Modal--toast {
position: fixed;
top: 0;
left: 0;
right: 0;
max-height: 90vh;
border-bottom: 2px solid #ffffff;
transition: transform 0.5s;
z-index: 910;
}
.Modal--toast.is-Offcanvas--open {
transform: translateY(0%);
}
.Modal--toast.is-Offcanvas--closed {
transform: translateY(-100%);
}
.Modal--toast.is-Offcanvas--open {
transform: translateY(0%);
}
.Modal--toast.is-Offcanvas--depth_1 {
transform: translateY(20%);
}
.Modal--toast.is-Offcanvas--depth_2 {
transform: translateY(40%);
}
.Modal--toast.is-Offcanvas--depth_3 {
transform: translateY(60%);
}
.Modal--toast.is-Offcanvas--closed {
display: block;
}
.Modal-content {
padding-left: 15px;
padding-right: 15px;
position: relative;
max-height: 90vh;
overflow-y: auto;
width: 750px;
}
.Modal-close {
position: absolute;
top: 0;
right: 0;
background-color: #000000;
color: #ffffff;
padding: 10px;
z-index: 1;
}
.VideoPlayer {
position: relative;
}
.VideoPlayer-video iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
}
.VideoPlayer-video video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
}
.VideoPlayer-video--sixteen_by_nine {
padding-top: 56.25%;
}
.VideoPlayer-video--four_by_three {
padding-top: 75%;
}
.VideoPlayer-video--one_by_one {
padding-top: 100%;
}
.VideoPlayer-video--three_by_four {
padding-top: 133.33333333%;
}
.VideoPlayer-video--nine_by_sixteen {
padding-top: 177.77777778%;
}
.VideoPlayer-controls {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
display: flex;
}
.VideoPlayer-scrubber {
width: 100%;
}
.VideoPlayer-play_pause {
float: left;
background: transparent;
border-width: 0px;
padding: 5px 10px;
}
.VideoPlayer-play_pause.is-VideoPlayer--paused:before {
content: "\EA12";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: 15px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: left;
}
.VideoPlayer-play_pause.is-VideoPlayer--paused .VideoPlayer-pause_text {
display: none;
}
.VideoPlayer-play_pause.is-VideoPlayer--playing:before {
content: "\EA13";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: 15px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: left;
}
.VideoPlayer-play_pause.is-VideoPlayer--playing .VideoPlayer-play_text {
display: none;
}
.VideoPlayer-scrubber {
float: left;
background: transparent;
border-width: 0px;
position: relative;
padding-left: 0;
padding-right: 0;
margin: 0 10px;
}
.VideoPlayer-scrubber_range {
background: #d8d8d8;
height: 5px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.VideoPlayer-scrubber_fill {
background: #428bca;
height: 5px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.VideoPlayer-scrubber_knob {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 100%;
width: 20px;
height: 20px;
background-color: #428bca;
border: 2px solid #ffffff;
}
.VideoPlayer-mute {
float: left;
background: transparent;
border-width: 0px;
padding: 5px 10px;
}
.VideoPlayer-mute.is-VideoPlayer--muted:before {
content: "\EA14";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: 15px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: left;
}
.VideoPlayer-mute.is-VideoPlayer--muted .VideoPlayer-mute_text {
display: none;
}
.VideoPlayer-mute.is-VideoPlayer--audible:before {
content: "\EA15";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: 15px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: left;
}
.VideoPlayer-mute.is-VideoPlayer--audible .VideoPlayer-unmute_text {
display: none;
}
.ScrollEffects--appear {
transition: opacity 0.5s;
}
.ScrollEffects--appear.is-ScrollEffects--inactive {
opacity: 0;
}
.ScrollEffects--appear.is-ScrollEffects--active {
opacity: 1;
}
.TabbedContent {
padding-left: 15px;
padding-right: 15px;
}
.is-TabbedContent--active {
display: block;
}
.is-TabbedContent--inactive {
display: none;
}
.TabbedContent-selector_list {
list-style: none inside none;
margin: 10px 0;
padding: 0;
display: inline-block;
display: flex;
text-align: center;
}
.TabbedContent-selector_list li {
font-size: 0;
}
.TabbedContent-selector_list a {
display: inline-block;
background-color: transparent;
border: 1px solid transparent;
border-radius: 100px;
padding: 8px 13px;
font-size: 16px;
font-weight: 600;
}
.TabbedContent-selector_list a,
.TabbedContent-selector_list a:hover,
.TabbedContent-selector_list a:focus {
color: inherit;
text-decoration: none;
}
.TabbedContent-selector_icon {
display: inline-block;
vertical-align: middle;
width: 20px;
height: auto;
margin-right: 10px;
}
.TabbedContent-selector_list--centered {
text-align: center;
}
.TabbedContent-selector_list--centered li {
flex-grow: 1;
}
.is-TabbedContent--target_active a,
.NavMenu--tabs a.active {
background-color: #f8f8f8;
border: 1px solid #cfcfcf;
}
.CollapseContent--collapse-body {
overflow: hidden;
transition: max-height 0.5s;
}
.CollapseContent--collapse-body.is-CollapseContent--visible {
max-height: 100vh;
}
.CollapseContent--collapse-body.is-CollapseContent--hidden {
max-height: 0vh;
}
/* Styling and images for frame-by-frame animations stolen from:
* https://codyhouse.co/gem/animated-transition-effects/
*/
.PageTransition-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1200;
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
}
.is-PageTransition--transition_out .PageTransition-backdrop {
opacity: 1;
visibility: visible;
}
.is-PageTransition--transition_loading .PageTransition-backdrop {
opacity: 1;
visibility: visible;
}
.is-PageTransition--transition_in .PageTransition-backdrop {
opacity: 1;
visibility: visible;
}
.PageTransition--fade {
position: relative;
}
.PageTransition--fade.is-PageTransition--transition_out {
animation-name: PageTransition--fade--out;
animation-duration: 0.5s;
}
.PageTransition--fade.is-PageTransition--transition_loading {
opacity: 0;
}
.PageTransition--fade.is-PageTransition--transition_in {
animation-name: PageTransition--fade--in;
animation-duration: 0.5s;
}
@keyframes PageTransition--fade--out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes PageTransition--fade--in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.PageTransition-fbf_animation {
position: absolute;
left: 50%;
top: 50%;
height: 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 0 0;
}
.PageTransition--extinguisher-fbf_animation {
width: 2500%;
background-image: url("../components/PageTransition/fbf_animations/extinguisher.png");
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_in .PageTransition--extinguisher-fbf_animation {
animation: PageTransition--extinguisher-fbf_animation 0.8s steps(24) forwards reverse;
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_loading .PageTransition--extinguisher-fbf_animation {
transform: translateY(-50%) translateX(-98%);
}
.is-PageTransition--transition_out .PageTransition--extinguisher-fbf_animation {
animation: PageTransition--extinguisher-fbf_animation 0.8s steps(24) forwards;
transform: translateY(-50%) translateX(-98%);
}
@keyframes PageTransition--extinguisher-fbf_animation {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
transform: translateY(-50%) translateX(-98%);
}
}
.PageTransition--scrub-fbf_animation {
width: 2500%;
background-image: url("../components/PageTransition/fbf_animations/scrub.png");
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_in .PageTransition--scrub-fbf_animation {
animation: PageTransition--scrub-fbf_animation 0.8s steps(24) forwards reverse;
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_loading .PageTransition--scrub-fbf_animation {
transform: translateY(-50%) translateX(-98%);
}
.is-PageTransition--transition_out .PageTransition--scrub-fbf_animation {
animation: PageTransition--scrub-fbf_animation 0.8s steps(24) forwards;
transform: translateY(-50%) translateX(-98%);
}
@keyframes PageTransition--scrub-fbf_animation {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
transform: translateY(-50%) translateX(-98%);
}
}
.PageTransition--glitch-fbf_animation {
width: 2500%;
background-image: url("../components/PageTransition/fbf_animations/glitch.png");
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_in .PageTransition--glitch-fbf_animation {
animation: PageTransition--glitch-fbf_animation 0.8s steps(24) forwards reverse;
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_loading .PageTransition--glitch-fbf_animation {
transform: translateY(-50%) translateX(-98%);
}
.is-PageTransition--transition_out .PageTransition--glitch-fbf_animation {
animation: PageTransition--glitch-fbf_animation 0.8s steps(24) forwards;
transform: translateY(-50%) translateX(-98%);
}
@keyframes PageTransition--glitch-fbf_animation {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
transform: translateY(-50%) translateX(-98%);
}
}
.PageTransition--scribble-fbf_animation {
width: 3800%;
background-image: url("../components/PageTransition/fbf_animations/scribble.png");
transform: translateY(-50%) translateX(-1.31578947%);
}
.is-PageTransition--transition_in .PageTransition--scribble-fbf_animation {
animation: PageTransition--scribble-fbf_animation 0.8s steps(37) forwards reverse;
transform: translateY(-50%) translateX(-1.31578947%);
}
.is-PageTransition--transition_loading .PageTransition--scribble-fbf_animation {
transform: translateY(-50%) translateX(-98.68421053%);
}
.is-PageTransition--transition_out .PageTransition--scribble-fbf_animation {
animation: PageTransition--scribble-fbf_animation 0.8s steps(37) forwards;
transform: translateY(-50%) translateX(-98.68421053%);
}
@keyframes PageTransition--scribble-fbf_animation {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
transform: translateY(-50%) translateX(-1.31578947%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
transform: translateY(-50%) translateX(-98.68421053%);
}
}
.PageTransition--gummy-fbf_animation {
width: 2500%;
background-image: url("../components/PageTransition/fbf_animations/gummy.png");
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_in .PageTransition--gummy-fbf_animation {
animation: PageTransition--gummy-fbf_animation 0.8s steps(24) forwards reverse;
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_loading .PageTransition--gummy-fbf_animation {
transform: translateY(-50%) translateX(-98%);
}
.is-PageTransition--transition_out .PageTransition--gummy-fbf_animation {
animation: PageTransition--gummy-fbf_animation 0.8s steps(24) forwards;
transform: translateY(-50%) translateX(-98%);
}
@keyframes PageTransition--gummy-fbf_animation {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
transform: translateY(-50%) translateX(-98%);
}
}
.PageTransition--gooey-fbf_animation {
width: 2500%;
background-image: url("../components/PageTransition/fbf_animations/gooey.png");
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_in .PageTransition--gooey-fbf_animation {
animation: PageTransition--gooey-fbf_animation 0.8s steps(24) forwards reverse;
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_loading .PageTransition--gooey-fbf_animation {
transform: translateY(-50%) translateX(-98%);
}
.is-PageTransition--transition_out .PageTransition--gooey-fbf_animation {
animation: PageTransition--gooey-fbf_animation 0.8s steps(24) forwards;
transform: translateY(-50%) translateX(-98%);
}
@keyframes PageTransition--gooey-fbf_animation {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
transform: translateY(-50%) translateX(-98%);
}
}
.PageTransition--mirror-fbf_animation {
width: 2500%;
background-image: url("../components/PageTransition/fbf_animations/mirror.png");
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_in .PageTransition--mirror-fbf_animation {
animation: PageTransition--mirror-fbf_animation 0.8s steps(24) forwards reverse;
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_loading .PageTransition--mirror-fbf_animation {
transform: translateY(-50%) translateX(-98%);
}
.is-PageTransition--transition_out .PageTransition--mirror-fbf_animation {
animation: PageTransition--mirror-fbf_animation 0.8s steps(24) forwards;
transform: translateY(-50%) translateX(-98%);
}
@keyframes PageTransition--mirror-fbf_animation {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
transform: translateY(-50%) translateX(-98%);
}
}
.PageTransition--diamond-fbf_animation {
width: 2000%;
background-image: url("../components/PageTransition/fbf_animations/diamond.png");
transform: translateY(-50%) translateX(-2.5%);
}
.is-PageTransition--transition_in .PageTransition--diamond-fbf_animation {
animation: PageTransition--diamond-fbf_animation 0.8s steps(19) forwards reverse;
transform: translateY(-50%) translateX(-2.5%);
}
.is-PageTransition--transition_loading .PageTransition--diamond-fbf_animation {
transform: translateY(-50%) translateX(-97.5%);
}
.is-PageTransition--transition_out .PageTransition--diamond-fbf_animation {
animation: PageTransition--diamond-fbf_animation 0.8s steps(19) forwards;
transform: translateY(-50%) translateX(-97.5%);
}
@keyframes PageTransition--diamond-fbf_animation {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
transform: translateY(-50%) translateX(-2.5%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
transform: translateY(-50%) translateX(-97.5%);
}
}
.PageTransition--cartoon-fbf_animation {
width: 2500%;
background-image: url("../components/PageTransition/fbf_animations/cartoon.png");
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_in .PageTransition--cartoon-fbf_animation {
animation: PageTransition--cartoon-fbf_animation 0.8s steps(24) forwards reverse;
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_loading .PageTransition--cartoon-fbf_animation {
transform: translateY(-50%) translateX(-98%);
}
.is-PageTransition--transition_out .PageTransition--cartoon-fbf_animation {
animation: PageTransition--cartoon-fbf_animation 0.8s steps(24) forwards;
transform: translateY(-50%) translateX(-98%);
}
@keyframes PageTransition--cartoon-fbf_animation {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
transform: translateY(-50%) translateX(-98%);
}
}
.PageTransition--clones-fbf_animation {
width: 2500%;
background-image: url("../components/PageTransition/fbf_animations/clones.png");
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_in .PageTransition--clones-fbf_animation {
animation: PageTransition--clones-fbf_animation 0.8s steps(24) forwards reverse;
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_loading .PageTransition--clones-fbf_animation {
transform: translateY(-50%) translateX(-98%);
}
.is-PageTransition--transition_out .PageTransition--clones-fbf_animation {
animation: PageTransition--clones-fbf_animation 0.8s steps(24) forwards;
transform: translateY(-50%) translateX(-98%);
}
@keyframes PageTransition--clones-fbf_animation {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
transform: translateY(-50%) translateX(-98%);
}
}
.PageTransition--kaleidoscope-fbf_animation {
width: 2500%;
background-image: url("../components/PageTransition/fbf_animations/kaleidoscope.png");
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_in .PageTransition--kaleidoscope-fbf_animation {
animation: PageTransition--kaleidoscope-fbf_animation 0.8s steps(24) forwards reverse;
transform: translateY(-50%) translateX(-2%);
}
.is-PageTransition--transition_loading .PageTransition--kaleidoscope-fbf_animation {
transform: translateY(-50%) translateX(-98%);
}
.is-PageTransition--transition_out .PageTransition--kaleidoscope-fbf_animation {
animation: PageTransition--kaleidoscope-fbf_animation 0.8s steps(24) forwards;
transform: translateY(-50%) translateX(-98%);
}
@keyframes PageTransition--kaleidoscope-fbf_animation {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
transform: translateY(-50%) translateX(-98%);
}
}
.Breadcrumb {
list-style-type: none;
padding-left: 0;
margin: 0;
}
.Breadcrumb-item {
display: inline-block;
font-family: "Satoshi", "Satoshi", sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 1;
}
.Breadcrumb-item:after {
content: '-';
color: #000000;
}
.Breadcrumb-item:last-child:after {
display: none;
}
.Breadcrumb-link {
display: inline-block;
vertical-align: middle;
color: #333333;
}
.Breadcrumb-link:hover,
.Breadcrumb-link:focus {
color: #000000;
}
.Breadcrumb-text {
display: inline-block;
vertical-align: middle;
color: #000000;
}
.Triptych {
*zoom: 1;
}
.Triptych-wrapper {
position: relative;
}
.Triptych--3up-wrapper {
*zoom: 1;
}
.Triptych--3up-wrapper > * {
min-height: 1px;
}
@media (min-width: 768px) {
.Triptych--3up-wrapper > * {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 768px) {
.Triptych--3up-wrapper > * {
border: 0px solid #000000;
border-width: 0px 0 0 0px;
}
.Triptych--3up-wrapper > *:nth-child(0n + 1) {
border-left-color: #000000;
clear: none;
}
.Triptych--3up-wrapper > *:nth-child(-n + 0) {
border-top-color: #000000;
}
.Triptych--3up-wrapper > *:nth-child(3n + 1) {
border-left-color: transparent;
clear: left;
}
.Triptych--3up-wrapper > *:nth-child(-n + 3) {
border-top-color: transparent;
}
}
.Triptych--4up-wrapper {
*zoom: 1;
}
.Triptych--4up-wrapper > * {
min-height: 1px;
}
@media (min-width: 768px) {
.Triptych--4up-wrapper > * {
float: left;
width: 25%;
}
}
@media (min-width: 768px) {
.Triptych--4up-wrapper > * {
border: 0px solid #000000;
border-width: 0px 0 0 0px;
}
.Triptych--4up-wrapper > *:nth-child(0n + 1) {
border-left-color: #000000;
clear: none;
}
.Triptych--4up-wrapper > *:nth-child(-n + 0) {
border-top-color: #000000;
}
.Triptych--4up-wrapper > *:nth-child(4n + 1) {
border-left-color: transparent;
clear: left;
}
.Triptych--4up-wrapper > *:nth-child(-n + 4) {
border-top-color: transparent;
}
}
.Triptych-item {
padding-left: 15px;
padding-right: 15px;
}
.Triptych-image {
width: 100%;
height: auto;
}
.ContentSection,
.ObiStrip {
*zoom: 1;
margin-top: 50px;
margin-bottom: 50px;
position: relative;
}
@media (min-width: 992px) {
.ContentSection,
.ObiStrip {
margin-top: 65px;
margin-bottom: 65px;
}
}
.ContentSection--light_bg {
color: #000000;
}
.ContentSection--light_bg h1,
.ContentSection--light_bg h2,
.ContentSection--light_bg h3,
.ContentSection--light_bg h4,
.ContentSection--light_bg h5,
.ContentSection--light_bg h6,
.ContentSection--light_bg .h1,
.ContentSection--light_bg .h2,
.ContentSection--light_bg .h3,
.ContentSection--light_bg .h4,
.ContentSection--light_bg .h5,
.ContentSection--light_bg .h6 {
color: #000000;
}
.ContentSection--light_bg-background {
background-color: #ffffff;
}
.ContentSection--dark_bg {
color: #ffffff;
}
.ContentSection--dark_bg h1,
.ContentSection--dark_bg h2,
.ContentSection--dark_bg h3,
.ContentSection--dark_bg h4,
.ContentSection--dark_bg h5,
.ContentSection--dark_bg h6,
.ContentSection--dark_bg .h1,
.ContentSection--dark_bg .h2,
.ContentSection--dark_bg .h3,
.ContentSection--dark_bg .h4,
.ContentSection--dark_bg .h5,
.ContentSection--dark_bg .h6 {
color: #ffffff;
}
.ContentSection--dark_bg-background {
background-color: #000000;
}
.ContentSection-image {
max-width: 100%;
height: auto;
display: block;
}
.ContentSection-caption {
font-family: "Satoshi", "Satoshi", sans-serif;
font-size: 12px;
text-align: center;
}
.ContentSection-image + .ContentSection-caption {
margin-top: 10px;
}
.ContentSection-modal_toggle {
background: transparent;
border-width: 0px;
appearance: none;
padding: 0;
}
.ContentSection-modal_content--video {
padding: 0;
}
.ContentSection--light_bg + .ContentSection--dark_bg,
.ContentSection--dark_bg + .ContentSection--light_bg,
.ContentSection--inherit_bg + .ContentSection--light_bg,
.ContentSection--light_bg + .ContentSection--inherit_bg,
.ContentSection--inherit_bg + .ContentSection--dark_bg,
.ContentSection--dark_bg + .ContentSection--inherit_bg {
margin-top: 100px;
}
.ContentSection--light_bg + .ContentSection--dark_bg:last-child,
.ContentSection--dark_bg + .ContentSection--light_bg:last-child,
.ContentSection--inherit_bg + .ContentSection--light_bg:last-child,
.ContentSection--light_bg + .ContentSection--inherit_bg:last-child,
.ContentSection--inherit_bg + .ContentSection--dark_bg:last-child,
.ContentSection--dark_bg + .ContentSection--inherit_bg:last-child {
margin-bottom: 100px;
}
@media (min-width: 992px) {
.ContentSection--light_bg + .ContentSection--dark_bg,
.ContentSection--dark_bg + .ContentSection--light_bg,
.ContentSection--inherit_bg + .ContentSection--light_bg,
.ContentSection--light_bg + .ContentSection--inherit_bg,
.ContentSection--inherit_bg + .ContentSection--dark_bg,
.ContentSection--dark_bg + .ContentSection--inherit_bg {
margin-top: 130px;
}
.ContentSection--light_bg + .ContentSection--dark_bg:last-child,
.ContentSection--dark_bg + .ContentSection--light_bg:last-child,
.ContentSection--inherit_bg + .ContentSection--light_bg:last-child,
.ContentSection--light_bg + .ContentSection--inherit_bg:last-child,
.ContentSection--inherit_bg + .ContentSection--dark_bg:last-child,
.ContentSection--dark_bg + .ContentSection--inherit_bg:last-child {
margin-bottom: 130px;
}
}
.ContentSection--light_bg + .ContentSection--dark_bg:first-child,
.ContentSection--dark_bg + .ContentSection--light_bg:first-child,
.ContentSection--inherit_bg + .ContentSection--light_bg:first-child,
.ContentSection--light_bg + .ContentSection--inherit_bg:first-child,
.ContentSection--inherit_bg + .ContentSection--dark_bg:first-child,
.ContentSection--dark_bg + .ContentSection--inherit_bg:first-child {
margin-top: 50px;
}
.ContentSection--light_bg + .ContentSection--dark_bg:last-child,
.ContentSection--dark_bg + .ContentSection--light_bg:last-child,
.ContentSection--inherit_bg + .ContentSection--light_bg:last-child,
.ContentSection--light_bg + .ContentSection--inherit_bg:last-child,
.ContentSection--inherit_bg + .ContentSection--dark_bg:last-child,
.ContentSection--dark_bg + .ContentSection--inherit_bg:last-child {
margin-bottom: 50px;
}
@media (min-width: 992px) {
.ContentSection--light_bg + .ContentSection--dark_bg:first-child,
.ContentSection--dark_bg + .ContentSection--light_bg:first-child,
.ContentSection--inherit_bg + .ContentSection--light_bg:first-child,
.ContentSection--light_bg + .ContentSection--inherit_bg:first-child,
.ContentSection--inherit_bg + .ContentSection--dark_bg:first-child,
.ContentSection--dark_bg + .ContentSection--inherit_bg:first-child {
margin-top: 65px;
}
.ContentSection--light_bg + .ContentSection--dark_bg:last-child,
.ContentSection--dark_bg + .ContentSection--light_bg:last-child,
.ContentSection--inherit_bg + .ContentSection--light_bg:last-child,
.ContentSection--light_bg + .ContentSection--inherit_bg:last-child,
.ContentSection--inherit_bg + .ContentSection--dark_bg:last-child,
.ContentSection--dark_bg + .ContentSection--inherit_bg:last-child {
margin-bottom: 65px;
}
}
.ContentSection-background,
.ObiStrip-background {
position: absolute;
width: 100%;
top: -50px;
bottom: -50px;
z-index: -20;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media (min-width: 992px) {
.ContentSection-background,
.ObiStrip-background {
top: -65px;
bottom: -65px;
}
}
.ContentSection--body-text {
padding-left: 15px;
padding-right: 15px;
min-height: 1px;
}
@media (min-width: 992px) {
.ContentSection--body-text {
float: left;
width: 83.33333333%;
}
}
@media (min-width: 992px) {
.ContentSection--body-text {
margin-left: 8.33333333%;
}
}
@media (min-width: 992px) {
.ContentSection--body-text {
margin-right: 8.33333333%;
}
}
@media (min-width: 1200px) {
.ContentSection--body-text {
float: left;
width: 66.66666667%;
}
}
@media (min-width: 1200px) {
.ContentSection--body-text {
margin-left: 16.66666667%;
}
}
@media (min-width: 1200px) {
.ContentSection--body-text {
margin-right: 16.66666667%;
}
}
.ContentSection--body-text :first-child {
margin-top: 0;
}
.ContentSection--body-text :last-child {
margin-bottom: 0;
}
.ContentSection--split_50-row {
display: flex;
flex-flow: column-reverse wrap;
position: relative;
margin: 0 auto;
}
@media (min-width: 768px) {
.ContentSection--split_50-row {
max-width: 750px;
}
}
@media (min-width: 992px) {
.ContentSection--split_50-row {
max-width: 970px;
}
}
@media (min-width: 1200px) {
.ContentSection--split_50-row {
max-width: 1170px;
}
}
@media (min-width: 992px) {
.ContentSection--split_50-row {
display: flex;
flex-flow: row wrap;
align-items: center;
}
}
.ContentSection--split_50-figure {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
margin: 0;
}
@media (min-width: 992px) {
.ContentSection--split_50-figure {
float: left;
width: 50%;
}
}
.ContentSection--split_50-figure:last-child {
margin-top: 30px;
}
@media (min-width: 992px) {
.ContentSection--split_50-figure:last-child {
margin-top: 0;
}
}
.ContentSection--split_50-text {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.ContentSection--split_50-text {
float: left;
width: 50%;
}
}
.ContentSection--split_50-text:last-child {
margin-top: 30px;
}
@media (min-width: 992px) {
.ContentSection--split_50-text:last-child {
margin-top: 0;
}
}
@media (min-width: 992px) {
.ContentSection--split_50-valign_top {
vertical-align: top;
}
}
@media (min-width: 992px) {
.ContentSection--split_50-valign_bottom {
vertical-align: bottom;
}
}
.ContentSection--video-player {
padding-left: 15px;
padding-right: 15px;
}
.StaffGrid {
margin-top: 50px;
margin-bottom: 50px;
*zoom: 1;
}
@media (min-width: 992px) {
.StaffGrid {
margin-top: 65px;
margin-bottom: 65px;
}
}
.StaffGrid > * {
min-height: 1px;
}
@media (min-width: 320px) {
.StaffGrid > * {
float: left;
width: 50%;
}
}
@media (min-width: 320px) {
.StaffGrid > * {
border: 0px solid #000000;
border-width: 0px 0 0 0px;
}
.StaffGrid > *:nth-child(0n + 1) {
border-left-color: #000000;
clear: none;
}
.StaffGrid > *:nth-child(-n + 0) {
border-top-color: #000000;
}
.StaffGrid > *:nth-child(2n + 1) {
border-left-color: transparent;
clear: left;
}
.StaffGrid > *:nth-child(-n + 2) {
border-top-color: transparent;
}
}
.StaffGrid > * {
min-height: 1px;
}
@media (min-width: 480px) {
.StaffGrid > * {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 480px) {
.StaffGrid > * {
border: 0px solid #000000;
border-width: 0px 0 0 0px;
}
.StaffGrid > *:nth-child(2n + 1) {
border-left-color: #000000;
clear: none;
}
.StaffGrid > *:nth-child(-n + 2) {
border-top-color: #000000;
}
.StaffGrid > *:nth-child(3n + 1) {
border-left-color: transparent;
clear: left;
}
.StaffGrid > *:nth-child(-n + 3) {
border-top-color: transparent;
}
}
.StaffGrid-item {
padding-left: 15px;
padding-right: 15px;
display: block;
font-size: 0;
text-align: center;
padding-bottom: 50px;
}
@media (min-width: 992px) {
.StaffGrid-item {
padding-bottom: 65px;
}
}
a.StaffGrid-item {
color: inherit;
font-family: inherit;
}
a.StaffGrid-item,
a.StaffGrid-item:hover,
a.StaffGrid-item:focus {
text-decoration: none;
}
button.StaffGrid-item {
background: transparent;
border-width: 0px;
appearance: none;
padding: 0;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 50px;
}
@media (min-width: 992px) {
button.StaffGrid-item {
padding-bottom: 65px;
}
}
.StaffGrid-image {
width: 100%;
height: auto;
margin-bottom: 30px;
}
.StaffGrid-name {
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 700;
color: #222222;
-webkit-font-smoothing: antialiased;
margin: 10px 0;
font-size: 22px;
line-height: 1.2;
margin-top: 20px;
margin-bottom: 20px;
margin: 0;
}
@media (min-width: 768px) {
.StaffGrid-name {
font-size: 24px;
line-height: 1.2;
}
}
.StaffGrid-job_title {
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 700;
color: #222222;
-webkit-font-smoothing: antialiased;
margin: 10px 0;
font-size: 12px;
line-height: 1.2;
margin-top: 10px;
margin-bottom: 10px;
margin: 0;
}
@media (min-width: 768px) {
.StaffGrid-job_title {
font-size: 14px;
line-height: 1.4;
}
}
.StaffGrid-modal {
position: relative;
margin: 0 auto;
position: fixed;
width: 100%;
}
@media (min-width: 768px) {
.StaffGrid-modal {
max-width: 750px;
}
}
@media (min-width: 992px) {
.StaffGrid-modal {
max-width: 970px;
}
}
@media (min-width: 1200px) {
.StaffGrid-modal {
max-width: 1170px;
}
}
.StaffGrid-modal_content {
width: 100%;
padding: 0;
}
.StaffGrid-modal_slider_wrapper {
*zoom: 1;
position: relative;
}
.StaffGrid-modal_image {
min-height: 1px;
display: none;
min-height: 630px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media (min-width: 992px) {
.StaffGrid-modal_image {
float: left;
width: 41.66666667%;
}
}
@media (min-width: 992px) {
.StaffGrid-modal_image {
display: block;
}
}
.StaffGrid-modal_info {
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
position: relative;
margin-top: 60px;
margin-bottom: 60px;
padding-bottom: 60px;
}
@media (min-width: 992px) {
.StaffGrid-modal_info {
float: left;
width: 46.97580645%;
width: calc( 50% - 30px );
}
}
@media (min-width: 992px) {
.StaffGrid-modal_info {
margin-left: 56.33333333px;
margin-left: calc( 4.16666667% + 15px );
}
}
@media (min-width: 992px) {
.StaffGrid-modal_info {
margin-right: 56.33333333px;
margin-right: calc( 4.16666667% + 15px );
}
}
.StaffGrid-prev {
position: absolute;
bottom: 0;
left: 0;
}
.StaffGrid-next {
position: absolute;
bottom: 0;
right: 0;
}
.Comments {
margin-top: 50px;
margin-bottom: 50px;
margin-left: 15px;
margin-right: 15px;
}
@media (min-width: 992px) {
.Comments {
margin-top: 65px;
margin-bottom: 65px;
}
}
.Comments-list {
padding: 0;
list-style: none inside none;
}
.Comments-image {
display: inline-block;
vertical-align: middle;
width: 50px;
height: auto;
margin-right: 15px;
}
.Comments-author {
display: inline-block;
vertical-align: middle;
}
.Comments-form {
margin-top: 50px;
margin-bottom: 50px;
}
@media (min-width: 992px) {
.Comments-form {
margin-top: 65px;
margin-bottom: 65px;
}
}
.Comments-form_title {
margin-left: 15px;
margin-right: 15px;
}
.Comments-form_notes {
margin-left: 15px;
margin-right: 15px;
}
.fl-node-content .Comments {
margin: 0;
}
.Comments-list {
margin: 0;
}
.Comments-list_item + .Comments-list_item {
margin-top: 10px;
}
.Comments-comment {
*zoom: 1;
background-color: #efefef;
color: #000000;
padding: 20px;
border-radius: 10px;
max-width: 95%;
}
.Comments-comment a {
color: #ed5b32;
}
@media (min-width: 768px) {
.Comments-comment {
max-width: 80%;
}
}
.Comments-image {
float: left;
}
.Comments-comment_content {
float: left;
width: calc(100% - 65px);
}
.Comments-author {
margin-bottom: 10px;
}
.fl-module .Comments-list,
.fl-rich-text .Comments-list {
padding: 0;
list-style: none inside none;
margin: 0;
}
.Comments-list .children,
.fl-module .Comments-list .children,
.fl-rich-text .Comments-list .children {
padding: 0;
list-style: none inside none;
margin: 0;
padding-left: 5%;
margin-top: 10px;
margin-bottom: 10px;
}
.Comments-list .children .Comments-comment,
.fl-module .Comments-list .children .Comments-comment,
.fl-rich-text .Comments-list .children .Comments-comment {
max-width: 100%;
}
@media (min-width: 768px) {
.Comments-list .children,
.fl-module .Comments-list .children,
.fl-rich-text .Comments-list .children {
padding-left: 10%;
}
.Comments-list .children .Comments-comment,
.fl-module .Comments-list .children .Comments-comment,
.fl-rich-text .Comments-list .children .Comments-comment {
max-width: 90%;
}
}
.Comments-form .logged-in-as {
margin-left: 15px;
margin-right: 15px;
}
.Comments-form .logged-in-as a {
color: #ed5b32;
}
.Comments-form_comment textarea {
min-height: 100px;
}
.Comments-form_comment textarea,
.Comments-form_author input,
.Comments-form_email input,
.Comments-form_url input {
border-color: #ed704e;
background-color: #ffffff;
color: #000000;
margin-top: 0;
}
.Comments-submit_action,
input[type="submit"].Comments-submit_action {
background-color: #222222;
color: #ffffff;
border-width: 0px;
border-radius: 0px;
width: 100%;
}
.ObiStrip {
color: #ffffff;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 500;
font-size: 20px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.ObiStrip h1,
.ObiStrip h2,
.ObiStrip h3,
.ObiStrip h4,
.ObiStrip h5,
.ObiStrip h6,
.ObiStrip .h1,
.ObiStrip .h2,
.ObiStrip .h3,
.ObiStrip .h4,
.ObiStrip .h5,
.ObiStrip .h6 {
color: #ffffff;
}
.ObiStrip-background {
background-color: #428bca;
}
.ObiStrip-content {
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.ObiStrip-content p {
display: inline-block;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 500;
font-size: 20px;
}
.ObiStrip-content a {
display: inline-block;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 500;
font-size: 20px;
color: #ffffff;
}
.GoogleMap {
width: 100%;
height: 500px;
}
.SiteFooter {
*zoom: 1;
background-color: #d8d8d8;
padding-top: 38px;
padding-bottom: 11px;
}
.SiteFooter-menu {
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
}
@media (min-width: 320px) {
.SiteFooter-menu {
float: left;
width: 46.97580645%;
width: calc( 50% - 30px );
}
}
@media (min-width: 768px) {
.SiteFooter-menu {
float: left;
width: 21.97580645%;
width: calc( 25% - 30px );
}
}
.SiteFooter-newsletter_signup {
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
position: relative;
}
@media (min-width: 768px) {
.SiteFooter-newsletter_signup {
float: left;
width: 46.97580645%;
width: calc( 50% - 30px );
}
}
.SiteFooter-legal {
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
clear: left;
font-size: 14px;
margin-top: 30px;
}
@media (min-width: 768px) {
.SiteFooter-legal {
float: left;
width: 46.97580645%;
width: calc( 50% - 30px );
}
}
@media (min-width: 768px) {
.SiteFooter-legal {
margin-top: 150px;
}
}
@media (min-width: 992px) {
.SiteFooter-legal {
margin-top: 55px;
}
}
.SiteFooter-social {
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
margin-top: 30px;
}
@media (min-width: 768px) {
.SiteFooter-social {
float: left;
width: 46.97580645%;
width: calc( 50% - 30px );
}
}
@media (min-width: 768px) {
.SiteFooter-social {
margin-top: 150px;
}
}
@media (min-width: 992px) {
.SiteFooter-social {
margin-top: 55px;
}
}
.SiteFooter-menu_title {
font-size: 14px;
font-weight: 600;
}
.SiteFooter-menu_list {
list-style: none inside none;
margin: 0;
padding: 0;
font-size: 14px;
}
.SiteFooter-menu_list a,
.SiteFooter-menu_list a:hover,
.SiteFooter-menu_list a:focus {
text-decoration: none;
}
.SiteFooter-form_title {
font-size: 14px;
font-weight: 600;
}
.SiteFooter-form_item {
padding: 0;
margin: 0;
font-size: 14px;
}
.SiteFooter-inline_submit {
position: absolute;
padding: 0;
margin: 0;
bottom: 0;
right: 0;
left: auto;
width: auto;
}
.SiteFooter-inline_submit button {
font-size: 14px;
line-height: 1;
padding-top: 11px;
padding-bottom: 11px;
margin: 0;
}
.SiteFooter-social_list {
list-style: none inside none;
margin: 0;
padding: 0;
}
.SiteFooter-social_list li {
display: inline-block;
}
@media (min-width: 768px) {
.SiteFooter-social_list {
text-align: right;
}
}
.Article {
margin-top: 50px;
margin-bottom: 50px;
}
@media (min-width: 992px) {
.Article {
margin-top: 65px;
margin-bottom: 65px;
}
}
.Article-body {
padding-left: 15px;
padding-right: 15px;
font-family: "Satoshi", "Satoshi", sans-serif;
font-size: 14px;
line-height: 1.8;
font-weight: 500;
-webkit-font-smoothing: antialiased;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.Article-body {
max-width: 750px;
}
}
@media (min-width: 768px) {
.Article-body {
font-size: 16px;
line-height: 1.8;
}
}
.Article-body ul {
font-family: "Satoshi", "Satoshi", sans-serif;
font-size: 14px;
line-height: 1.8;
font-weight: 500;
-webkit-font-smoothing: antialiased;
letter-spacing: 1px;
margin-top: 0px;
margin-bottom: 0px;
list-style-position: outside;
margin: 10px 0;
padding: 0 0 0 30px;
list-style: disc;
}
@media (min-width: 768px) {
.Article-body ul {
font-size: 16px;
line-height: 1.8;
}
}
.Article-body ul p {
margin: 0;
}
.Article-body ul li ul {
list-style: lower-latin;
}
.Article-body ul li ol {
list-style: circle;
}
.Article-body ul li li ul {
list-style: lower-roman;
}
.Article-body ul li li ol {
list-stule: square;
}
.Article-body ol {
font-family: "Satoshi", "Satoshi", sans-serif;
font-size: 14px;
line-height: 1.8;
font-weight: 500;
-webkit-font-smoothing: antialiased;
letter-spacing: 1px;
margin-top: 0px;
margin-bottom: 0px;
list-style-position: outside;
margin: 10px 0;
padding: 0 0 0 30px;
list-style: decimal;
}
@media (min-width: 768px) {
.Article-body ol {
font-size: 16px;
line-height: 1.8;
}
}
.Article-body ol p {
margin: 0;
}
.Article-body ol li ul {
list-style: lower-latin;
}
.Article-body ol li ol {
list-style: circle;
}
.Article-body ol li li ul {
list-style: lower-roman;
}
.Article-body ol li li ol {
list-stule: square;
}
.Article-comments {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.Article-comments {
max-width: 750px;
}
}
.Article-share {
margin-top: 50px;
margin-bottom: 50px;
text-align: center;
}
@media (min-width: 992px) {
.Article-share {
margin-top: 65px;
margin-bottom: 65px;
}
}
.Article-share_buttons {
list-style: none inside none;
padding: 0;
margin: 0;
font-size: 0;
}
.Article-share_link {
color: inherit;
font-family: inherit;
display: inline-block;
background-color: #d8d8d8;
color: #000000;
padding: 10px 10px;
margin-left: 5px;
}
.Article-share_link,
.Article-share_link:hover,
.Article-share_link:focus {
text-decoration: none;
}
.Article-share_link:first_child {
margin-left: 0;
}
.Article-share_link span {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.Article-share_link:hover,
.Article-share_link:focus {
color: #428bca;
}
.Article-share_link--twitter:before {
content: "\EA0F";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: 32px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Article-share_link--facebook:before {
content: "\EA07";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: 32px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Article-share_link--pinterest:before {
content: "\EA0A";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: 32px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Article-share_link--linkedin:before {
content: "\EA16";
font-family: 'icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: inherit;
font-size: 32px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Article-body .fl-row-content-wrap {
margin: 0 -15px !important;
}
@media (min-width: 768px) {
.Article-header--overview {
margin-left: -15px;
margin-right: -15px;
}
}
.fl-widget.widget_search form {
float: none;
height: 36px;
}
.fl-widget.widget_search .SiteHeader-form_item {
width: 100%;
}
.Article-related_posts--2up {
*zoom: 1;
}
.Article-related_posts--2up > * {
min-height: 1px;
}
@media (min-width: 480px) {
.Article-related_posts--2up > * {
float: left;
width: 50%;
}
}
@media (min-width: 480px) {
.Article-related_posts--2up > * {
border: 0px solid #000000;
border-width: 0px 0 0 0px;
}
.Article-related_posts--2up > *:nth-child(0n + 1) {
border-left-color: #000000;
clear: none;
}
.Article-related_posts--2up > *:nth-child(-n + 0) {
border-top-color: #000000;
}
.Article-related_posts--2up > *:nth-child(2n + 1) {
border-left-color: transparent;
clear: left;
}
.Article-related_posts--2up > *:nth-child(-n + 2) {
border-top-color: transparent;
}
}
.Article-related_posts--3up {
*zoom: 1;
}
.Article-related_posts--3up > * {
min-height: 1px;
}
@media (min-width: 768px) {
.Article-related_posts--3up > * {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 768px) {
.Article-related_posts--3up > * {
border: 0px solid #000000;
border-width: 0px 0 0 0px;
}
.Article-related_posts--3up > *:nth-child(0n + 1) {
border-left-color: #000000;
clear: none;
}
.Article-related_posts--3up > *:nth-child(-n + 0) {
border-top-color: #000000;
}
.Article-related_posts--3up > *:nth-child(3n + 1) {
border-left-color: transparent;
clear: left;
}
.Article-related_posts--3up > *:nth-child(-n + 3) {
border-top-color: transparent;
}
}
.Article-related_posts--4up {
*zoom: 1;
}
.Article-related_posts--4up > * {
min-height: 1px;
}
@media (min-width: 480px) {
.Article-related_posts--4up > * {
float: left;
width: 50%;
}
}
@media (min-width: 480px) {
.Article-related_posts--4up > * {
border: 0px solid #000000;
border-width: 0px 0 0 0px;
}
.Article-related_posts--4up > *:nth-child(0n + 1) {
border-left-color: #000000;
clear: none;
}
.Article-related_posts--4up > *:nth-child(-n + 0) {
border-top-color: #000000;
}
.Article-related_posts--4up > *:nth-child(2n + 1) {
border-left-color: transparent;
clear: left;
}
.Article-related_posts--4up > *:nth-child(-n + 2) {
border-top-color: transparent;
}
}
.Article-related_posts--4up > * {
min-height: 1px;
}
@media (min-width: 992px) {
.Article-related_posts--4up > * {
float: left;
width: 25%;
}
}
@media (min-width: 992px) {
.Article-related_posts--4up > * {
border: 0px solid #000000;
border-width: 0px 0 0 0px;
}
.Article-related_posts--4up > *:nth-child(2n + 1) {
border-left-color: #000000;
clear: none;
}
.Article-related_posts--4up > *:nth-child(-n + 2) {
border-top-color: #000000;
}
.Article-related_posts--4up > *:nth-child(4n + 1) {
border-left-color: transparent;
clear: left;
}
.Article-related_posts--4up > *:nth-child(-n + 4) {
border-top-color: transparent;
}
}
.Article-related_post {
text-align: center;
}
.Article-related_post_image {
width: 100%;
height: auto;
margin-bottom: 30px;
}
.ContactPage-content {
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
margin-top: 50px;
margin-bottom: 50px;
}
@media (min-width: 992px) {
.ContactPage-content {
float: left;
width: 46.97580645%;
width: calc( 50% - 30px );
}
}
@media (min-width: 992px) {
.ContactPage-content {
margin-left: 97.66666667px;
margin-left: calc( 8.33333333% + 15px );
}
}
@media (min-width: 992px) {
.ContactPage-content {
margin-right: 97.66666667px;
margin-right: calc( 8.33333333% + 15px );
}
}
@media (min-width: 992px) {
.ContactPage-content {
margin-top: 65px;
margin-bottom: 65px;
}
}
.ContactPage-form {
margin-left: -15px;
margin-right: -15px;
}
.ContactPage-form_item {
min-height: 1px;
}
@media (min-width: 480px) {
.ContactPage-form_item {
float: left;
width: 50%;
}
}
.ContactPage-form_item--message {
min-height: 1px;
}
@media (min-width: 480px) {
.ContactPage-form_item--message {
float: left;
width: 100%;
}
}
.ContactPage-contacts {
min-height: 1px;
margin-top: 50px;
margin-bottom: 50px;
color: #000000;
background-color: #ebebeb;
}
@media (min-width: 768px) {
.ContactPage-contacts {
float: left;
width: 83.33333333%;
}
}
@media (min-width: 768px) {
.ContactPage-contacts {
margin-left: 8.33333333%;
}
}
@media (min-width: 768px) {
.ContactPage-contacts {
margin-right: 8.33333333%;
}
}
@media (min-width: 992px) {
.ContactPage-contacts {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 992px) {
.ContactPage-contacts {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.ContactPage-contacts {
margin-right: 0%;
}
}
@media (min-width: 992px) {
.ContactPage-contacts {
margin-top: 65px;
margin-bottom: 65px;
}
}
.ContactPage-contacts h1,
.ContactPage-contacts h2,
.ContactPage-contacts h3,
.ContactPage-contacts h4,
.ContactPage-contacts h5,
.ContactPage-contacts h6,
.ContactPage-contacts .h1,
.ContactPage-contacts .h2,
.ContactPage-contacts .h3,
.ContactPage-contacts .h4,
.ContactPage-contacts .h5,
.ContactPage-contacts .h6 {
color: #000000;
}
.ContactPage-contacts_title {
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
}
@media (min-width: 768px) {
.ContactPage-contacts_title {
float: left;
width: 63.64247312%;
width: calc( 66.66666667% - 30px );
}
}
@media (min-width: 768px) {
.ContactPage-contacts_title {
margin-left: 180.33333333px;
margin-left: calc( 16.66666667% + 15px );
}
}
@media (min-width: 768px) {
.ContactPage-contacts_title {
margin-right: 180.33333333px;
margin-right: calc( 16.66666667% + 15px );
}
}
.ContactPage-contact_option {
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 500;
}
@media (min-width: 560px) {
.ContactPage-contact_option {
float: left;
width: 30.30913978%;
width: calc( 33.33333333% - 30px );
}
}
@media (min-width: 768px) {
.ContactPage-contact_option {
float: left;
width: 63.64247312%;
width: calc( 66.66666667% - 30px );
}
}
@media (min-width: 768px) {
.ContactPage-contact_option {
margin-left: 180.33333333px;
margin-left: calc( 16.66666667% + 15px );
}
}
@media (min-width: 768px) {
.ContactPage-contact_option {
margin-right: 180.33333333px;
margin-right: calc( 16.66666667% + 15px );
}
}
.ConfirmationPage-content {
margin-top: 50px;
margin-bottom: 50px;
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
}
@media (min-width: 992px) {
.ConfirmationPage-content {
margin-top: 65px;
margin-bottom: 65px;
}
}
@media (min-width: 992px) {
.ConfirmationPage-content {
float: left;
width: 55.30913978%;
width: calc( 58.33333333% - 30px );
}
}
@media (min-width: 992px) {
.ConfirmationPage-content {
margin-right: 97.66666667px;
margin-right: calc( 8.33333333% + 15px );
}
}
.ConfirmationPage-resources {
margin-top: 50px;
margin-bottom: 50px;
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
}
@media (min-width: 992px) {
.ConfirmationPage-resources {
margin-top: 65px;
margin-bottom: 65px;
}
}
@media (min-width: 992px) {
.ConfirmationPage-resources {
float: left;
width: 30.30913978%;
width: calc( 33.33333333% - 30px );
}
}
.SearchResults-heading {
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 700;
color: #222222;
-webkit-font-smoothing: antialiased;
margin: 10px 0;
font-size: 22px;
line-height: 1.2;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
}
@media (min-width: 768px) {
.SearchResults-heading {
font-size: 24px;
line-height: 1.2;
}
}
@media (min-width: 768px) {
.SearchResults-heading {
float: left;
width: 63.64247312%;
width: calc( 66.66666667% - 30px );
}
}
.SearchResults-item {
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
text-align: center;
}
@media (min-width: 768px) {
.SearchResults-item {
float: left;
width: 30.30913978%;
width: calc( 33.33333333% - 30px );
}
}
.SearchResults-item_title {
font-family: "Satoshi", "Satoshi", sans-serif;
font-weight: 700;
color: #222222;
-webkit-font-smoothing: antialiased;
margin: 10px 0;
font-size: 20px;
line-height: 1.2;
margin-top: 20px;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.SearchResults-item_title {
font-size: 20px;
line-height: 1.3;
}
}
.SearchResults-search_form {
margin-left: 15px;
margin-right: 15px;
min-height: 1px;
height: 82px;
}
@media (min-width: 768px) {
.SearchResults-search_form {
float: left;
width: 30.30913978%;
width: calc( 33.33333333% - 30px );
}
}
.SearchResults-search_form_item {
float: none;
}
.fl-rich-text,
.fl-module {
font-family: "Satoshi", "Satoshi", sans-serif;
font-size: 14px;
line-height: 1.8;
font-weight: 500;
-webkit-font-smoothing: antialiased;
}
@media (min-width: 768px) {
.fl-rich-text,
.fl-module {
font-size: 16px;
line-height: 1.8;
}
}
.fl-rich-text ul,
.fl-module ul {
font-family: "Satoshi", "Satoshi", sans-serif;
font-size: 14px;
line-height: 1.8;
font-weight: 500;
-webkit-font-smoothing: antialiased;
letter-spacing: 1px;
margin-top: 0px;
margin-bottom: 0px;
list-style-position: outside;
margin: 10px 0;
padding: 0 0 0 30px;
list-style: disc;
}
@media (min-width: 768px) {
.fl-rich-text ul,
.fl-module ul {
font-size: 16px;
line-height: 1.8;
}
}
.fl-rich-text ul p,
.fl-module ul p {
margin: 0;
}
.fl-rich-text ul li ul,
.fl-module ul li ul {
list-style: lower-latin;
}
.fl-rich-text ul li ol,
.fl-module ul li ol {
list-style: circle;
}
.fl-rich-text ul li li ul,
.fl-module ul li li ul {
list-style: lower-roman;
}
.fl-rich-text ul li li ol,
.fl-module ul li li ol {
list-stule: square;
}
.fl-rich-text ol,
.fl-module ol {
font-family: "Satoshi", "Satoshi", sans-serif;
font-size: 14px;
line-height: 1.8;
font-weight: 500;
-webkit-font-smoothing: antialiased;
letter-spacing: 1px;
margin-top: 0px;
margin-bottom: 0px;
list-style-position: outside;
margin: 10px 0;
padding: 0 0 0 30px;
list-style: decimal;
}
@media (min-width: 768px) {
.fl-rich-text ol,
.fl-module ol {
font-size: 16px;
line-height: 1.8;
}
}
.fl-rich-text ol p,
.fl-module ol p {
margin: 0;
}
.fl-rich-text ol li ul,
.fl-module ol li ul {
list-style: lower-latin;
}
.fl-rich-text ol li ol,
.fl-module ol li ol {
list-style: circle;
}
.fl-rich-text ol li li ul,
.fl-module ol li li ul {
list-style: lower-roman;
}
.fl-rich-text ol li li ol,
.fl-module ol li li ol {
list-stule: square;
}
h1,
.h1 {
font-family: "Satoshi", "Satoshi", sans-serif;
}
.SiteHeader-notice_bar {
background-image: none;
}
.AnimatedBackgrounds {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.AnimatedBackgrounds ~ .fl-row-content {
position: relative;
z-index: 1;
}
ul.AnimatedBackgrounds {
list-style: none inside none;
padding: 0;
margin: 0;
}
.AnimatedBackgrounds li {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.AnimatedBackgrounds-static_bg {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
.AnimatedBackgrounds-atlas_source {
width: 100%;
height: 100%;
object-fit: cover;
display: none;
}
.AnimatedBackgrounds-atlas_player {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
@keyframes AnimatedBackgrounds-layer--bob_vertical {
0% {
transform: translateY(-2.5%);
}
50% {
transform: translateY(2.5%);
}
100% {
transform: translateY(-2.5%);
}
}
.AnimatedBackgrounds-layer--bob_vertical {
animation: 5s AnimatedBackgrounds-layer--bob_vertical infinite ease-in-out;
}
@keyframes AnimatedBackgrounds-layer--bob_horizontal {
0% {
transform: translateX(-2.5%);
}
50% {
transform: translateX(2.5%);
}
100% {
transform: translateX(-2.5%);
}
}
.AnimatedBackgrounds-layer--bob_horizontal {
animation: 5s AnimatedBackgrounds-layer--bob_horizontal infinite ease-in-out;
}
.AnimatedBackgrounds-load_animation {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0;
}
.AnimatedBackgrounds.is-ScrollEffects--unloaded + .AnimatedBackgrounds-load_animation {
z-index: 5;
opacity: 1;
}
.ContentSlider-navigation span {
font-size: 0;
}
.ContentSlider-navigation,
.ContentSlider-navigation:hover,
.ContentSlider-navigation:focus {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.ContentSlider-navigation--prev {
left: 0%;
}
.ContentSlider-navigation--next {
right: 0%;
}
.ContentSlider-dots {
position: absolute;
font-size: 0;
text-align: center;
}
.ContentSlider-dot {
background: none !important;
color: inherit;
padding: 0;
font: inherit;
top: 0 !important;
}
.ContentSlider-dot span {
display: block;
}
.ContentSlider-dot--style_dots span {
border-radius: 100%;
}
.ContentSlider-contents--desktop {
display: none;
}
@media (min-width: 768px) {
.ContentSlider-contents--desktop {
display: block;
}
}
.ContentSlider-contents--mobile {
display: block;
}
@media (min-width: 768px) {
.ContentSlider-contents--mobile {
display: none;
}
}
.ContentSlider-placeholder {
height: 350px;
display: flex;
justify-content: center;
text-align: center;
border: 1px solid black;
flex-direction: column;
}
@media (max-width: 767px) {
.integrations {
overflow: hidden;
}
}
.integrations__inner {
position: relative;
}
.integrations__content {
max-width: 440px;
width: 100%;
margin: 0 auto;
position: relative;
z-index: 5;
padding-top: 250px;
padding-bottom: 250px;
}
@media (min-width: 768px) {
.integrations__content {
padding-top: 300px;
padding-bottom: 300px;
}
}
@media (min-width: 992px) {
.integrations__content {
padding-top: 200px;
padding-bottom: 200px;
}
}
.integrations__title {
color: #222222;
margin-top: 0;
margin-bottom: 15px;
}
.integrations__info * {
color: rgba(34, 34, 34, 0.6);
}
.integrations__button {
margin-top: 20px;
text-align: center;
}
.integrations__btn {
display: inline-block;
margin: 0;
color: #424242;
border-bottom: solid 2px #0099FF;
padding: 0;
}
.integrations__btn:active,
.integrations__btn:hover,
.integrations__btn:focus {
top: 0;
text-decoration: none;
}
.integrations__bg-img {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 95%;
height: auto;
}
@media (min-width: 992px) {
.integrations__bg-img-desktop {
display: block;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.integrations__bg-img-tablet {
width: auto;
height: 100%;
display: block;
transform: translate(-55%, -50%);
}
}
@media (max-width: 767px) {
.integrations__bg-img-mobile {
width: auto;
height: 100%;
min-width: 580px;
display: block;
transform: translate(-54%, -50%);
}
}
.integrations__logo {
height: auto;
display: block;
position: absolute;
opacity: 0;
width: 70px;
border-radius: 50%;
padding: 0;
background-color: #ffffff;
box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.06);
}
@media (min-width: 768px) {
.integrations__logo {
width: 70px;
}
}
@media only screen and (min-width: 1200px) {
.integrations__logo {
width: 90px;
}
}
.integrations__logo.hide-level-1 {
display: none;
}
@media (min-width: 1300px) {
.integrations__logo.hide-level-1 {
display: block;
}
}
.integrations__logo.hide-level-2 {
display: none;
}
@media (min-width: 993px) {
.integrations__logo.hide-level-2 {
display: block;
}
}
.integrations__logo.hide-level-3 {
display: none;
}
@media (min-width: 768px) {
.integrations__logo.hide-level-3 {
display: block;
}
}
.integrations__logo .logo {
width: 100%;
height: auto;
display: block;
}
_:-ms-lang(x),
.integrations {
overflow: hidden;
}
_:-ms-fullscreen,
:root .integrations {
overflow: hidden;
}
* + html .integrations {
overflow: hidden;
}
* html .integrations {
overflow: hidden;
}
.logo-slider .logo-slider__inner {
overflow: hidden;
position: relative;
max-width: 1440rem;
margin: 0 auto;
}
.logo-slider .logo-slider__inner .logo-slider__title {
margin-bottom: 62px;
}
.logo-slider .logo-slider__inner::before,
.logo-slider .logo-slider__inner::after {
content: '';
display: block !important;
width: 20%;
height: 100%;
position: absolute;
z-index: 2;
top: 0;
}
@media (min-width: 768px) {
.logo-slider .logo-slider__inner::before,
.logo-slider .logo-slider__inner::after {
width: 150px;
}
}
.logo-slider .logo-slider__inner::before {
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
left: 0;
}
.logo-slider .logo-slider__inner::after {
background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
right: 0;
}
.logo-slider .logo__slides {
animation: 50s linear 0s infinite normal none running animateSliderNav;
display: flex;
align-items: center;
width: calc(500rem);
opacity: 1;
transition: opacity 0.25s ease-out 0s;
}
.logo-slider .logo__side {
margin: 0 3rem;
}
.logo-slider .logo__image img {
margin: 0 auto;
width: auto;
height: auto;
max-width: 150px;
max-height: 60px;
display: block;
border-radius: unset;
}
@keyframes animateSliderNav {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-256rem));
}
}
.large--button a {
background: #ACD233 !important;
border: 1px solid #ACD233!important;
border-radius: 6px !important;
text-align: center !important;
font-size: 18px !important;
padding-top: 15px !important;
transition: .3s;
line-height: 24px !important;
}
.large--button a:hover,
.large--button a:focus {
opacity: .8 !important;
}
.large--button a span {
color: #000 !important;
font-family: inherit;
font-weight: bold;
}
.large--button a i {
color: #000 !important;
}
.large--button i.fl-button-icon,
.light--button i.fl-button-icon,
.small--button i.fl-button-icon {
font-size: .33rem !important;
}
.small--button a {
background: #121212 !important;
border-color: #122112 !important;
border-radius: 3px !important;
padding: 6px 20px!important;
height: 36px;
text-align: center !important;
transition: .3s;
}
.small--button a:hover,
.small--button a:focus {
opacity: .8;
}
.small--button a span {
font-family: inherit;
color: #fff;
}
.small--button a i {
color: #fff !important;
}
.light--button a {
height: 40px;
background: transparent !important;
border: 2px solid #fff!important;
border-radius: 8px !important;
transition: .3s;
padding: 7px 24px!important;
}
.light--button a:hover,
.light--button a:focus {
border-color: #0099ff !important;
}
.light--button a span {
color: #fff !important;
font-weight: bold;
transition: .3s;
}
.light--button a:hover span {
color: #0099ff !important;
}
.fl-button-has-icon a .fl-button-icon,
.light--button a .fl-button-icon,
.small--button a .fl-button-icon,
.large--button a .fl-button-icon {
transition: transform .4s ease;
}
.fl-button-has-icon a:hover .fl-button-icon,
.light--button a:hover .fl-button-icon,
.small--button a:hover .fl-button-icon,
.large--button a:hover .fl-button-icon {
transform: translateX(15px);
}
.tablepress.cisco-table thead tr .column-1 {
background-color: #414141;
}
.tablepress.cisco-table thead tr .column-1 h4 {
text-align: left;
color: #f3f3f3;
padding-left: 10px;
}
.tablepress.cisco-table thead tr .column-2 {
background-color: #414141;
}
.tablepress.cisco-table thead tr .column-2 h4 {
text-align: left;
color: #f3f3f3;
padding-left: 10px;
}
.tablepress.cisco-table tbody tr .column-1 {
background-color: #f2f5fa;
padding: 15px;
}
.tablepress.cisco-table tbody tr .column-2 {
background-color: #fafbfd;
padding: 15px;
}
.blog-inner-tags .fl-rich-text p a {
font-weight: 400;
border-radius: 0.25em;
padding: 0.2em 0.6em;
background: #09f;
margin: 0.4em;
display: inline-block;
position: relative;
color: #fff;
font-size: 12px;
transition: .3s ease;
}
.blog-inner-tags .fl-rich-text p a:hover {
opacity: .8;
color: #fff !important;
text-decoration: none !important;
}
.fl-module-bw-post-feed .post-feed-container {
overflow: hidden;
}
.fl-module-bw-post-feed .post-feed-container .no-results {
text-align: center;
width: 100%;
}
.fl-module-bw-post-feed .post-feed-container.hide-sidebar .post-feed-content .filter-container {
width: unset;
}
.fl-module-bw-post-feed .post-feed-container.hide-sidebar .post-feed-content .filter-container .dropdown-container {
display: none;
}
.fl-module-bw-post-feed .post-feed-container.hide-sidebar .post-feed-content .post-container {
width: 100%;
}
.fl-module-bw-post-feed .post-feed-container.hide-sidebar .pagination-container .pagination {
width: 100%;
}
@media screen and (min-width: 993px) {
.fl-module-bw-post-feed .post-feed-container .post-feed-content {
display: flex;
}
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container {
width: 100%;
background-color: white;
padding: 30px;
margin-bottom: 50px;
}
@media screen and (min-width: 1400px) {
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container {
padding: 30px 30px 30px 0;
}
}
@media screen and (min-width: 993px) {
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container {
display: flex;
justify-content: space-between;
width: 33%;
background-color: white;
}
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container {
display: flex;
flex-wrap: wrap;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .filter-col-selections {
display: none;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown {
margin-right: 30px;
}
@media screen and (min-width: 993px) {
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown .cat-label {
margin-bottom: 35px;
margin-top: 20px;
letter-spacing: 1.2px;
}
}
@media screen and (min-width: 993px) {
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown .cat-label .hide-cat {
display: none;
}
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown .category {
list-style: none;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown label {
display: block;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown label span {
opacity: 0.6;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 500;
letter-spacing: 1.2px;
}
@media screen and (min-width: 993px) {
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown label {
padding: 5px 0;
display: flex;
align-items: center;
}
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown label input[type="checkbox"] {
margin-right: 15px;
margin-top: 0;
opacity: 1;
width: 13px;
height: 13px;
padding: 5px 0;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown label input[type=checkbox]:checked:after {
width: 13px;
height: 13px;
border-radius: 1px;
top: -4px;
left: 0px;
position: relative;
background-color: #0099ff;
content: "";
display: inline-block;
visibility: visible;
box-shadow: 0 0 0 1px #0099ff;
}
@media screen and (max-width: 992px) {
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown label input[type=checkbox]:checked:after {
top: 0;
}
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown svg {
display: none;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .categories {
padding: 0;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .search-bar {
position: absolute;
right: 30px;
width: 300px;
height: 52px;
}
@media screen and (min-width: 1400px) {
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .search-bar {
right: 0px;
}
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .search-bar ::-webkit-input-placeholder {
/* Edge */
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
letter-spacing: -0.2px;
color: #222222;
opacity: 0.8;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .search-bar -ms-input-placeholder {
/* Internet Explorer */
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
letter-spacing: -0.2px;
color: #222222;
opacity: 0.8;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .search-bar ::placeholder {
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
letter-spacing: -0.2px;
color: #222222;
opacity: 0.8;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .search-bar .search-icon {
cursor: pointer;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .search-bar #search-input {
height: 100%;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
letter-spacing: -0.2px;
border: solid #f2f5fa 2px;
background-color: #f2f5fa;
border-radius: 4px;
padding: 6px 40px 6px 10px;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .search-bar svg {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
height: 20px;
width: 20px;
}
@media screen and (max-width: 992px) {
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container {
width: 100%;
position: relative;
z-index: 1;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .filter-col-selections {
display: block;
margin: 0 0 10px 0;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .filter-col-selections .showChkVal {
display: inline-block;
border-radius: 5.5px;
background-color: #eff7ff;
padding: 8px 12px;
margin: 0 15px 15px 0;
text-decoration: none;
cursor: pointer;
text-transform: uppercase;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .filter-col-selections .showChkVal .showChkVal-inner {
display: flex;
flex-direction: row;
align-items: center;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .filter-col-selections .showChkVal .chkVal {
color: #424242;
font-family: "Satoshi Variable", "Satoshi";
font-size: 11px;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 16px;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .filter-col-selections .showChkVal .chkIcon {
background-color: #e8e8e8;
border-radius: 50%;
color: #979797;
font-size: 8px;
width: 20px;
height: 20px;
margin-left: 10px;
position: relative;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .filter-col-selections .showChkVal .chkIcon:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown {
position: relative;
cursor: pointer;
width: 100%;
margin-bottom: 10px;
margin-right: 0;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown .cat-label {
height: 52px;
border: solid 2px #F2F5FA;
background-color: #F2F5FA;
border-radius: 4px;
padding-right: 95px;
line-height: 50px;
padding-left: 13px;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
letter-spacing: -0.3px;
color: #222222;
opacity: 0.8;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown svg {
display: block;
position: absolute;
top: 23px;
right: 10px;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown .categories {
list-style: none;
padding: 13px;
border: 2px solid #eee;
border-radius: 10px;
background-color: white;
cursor: pointer;
opacity: 0;
pointer-events: none;
position: absolute;
width: 100%;
transition: opacity 400ms;
z-index: 10;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown .categories li {
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
letter-spacing: -0.3px;
color: #222222;
opacity: 0.8;
transition: color 400ms;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown .categories li:hover {
color: #0099ff;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown .active {
opacity: 1;
pointer-events: all;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .search-bar {
width: 100%;
position: relative;
right: 0;
}
}
@media screen and (max-width: 992px) and screen and (min-width: 993px) {
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .dropdown-container .category-dropdown .cat-label {
margin-bottom: 35px;
margin-top: 15px;
}
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .reset-filters {
font: inherit;
background: 0 0;
border: 0;
margin: 0;
cursor: pointer;
padding: 20px 0;
position: relative;
color: #424242;
font-family: "Satoshi Variable", "Satoshi";
font-size: 16px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 26px;
top: 0;
}
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .reset-filters:after {
content: '';
height: 2px;
display: block;
background-color: #0099ff;
width: 100%;
margin-top: 2px;
}
@media screen and (max-width: 992px) {
.fl-module-bw-post-feed .post-feed-container .post-feed-content .filter-container .reset-filters {
padding: 20px 12px;
font-size: 14px;
}
}
.fl-module-bw-post-feed .post-feed-container .post-container {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-top: 60px;
}
@media screen and (min-width: 993px) {
.fl-module-bw-post-feed .post-feed-container .post-container {
width: 75%;
margin-top: 120px;
}
}
.fl-module-bw-post-feed .post-feed-container .post-container .post {
display: block;
text-decoration: none;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 60px;
}
.fl-module-bw-post-feed .post-feed-container .post-container .post .image-container {
padding-bottom: 20%;
background-size: contain;
background-repeat: no-repeat;
border-radius: 5px;
background-position: center;
width: 38%;
}
@media screen and (max-width: 767px) {
.fl-module-bw-post-feed .post-feed-container .post-container .post .image-container {
padding-bottom: 52%;
width: 100%;
}
}
@media screen and (min-width: 768px) {
.fl-module-bw-post-feed .post-feed-container .post-container .post .post-content {
width: 55%;
}
}
.fl-module-bw-post-feed .post-feed-container .post-container .post .date-container {
display: flex;
flex-flow: wrap;
justify-content: space-between;
margin-right: 0;
}
@media screen and (max-width: 1400px) and (min-width: 768px) {
.fl-module-bw-post-feed .post-feed-container .post-container .post .date-container {
margin-right: 30px;
}
}
.fl-module-bw-post-feed .post-feed-container .post-container .post .date-container .post-date,
.fl-module-bw-post-feed .post-feed-container .post-container .post .date-container .post-category {
font-family: "Satoshi Variable", "Satoshi";
color: #222222;
font-size: 10px;
letter-spacing: 0.5px;
line-height: 13px;
text-transform: uppercase;
}
.fl-module-bw-post-feed .post-feed-container .post-container .post .title-container {
text-align: center;
}
.fl-module-bw-post-feed .post-feed-container .post-container .post .title-container .post-title {
font-family: "Satoshi Variable", "Satoshi";
font-weight: 500;
font-size: 18px;
line-height: 24px;
letter-spacing: 1.2px;
color: #222222;
transition: color 400ms;
margin-top: 12px;
margin-bottom: 17px;
}
.fl-module-bw-post-feed .post-feed-container .post-container .post .title-container .post-excerpt {
opacity: 0.6;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 23px;
margin-bottom: 20px;
}
.fl-module-bw-post-feed .post-feed-container .post-container .post:hover .title-container .post-title {
color: #0099ff;
}
@media screen and (min-width: 993px) {
.fl-module-bw-post-feed .post-feed-container .pagination-container {
display: flex;
}
}
.fl-module-bw-post-feed .post-feed-container .pagination-container .empty-container {
width: 100%;
}
@media screen and (min-width: 993px) {
.fl-module-bw-post-feed .post-feed-container .pagination-container .empty-container {
display: flex;
justify-content: space-between;
width: 33%;
}
}
.fl-module-bw-post-feed .post-feed-container .pagination-container .pagination {
width: 100%;
}
@media screen and (min-width: 993px) {
.fl-module-bw-post-feed .post-feed-container .pagination-container .pagination {
display: flex;
flex-wrap: wrap;
width: 85%;
}
}
.fl-module-bw-post-feed .post-feed-container .post-container.list-view .post {
border-bottom: solid 1px #eee;
margin-bottom: 55px;
padding-bottom: 55px;
}
.fl-module-bw-post-feed .post-feed-container .post-container.list-view .post:last-child {
border-bottom: none;
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.fl-module-bw-post-feed .post-feed-container .post-container.list-view .post {
display: flex;
justify-content: space-between;
align-items: center;
margin-left: 0;
margin-right: 0;
}
}
@media screen and (min-width: 993px) {
.fl-module-bw-post-feed .post-feed-container .post-container.list-view .post {
align-items: flex-start;
}
}
.fl-module-bw-post-feed .post-feed-container .post-container.list-view .post .title-container {
text-align: left;
width: 95%;
}
.fl-module-bw-post-feed .post-feed-container .post-container.list-view .post .title-container::after {
content: "Explore";
text-decoration: underline;
text-decoration-color: #0099ff;
cursor: pointer;
color: #424242;
font-family: "Satoshi Variable Medium", "Satoshi";
font-size: 16px;
font-weight: 500;
line-height: 24px;
margin-top: 30px;
text-align: left;
text-underline-offset: 4px;
text-decoration-thickness: 2px;
}
@media screen and (max-width: 992px) {
.fl-module-bw-post-feed .post-feed-container .post-container.list-view .post {
margin-left: 30px;
margin-right: 30px;
}
.fl-module-bw-post-feed .post-feed-container .post-container.list-view .post .title-container {
width: 100%;
}
.fl-module-bw-post-feed .post-feed-container .post-container.list-view .post .date-container {
width: 100%;
margin-top: 30px;
}
}
.fl-module-bw-post-feed .post-feed-container .pagination {
display: block;
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages {
text-align: center;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul {
width: 100vw;
max-width: 1200px;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
position: relative;
}
@media screen and (max-width: 1024px) {
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul {
max-width: 450px;
}
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-prev {
cursor: pointer;
border: none;
float: none;
display: inline-block;
list-style: none;
margin-right: 5px;
padding: 0;
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-prev a {
display: none;
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-prev::after {
position: relative;
top: 7px;
content: "\f341";
color: #424242;
opacity: 0.5;
transition: opacity 400ms;
font-family: dashicons;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-prev:hover::after {
opacity: 1;
color: #acd233;
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-next {
cursor: pointer;
border: none;
float: none;
display: inline-block;
list-style: none;
margin-left: 20px;
padding: 0;
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-next a {
display: none;
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-next::after {
position: relative;
top: 7px;
content: "\f345";
color: #424242;
opacity: 0.5;
transition: opacity 400ms;
font-family: dashicons;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-next:hover::after {
opacity: 1;
color: #acd233;
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-next.disabled,
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-prev.disabled {
display: none;
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-ellipsis {
border: none;
float: none;
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-page {
border: none;
float: none;
display: inline-block;
list-style: none;
margin-left: 15px;
padding: 0;
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-page a {
background-color: transparent !important;
cursor: pointer;
font-weight: bold;
font-family: "Satoshi Variable", "Satoshi";
font-size: 18px;
line-height: 28px;
letter-spacing: 1.2px;
color: #222222;
transition: color 500ms;
min-width: 20px;
opacity: .6;
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-page a:hover {
color: #acd233;
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-page.active a {
color: #acd233;
}
.fl-module-bw-post-feed .post-feed-container .pagination .paginationjs .paginationjs-pages ul .paginationjs-ellipsis {
border: none;
}
@media screen and (max-width: 992px) {
.fl-module-bw-post-feed .post-feed-container .pagination {
text-align: center;
display: table;
position: relative;
left: 50%;
transform: translateX(-50%);
margin-left: 0;
}
}
html[lang="fr-FR"] body .fl-module-bw-post-feed .post-feed-container .post-container .post .title-container:after {
content: "Explorer";
}
html[lang="es-ES"] body .fl-module-bw-post-feed .post-feed-container .post-container .post .title-container:after {
content: "Explorar";
}
html[lang="de-DE"] body .fl-module-bw-post-feed .post-feed-container .post-container .post .title-container:after {
content: "Entdecken";
}
.careers-job .BlogPosts__cards {
padding: 0;
}
@media (min-width: 1250px) {
.careers-job .BlogPosts__cards .post-2,
.careers-job .BlogPosts__cards .post-3 {
margin-bottom: 25px;
}
}
@media (min-width: 1250px) {
.careers-job .BlogPosts__cards .post-2 .card__info,
.careers-job .BlogPosts__cards .post-3 .card-info {
flex: 0 1 100%;
}
}
.BlogPosts .BlogPosts__title {
font-size: 36px;
font-weight: bold;
letter-spacing: 1.2px;
line-height: 46px;
text-align: center;
margin-bottom: 14px;
}
.BlogPosts .BlogPosts__description {
font-size: 18px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 28px;
text-align: center;
margin: 0 auto;
margin-bottom: 50px;
}
.BlogPosts .BlogPosts-contents_card-buttonw.large--button {
text-align: center;
padding-top: 40px;
}
@media (min-width: 768px) {
.BlogPosts .BlogPosts-contents_card-buttonw.large--button {
padding-top: 20px;
}
}
@media (min-width: 1250px) {
.BlogPosts .BlogPosts-contents_card-buttonw.large--button a {
min-width: 370px;
}
}
.BlogPosts .BlogPosts-contents_card-buttonw.large--button a:active {
top: 0 !important;
}
@media (min-width: 1250px) {
.BlogPosts .BlogPosts-contents_card-buttonw.large--button {
position: absolute;
top: 215px;
right: 0;
}
}
.BlogPosts .post-2,
.BlogPosts .post-3,
.BlogPosts .post-4 {
margin-top: 40px;
}
.BlogPosts .post-2 .card__excerpt,
.BlogPosts .post-3 .card__excerpt,
.BlogPosts .post-4 .card__excerpt {
display: block;
}
.BlogPosts .post-2 .read-more,
.BlogPosts .post-3 .read-more,
.BlogPosts .post-4 .read-more {
display: block;
}
.BlogPosts .post-2 .card__title,
.BlogPosts .post-3 .card__title,
.BlogPosts .post-4 .card__title {
margin: 12px 0 0;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 24px;
font-weight: bold;
letter-spacing: 1.2px;
line-height: 32px;
}
.BlogPosts__card-inner {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
width: 100%;
position: relative;
background-color: #f2f5fa;
border-radius: 5px;
}
@media (max-width: 767px) {
.BlogPosts__card-inner {
flex-wrap: wrap;
}
}
.BlogPosts .post-link:hover {
text-decoration: none;
}
.BlogPosts .post-link:hover .card__title {
color: #0099ff !important;
text-decoration: none;
}
.BlogPosts .card__img {
flex: 0 1 100%;
position: relative;
padding-bottom: 54%;
width: 100%;
border-radius: 5px 5px 0 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.BlogPosts .card__img img {
border-radius: 5px;
background-color: #d8d8d8;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.BlogPosts .card__info {
flex: 0 1 100%;
padding: 30px 30px 30px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width: 768px) {
.BlogPosts .card__info {
flex: 0 1 68%;
padding: 30px 30px;
}
}
@media (min-width: 1250px) {
.BlogPosts .card__info {
flex: 0 1 58%;
padding: 30px 30px;
}
}
.BlogPosts .card__info .card__excerpt {
opacity: 0.6;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 23px;
margin-top: 12px;
}
.BlogPosts .card__info .read-more {
font: inherit;
background: 0 0;
border: 0;
margin: 0;
cursor: pointer;
padding: 0;
margin-top: 25px;
position: relative;
color: #424242;
font-family: "Satoshi Variable", "Satoshi";
font-size: 16px;
font-weight: 500;
line-height: 24px;
max-width: fit-content;
}
.BlogPosts .card__info .read-more:after {
content: '';
height: 2px;
display: block;
background-color: #0099ff;
width: 100%;
}
.BlogPosts .card__tags {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 10px;
font-weight: 500;
letter-spacing: 0.5px;
line-height: 13px;
text-transform: uppercase;
}
.BlogPosts .card__tags span {
display: inline-block;
margin-right: 5px;
}
.BlogPosts .card__tags span::after {
content: " | ";
margin-left: 2px;
}
.BlogPosts .card__tags span:last-child {
margin-right: 0;
}
.BlogPosts .card__tags span:last-child::after {
content: none;
}
.BlogPosts .card__title {
margin: 12px 0 0;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 24px;
font-weight: bold;
letter-spacing: 1.2px;
line-height: 32px;
}
.BlogPosts__cards {
background: transparent;
padding: 0 30px;
position: relative;
}
@media (min-width: 1400px) {
.BlogPosts__cards {
padding: 0;
}
}
.BlogPosts__card {
padding: 30px 0;
}
@media (min-width: 768px) {
.BlogPosts__card--list_item {
padding: 0;
}
.BlogPosts__card--list_item.post-1 {
width: 100%;
float: unset;
}
.BlogPosts__card--list_item.post-1 .BlogPosts__card-inner .card__img {
padding-bottom: 20%;
border-radius: 5px 0 0 5px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
flex: 0 1 30%;
}
.BlogPosts__card--list_item.post-1 .BlogPosts__card-inner .card__info {
padding-left: 20px;
padding-bottom: 20px;
padding-top: 25px;
}
.BlogPosts__card--list_item.post-2,
.BlogPosts__card--list_item.post-3,
.BlogPosts__card--list_item.post-4 {
width: 100%;
float: unset;
margin-bottom: 30px;
}
.BlogPosts__card--list_item.post-2 .BlogPosts__card-inner .card__img,
.BlogPosts__card--list_item.post-3 .BlogPosts__card-inner .card__img,
.BlogPosts__card--list_item.post-4 .BlogPosts__card-inner .card__img {
padding-bottom: 20%;
border-radius: 5px 0 0 5px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
flex: 0 1 30%;
}
.BlogPosts__card--list_item.post-2 .BlogPosts__card-inner .card__info,
.BlogPosts__card--list_item.post-3 .BlogPosts__card-inner .card__info,
.BlogPosts__card--list_item.post-4 .BlogPosts__card-inner .card__info {
padding-left: 20px;
padding-bottom: 20px;
padding-top: 25px;
}
.BlogPosts__card--list_item.post-2 .BlogPosts__card-inner .card__info .card__excerpt,
.BlogPosts__card--list_item.post-3 .BlogPosts__card-inner .card__info .card__excerpt,
.BlogPosts__card--list_item.post-4 .BlogPosts__card-inner .card__info .card__excerpt {
display: block;
}
.BlogPosts__card--list_item.post-2 .BlogPosts__card-inner .card__info .read-more,
.BlogPosts__card--list_item.post-3 .BlogPosts__card-inner .card__info .read-more,
.BlogPosts__card--list_item.post-4 .BlogPosts__card-inner .card__info .read-more {
display: block;
}
}
@media (min-width: 1250px) {
.BlogPosts__card--list_item {
padding: 0;
}
.BlogPosts__card--list_item.post-1 {
width: 65%;
float: left;
}
.BlogPosts__card--list_item.post-1 .BlogPosts__card-inner .card__img {
padding-bottom: 42.5%;
border-radius: 5px 0 0 5px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
flex: 0 1 41%;
}
.BlogPosts__card--list_item.post-1 .BlogPosts__card-inner .card__info {
padding-left: 30px;
padding-bottom: 20px;
padding-top: 25px;
}
.BlogPosts__card--list_item.post-2,
.BlogPosts__card--list_item.post-3,
.BlogPosts__card--list_item.post-4 {
width: 32.5%;
float: right;
margin-bottom: 30px;
margin-top: 0;
}
.BlogPosts__card--list_item.post-2 .BlogPosts__card-inner .card__img,
.BlogPosts__card--list_item.post-3 .BlogPosts__card-inner .card__img,
.BlogPosts__card--list_item.post-4 .BlogPosts__card-inner .card__img {
padding-bottom: 35%;
border-radius: 5px 0 0 5px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
flex: 0 1 36%;
}
.BlogPosts__card--list_item.post-2 .BlogPosts__card-inner .card__info,
.BlogPosts__card--list_item.post-3 .BlogPosts__card-inner .card__info,
.BlogPosts__card--list_item.post-4 .BlogPosts__card-inner .card__info {
padding-left: 20px;
padding-bottom: 20px;
padding-top: 25px;
flex: 0 1 64%;
}
.BlogPosts__card--list_item.post-2 .BlogPosts__card-inner .card__info .card__title,
.BlogPosts__card--list_item.post-3 .BlogPosts__card-inner .card__info .card__title,
.BlogPosts__card--list_item.post-4 .BlogPosts__card-inner .card__info .card__title {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 23px;
}
.BlogPosts__card--list_item.post-2 .BlogPosts__card-inner .card__info .card__excerpt,
.BlogPosts__card--list_item.post-3 .BlogPosts__card-inner .card__info .card__excerpt,
.BlogPosts__card--list_item.post-4 .BlogPosts__card-inner .card__info .card__excerpt {
display: none;
}
.BlogPosts__card--list_item.post-2 .BlogPosts__card-inner .card__info .read-more,
.BlogPosts__card--list_item.post-3 .BlogPosts__card-inner .card__info .read-more,
.BlogPosts__card--list_item.post-4 .BlogPosts__card-inner .card__info .read-more {
display: none;
}
}
.latestJobs .latestJobs__title {
font-size: 36px;
font-weight: bold;
letter-spacing: 1.2px;
line-height: 46px;
text-align: center;
margin-bottom: 14px;
}
.latestJobs .latestJobs__description {
font-size: 18px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 28px;
text-align: center;
margin: 0 auto;
margin-bottom: 50px;
}
.latestJobs .latestJobs-contents_card-buttonw.large--button {
text-align: center;
}
@media (min-width: 1250px) {
.latestJobs .latestJobs-contents_card-buttonw.large--button a {
width: 100%;
}
}
.latestJobs .latestJobs-contents_card-buttonw.large--button a:active {
top: 0 !important;
}
@media (min-width: 1250px) {
.latestJobs .latestJobs-contents_card-buttonw.large--button {
grid-column: 2 / span 1;
grid-row: span 1;
margin-bottom: -15px;
}
}
.latestJobs .post-2 .card__excerpt,
.latestJobs .post-3 .card__excerpt,
.latestJobs .post-4 .card__excerpt {
display: block;
}
.latestJobs .post-2 .read-more,
.latestJobs .post-3 .read-more,
.latestJobs .post-4 .read-more {
display: block;
}
.latestJobs .post-2 .card__title,
.latestJobs .post-3 .card__title,
.latestJobs .post-4 .card__title {
margin: 12px 0 0;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 24px;
font-weight: bold;
letter-spacing: 1.2px;
line-height: 32px;
}
.latestJobs .post-link:hover {
text-decoration: none;
}
.latestJobs .post-link:hover .card__title {
color: #0099ff !important;
text-decoration: none;
}
@media (min-width: 1250px) {
.latestJobs .card__info {
padding: 30px;
}
}
.latestJobs .card__info .card__excerpt {
opacity: 0.6;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 23px;
margin-top: 12px;
}
.latestJobs .card__info .read-more {
font: inherit;
background: 0 0;
border: 0;
margin: 0;
cursor: pointer;
padding: 0;
margin-top: 25px;
position: relative;
color: #424242;
font-family: "Satoshi Variable", "Satoshi";
font-size: 16px;
font-weight: 500;
line-height: 24px;
max-width: fit-content;
}
.latestJobs .card__info .read-more:after {
content: '';
height: 2px;
display: block;
background-color: #0099ff;
width: 100%;
}
.latestJobs .card__tags {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 10px;
font-weight: 500;
letter-spacing: 0.5px;
line-height: 13px;
text-transform: uppercase;
}
.latestJobs .card__tags span {
display: inline-block;
margin-right: 5px;
}
.latestJobs .card__tags span::after {
content: " | ";
margin-left: 2px;
}
.latestJobs .card__tags span:last-child {
margin-right: 0;
}
.latestJobs .card__tags span:last-child::after {
content: none;
}
.latestJobs .card__title {
margin: 12px 0 0;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 24px;
font-weight: bold;
letter-spacing: 1.2px;
line-height: 32px;
}
@media (min-width: 1250px) {
.latestJobs__cards {
padding: 0;
display: grid;
grid-template-columns: 65% 32.5%;
grid-template-rows: auto auto auto auto;
grid-gap: 15px;
grid-auto-flow: row;
align-items: stretch;
}
}
.latestJobs__card {
padding: 30px 0;
}
.latestJobs__card--list_item {
background-color: #f2f5fa;
border-radius: 5px;
padding: 30px;
margin-bottom: 20px;
}
@media (min-width: 1250px) {
.latestJobs__card--list_item {
padding: 0;
}
.latestJobs__card--list_item.post-1 {
margin-bottom: 0;
padding: 0;
grid-column: 1 / span 1;
grid-row: span 4;
display: flex;
justify-content: center;
align-items: center;
}
.latestJobs__card--list_item.post-1 .latestJobs__card-inner .card__info {
padding-left: 30px;
padding-bottom: 20px;
padding-top: 25px;
}
.latestJobs__card--list_item.post-2,
.latestJobs__card--list_item.post-3,
.latestJobs__card--list_item.post-4 {
margin-bottom: 0;
grid-column: 2 / span 1;
grid-row: span 1;
padding: 0;
}
.latestJobs__card--list_item.post-2 .latestJobs__card-inner .card__info,
.latestJobs__card--list_item.post-3 .latestJobs__card-inner .card__info,
.latestJobs__card--list_item.post-4 .latestJobs__card-inner .card__info {
padding-left: 20px;
padding-bottom: 20px;
padding-top: 25px;
}
.latestJobs__card--list_item.post-2 .latestJobs__card-inner .card__info .card__title,
.latestJobs__card--list_item.post-3 .latestJobs__card-inner .card__info .card__title,
.latestJobs__card--list_item.post-4 .latestJobs__card-inner .card__info .card__title {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 23px;
}
.latestJobs__card--list_item.post-2 .latestJobs__card-inner .card__info .card__excerpt,
.latestJobs__card--list_item.post-3 .latestJobs__card-inner .card__info .card__excerpt,
.latestJobs__card--list_item.post-4 .latestJobs__card-inner .card__info .card__excerpt {
display: none;
}
.latestJobs__card--list_item.post-2 .latestJobs__card-inner .card__info .read-more,
.latestJobs__card--list_item.post-3 .latestJobs__card-inner .card__info .read-more,
.latestJobs__card--list_item.post-4 .latestJobs__card-inner .card__info .read-more {
display: none;
}
}
.fl-module-bw-hero-row {
position: relative;
overflow: hidden;
}
.hero__row {
position: relative;
}
.hero__row-inner {
padding: 120px 30px 110px;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 2;
}
@media (min-width: 992px) {
.hero__row-inner {
padding: 200px 30px 110px;
}
}
@media (min-width: 1400px) {
.hero__row-inner {
padding: 160px 0 110px;
}
}
.hero__row-content {
flex: 0 1 100%;
margin-bottom: 50px;
}
@media (min-width: 768px) {
.hero__row-content {
flex: 0 1 45%;
margin-bottom: 30px;
}
}
@media (min-width: 1400px) {
.hero__row-content {
margin-top: 60px;
}
}
.hero__row-images {
flex: 0 1 100%;
position: relative;
}
@media (min-width: 768px) {
.hero__row-images {
transform: translateX(0);
flex: 0 1 44%;
}
}
@media (min-width: 1400px) {
.hero__row-images {
transform: translate(0, 50px);
}
}
.hero__row-title {
color: #ffffff;
margin: 0 0 12px;
font-family: "Satoshi Variable", "Satoshi";
font-size: 36px;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.2;
}
@media (min-width: 768px) {
.hero__row-title {
font-size: 64px;
font-weight: bold;
letter-spacing: 1px;
line-height: 83px;
}
}
.hero__row-info p {
color: rgba(255, 255, 255, 0.9);
opacity: 0.8;
color: #FFFFFF;
font-family: "Satoshi Variable", "Satoshi";
font-size: 18px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 28px;
}
.hero__row-btn {
display: inline-block;
margin-top: 20px;
}
.hero__row-btn .fl-button-icon:before {
top: -1px;
}
.hero__row-main-img {
border-radius: 8px;
display: block;
width: 100%;
height: auto;
margin: 0 auto;
opacity: 0;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
.hero__row-main-img {
object-fit: contain;
object-position: left center;
}
}
.hero__row .image-small {
border-radius: 8px;
max-width: 240px;
height: auto;
display: block;
position: absolute;
margin-left: auto;
margin-right: auto;
opacity: 0;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 380px) {
.hero__row .image-small {
max-width: 240px !important;
}
}
@media only screen and (min-width: 768px) {
.hero__row .image-small {
max-width: 300px;
}
}
.hero__row .image-small.hide-level-1 {
display: none;
}
@media (min-width: 1300px) {
.hero__row .image-small.hide-level-1 {
display: block;
}
}
.hero__row .image-small.hide-level-2 {
display: none;
}
@media (min-width: 992px) {
.hero__row .image-small.hide-level-2 {
display: block;
}
}
.hero__row .image-small.hide-level-3 {
display: none;
}
@media (min-width: 768px) {
.hero__row .image-small.hide-level-3 {
display: block;
}
}
.hero__row-svg {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: auto;
}
.hero__row .image-background {
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
background-position: top -350px center;
background-repeat: no-repeat;
}
@media (min-width: 768px) {
.hero__row .image-background {
background-position: bottom -35px center;
}
}
.hero__row .image-background .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.hero__row .hero__row-content.no-images {
margin-bottom: 40px;
}
@media (min-width: 768px) {
.hero__row .hero__row-content.no-images {
margin-bottom: 50px;
}
}
.hero__row .hero__row-content.no-images .hero__row-btn {
margin-bottom: 0;
}
.hero__row .hero__row-content.no-images .hero__row-btn .fl-button-icon:before {
top: -1px;
}
_:-ms-lang(x),
.hero__row-svg {
bottom: -245px;
}
@media (min-width: 1800px) {
_:-ms-lang(x),
.hero__row-svg {
bottom: -190px;
}
}
_:-ms-fullscreen,
:root .hero__row-svg {
bottom: -245px;
}
@media (min-width: 1800px) {
_:-ms-fullscreen,
:root .hero__row-svg {
bottom: -190px;
}
}
@media (min-width: 992px) {
.ProductVerticalSlider {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.ProductVerticalSlider .dots-container {
position: relative;
margin: 40px 0;
width: 15%;
}
@media (min-width: 992px) and (max-width: 1400px) {
.ProductVerticalSlider .dots-container {
padding: 0 0 0 30px;
}
}
@media (max-width: 991px) {
.ProductVerticalSlider .dots-container {
margin: 25px 0;
width: 100%;
}
}
.ProductVerticalSlider .dots-container .line-outer {
height: 100%;
width: 1px;
background-color: #D8D8D8;
position: absolute;
margin-left: 48px;
margin-right: 48px;
opacity: 1;
border-radius: 6px;
z-index: 1;
}
@media (min-width: 992px) {
.ProductVerticalSlider .dots-container .line-outer {
margin-left: 18px;
margin-right: 18px;
}
}
.ProductVerticalSlider .dots-container .line-outer .line-inner {
position: absolute;
width: 1px;
height: 0%;
background-color: #009AFF;
left: 0;
top: 20px;
bottom: 20px;
transition: width 400ms;
border-radius: 6px;
}
.ProductVerticalSlider .ProductVerticalSlider-carousel_wrapper {
width: 100%;
/* Feel free to change duration */
/* .owl-animated-out - only for current item */
/* This is very important class. Use z-index if you want move Out item above In item */
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */
}
@media (min-width: 992px) {
.ProductVerticalSlider .ProductVerticalSlider-carousel_wrapper {
width: 84%;
}
}
.ProductVerticalSlider .ProductVerticalSlider-carousel_wrapper .animated {
-webkit-animation-duration: 50ms;
animation-duration: 50ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ProductVerticalSlider .ProductVerticalSlider-carousel_wrapper .owl-animated-out {
z-index: 1;
}
.ProductVerticalSlider .ProductVerticalSlider-carousel_wrapper .owl-animated-in {
z-index: -1;
}
.ProductVerticalSlider .ProductVerticalSlider-carousel_dots {
counter-reset: dots;
position: relative;
z-index: 2;
}
@media (max-width: 991px) {
.ProductVerticalSlider .ProductVerticalSlider-carousel_dots {
padding: 0 30px;
}
}
.ProductVerticalSlider .ProductVerticalSlider-carousel_dots .owl-dot:last-child button:before {
margin: 0px 10px 0px 3px;
}
.ProductVerticalSlider .ProductVerticalSlider-carousel_dots .owl-dot button:before {
counter-increment: dots;
content: counter(dots);
display: inline-block;
margin: 0 10px 20px 3px;
width: 30px;
height: 30px;
text-align: center;
padding: 5px 6px;
font-size: 12px;
line-height: 18px;
color: #D8D8D8;
border: solid 1px #D8D8D8;
border-radius: 50%;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
background-color: #fff;
}
.ProductVerticalSlider .ProductVerticalSlider-carousel_dots .owl-dot.active button {
font-size: 14px;
font-weight: bold;
}
.ProductVerticalSlider .ProductVerticalSlider-carousel_dots .owl-dot.active button:before {
width: 36px;
height: 36px;
padding: 7px 6px;
font-size: 18px;
line-height: 21px;
margin: 0 10px 20px 0px;
}
.ProductVerticalSlider .ProductVerticalSlider-carousel_dots .owl-dot.active:last-child button:before {
margin: 0px 10px 0px 0px;
}
.ProductVerticalSlider .ProductVerticalSlider-carousel_dots .active button:before,
.ProductVerticalSlider .ProductVerticalSlider-carousel_dots .owl-dot button:hover:before {
background-color: #fff;
border: solid 1px #009AFF;
color: #009AFF;
}
.ProductVerticalSlider .ProductVerticalSlider-carousel_dots button {
margin: 0;
padding: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 11px;
letter-spacing: 0.5px;
line-height: 13px;
text-transform: uppercase;
}
.ProductVerticalSlider .ProductVerticalSlider-carousel_dots button:hover,
.ProductVerticalSlider .ProductVerticalSlider-carousel_dots button:active {
background-color: transparent;
border: none;
}
.ProductVerticalSlider .ProductVerticalSlider-carousel_dots button:focus {
top: 0;
}
.fl-module-bw-hero-row {
position: relative;
overflow: hidden;
}
.pv__slide {
position: relative;
}
.pv__slide-inner {
padding: 20px 30px 60px 30px;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 2;
}
@media (min-width: 1400px) {
.pv__slide-inner {
padding: 40px 0;
}
}
.pv__slide-content {
flex: 0 1 100%;
margin-bottom: 50px;
}
@media (min-width: 768px) {
.pv__slide-content {
flex: 0 1 45%;
margin-bottom: 30px;
}
}
@media (min-width: 1400px) {
.pv__slide-content {
margin-top: 60px;
}
}
.pv__slide-images {
flex: 0 1 100%;
position: relative;
}
@media (min-width: 768px) {
.pv__slide-images {
transform: translateX(0);
flex: 0 1 47.5%;
}
}
.pv__slide-title {
color: #222222;
margin: 0 0 12px;
font-family: "Satoshi Variable", "Satoshi";
font-size: 36px;
font-weight: bold;
letter-spacing: 1.2px;
line-height: 46px;
margin-bottom: 20px;
}
.pv__slide-info p {
color: rgba(255, 255, 255, 0.9);
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 18px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 28px;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.pv__slide-info p {
max-width: 400px;
}
}
.pv__slide-info li {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 18px;
font-weight: 500;
}
.pv__slide-btn:hover {
text-decoration: none;
}
.pv__slide-btn .link-text {
font: inherit;
background: 0 0;
border: 0;
cursor: pointer;
padding: 10px 0;
color: #424242;
font-family: "Satoshi Variable", "Satoshi";
font-size: 16px;
font-weight: 500;
line-height: 26px;
display: block;
}
.pv__slide-btn .link-text:after {
content: '';
height: 2px;
display: block;
background-color: #0099ff;
width: 100%;
}
.pv__slide-main-img {
border-radius: 8px;
display: block;
width: 100%;
height: auto;
margin: 0 auto;
opacity: 0;
}
@media (min-width: 768px) {
.pv__slide-main-img {
object-fit: contain;
object-position: left center;
}
}
.pv__slide .image-small {
border-radius: 8px;
max-width: 240px;
height: auto;
display: block;
position: absolute;
margin-left: auto;
margin-right: auto;
opacity: 0;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 380px) {
.pv__slide .image-small {
max-width: 240px !important;
}
}
@media only screen and (min-width: 768px) {
.pv__slide .image-small {
max-width: 300px;
}
}
.pv__slide .image-small.hide-level-1 {
display: none;
}
@media (min-width: 1300px) {
.pv__slide .image-small.hide-level-1 {
display: block;
}
}
.pv__slide .image-small.hide-level-2 {
display: none;
}
@media (min-width: 992px) {
.pv__slide .image-small.hide-level-2 {
display: block;
}
}
.pv__slide .image-small.hide-level-3 {
display: none;
}
@media (min-width: 768px) {
.pv__slide .image-small.hide-level-3 {
display: block;
}
}
.pv__slide .pv__slide-content.no-images {
margin-bottom: 40px;
}
@media (min-width: 768px) {
.pv__slide .pv__slide-content.no-images {
margin-bottom: 50px;
}
}
.pv__slide .pv__slide-content.no-images .pv__slide-btn {
margin-bottom: 0;
}
.SelectBlogPosts .post-2 {
margin-top: 30px;
}
.SelectBlogPosts .post-content .card__excerpt {
display: block;
}
.SelectBlogPosts .post-content .read-more {
display: block;
}
.SelectBlogPosts .post-content .card__title {
margin: 12px 0 0;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 24px;
font-weight: bold;
letter-spacing: 1.2px;
line-height: 32px;
}
.SelectBlogPosts__card-inner {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
width: 100%;
position: relative;
background-color: #f2f5fa;
border-radius: 5px;
}
@media (max-width: 767px) {
.SelectBlogPosts__card-inner {
flex-wrap: wrap;
}
}
.SelectBlogPosts .post-link:hover {
text-decoration: none;
}
.SelectBlogPosts .post-link:hover .card__title {
color: #0099ff !important;
text-decoration: none;
}
.SelectBlogPosts .card__img {
flex: 0 1 100%;
position: relative;
padding-bottom: 70%;
width: 100%;
border-radius: 5px 5px 0 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.SelectBlogPosts .card__img img {
border-radius: 5px;
background-color: #d8d8d8;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.SelectBlogPosts .card__info {
flex: 0 1 100%;
padding: 30px 30px 30px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width: 768px) {
.SelectBlogPosts .card__info {
flex: 0 1 68%;
padding: 30px 30px;
}
}
@media (min-width: 1200px) {
.SelectBlogPosts .card__info {
flex: 0 1 58%;
padding: 30px 30px;
}
}
.SelectBlogPosts .card__info .card__excerpt {
opacity: 0.6;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 23px;
margin-top: 12px;
}
.SelectBlogPosts .card__info .read-more {
margin-top: 15px;
color: #424242;
font-family: "Satoshi Variable", "Satoshi";
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
line-height: 24px;
max-width: 56px;
}
.SelectBlogPosts .card__info .read-more:after {
content: '';
height: 2px;
display: block;
background-color: #0099ff;
width: 100%;
}
.SelectBlogPosts .card__tags {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 10px;
font-weight: 500;
letter-spacing: 0.5px;
line-height: 13px;
text-transform: uppercase;
}
.SelectBlogPosts .card__tags span {
display: inline-block;
margin-right: 5px;
}
.SelectBlogPosts .card__tags span::after {
content: " | ";
margin-left: 2px;
}
.SelectBlogPosts .card__tags span:last-child {
margin-right: 0;
}
.SelectBlogPosts .card__tags span:last-child::after {
content: none;
}
.SelectBlogPosts .card__title {
margin: 12px 0 0;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 24px;
font-weight: bold;
letter-spacing: 1.2px;
line-height: 32px;
}
.SelectBlogPosts__cards {
background: transparent;
padding: 0;
}
@media only screen and (min-width: 993px) {
.SelectBlogPosts__cards {
padding-left: 20px;
}
}
.SelectBlogPosts__card {
padding: 30px 0;
}
@media (min-width: 768px) {
.SelectBlogPosts__card--list_item {
padding: 0;
}
.SelectBlogPosts__card--list_item.post-content {
width: 100%;
}
.SelectBlogPosts__card--list_item.post-content .SelectBlogPosts__card-inner .card__img {
padding-bottom: 35%;
border-radius: 5px 0 0 5px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
flex: 0 1 30%;
}
.SelectBlogPosts__card--list_item.post-content .SelectBlogPosts__card-inner .card__info {
padding-left: 20px;
padding-bottom: 20px;
padding-top: 25px;
}
.SelectBlogPosts__card--list_item.post-content .SelectBlogPosts__card-inner .card__info .card__excerpt {
display: block;
}
.SelectBlogPosts__card--list_item.post-content .SelectBlogPosts__card-inner .card__info .read-more {
display: block;
}
}
@media (min-width: 993px) {
.SelectBlogPosts__card--list_item {
padding: 0;
}
.SelectBlogPosts__card--list_item.post-content {
width: 100%;
}
.SelectBlogPosts__card--list_item.post-content .SelectBlogPosts__card-inner .card__img {
padding-bottom: 42%;
border-radius: 5px 0 0 5px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
flex: 0 1 36%;
}
.SelectBlogPosts__card--list_item.post-content .SelectBlogPosts__card-inner .card__info {
padding-left: 20px;
padding-bottom: 20px;
padding-top: 25px;
flex: 0 1 64%;
}
.SelectBlogPosts__card--list_item.post-content .SelectBlogPosts__card-inner .card__info .card__title {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 23px;
}
.SelectBlogPosts__card--list_item.post-content .SelectBlogPosts__card-inner .card__info .card__excerpt {
display: none;
}
.SelectBlogPosts__card--list_item.post-content .SelectBlogPosts__card-inner .card__info .read-more {
display: none;
}
}
.select-posts-wrapper .fl-row-content-wrap {
background-position: top -120px center !important;
background-color: #121212;
background-size: 100% !important;
}
@media (min-width: 993px) {
.select-posts-wrapper .fl-col-group {
display: flex;
align-items: center;
}
}
.select-posts-wrapper .fl-col-group .fl-rich-text p {
opacity: 0.8;
color: #FFFFFF;
font-family: "Satoshi Variable", "Satoshi";
font-size: 18px;
font-weight: 500;
letter-spacing: 1.3px;
line-height: 28px;
}
.SelectEvent {
padding: 0 30px;
}
@media only screen and (min-width: 1401px) {
.SelectEvent {
padding: 0;
}
}
.SelectEvent .post-2 {
margin-top: 30px;
margin-bottom: 30px;
}
@media only screen and (min-width: 993px) {
.SelectEvent .post-2 {
margin: 0;
}
}
.SelectEvent__event--title {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 30px;
font-weight: bold;
letter-spacing: 1.2px;
line-height: 46px;
margin-bottom: 42px;
}
@media only screen and (min-width: 381px) {
.SelectEvent__event--title {
font-size: 36px;
margin-bottom: 52px;
}
}
.SelectEvent__card-inner {
width: 100%;
background-color: #f2f5fa;
border-radius: 5px;
padding: 30px;
}
@media only screen and (min-width: 1200px) {
.SelectEvent__card-inner {
padding: 50px;
}
}
.SelectEvent .post-link:hover {
text-decoration: none;
}
.SelectEvent .post-link:hover .card__title {
color: #0099ff !important;
text-decoration: none;
}
.SelectEvent .card__img {
width: 30px;
margin-right: 12px;
}
.SelectEvent .card__img img {
display: block;
width: 30px;
height: 30px;
}
.SelectEvent .card__info .card__excerpt {
opacity: 0.6;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 25px;
margin-top: 19px;
}
.SelectEvent .card__info .read-more {
font: inherit;
background: 0 0;
border: 0;
margin: 0;
cursor: pointer;
padding: 0;
margin-top: 25px;
position: relative;
color: #424242;
font-family: "Satoshi Variable", "Satoshi";
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.SelectEvent .card__info .read-more:after {
content: '';
height: 2px;
display: block;
background-color: #0099ff;
width: 100%;
}
.SelectEvent .card__title {
margin-bottom: 17px;
margin-top: 0;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 18px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 24px;
display: flex;
}
.SelectEvent .card__title--inner {
padding-top: 6px;
}
.SelectEvent .card__event--start {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
letter-spacing: 1.2px;
line-height: 18px;
text-transform: uppercase;
}
.SelectEvent .card__event--location {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 10px;
letter-spacing: 0.5px;
line-height: 13px;
margin-top: 12px;
text-transform: uppercase;
}
.SelectEvent__cards {
background: transparent;
padding: 0;
}
@media only screen and (min-width: 993px) {
.SelectEvent__cards {
display: flex;
justify-content: space-between;
width: 100%;
align-items: baseline;
}
}
.SelectEvent__card {
padding: 30px 0;
}
@media (min-width: 993px) {
.SelectEvent__card--list_item {
padding: 0;
}
.SelectEvent__card--list_item.post-content {
width: 31.5%;
}
}
html.no-scroll,
body.no-scroll {
overflow: hidden;
}
.admin-bar .fl-builder-content[data-type="header"] {
top: 32px;
}
.fl-builder-content[data-type="header"] {
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 100;
}
.fl-builder-edit .siteheader {
position: relative;
}
.siteheader {
z-index: 888;
position: absolute;
left: 0;
width: 100%;
top: 0;
}
.siteheader a:hover,
.siteheader a:focus {
opacity: 1;
}
.siteheader .top-bar {
display: none;
}
@media (min-width: 1295px) {
.siteheader .top-bar {
display: -webkit-flex;
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}
}
.siteheader .top-bar .siteheader__secondary-nav {
width: 100%;
max-width: 1240px;
margin: 0 auto;
}
.siteheader .top-bar .siteheader__secondary-nav .secondary-nav-items {
display: flex;
flex-flow: row;
justify-content: right;
}
.siteheader .top-bar .siteheader__secondary-nav .secondary-nav-items > .menu-item.menu-item-has-children a:after {
content: '';
display: inline-block;
width: 0;
height: 0;
margin-left: 7px;
vertical-align: middle;
border-top: 2px dashed;
border-right: 2px solid transparent;
border-left: 2px solid transparent;
margin-top: -1px;
}
.siteheader .top-bar .siteheader__secondary-nav .secondary-nav-items > .menu-item.menu-item-has-children .sub-menu a:after {
content: none;
}
.siteheader .top-bar .siteheader__secondary-nav .secondary-nav-items > .menu-item.user-login a {
padding-bottom: 0;
}
.siteheader .top-bar .siteheader__secondary-nav .secondary-nav-items > .menu-item.user-login a:after {
content: none;
}
@media (min-width: 1295px) {
.siteheader .top-bar .siteheader__secondary-nav .secondary-nav-items > .menu-item:hover > a::after {
opacity: 1;
visibility: visible;
}
}
.siteheader .top-bar .siteheader__secondary-nav .secondary-nav-items > .menu-item > a {
padding: 10px 6px 10px;
font-family: "Satoshi Variable", "Satoshi";
font-size: 10px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 13px;
text-transform: uppercase;
position: relative;
}
@media (min-width: 1295px) {
.siteheader .top-bar .siteheader__secondary-nav .secondary-nav-items > .menu-item > a::after {
opacity: 0;
visibility: visible;
transition-property: opacity, visibility;
transition-timing-function: ease-in-out;
transition-duration: 0.25s;
content: '';
position: absolute;
left: 0;
bottom: -2.5px;
width: 100%;
height: 4px;
background-color: #0099FF;
border-radius: 10px;
}
}
.siteheader .top-bar .siteheader__secondary-nav .secondary-nav-items > .menu-item > a .menu-image-title-after.menu-image-title {
padding-left: 0;
}
.siteheader .top-bar .siteheader__secondary-nav .secondary-nav-items > .menu-item > a .after-menu-image-icons {
top: -8px;
right: -1px;
position: relative;
}
.siteheader .top-bar .siteheader__secondary-nav .secondary-nav-items > .menu-item > a .after-menu-image-icons:before {
width: 10px;
height: 10px;
font-size: 10px;
}
.siteheader .siteheader__header {
position: relative;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 1295px) {
.siteheader .siteheader__header {
padding-left: 50px;
padding-right: 40px;
}
}
.siteheader .siteheader__header .siteheader__header-inner {
margin: 0 auto;
max-width: 1240px;
display: flex;
flex-flow: row;
justify-content: space-between;
align-items: center;
}
.siteheader .siteheader__header .siteheader__brand {
order: 2;
}
@media (min-width: 1295px) {
.siteheader .siteheader__header .siteheader__brand {
order: 1;
}
}
.siteheader .siteheader__header .siteheader__primary-nav {
order: 1;
}
@media (min-width: 1295px) {
.siteheader .siteheader__header .siteheader__primary-nav {
order: 2;
}
}
.siteheader .siteheader__header .siteheader__secondary-nav {
order: 3;
}
@media (min-width: 1295px) {
.siteheader .siteheader__header .siteheader__secondary-nav {
order: 3;
}
}
.siteheader .siteheader__header .siteheader__subnav-nav {
background-color: rgba(255, 255, 255, 0.1);
padding: 10px 0;
margin-left: -20px;
margin-right: -20px;
display: none;
}
.siteheader .siteheader__header .siteheader__subnav-nav,
.siteheader .siteheader__header .siteheader__subnav-nav * {
transition: all 0.3s;
}
@media (min-width: 1295px) {
.siteheader .siteheader__header .siteheader__subnav-nav {
display: block;
}
}
.siteheader .siteheader__header .siteheader__subnav-nav ul.subnav-nav-items {
padding: 0;
margin: 0;
list-style-type: none;
display: flex;
justify-content: center;
align-items: center;
}
.siteheader .siteheader__header .siteheader__subnav-nav ul.subnav-nav-items .menu-item {
margin: 0 15px;
}
.siteheader .siteheader__header .siteheader__subnav-nav ul.subnav-nav-items .menu-item a {
display: block;
color: #FFFFFF;
font-family: "Satoshi Variable", "Satoshi";
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
line-height: 18px;
text-transform: uppercase;
opacity: 1;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.siteheader .siteheader__header .siteheader__subnav-nav ul.subnav-nav-items .menu-item a.hover {
opacity: 0.3;
}
.siteheader .siteheader__notice {
background-color: #0099FF;
padding: 10px 4px;
display: none;
}
.siteheader .siteheader__notice .siteheader__notice-inner .site-notice {
text-align: center;
}
@media (min-width: 1150px) {
.siteheader .siteheader__notice .siteheader__notice-inner .site-notice {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
text-align: center;
max-width: 1294px;
margin: 0 auto;
padding: 0 30px;
}
}
.siteheader .siteheader__notice .siteheader__notice-inner .site-notice-title {
margin-top: 0;
margin-bottom: 0;
opacity: 0.9;
color: #FFFFFF;
font-family: "Satoshi Variable", "Satoshi";
font-size: 18px;
font-weight: 500;
letter-spacing: 1px;
line-height: 22px;
padding: 0 20px;
}
@media (min-width: 1150px) {
.siteheader .siteheader__notice .siteheader__notice-inner .site-notice-title {
text-align: left;
padding: 0;
}
}
.siteheader .siteheader__notice .siteheader__notice-inner .site-notice-description {
margin-top: 0;
opacity: 0.9;
color: #FFFFFF;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
line-height: 22px;
}
@media (min-width: 1150px) {
.siteheader .siteheader__notice .siteheader__notice-inner .site-notice-description {
text-align: left;
max-width: 700px;
}
}
.siteheader .siteheader__notice .siteheader__notice-inner .site-notice-btn {
margin-top: 5px;
margin-bottom: 5px;
}
.siteheader .siteheader__notice .siteheader__notice-inner .site-notice-btn a {
font-size: 14px !important;
padding: 10px 20px!important;
}
.siteheader .siteheader__notice .siteheader__notice-inner .site-notice-btn a i {
top: -3px;
position: relative;
}
.siteheader .siteheader__notice .siteheader__notice-inner .site-notice-btn a:hover,
.siteheader .siteheader__notice .siteheader__notice-inner .site-notice-btn a:active,
.siteheader .siteheader__notice .siteheader__notice-inner .site-notice-btn a:focus {
top: 0 !important;
}
.siteheader .siteheader__notice .siteheader__notice-inner .chkIcon {
color: #FFFFFF;
font-size: 8px;
height: 16px;
width: 16px;
margin-left: 10px;
position: absolute;
top: 6%;
right: 2%;
cursor: pointer;
}
@media (min-width: 1150px) {
.siteheader .siteheader__notice .siteheader__notice-inner .chkIcon {
top: 13%;
right: 1%;
}
}
.siteheader .siteheader__notice .siteheader__notice-inner .chkIcon:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.siteheader .siteheader__notice .siteheader__notice-inner .chkIcon:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 16px;
height: 16px;
border-radius: 50%;
opacity: 0.5;
background-color: #FFFFFF;
}
.siteheader .siteheader__brand {
display: block;
max-width: 110px;
height: auto;
margin-left: 20px;
margin-right: 20px;
}
@media (min-width: 768px) {
.siteheader .siteheader__brand {
max-width: 172px;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__brand {
margin-right: 34px;
margin-left: 0;
}
}
.siteheader .siteheader__brand .siteheader__brand-link {
display: block;
}
.siteheader .siteheader__brand .siteheader__brand-img {
width: 300px;
height: auto;
display: block;
}
.siteheader .hamburger {
position: relative;
min-width: 56px;
padding: 24px 0;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
@media (min-width: 768px) {
.siteheader .hamburger {
padding: 36px 0px;
}
}
.siteheader .hamburger:focus,
.siteheader .hamburger:active {
top: auto;
}
.siteheader .hamburger:hover {
opacity: 1;
}
.siteheader .hamburger.is-active:hover {
opacity: 1;
}
.siteheader .hamburger-box {
width: 15px;
height: 12px;
display: block;
position: relative;
margin: 0 0 0 10px;
}
.siteheader .hamburger-inner {
display: block;
top: 50%;
margin-top: -1px;
}
.siteheader .hamburger-inner,
.siteheader .hamburger-inner::before,
.siteheader .hamburger-inner::after {
width: 15px;
height: 2px;
background-color: #ffffff;
border-radius: 0px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.siteheader .hamburger-inner::before,
.siteheader .hamburger-inner::after {
content: '';
display: block;
}
.siteheader .hamburger-inner::before {
top: -5px;
}
.siteheader .hamburger-inner::after {
bottom: -5px;
}
.siteheader .hamburger--slider .hamburger-inner {
top: 1px;
}
.siteheader .hamburger--slider .hamburger-inner::before {
top: 5px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.siteheader .hamburger--slider .hamburger-inner::after {
top: 10px;
}
.siteheader .hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 5px, 0) rotate(45deg);
}
.siteheader .hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-2.14285714px, -3px, 0);
opacity: 0;
}
.siteheader .hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-90deg);
}
.siteheader .siteheader__header {
background-color: transparent;
transition-property: background-color;
transition-timing-function: ease-in-out;
transition-duration: 0.25s;
border-bottom: 1px solid transparent;
}
.siteheader .siteheader__header.top-bar.siteheader--on-white,
.siteheader .siteheader__header.top-bar.siteheader--active-white,
.siteheader .siteheader__header.top-bar.siteheader--white,
.siteheader .siteheader__header.top-bar.siteheader--scroll-white {
background-color: #F2F5FA;
}
.siteheader .siteheader__header.top-bar.siteheader--on-white .secondary-nav-items > .menu-item.wpml-ls-item.wpml-ls-menu-item:before,
.siteheader .siteheader__header.top-bar.siteheader--active-white .secondary-nav-items > .menu-item.wpml-ls-item.wpml-ls-menu-item:before,
.siteheader .siteheader__header.top-bar.siteheader--white .secondary-nav-items > .menu-item.wpml-ls-item.wpml-ls-menu-item:before,
.siteheader .siteheader__header.top-bar.siteheader--scroll-white .secondary-nav-items > .menu-item.wpml-ls-item.wpml-ls-menu-item:before {
color: #222222;
}
.siteheader .siteheader__header.siteheader--on-white,
.siteheader .siteheader__header.siteheader--active-white,
.siteheader .siteheader__header.siteheader--white,
.siteheader .siteheader__header.siteheader--scroll-white {
background-color: #ffffff;
border-bottom: 1px solid #EBEBEB;
}
.siteheader .siteheader__header.siteheader--on-white .siteheader__brand-img--white,
.siteheader .siteheader__header.siteheader--active-white .siteheader__brand-img--white,
.siteheader .siteheader__header.siteheader--white .siteheader__brand-img--white,
.siteheader .siteheader__header.siteheader--scroll-white .siteheader__brand-img--white {
display: none;
}
.siteheader .siteheader__header.siteheader--on-white .siteheader__brand-img--color,
.siteheader .siteheader__header.siteheader--active-white .siteheader__brand-img--color,
.siteheader .siteheader__header.siteheader--white .siteheader__brand-img--color,
.siteheader .siteheader__header.siteheader--scroll-white .siteheader__brand-img--color {
display: block;
}
.siteheader .siteheader__header.siteheader--on-white .siteheader__primary-nav .primary-nav-items > .menu-item.wpml-ls-item.wpml-ls-menu-item:before,
.siteheader .siteheader__header.siteheader--active-white .siteheader__primary-nav .primary-nav-items > .menu-item.wpml-ls-item.wpml-ls-menu-item:before,
.siteheader .siteheader__header.siteheader--white .siteheader__primary-nav .primary-nav-items > .menu-item.wpml-ls-item.wpml-ls-menu-item:before,
.siteheader .siteheader__header.siteheader--scroll-white .siteheader__primary-nav .primary-nav-items > .menu-item.wpml-ls-item.wpml-ls-menu-item:before {
color: #222222;
}
.siteheader .siteheader__header.siteheader--on-white .siteheader__primary-nav .primary-nav-items > .menu-item > a,
.siteheader .siteheader__header.siteheader--active-white .siteheader__primary-nav .primary-nav-items > .menu-item > a,
.siteheader .siteheader__header.siteheader--white .siteheader__primary-nav .primary-nav-items > .menu-item > a,
.siteheader .siteheader__header.siteheader--scroll-white .siteheader__primary-nav .primary-nav-items > .menu-item > a {
color: #8e8e8e;
}
.siteheader .siteheader__header.siteheader--on-white .siteheader__primary-nav .primary-nav-items > .menu-item > a .caret,
.siteheader .siteheader__header.siteheader--active-white .siteheader__primary-nav .primary-nav-items > .menu-item > a .caret,
.siteheader .siteheader__header.siteheader--white .siteheader__primary-nav .primary-nav-items > .menu-item > a .caret,
.siteheader .siteheader__header.siteheader--scroll-white .siteheader__primary-nav .primary-nav-items > .menu-item > a .caret {
opacity: 0;
visibility: hidden;
}
@media (min-width: 1295px) {
.siteheader .siteheader__header.siteheader--on-white .siteheader__primary-nav .primary-nav-items > .menu-item > a .caret,
.siteheader .siteheader__header.siteheader--active-white .siteheader__primary-nav .primary-nav-items > .menu-item > a .caret,
.siteheader .siteheader__header.siteheader--white .siteheader__primary-nav .primary-nav-items > .menu-item > a .caret,
.siteheader .siteheader__header.siteheader--scroll-white .siteheader__primary-nav .primary-nav-items > .menu-item > a .caret {
opacity: 1;
visibility: visible;
}
}
.siteheader .siteheader__header.siteheader--on-white .siteheader__secondary-nav .secondary-nav-items > .menu-item > a,
.siteheader .siteheader__header.siteheader--active-white .siteheader__secondary-nav .secondary-nav-items > .menu-item > a,
.siteheader .siteheader__header.siteheader--white .siteheader__secondary-nav .secondary-nav-items > .menu-item > a,
.siteheader .siteheader__header.siteheader--scroll-white .siteheader__secondary-nav .secondary-nav-items > .menu-item > a,
.siteheader .siteheader__header.siteheader--on-white .siteheader__secondary-nav .secondary-nav-items > .menu-item > button,
.siteheader .siteheader__header.siteheader--active-white .siteheader__secondary-nav .secondary-nav-items > .menu-item > button,
.siteheader .siteheader__header.siteheader--white .siteheader__secondary-nav .secondary-nav-items > .menu-item > button,
.siteheader .siteheader__header.siteheader--scroll-white .siteheader__secondary-nav .secondary-nav-items > .menu-item > button {
color: #183B56;
}
.siteheader .siteheader__header.siteheader--on-white .siteheader__secondary-nav .secondary-nav-items > .button-blue > a,
.siteheader .siteheader__header.siteheader--active-white .siteheader__secondary-nav .secondary-nav-items > .button-blue > a,
.siteheader .siteheader__header.siteheader--white .siteheader__secondary-nav .secondary-nav-items > .button-blue > a,
.siteheader .siteheader__header.siteheader--scroll-white .siteheader__secondary-nav .secondary-nav-items > .button-blue > a {
border: 1px solid #121212;
background: #121212;
color: #FFFFFF !important;
transition: 0.3s ease-in-out !important;
}
.siteheader .siteheader__header.siteheader--on-white .siteheader__secondary-nav .secondary-nav-items > .button-blue > a:hover,
.siteheader .siteheader__header.siteheader--active-white .siteheader__secondary-nav .secondary-nav-items > .button-blue > a:hover,
.siteheader .siteheader__header.siteheader--white .siteheader__secondary-nav .secondary-nav-items > .button-blue > a:hover,
.siteheader .siteheader__header.siteheader--scroll-white .siteheader__secondary-nav .secondary-nav-items > .button-blue > a:hover {
background: #ffffff;
border: 1px solid #121212;
color: #121212 !important;
}
@media (max-width: 1294px) {
.siteheader .siteheader__header.siteheader--on-white .siteheader__secondary-nav .secondary-nav-items > .button-blue > a:hover,
.siteheader .siteheader__header.siteheader--active-white .siteheader__secondary-nav .secondary-nav-items > .button-blue > a:hover,
.siteheader .siteheader__header.siteheader--white .siteheader__secondary-nav .secondary-nav-items > .button-blue > a:hover,
.siteheader .siteheader__header.siteheader--scroll-white .siteheader__secondary-nav .secondary-nav-items > .button-blue > a:hover {
background: #121212;
color: #ffffff !important;
border: 1px solid #121212;
box-shadow: 0 0 10px 0 rgba(18, 18, 18, 0.5);
}
}
.siteheader .siteheader__header.siteheader--on-white .hamburger--slider .hamburger-inner,
.siteheader .siteheader__header.siteheader--active-white .hamburger--slider .hamburger-inner,
.siteheader .siteheader__header.siteheader--white .hamburger--slider .hamburger-inner,
.siteheader .siteheader__header.siteheader--scroll-white .hamburger--slider .hamburger-inner,
.siteheader .siteheader__header.siteheader--on-white .hamburger--slider .hamburger-inner::before,
.siteheader .siteheader__header.siteheader--active-white .hamburger--slider .hamburger-inner::before,
.siteheader .siteheader__header.siteheader--white .hamburger--slider .hamburger-inner::before,
.siteheader .siteheader__header.siteheader--scroll-white .hamburger--slider .hamburger-inner::before,
.siteheader .siteheader__header.siteheader--on-white .hamburger--slider .hamburger-inner::after,
.siteheader .siteheader__header.siteheader--active-white .hamburger--slider .hamburger-inner::after,
.siteheader .siteheader__header.siteheader--white .hamburger--slider .hamburger-inner::after,
.siteheader .siteheader__header.siteheader--scroll-white .hamburger--slider .hamburger-inner::after {
background-color: #183B56;
}
.siteheader .siteheader__header.siteheader--on-white .siteheader__subnav-nav,
.siteheader .siteheader__header.siteheader--active-white .siteheader__subnav-nav,
.siteheader .siteheader__header.siteheader--white .siteheader__subnav-nav,
.siteheader .siteheader__header.siteheader--scroll-white .siteheader__subnav-nav {
background-color: #EFF7FF;
}
.siteheader .siteheader__header.siteheader--on-white .siteheader__subnav-nav ul.subnav-nav-items .menu-item a,
.siteheader .siteheader__header.siteheader--active-white .siteheader__subnav-nav ul.subnav-nav-items .menu-item a,
.siteheader .siteheader__header.siteheader--white .siteheader__subnav-nav ul.subnav-nav-items .menu-item a,
.siteheader .siteheader__header.siteheader--scroll-white .siteheader__subnav-nav ul.subnav-nav-items .menu-item a {
color: #183B56;
}
.siteheader .siteheader__header.siteheader--has-subnav {
border-bottom: none;
}
.siteheader .siteheader__header .siteheader__brand-img--white {
display: block;
}
.siteheader .siteheader__header .siteheader__brand-img--color {
display: none;
}
.siteheader .siteheader__primary-nav ul,
.siteheader .siteheader__secondary-nav ul {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
}
.siteheader .siteheader__primary-nav ul.submenu li:last-child,
.siteheader .siteheader__secondary-nav ul.submenu li:last-child {
margin-bottom: 0;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav ul.submenu li:last-child,
.siteheader .siteheader__secondary-nav ul.submenu li:last-child {
margin-bottom: 40px;
}
}
.siteheader .siteheader__primary-nav ul.submenu li a,
.siteheader .siteheader__secondary-nav ul.submenu li a {
padding: 10px 0;
text-decoration: none;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav ul.submenu li a,
.siteheader .siteheader__secondary-nav ul.submenu li a {
padding: 15px 0;
}
}
.siteheader .siteheader__primary-nav ul li,
.siteheader .siteheader__secondary-nav ul li {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
}
.siteheader .siteheader__primary-nav ul li a,
.siteheader .siteheader__secondary-nav ul li a {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 16px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 21px;
text-decoration: none;
}
.siteheader .siteheader__primary-nav .top-bar-mob,
.siteheader .siteheader__secondary-nav .top-bar-mob {
display: block;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .top-bar-mob,
.siteheader .siteheader__secondary-nav .top-bar-mob {
display: none;
}
}
.siteheader .siteheader__primary-nav .button-blue,
.siteheader .siteheader__secondary-nav .button-blue {
padding: 12px 0;
}
.siteheader .siteheader__primary-nav .button-blue > a,
.siteheader .siteheader__secondary-nav .button-blue > a {
font-family: "Satoshi Variable", "Satoshi";
padding: 0;
border: 1px solid #fff;
border-radius: 5px;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
transition: 0.3s ease-in-out !important;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .button-blue > a,
.siteheader .siteheader__secondary-nav .button-blue > a {
padding: 12px 22px!important;
}
}
@media (max-width: 1294px) {
.siteheader .siteheader__primary-nav .button-blue > a,
.siteheader .siteheader__secondary-nav .button-blue > a {
padding: 12px 22px!important;
display: block;
max-width: 180px;
width: 100%;
margin: 0 auto;
background: #121212;
border: 1px solid #121212;
color: #ffffff !important;
opacity: 1 !important;
text-transform: none !important;
font-size: 14px !important;
}
}
.siteheader .siteheader__primary-nav .button-blue > a:hover,
.siteheader .siteheader__secondary-nav .button-blue > a:hover {
background: #FFFFFF;
color: #121212 !important;
box-shadow: 0 0 10px 0 rgba(18, 18, 18, 0.5);
}
@media (max-width: 1294px) {
.siteheader .siteheader__primary-nav .button-blue > a:hover:hover,
.siteheader .siteheader__secondary-nav .button-blue > a:hover:hover {
background: #121212;
color: #ffffff !important;
border: 1px solid #121212;
box-shadow: 0 0 10px 0 rgba(18, 18, 18, 0.5);
}
}
.siteheader .siteheader__primary-nav .hamburger {
display: block;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .hamburger {
display: none;
}
}
.siteheader .siteheader__primary-nav .primary-nav-items-wrap {
display: block;
}
.siteheader .siteheader__primary-nav .primary-nav-items-wrap .primary-nav-items.mobile-header sub,
.siteheader .siteheader__primary-nav .primary-nav-items-wrap .primary-nav-items.mobile-header sup {
font-size: 55%;
top: -7px;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .primary-nav-items-wrap .primary-nav-items.mobile-header {
display: none !important;
}
}
@media (max-width: 1294px) {
.siteheader .siteheader__primary-nav .primary-nav-items-wrap .primary-nav-items.desktop-header {
display: none !important;
}
}
@media (max-width: 1294px) {
.siteheader .siteheader__primary-nav .primary-nav-items-wrap {
display: none;
padding-top: 10px;
padding-bottom: 10px;
background-color: #fff;
position: absolute;
top: 100%;
width: auto;
left: 0;
height: calc(100vh - 50px);
overflow-y: auto;
}
}
@media (max-width: 767px) {
.siteheader .siteheader__primary-nav .primary-nav-items-wrap {
width: 100%;
}
}
.siteheader .siteheader__primary-nav .primary-nav-items {
display: flex;
flex-direction: column;
height: 100%;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .primary-nav-items {
height: auto;
flex-direction: row;
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item.wpml-ls-item.wpml-ls-menu-item {
position: relative;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item.wpml-ls-item.wpml-ls-menu-item {
display: none;
}
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item.wpml-ls-item.wpml-ls-menu-item .tit {
display: none;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item.wpml-ls-item.wpml-ls-menu-item:before {
content: "\f11f";
font-family: dashicons;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 10px;
height: 10px;
font-size: 10px;
vertical-align: top;
text-align: center;
transition: color 0.1s ease-in;
color: #fff;
position: absolute;
bottom: 11px;
left: 4px;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item:hover > a::after,
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item:hover > a::before {
opacity: 1 !important;
visibility: visible !important;
transition-delay: .4s !important;
}
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item > a {
flex: 1;
text-decoration: none;
display: inline-block;
padding: 13px 20px;
color: #ffffff;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 600;
letter-spacing: 1.2px;
line-height: 23px;
position: relative;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item > a {
padding: 21px 10px 20px;
}
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item > a .caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 3px;
vertical-align: middle;
border-top: 2.5px dashed;
border-right: 2.5px solid transparent;
border-left: 2.5px solid transparent;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item > a::after {
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-timing-function: ease-in-out;
transition-duration: 0.25s;
content: '';
position: absolute;
left: 0;
bottom: -2.5px;
width: 100%;
height: 4px;
background-color: #0099FF;
border-radius: 10px;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item.menu-item-has-children > a::before {
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-timing-function: ease-in-out;
transition-duration: 0.25s;
content: url("../../themes/beaverwarrior/assets/icons/up_arrow_icon.svg");
position: absolute;
left: 50%;
bottom: -10px;
transform: translateX(-50%);
width: 100%;
height: 4px;
padding: 15px 40%;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item.menu-item-has-children > a::after {
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-timing-function: ease-in-out;
transition-duration: 0.25s;
content: '';
position: absolute;
left: 0;
bottom: -14.5px;
width: 100%;
height: 4px;
background-color: transparent;
border-radius: 10px;
}
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item > .sub-menu-toggle {
border: 0;
padding: 0;
background-color: transparent;
position: relative;
width: 40px;
height: 35px;
vertical-align: middle;
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item > .sub-menu-toggle:focus,
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item > .sub-menu-toggle:active {
top: auto;
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item > .sub-menu-toggle:hover {
color: #121212;
}
@media (min-width: 768px) {
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item > .sub-menu-toggle {
width: 50px;
height: 30px;
padding: 0 20px;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item > .sub-menu-toggle {
display: none;
}
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item > .sub-menu-toggle.is-active {
cursor: pointer;
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item > .sub-menu-toggle.is-active .caret {
transform: rotate(180deg);
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item > .sub-menu-toggle .fa-arrow-right {
display: none;
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item.button-blue {
margin-top: auto;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 30px;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item.button-blue {
display: none;
}
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu a .caret {
display: none;
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle {
border: 0;
padding: 0;
background-color: transparent;
position: relative;
width: 40px;
height: 30px;
padding: 5px 10px;
vertical-align: middle;
top: -4px;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle {
top: -7px;
}
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle:focus,
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle:active {
top: -4px;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle:focus,
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle:active {
top: -7px;
}
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle .fa-arrow-right {
color: #0099FF;
transition: transform .4s ease;
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle .fa-arrow-right:before {
font-size: 12px;
}
@media screen and (max-width: 1295px) {
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle .fa-arrow-right {
transform: rotate(90deg);
}
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle.is-active {
cursor: pointer;
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle.is-active .icon:before {
transform: rotate(90deg);
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle.is-active .icon:after {
transform: rotate(180deg);
}
@media screen and (max-width: 1295px) {
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle.is-active .fa-arrow-right {
transform: rotate(-90deg);
}
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle .icon {
width: 100%;
height: 100%;
display: block;
position: relative;
/* Vertical line */
/* horizontal line */
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle .icon:before,
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle .icon:after {
content: "";
position: absolute;
background-color: #183B56;
transition: transform 0.25s ease-out;
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle .icon:before {
top: 0;
left: 50%;
width: 2px;
height: 100%;
margin-left: -1px;
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle .icon:after {
top: 50%;
left: 0;
width: 100%;
height: 2px;
margin-top: -1px;
}
.siteheader .siteheader__primary-nav .primary-nav-items > .menu-item .submenu .sub-menu-toggle .caret {
display: none;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .menu-item-has-children:hover > .wrapper-sub-menu {
opacity: 1;
visibility: visible;
}
}
@media only screen and (min-width: 1401px) and (max-width: 1920px) {
.siteheader .siteheader__primary-nav .menu-item-has-children.regular-menu .wrapper-sub-menu {
left: 53%;
}
}
@media only screen and (min-width: 1295px) and (max-width: 1400px) {
.siteheader .siteheader__primary-nav .menu-item-has-children.regular-menu .wrapper-sub-menu {
left: 54%;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .menu-item-has-children.regular-menu .wrapper-sub-menu {
opacity: 0;
visibility: hidden;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .menu-item-has-children.regular-menu:hover > .wrapper-sub-menu {
opacity: 1;
visibility: visible;
}
}
@media screen and (min-width: 1294px) {
.siteheader .siteheader__primary-nav .menu-item-has-children .wrapper-sub-menu .menu-item-has-children:hover .sub-menu-toggle .fa-arrow-right {
transform: translateX(12px);
}
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu {
transition-property: opacity, visibility;
transition-timing-function: ease-in-out;
transition-duration: 0.25s;
transition-delay: 200ms;
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_1 {
transition-property: opacity, visibility;
transition-timing-function: ease-in-out;
transition-duration: .5s;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_1 {
opacity: 0;
transition-delay: 200ms;
transition: opacity .6s;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_1.active {
opacity: 1 !important;
visibility: visible !important;
transition: opacity .6s;
pointer-events: all;
}
}
@media (max-width: 1294px) {
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0 {
display: none;
width: 100%;
min-width: 100%;
padding: 0px 30px 20px;
}
}
@media screen and (min-width: 1295px) {
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0 {
max-height: 450px !important;
}
}
@media (min-width: 1295px) and (max-width: 1441px) {
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0 {
padding: 0 0 0 30px;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0 {
opacity: 0;
visibility: hidden;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
z-index: -1;
padding: 30px 30px 0;
padding-bottom: 20px !important;
border-radius: 10px;
background-color: #ffffff;
position: absolute;
top: 120%;
display: none;
overflow: hidden;
/* Buttons */
/* Up */
/* Down */
/* Left */
/* Right */
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-corner,
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-track {
background-color: #404040;
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-thumb {
background-color: #606060;
background-clip: padding-box;
border: 2px solid transparent;
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-thumb:hover {
background-color: #707070;
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-thumb:active {
background-color: #808080;
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-button:single-button {
background-color: #404040;
display: block;
background-size: 10px;
background-repeat: no-repeat;
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-button:single-button:vertical:decrement {
height: 12px;
width: 12px;
background-position: center 4px;
background-image: url("data:image/svg+xml;utf8,");
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
background-image: url("data:image/svg+xml;utf8,");
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0 ::-webkit-scrollbar-button:single-button:vertical:decrement:active {
background-image: url("data:image/svg+xml;utf8,");
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-button:single-button:vertical:increment {
height: 12px;
width: 12px;
background-position: center 2px;
background-image: url("data:image/svg+xml;utf8,");
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-button:single-button:vertical:increment:hover {
background-image: url("data:image/svg+xml;utf8,");
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-button:single-button:vertical:increment:active {
background-image: url("data:image/svg+xml;utf8,");
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-button:single-button:horizontal:decrement {
height: 12px;
width: 12px;
background-position: 3px 3px;
background-image: url("data:image/svg+xml;utf8,");
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
background-image: url("data:image/svg+xml;utf8,");
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
background-image: url("data:image/svg+xml;utf8,");
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-button:single-button:horizontal:increment {
height: 12px;
width: 12px;
background-position: 3px 3px;
background-image: url("data:image/svg+xml;utf8,");
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
background-image: url("data:image/svg+xml;utf8,");
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu.depth_0::-webkit-scrollbar-button:single-button:horizontal:increment:active {
background-image: url("data:image/svg+xml;utf8,");
}
}
@media (max-width: 1294px) {
.siteheader .siteheader__primary-nav .wrapper-sub-menu {
display: none;
width: 100%;
min-width: 100%;
padding: 0px 30px 20px;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .wrapper-sub-menu {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
opacity: 0;
visibility: hidden;
z-index: -1;
padding: 40px 50px 0;
background-color: #ffffff;
position: absolute;
top: 100%;
}
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu .disable-link a {
cursor: unset;
opacity: 0.6;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 22px;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .wrapper-sub-menu .disable-link a {
font-size: 18px;
line-height: 28px;
}
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu .disable-link.blue {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .wrapper-sub-menu .disable-link.blue {
margin-top: 10px;
margin-bottom: 10px;
}
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu .disable-link.blue a {
text-transform: uppercase;
font-family: "Satoshi Variable", "Satoshi";
font-size: 12px;
font-weight: bold !important;
letter-spacing: 1.2px;
line-height: 1.29px;
opacity: 0.6;
cursor: unset;
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu .disable-link.blue a:hover {
text-decoration: unset;
color: #222222 !important;
cursor: unset !important;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .wrapper-sub-menu .disable-link.blue a {
font-size: 14px;
}
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu .menu-item-description {
color: #8b8b8b;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 21px;
}
.siteheader .siteheader__primary-nav .wrapper-sub-menu .explore .menu-item-description:after {
content: "Explore";
text-decoration: underline;
text-decoration-color: #0099ff;
cursor: pointer;
color: #424242;
font-family: "Satoshi Variable Medium", "Satoshi";
font-size: 14px;
font-weight: 500;
line-height: 22px;
margin-top: 10px;
text-align: left;
display: block;
text-underline-offset: 4px;
text-decoration-thickness: 2px;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .wrapper-sub-menu .explore .menu-item-description:after {
font-size: 16px;
line-height: 24px;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .menu-item .wrapper-sub-menu .dropdown-submenu .wrapper-sub-menu {
top: 0px;
left: 100%;
width: 100%;
}
}
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu {
width: 100%;
min-width: 100%;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu {
left: 0;
right: 0;
width: 100%;
max-width: 950px;
margin-left: auto;
margin-right: auto;
min-width: unset;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_0 {
width: 33.33%;
position: relative;
}
}
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_0 .menu-item {
margin-bottom: 8px;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_0 .menu-item:hover .line-bottom {
display: block;
}
}
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_0 .menu-item a {
font-weight: 600;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_0 .menu-item a {
position: relative;
}
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_0 .menu-item a .line-bottom {
display: none;
position: absolute;
bottom: -50px;
right: -220px;
width: 220px;
background: transparent;
height: 180px;
z-index: 1;
}
}
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_0 .menu-item sub,
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_0 .menu-item sup {
font-size: 55%;
top: -7px;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_0 .menu-item.single-menu-row a .line-bottom {
right: -120px;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_0 .menu-item.single-menu-row-2 a .line-bottom {
right: -200px;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_0 .menu-item-has-children:hover a {
transition: .3s;
color: #0099FF;
cursor: pointer;
}
}
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_0 .wrapper-sub-menu {
padding: 0px 10px 20px;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_0 .wrapper-sub-menu {
padding: 40px 50px 30px;
border-left: 1px solid #EBEBEB;
}
}
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_1 .menu-item {
margin-bottom: 16px;
line-height: 23px;
}
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_1 .menu-item sub,
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_1 .menu-item sup {
font-size: 55%;
top: -7px;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_1 {
display: flex;
justify-content: space-between;
width: 272%;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_1 .wrapper-megamenu .menu-item a {
color: #222222;
font-weight: 500;
}
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_1 .wrapper-megamenu .menu-item a:hover {
text-decoration: unset;
color: #0099ff;
cursor: pointer;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_1 .wrapper-megamenu .menu-item-has-children:hover a {
text-decoration: unset;
color: #0099ff;
cursor: pointer;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_1 .wrapper-megamenu:first-child {
width: 100%;
padding-right: 30px;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_1 .wrapper-megamenu:last-child {
width: 100%;
margin-top: -30px;
margin-right: -4px;
margin-bottom: -30px;
border-left: 1px solid #EBEBEB;
padding: 30px 0px 20px 50px;
}
}
.siteheader .siteheader__primary-nav .megamenu .wrapper-sub-menu .submenu.depth_1 .wrapper-megamenu:last-child .featured-image .image-wrapp {
width: 100%;
margin-bottom: 20px;
border-radius: 5px;
padding: 26%;
}
@media (min-width: 1295px) {
.siteheader .siteheader__primary-nav .megamenu .megamenu-column .wrapper-sub-menu {
top: -40px !important;
left: 100%;
z-index: 1;
box-shadow: none;
}
}
.siteheader .siteheader__primary-nav .nav-section-header {
display: block;
color: #183B56;
font-family: "Satoshi Variable", "Satoshi";
margin-bottom: 15px;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 20px;
}
@media (min-width: 768px) {
.siteheader .siteheader__primary-nav .nav-section-header {
margin-bottom: 22px;
font-size: 20px;
line-height: 24px;
}
}
.siteheader .siteheader__primary-nav .sub-menu-1 .menu-item {
margin-bottom: 15px;
}
.siteheader .siteheader__primary-nav .sub-menu-1 .menu-item:last-child {
margin-bottom: 0;
}
.siteheader .siteheader__primary-nav .sub-menu-1 .menu-item a.menu-image-title-after {
font-family: "Satoshi Variable", "Satoshi";
}
.siteheader .siteheader__primary-nav .sub-menu-1 .menu-item a.menu-image-title-after:hover .menu-image-title,
.siteheader .siteheader__primary-nav .sub-menu-1 .menu-item a.menu-image-title-after:focus .menu-image-title {
color: #0099FF;
}
.siteheader .siteheader__primary-nav .sub-menu-1 .menu-item a.menu-image-title-after {
position: relative;
padding-left: 47px;
min-height: 36px;
display: block;
}
.siteheader .siteheader__primary-nav .sub-menu-1 .menu-item a.menu-image-title-after .menu-image {
position: absolute;
left: 0;
top: 0;
width: 36px;
height: 36px;
padding: 0;
display: block;
}
.siteheader .siteheader__primary-nav .sub-menu-1 .menu-item a.menu-image-title-after .menu-image-title {
text-transform: uppercase;
padding: 0;
color: #183B56;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
line-height: 15px;
margin-bottom: 2px;
}
.siteheader .siteheader__primary-nav .sub-menu-1 .menu-item a.menu-image-title-after .menu-item-description {
color: #5D7689;
font-size: 13px;
letter-spacing: 0;
line-height: 20px;
}
.siteheader .siteheader__primary-nav .divider {
position: relative;
padding: 20px 0;
}
.siteheader .siteheader__primary-nav .divider:after {
content: "";
background: #D3DBE6;
position: absolute;
bottom: 17px;
height: 1px;
left: 0;
right: 0;
}
.siteheader .siteheader__primary-nav .submenu .link-blue a {
text-transform: uppercase;
color: #0099FF;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: bold;
letter-spacing: 1.2px;
line-height: 18px;
text-decoration: none;
position: relative;
display: block;
}
.siteheader .siteheader__primary-nav .submenu .link-blue a:hover,
.siteheader .siteheader__primary-nav .submenu .link-blue a:focus {
color: #183B56;
}
.siteheader .siteheader__primary-nav .submenu .link-blue a:hover .before-menu-image-icons,
.siteheader .siteheader__primary-nav .submenu .link-blue a:focus .before-menu-image-icons {
transform: translate(7px, -2px);
}
.siteheader .siteheader__primary-nav .submenu .link-blue .menu-image-title-before {
padding-right: 0;
color: inherit !important;
display: inline-block;
}
.siteheader .siteheader__primary-nav .submenu .link-blue .before-menu-image-icons {
transition-property: transform;
transition-duration: 0.25s;
transition-timing-function: ease;
transform: translate(2px, -2px);
display: inline-block;
vertical-align: middle;
font-size: inherit;
line-height: 1;
width: auto;
height: auto;
}
.siteheader .siteheader__primary-nav .submenu .link-blue .before-menu-image-icons::before {
line-height: 1;
vertical-align: middle;
}
.siteheader .siteheader__primary-nav .hide-label > .nav-section-header {
display: none !important;
}
@media (min-width: 1295px) {
.siteheader .siteheader__secondary-nav {
margin-left: auto;
}
}
.siteheader .siteheader__secondary-nav .secondary-nav-items {
display: flex;
flex-flow: row-reverse;
}
@media (min-width: 768px) {
.siteheader .siteheader__secondary-nav .secondary-nav-items > .menu-item {
margin-right: 10px;
}
}
.siteheader .siteheader__secondary-nav .secondary-nav-items > .menu-item:last-child {
margin-right: 5px;
padding-left: 12px;
}
.siteheader .siteheader__secondary-nav .secondary-nav-items > .menu-item.wpml-ls-item.wpml-ls-menu-item {
position: relative;
}
@media (min-width: 1295px) {
.siteheader .siteheader__secondary-nav .secondary-nav-items > .menu-item.wpml-ls-item.wpml-ls-menu-item:before {
content: "\f11f";
font-family: dashicons;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 10px;
height: 10px;
font-size: 10px;
vertical-align: top;
text-align: center;
transition: color 0.1s ease-in;
color: #fff;
position: absolute;
bottom: 11px;
left: 4px;
}
}
.siteheader .siteheader__secondary-nav .secondary-nav-items > .menu-item > a,
.siteheader .siteheader__secondary-nav .secondary-nav-items > .menu-item > button {
font-family: "Satoshi Variable", "Satoshi";
color: #fff;
display: block;
padding: 21px 5px 21px;
text-decoration: none;
line-height: 15px;
}
@media (min-width: 768px) {
.siteheader .siteheader__secondary-nav .secondary-nav-items > .menu-item > a,
.siteheader .siteheader__secondary-nav .secondary-nav-items > .menu-item > button {
padding: 16px 0 16px;
}
}
.siteheader .siteheader__secondary-nav .secondary-nav-items > .menu-item > a .menu-image,
.siteheader .siteheader__secondary-nav .secondary-nav-items > .menu-item > button .menu-image {
vertical-align: middle;
display: block;
}
.siteheader .siteheader__secondary-nav .secondary-nav-items > .menu-item.button-blue {
display: none;
}
@media (min-width: 1295px) {
.siteheader .siteheader__secondary-nav .secondary-nav-items > .menu-item.button-blue {
display: block;
}
}
.siteheader .siteheader__secondary-nav .relative.menu-item {
position: relative;
}
@media (min-width: 1295px) {
.siteheader .siteheader__secondary-nav .menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
z-index: 1;
}
}
.siteheader .siteheader__secondary-nav .sub-menu {
transition-property: opacity, visibility;
transition-timing-function: ease-in-out;
transition-duration: 0.25s;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
padding: 20px;
position: absolute;
top: 100%;
left: -20px;
background-color: #fff;
z-index: 1;
}
@media (max-width: 1294px) {
.siteheader .siteheader__secondary-nav .sub-menu {
display: none;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__secondary-nav .sub-menu {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
opacity: 0;
visibility: hidden;
z-index: -20;
left: 50%;
transform: translateX(-50%);
border-radius: 5px;
background-color: #F2F5F7;
}
}
@media (min-width: 1295px) {
.siteheader .siteheader__secondary-nav .sub-menu::before {
position: absolute;
top: -5px;
left: 50%;
transform: translateX(-50%);
content: '';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #F2F5F7;
}
}
.siteheader .siteheader__secondary-nav .sub-menu .menu-item {
margin-bottom: 20px;
}
.siteheader .siteheader__secondary-nav .sub-menu .menu-item:last-child {
margin-bottom: 0;
}
.siteheader .siteheader__secondary-nav .sub-menu a {
display: block;
color: #183b56;
font-family: "Satoshi Variable", "Satoshi";
font-size: 10px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 13px;
text-transform: uppercase;
white-space: nowrap;
text-decoration: none;
}
.siteheader .siteheader__secondary-nav .sub-menu a:hover {
color: #0099FF;
}
.siteheader .siteheader__secondary-nav .sub-menu a .menu-item-description {
color: #000000;
text-transform: initial;
opacity: 0.5;
font-size: 13px;
letter-spacing: 0;
line-height: 21px;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-toggle {
margin: 0;
padding: 0;
border: 0;
appearance: none;
background: transparent;
height: 100%;
display: block;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-toggle:focus,
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-toggle:active {
top: auto;
}
@media (min-width: 1295px) {
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-toggle {
padding-right: 30px !important;
}
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-toggle span {
display: block;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-toggle.is-active .menu-item__search-toggle-icon--open {
display: none !important;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-toggle.is-active .menu-item__search-toggle-icon--close {
display: block !important;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-toggle.is-active .menu-item__search-form {
opacity: 1;
visibility: visible;
top: 100%;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-toggle .menu-item__search-toggle-icon {
height: 17.49px;
width: 17.49px;
display: block;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-toggle .menu-item__search-toggle-icon--close {
display: none;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-toggle .menu-item__search-toggle-icon svg {
display: block;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-form {
border-top: 1px solid #EBEBEB;
padding: 15px 20px;
width: 100%;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
transition-property: opacity, visiblity;
transition-duration: 0.25s;
transition-timing-function: ease-in-out;
top: -120px;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -20;
left: 0;
right: 0;
background-color: #fff;
max-width: 950px;
margin-left: auto;
margin-right: auto;
border-radius: 0 0 10px 10px;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-form.is-active {
opacity: 1;
visibility: visible;
z-index: 20;
top: 100%;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-form-inner {
position: relative;
margin: 0 auto;
max-width: 1920px;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-label {
position: absolute;
left: -99999px;
z-index: -100;
opacity: 0;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-field {
padding: 14px 20px;
margin-bottom: 0;
padding-left: 30px;
border: 0;
background-color: transparent;
color: #183B56;
font-family: "Satoshi Variable", "Satoshi";
font-weight: 400;
font-size: 20px;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-field::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: rgba(0, 0, 0, 0.3);
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-field::-moz-placeholder {
/* Firefox 19+ */
color: rgba(0, 0, 0, 0.3);
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-field:-ms-input-placeholder {
/* IE 10+ */
color: rgba(0, 0, 0, 0.3);
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-field:-moz-placeholder {
/* Firefox 18- */
color: rgba(0, 0, 0, 0.3);
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-submit {
text-transform: left;
margin: 0;
padding: 0;
border: 0;
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 53px;
background: transparent;
color: #183B56;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-submit:focus,
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-submit:active {
top: auto;
}
.siteheader .siteheader__secondary-nav .menu-item__search .menu-item__search-submit svg {
width: 15px;
}
.scroll-indicator-wrap {
display: none;
position: absolute;
z-index: -2;
top: 100%;
left: 0;
height: 5px;
width: 100%;
background-color: #EFEFEF;
}
.scroll-indicator-wrap.is-active {
display: block;
}
.scroll-indicator-wrap .scroll-indicator {
height: 100%;
width: 0%;
background-color: #2271FF;
}
html[lang="fr-FR"] body .siteheader .siteheader__primary-nav .wrapper-sub-menu .explore .menu-item-description:after {
content: "Explorer";
}
html[lang="es-ES"] body .siteheader .siteheader__primary-nav .wrapper-sub-menu .explore .menu-item-description:after {
content: "Explorar";
}
html[lang="de-DE"] body .siteheader .siteheader__primary-nav .wrapper-sub-menu .explore .menu-item-description:after {
content: "Entdecken";
}
.PartnersGrid {
padding: 0 30px;
}
@media only screen and (min-width: 1401px) {
.PartnersGrid {
padding: 0;
}
}
.PartnersGrid .PartnersGrid-title {
text-align: center;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 36px;
font-weight: bold;
letter-spacing: 1.2px;
line-height: 46px;
margin: 0;
}
.PartnersGrid .PartnersGrid-row {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.PartnersGrid .PartnersGrid-partner_wrapper {
display: flex;
align-items: center;
text-align: center;
background: #fff;
border-radius: 5px;
padding: 57px 40px 35px 40px;
min-height: 368px;
margin-top: 30px;
}
@media (min-width: 992px) {
.PartnersGrid .PartnersGrid-partner_wrapper {
width: 30.5%;
margin-top: 45px;
}
}
.PartnersGrid .PartnersGrid-partner_wrapper-inner {
cursor: pointer;
text-decoration: none;
}
.PartnersGrid .PartnersGrid-partner_wrapper-inner > .PartnersGrid-modal_content {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 5;
-webkit-box-orient: vertical;
}
.PartnersGrid .PartnersGrid-partner_wrapper-inner:hover .PartnersGrid-partner_overlay {
opacity: 1;
z-index: 0;
}
.PartnersGrid .PartnersGrid-partner_wrapper-inner:hover .PartnersGrid-partner_name {
color: #0099ff;
}
.PartnersGrid .PartnersGrid-partner_picture_wrapper img {
margin: 0 auto;
}
.PartnersGrid .PartnersGrid-partner_name {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 18px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 24px;
margin-bottom: 10px;
}
.PartnersGrid .PartnersGrid-modal_content p {
opacity: 0.6;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 23px;
}
.PartnersGrid .PartnersGrid-partner_read-more {
font: inherit;
background: 0 0;
border: 0;
margin: 0;
cursor: pointer;
padding: 0;
margin-top: 20px;
position: relative;
color: #424242;
font-family: "Satoshi Variable", "Satoshi";
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.PartnersGrid .PartnersGrid-partner_read-more:after {
content: '';
height: 2px;
display: block;
background-color: #0099ff;
width: 100%;
}
.PartnersGrid-modal.in {
display: flex !important;
align-items: center;
}
.PartnersGrid-modal .modal-dialog {
width: calc(100% - 30px);
max-width: 700px;
min-height: 400px;
border-radius: 5px;
background-color: #FFFFFF;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
padding: 30px 20px 30px 20px;
}
@media (max-width: 767px) {
.PartnersGrid-modal .modal-dialog {
margin: 15px;
}
}
@media (min-width: 768px) {
.PartnersGrid-modal .modal-dialog {
padding: 65px;
}
}
.PartnersGrid-modal .modal-dialog .modal-content {
position: static;
border: 0;
box-shadow: none !important;
}
.PartnersGrid-modal .modal-dialog .modal-content button.close {
position: absolute;
top: 25px;
right: 27px;
opacity: 1 !important;
height: 12px;
font-size: 15px;
line-height: 0;
color: #121212;
}
.PartnersGrid-modal .modal-dialog .modal-content button.close .closeSymbol {
font-size: 28px !important;
font-weight: 100;
}
.PartnersGrid-modal .modal-dialog .modal-content button.close:hover {
background-color: transparent;
border: none !important;
}
.PartnersGrid-modal .modal-dialog .modal-content button.close:hover .closeSymbol {
color: #121212 !important;
opacity: 1 !important;
}
.PartnersGrid-modal .modal-dialog .modal-content button.close:focus {
background-color: transparent;
border: none !important;
}
.PartnersGrid-modal .modal-dialog .modal-content .modal-header,
.PartnersGrid-modal .modal-dialog .modal-content .modal-body {
padding: 0;
border: 0;
}
.PartnersGrid-modal .PartnersGrid-modal_name {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 24px;
font-weight: bold;
letter-spacing: 1.2px;
line-height: 32px;
}
.PartnersGrid-modal .PartnersGrid-modal_role {
margin: 0 0 8px 0;
color: #183B56;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
letter-spacing: 1px;
line-height: 21px;
text-transform: uppercase;
}
.PartnersGrid-modal a.linkedin {
display: inline-block;
}
.PartnersGrid-modal a.linkedin .PartnersGrid-modal_linkedin {
font-size: 20px;
line-height: 1.5;
margin: 0;
}
.PartnersGrid-modal a.linkedin i {
opacity: 0.3;
color: #000000;
transition: all 0.3s;
font-size: 20px;
}
.PartnersGrid-modal a.linkedin:hover {
opacity: 1;
}
.PartnersGrid-modal .p_link-info {
display: flex;
}
.PartnersGrid-modal .p_link-info .p_link-btn {
cursor: unset;
}
.PartnersGrid-modal .p_link-info .p_link-btn:hover {
text-decoration: none;
}
.PartnersGrid-modal .p_link-info .p_link-btn .link-text {
font: inherit;
background: 0 0;
border: 0;
padding: 30px 0 0;
color: #424242;
font-family: "Satoshi Variable", "Satoshi";
font-size: 16px;
font-weight: 500;
line-height: 26px;
margin-right: 20px;
display: block;
text-decoration: none;
cursor: pointer;
}
.PartnersGrid-modal .p_link-info .p_link-btn .link-text:after {
content: '';
height: 2px;
display: block;
background-color: #0099ff;
width: 100%;
}
.PartnersGrid-modal .PartnersGrid-modal_content p,
.PartnersGrid-modal .PartnersGrid-modal_content a {
opacity: 0.6;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 23px;
}
.PartnersGrid-modal .PartnersGrid-modal_content p:last-child,
.PartnersGrid-modal .PartnersGrid-modal_content a:last-child {
margin-bottom: 0;
}
/* hide load more animation for results */
#infscr-loading {
visibility: hidden !important;
display: none !important;
}
.CustomPostGrid .CustomPostGrid__header .CustomPostGrid__heading {
margin-top: 0;
margin-bottom: 20px;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 18px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 24px;
border-bottom: 1px solid #F2F5FA;
padding-bottom: 15px;
}
.CustomPostGrid .fl-post-grid,
.CustomPostGrid .fl-post-feed {
display: flex;
flex-wrap: wrap;
}
.CustomPostGrid .fl-post-grid .fl-post-column,
.CustomPostGrid .fl-post-feed .fl-post-column {
width: 100%;
}
.CustomPostGrid .fl-post-grid .fl-post-column:last-of-type .card__content,
.CustomPostGrid .fl-post-feed .fl-post-column:last-of-type .card__content {
border-bottom: unset;
padding-bottom: 60px;
}
.CustomPostGrid .card__content {
position: relative;
border-bottom: 1px solid #F2F5FA;
height: 100%;
overflow: hidden;
}
.CustomPostGrid .card__content .fl-post-feed-text a {
color: #222222;
}
.CustomPostGrid .card__content .fl-post-feed-text a.fl-post-feed-more {
margin-bottom: 40px;
display: block;
font-size: 14px;
}
.CustomPostGrid .card__content .card__link {
text-align: center;
max-width: 90%;
text-transform: uppercase;
margin-top: auto;
padding-top: 10px;
display: inline-block;
font-family: "Satoshi Variable", "Satoshi";
font-size: 18px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 24px;
text-decoration: none;
}
.CustomPostGrid .card__content .card__link::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.CustomPostGrid .card__content .card__link span {
transition-property: transform;
transition-duration: 0.25s;
transition-timing-function: ease-in-out;
transform: translate(2px, 2px);
font-size: 14px;
}
.CustomPostGrid .card__content .card__link:hover span {
transform: translate(7px, 2px);
}
.CustomPostGrid--no-bg .card__content {
transition-property: background-color, box-shadow;
transition-timing-function: ease-in-out;
transition-duration: 0.25s;
}
.CustomPostGrid--no-bg .card__content:hover {
background-color: #fff;
background: #FFFFFF;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.CustomPostGrid .card__content {
position: relative;
padding-bottom: 8px;
display: flex;
flex-direction: column;
}
.CustomPostGrid .card__content:hover .card__title {
color: #2272ff;
}
.CustomPostGrid .card__content .card__date {
color: #183b56;
font-family: "Satoshi Variable", "Satoshi";
font-size: 13px;
font-weight: bold;
letter-spacing: 0.8px;
line-height: 20px;
}
.CustomPostGrid .card__content .card__title {
margin: 18px 0 10px;
color: #0099FF;
font-family: "Satoshi Variable", "Satoshi";
font-size: 18px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 24px;
text-decoration: none;
transition-property: color;
transition-timing-function: ease-in-out;
transition-duration: 0.25s;
}
.CustomPostGrid .card__content .fl-post-feed-terms {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 10px;
letter-spacing: 0.5px;
line-height: 13px;
text-transform: uppercase;
margin-top: 11px;
margin-bottom: 18px;
}
.CustomPostGrid .card__content .fl-post-feed-content p {
opacity: 0.6;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-size: 14px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 23px;
text-transform: none;
}
.CustomPostGrid .card__content .card__cats {
color: rgba(93, 118, 137, 0.7);
font-family: "Satoshi Variable", "Satoshi";
font-size: 12px;
letter-spacing: 0.74px;
line-height: 19px;
}
.CustomPostGrid .card__content .card__cats span {
font-weight: bold;
}
.CustomPostGrid .card__content .card__link {
text-align: left;
}
.CustomPostGrid .fl-button {
appearance: none;
display: block !important;
height: 52px !important;
width: 156px !important;
padding-top: 18px !important;
border-radius: 33.5px !important;
background-color: #eff7ff !important;
color: #2272ff !important;
font-family: "Satoshi Variable", "Satoshi";
font-size: 12px !important;
font-weight: bold !important;
letter-spacing: 1px !important;
line-height: 15px !important;
text-align: center !important;
transition-property: background-color;
transition-duration: 0.25s;
transition-timing-function: ease-in-out;
border: 0;
margin: -40px auto 0;
text-transform: uppercase;
}
.CustomPostGrid .fl-button:focus,
.CustomPostGrid .fl-button:hover,
.CustomPostGrid .fl-button:active {
border: 0;
top: 0;
background-color: #d7eafd !important;
color: #2272ff;
}
.CustomPostGrid .fl-button .fl-button-text {
color: #2272ff !important;
}
.CustomPostGrid .fl-builder-pagination {
display: block;
text-align: center;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.CustomPostGrid .fl-builder-pagination ul {
max-width: 1200px;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
position: relative;
}
@media screen and (max-width: 1024px) {
.CustomPostGrid .fl-builder-pagination ul {
max-width: 450px;
margin: 0 auto;
}
}
.CustomPostGrid .fl-builder-pagination ul li {
border: none;
float: none;
display: inline-block;
list-style: none;
margin-left: 15px;
padding: 0;
margin: 0;
}
.CustomPostGrid .fl-builder-pagination ul li span.current {
color: #acd233;
background: transparent;
border: unset;
}
.CustomPostGrid .fl-builder-pagination ul li span.dots {
border: none;
}
.CustomPostGrid .fl-builder-pagination ul li a {
background-color: transparent !important;
cursor: pointer;
font-weight: bold;
font-family: "Satoshi Variable", "Satoshi";
font-size: 18px;
line-height: 28px;
letter-spacing: 1.2px;
color: #222222;
transition: color 500ms;
min-width: 20px;
opacity: .6;
border: unset;
}
.CustomPostGrid .fl-builder-pagination ul li a:hover {
color: #acd233;
}
.CustomPostGrid .fl-builder-pagination ul li a.prev {
cursor: pointer;
border: none;
float: none;
display: inline-block;
list-style: none;
margin-right: 5px;
padding: 0;
font-size: 0;
}
.CustomPostGrid .fl-builder-pagination ul li a.prev::after {
position: relative;
top: 7px;
content: "\f341";
color: #424242;
opacity: 0.5;
transition: opacity 400ms;
font-family: dashicons;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
}
.CustomPostGrid .fl-builder-pagination ul li a.prev:hover {
background: transparent;
}
.CustomPostGrid .fl-builder-pagination ul li a.prev:hover::after {
opacity: 1;
color: #acd233;
}
.CustomPostGrid .fl-builder-pagination ul li a.next {
cursor: pointer;
border: none;
float: none;
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
}
.CustomPostGrid .fl-builder-pagination ul li a.next::after {
position: relative;
top: 7px;
content: "\f345";
color: #424242;
opacity: 0.5;
transition: opacity 400ms;
font-family: dashicons;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
}
.CustomPostGrid .fl-builder-pagination ul li a.next:hover {
background: transparent;
}
.CustomPostGrid .fl-builder-pagination ul li a.next:hover::after {
opacity: 1;
color: #acd233;
}
a:hover {
color: unset;
text-decoration: none;
}
h2.JobFeed-contents_section-title {
margin-bottom: 50px;
}
.JobFeed-contents_header {
margin-right: -20px;
}
div#JobFeed_thePostsListing {
display: flex;
gap: 20px 12px;
flex-wrap: wrap;
margin-top: 50px;
width: 1260px;
}
.JobFeed-contents-filter-wrapper {
display: flex;
gap: 10px;
}
.JobFeed-resetfilters {
cursor: pointer;
margin: 5px 15px;
}
.JobFeed-contents_card {
background: #F2F5FA;
border-radius: 5px;
width: 296px;
height: 296px;
padding-top: 50px;
padding-left: 50px;
padding-right: 30px;
}
.JobFeed-contents_card h6 {
margin-bottom: 0px;
font-size: 10px;
}
.JobFeed-contents_card h4 {
margin-top: 10px;
}
h5.JobFeed-postTitle {
margin: 10px 0;
}
.JobFeed-postLocation {
font-size: 14px;
line-height: 18px;
letter-spacing: 1.2px;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 20px;
}
.JobFeed-postLink {
color: #424242;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
line-height: 24px;
text-decoration: underline;
text-decoration-color: #0099FF;
text-decoration-thickness: 3px;
text-underline-offset: 5px;
}
.JobFeed-postLink:hover {
text-decoration: underline;
text-decoration-color: #0099FF;
text-decoration-thickness: 3px;
text-underline-offset: 5px;
}
.JobFeed-resetfilters .JobFeed-contents-reset-filters--li {
color: #424242;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
line-height: 24px;
text-decoration: underline;
text-decoration-color: #0099FF;
text-decoration-thickness: 3px;
text-underline-offset: 5px;
}
.JobFeed-hide {
display: none;
}
.JobFeed-filter-button {
background-color: #F2F5FA;
border-color: transparent;
border-radius: 5px;
padding: 10px 20px;
min-width: 150px;
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
color: #424242;
font-size: 14px;
line-height: 30px;
}
.JobFeed-filter-button:hover,
.JobFeed-filter-button:visited,
.JobFeed-filter-button:focus {
border-radius: 5px;
border-color: transparent;
background: #b6b7b9;
}
@media screen and (max-width: 1170px) {
.JobFeed-filter-button {
min-width: 100%;
}
}
.JobFeed-searchinput {
margin-left: auto;
}
.JobFeed-searchinput form {
background: #f2f5fa;
min-height: 50px;
border-color: transparent;
border-radius: 5px;
display: flex;
gap: 10px;
justify-content: center;
padding-left: 20px;
}
.JobFeed-searchinput form input {
color: #424242;
background: transparent;
border: none;
}
.JobFeed-searchinput form input::placeholder {
color: #424242;
}
.JobFeed-searchinput form input:focus {
background-color: #cccccc;
}
.JobFeed-contents-filter-wrapper .dropdown-menu {
list-style: none;
padding: 18px;
border-color: transparent;
min-width: 315px;
}
.JobFeed-contents-filter-wrapper .dropdown-menu .JobFeed-contents-tfilters-wrapper--li,
.JobFeed-contents-filter-wrapper .dropdown-menu .JobFeed-contents-cfilters-wrapper--li {
cursor: pointer;
}
.JobFeed-contents-filter-wrapper .dropdown-menu .JobFeed-contents-tfilters-wrapper--li:hover,
.JobFeed-contents-filter-wrapper .dropdown-menu .JobFeed-contents-cfilters-wrapper--li:hover {
color: #0099ff;
}
.dropdown.JobFeed-selectedDropdown .caret {
border-top-color: rgba(0, 0, 0, 0.7) !important;
border-top: 10px dashed;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
}
@media screen and (max-width: 1170px) {
.dropdown.JobFeed-selectedDropdown {
width: calc(25% - 10px);
}
}
@media only screen and (max-width: 1203px) {
.JobFeed-contents_header {
width: 100%;
}
div#JobFeed_thePostsListing {
width: 100%;
}
}
@media only screen and (max-width: 1170px) {
.JobFeed-contents-filter-wrapper {
flex-wrap: wrap;
justify-content: space-between;
}
}
@media only screen and (max-width: 860px) {
.dropdown.JobFeed-selectedDropdown {
width: calc(50% - 10px);
}
}
@media only screen and (max-width: 646px) {
div#JobFeed_thePostsListing {
width: 100%;
justify-content: center;
}
.dropdown.JobFeed-selectedDropdown {
width: 100%;
}
.JobFeed-contents-filter-wrapper {
display: block;
}
.JobFeed-searchinput {
margin-left: unset;
margin-top: 30px;
}
.dropdown.JobFeed-selectedDropdown {
margin-bottom: 20px;
}
.JobFeed-contents_card {
width: 100%;
}
.JobFeed-filter-button {
min-width: 100%;
}
}
#MainGlossary {
display: flex;
justify-content: center;
gap: 100px;
}
#MainGlossary .MainGlossary--search {
width: 320px;
}
#MainGlossary .MainGlossary--search h5 {
color: #222222;
font-size: 18px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 24px;
margin-bottom: 20px;
}
#MainGlossary .MainGlossary--search hr {
margin-top: 0px;
border-top: 1px solid #faf5fa;
margin-bottom: 30px;
}
#MainGlossary .MainGlossary--search .MainGlossary--lettersWrapper {
display: flex;
flex-wrap: wrap;
}
#MainGlossary .MainGlossary--search .MainGlossary--lettersWrapper > .MainGlossary--searchLetter {
position: relative;
flex: 0 0 25%;
text-align: center;
height: 58px;
margin-bottom: 20px;
}
#MainGlossary .MainGlossary--search .MainGlossary--lettersWrapper > .MainGlossary--searchLetter .circles {
z-index: 1;
background-color: transparent;
border-radius: 50%;
width: 56px;
height: 56px;
display: flex;
justify-content: center;
align-items: center;
}
#MainGlossary .MainGlossary--search .MainGlossary--lettersWrapper > .MainGlossary--searchLetter .circles.active {
background-color: #F2F5FA;
}
#MainGlossary .MainGlossary--search .MainGlossary--lettersWrapper > .MainGlossary--searchLetter a {
color: #121212;
position: relative;
z-index: 2;
}
#MainGlossary .MainGlossary--terms {
width: 720px;
}
#MainGlossary .MainGlossary--terms .MainGlossary--termWrapper {
margin-bottom: 50px;
}
#MainGlossary .MainGlossary--terms .MainGlossary--termWrapper h3 {
color: #222222;
font-size: 48px;
font-weight: bold;
letter-spacing: 1.2px;
line-height: 36px;
margin-bottom: 19px;
margin-top: -10px;
}
#MainGlossary .MainGlossary--terms .MainGlossary--termWrapper hr {
margin-top: 0px;
border-top: 1px solid #faf5fa;
}
#MainGlossary .MainGlossary--terms .MainGlossary--termWrapper div {
display: flex;
flex-wrap: wrap;
}
#MainGlossary .MainGlossary--terms .MainGlossary--termWrapper div > * {
flex: 0 0 50%;
display: flex;
align-items: center;
gap: 6.5px;
margin-bottom: 27px;
}
#MainGlossary .MainGlossary--terms .MainGlossary--termWrapper div span {
color: #424242;
font-size: 16px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 26px;
}
@media only screen and (min-width: 460px) and (max-width: 1100px) {
#MainGlossary .MainGlossary--search {
width: 300px;
}
#MainGlossary .MainGlossary--lettersWrapper {
gap: 10px;
}
}
@media only screen and (max-width: 820px) {
#MainGlossary {
gap: 40px;
}
#MainGlossary .MainGlossary--search {
width: 300px;
}
#MainGlossary .MainGlossary--terms {
width: 420px;
}
#MainGlossary .MainGlossary--terms .MainGlossary--termWrapper h3 {
font-size: 38px;
margin-bottom: 9px;
margin-top: 0px;
}
#MainGlossary .MainGlossary--terms .MainGlossary--termWrapper div > * {
flex: 0 0 50%;
display: inline-block;
}
#MainGlossary .MainGlossary--terms .MainGlossary--termWrapper svg {
position: relative;
top: 3px;
left: 4px;
}
}
@media only screen and (max-width: 428px) {
#MainGlossary {
display: block;
width: 100%;
gap: unset;
}
#MainGlossary .MainGlossary--search {
width: 100%;
}
#MainGlossary .MainGlossary--search .MainGlossary--lettersWrapper > * {
flex: 0 0 20%;
margin-bottom: 22px;
}
#MainGlossary .MainGlossary--terms {
width: 100%;
}
#MainGlossary .MainGlossary--terms .MainGlossary--termWrapper h3 {
padding-bottom: 20px;
}
#MainGlossary .MainGlossary--terms .MainGlossary--termWrapper div span {
font-size: 14px;
line-height: 18px;
letter-spacing: 1.2px;
}
#MainGlossary .MainGlossary--terms .MainGlossary--termWrapper div > * {
flex: 0 0 100%;
}
}
.KeyResources-contents_section_desc {
max-width: 540px;
margin: 0 auto;
}
.KeyResources-contents_slide {
background: #F2F5FA;
padding: 15px 40px;
border-radius: 5px;
min-height: 400px !important;
cursor: grab;
}
.KeyResources-contents_slide:active {
cursor: grabbing;
}
.KeyResources-contents_slide-title {
font-size: 18px;
color: #222;
margin: 10px 0;
width: 100%;
}
.KeyResources-contents_slide-link {
color: #424242;
font-size: 16px;
text-decoration: underline;
text-decoration-color: #0099FF;
text-decoration-thickness: 3px;
text-underline-offset: 5px;
position: absolute;
bottom: 25px;
}
.KeyResources-contents_slide-link:hover {
text-decoration-color: #0099FF;
}
.KeyResources-contents_slide-image {
max-width: 100%;
height: 220px;
margin: 0 auto;
display: flex;
align-items: center;
margin-top: -70px;
margin-bottom: 30px;
}
.KeyResources-contents_slide-image img {
object-fit: contain;
max-height: 100%;
}
.KeyResources-contents_slide-tax {
font-size: 10px;
color: #fff;
border-radius: 2px;
margin-bottom: 10px;
padding: 4px 6px;
text-transform: uppercase;
}
.KeyResources-contents .slick-slide {
margin: 0 30px;
position: relative;
}
.KeyResources-contents .slick-list {
margin: 0 -60px;
padding: 100px 0px 0px;
}
.KeyResources-contents_nav-wrapper {
max-width: 1200px;
display: flex;
align-items: center;
justify-content: space-between;
margin-left: -30px;
margin-bottom: -40px;
}
.KeyResources-contents_nav-wrapper.indicator-hide {
display: none;
}
.KeyResources-contents_navigation {
width: 15%;
display: flex;
justify-content: end;
gap: 15px;
margin: 33px 0;
cursor: pointer;
}
@media only screen and (min-width: 1140px) {
.KeyResources-contents_navigation {
width: 10%;
}
}
@media only screen and (min-width: 640px) {
.KeyResources-contents_navigation {
margin-right: -30px;
gap: 20px;
}
}
@media only screen and (max-width: 610px) {
.KeyResources-contents_navigation {
margin-right: 30px;
}
}
@media only screen and (max-width: 420px) {
.KeyResources-contents_navigation {
gap: 7px;
}
}
.KeyResources-contents_navigation i {
border: 2px solid #D8D8D8;
border-radius: 50%;
padding: 20px;
transition: unset;
}
@media only screen and (max-width: 420px) {
.KeyResources-contents_navigation i {
padding: 15px;
}
}
.KeyResources-contents_navigation i:before {
font-size: 16px;
position: relative;
top: -8px;
left: -10px;
}
.KeyResources-contents_navigation i:hover {
color: #0099FF !important;
border: 2px solid #0099FF;
}
.KeyResources-contents_nav-proggres {
width: 80%;
background: #F1F5FB;
height: 5px;
position: relative;
}
@media only screen and (min-width: 1140px) {
.KeyResources-contents_nav-proggres {
width: 90%;
}
}
.KeyResources-contents_nav-proggres-indicator {
position: absolute;
width: 0%;
background: #0099ff;
height: 5px;
border-radius: 5px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.KeyResources-contents_card-buttonw.large--button {
text-align: center;
padding-top: 40px;
}
.KeyResources-contents_card-buttonw.large--button a {
display: inline-flex;
justify-content: center;
align-items: center;
}
.right {
width: 100%;
}
@media only screen and (max-width: 646px) {
.KeyResources-contents_section_desc {
width: 240px;
margin: 0 auto;
}
.KeyResources-contents {
padding: 30px 0!important;
}
.KeyResources-contents .slick-list {
margin: 0;
padding: 100px 0px 0px;
width: 100%;
}
.KeyResources-contents_nav-wrapper {
max-width: 535px;
margin-left: 30px;
}
}
@media only screen and (max-width: 635px) {
.KeyResources-contents_nav-wrapper .KeyResources-contents_nav-proggres {
width: 60%;
}
}
.TeamAndBoard-content_subtitle {
font-size: 18px;
}
.TeamAndBoard-content_title {
padding-right: 60px;
margin-bottom: 100px;
}
.TeamAndBoard-content_team-inner-row {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
gap: 45px 24px;
margin-left: -20px;
}
.TeamAndBoard-content_team-wrapper .TeamAndBoard-content_team-grid-row:nth-child(3) .TeamAndBoard-content_team-inner-row {
margin-left: -30px;
}
h3.TeamAndBoard-content_team-name {
margin-bottom: 35px;
}
.TeamAndBoard-content_member-box {
position: relative;
width: 30%;
text-align: center;
}
.TeamAndBoard-content_member-box:hover .TeamAndBoard-content_member-box-overlay {
opacity: 1;
}
.TeamAndBoard-content_member-box-imageWrapper {
position: relative;
}
h4.TeamAndBoard-content_member_name {
margin: 10px 0px 0;
font-weight: bold;
}
img.TeamAndBoard-content_member-image {
border-radius: 5px;
}
.TeamAndBoard-content_member-box-overlay {
position: absolute;
top: 0;
display: flex;
align-items: end;
justify-content: center;
background-color: rgba(0, 0, 0, 0.75);
width: 100%;
height: 100%;
border-radius: 5px;
transition: all .3s;
opacity: 0;
padding-bottom: 30px;
}
a.TeamAndBoard-content_member-box-overlay-link {
color: #fff;
text-decoration: underline;
text-decoration-thickness: 3px;
text-underline-offset: 3px;
text-decoration-color: #0099ff;
cursor: pointer;
}
.TeamAndBoard-content hr {
margin: 100px 0px;
border-color: #D3DBE6;
}
/* The Modal (background) */
.TeamAndBoard-content_member-modal {
display: none;
/* Hidden by default */
position: fixed;
/* Stay in place */
z-index: 1;
/* Sit on top */
left: 0;
top: 0;
width: 100%;
/* Full width */
height: 100%;
/* Full height */
overflow: auto;
/* Enable scroll if needed */
background-color: #000000;
/* Fallback color */
background-color: rgba(0, 0, 0, 0.4);
/* Black w/ opacity */
/* Modal Content/Box */
}
.TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content {
background-color: #fefefe;
margin: 15% auto;
padding: 40px;
border: 1px solid #888;
width: 940px;
height: 500px;
border-radius: 5px;
display: flex;
gap: 35px;
/* The Close Button */
}
@media screen and (max-width: 575px) {
.TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content {
height: auto;
}
}
.TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content .TeamAndBoard-content_member-modal-content-left {
width: 35%;
}
.TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content .TeamAndBoard-content_member-modal-content-right {
width: 55%;
text-align: left;
}
.TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content .TeamAndBoard-content_member-modal-content-right .TeamAndBoard-content_member_name {
margin-bottom: 10px;
display: flex;
gap: 10px;
align-items: center;
}
.TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content .TeamAndBoard-content_member-modal-content-right .TeamAndBoard-content_position {
font-size: 14px;
margin-bottom: 20px;
}
.TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content .TeamAndBoard-content_member-modal-content-right .TeamAndBoard-content_bio_member {
font-size: 15px;
}
.TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content .TeamAndBoard-content_member-modal-content-right a.TeamAndBoard-content_modal_quote {
color: #000;
}
.TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content .close {
color: #000;
float: right;
font-size: 28px;
font-weight: bold;
opacity: .6;
}
.TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content .close:hover,
.TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content .close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
@media only screen and (max-width: 1400px) {
.TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content .TeamAndBoard-content_member-modal-content-left {
width: 35%;
}
}
@media only screen and (max-width: 820px) {
.TeamAndBoard-content_member-box .TeamAndBoard-content_member-box-overlay {
width: 100%;
height: 100%;
}
.TeamAndBoard-content_member-box .TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content {
width: 95%;
padding: 10px;
top: 20%;
position: relative;
}
}
@media only screen and (max-width: 646px) {
.TeamAndBoard-content_title {
padding-right: 10px;
margin-bottom: 50px;
line-height: 1.30em;
}
.TeamAndBoard-content_member-box {
width: 100%;
}
.TeamAndBoard-content_member-box-image {
width: 100%;
}
.TeamAndBoard-content_member-box .TeamAndBoard-content_member-box-overlay {
width: 100%;
height: 100%;
}
.TeamAndBoard-content_member-box .TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content {
width: 95%;
padding: 10px;
top: 20%;
position: relative;
}
.TeamAndBoard-content_team-inner-row {
margin-left: 0px;
}
.TeamAndBoard-content_team-wrapper .TeamAndBoard-content_team-grid-row:nth-child(3) .TeamAndBoard-content_team-inner-row {
margin-left: 0px;
}
}
@media only screen and (max-width: 646px) {
.TeamAndBoard-content_title {
padding-right: 10px;
margin-bottom: 50px;
line-height: 1.30em;
}
.TeamAndBoard-content_member-box {
width: 100%;
}
.TeamAndBoard-content_member-box .TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content {
width: 95%;
padding: 10px;
top: 20%;
position: relative;
}
.TeamAndBoard-content_team-inner-row {
margin-left: 0px;
}
.TeamAndBoard-content_team-wrapper .TeamAndBoard-content_team-grid-row:nth-child(3) .TeamAndBoard-content_team-inner-row {
margin-left: 0px;
}
}
@media only screen and (max-width: 414px) {
.TeamAndBoard-content_member-box .TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content {
gap: 15px;
}
.TeamAndBoard-content_member-box .TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content .TeamAndBoard-content_member-modal-content-left {
display: none;
}
.TeamAndBoard-content_member-box .TeamAndBoard-content_member-modal .TeamAndBoard-content_member-modal-content .TeamAndBoard-content_member-modal-content-right {
width: 90%;
}
}
.related-posts__title {
font-size: 36px;
font-weight: bold;
letter-spacing: 1.2px;
line-height: 46px;
text-align: center;
margin-bottom: 14px;
}
.related-posts__description {
font-size: 18px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 28px;
text-align: center;
max-width: 600px;
margin: 0 auto;
margin-bottom: 50px;
}
@media only screen and (max-width: 428px) {
.related-posts__description {
width: 100%;
}
}
.related-posts__iw {
position: relative;
}
.related-posts__bw {
padding: 40px 22px;
}
.related-posts__post {
width: 360px;
border-radius: 10px;
background-color: #F2F5FA;
overflow: hidden;
}
.related-posts__post-tag {
height: 30px;
padding: 0 10px;
border-radius: 4px;
background-color: #F5F9FC;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.83px;
line-height: 13px;
text-align: center;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
right: 5%;
top: 8%;
text-transform: uppercase;
}
.related-posts__ctitle {
font-size: 18px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 24px;
margin-top: 0px;
}
.related-posts__wrapper {
display: flex;
justify-content: center;
gap: 50px;
}
.related-posts__link {
color: #424242;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
line-height: 24px;
}
.related-posts__link:hover {
text-decoration: underline;
text-decoration-color: #0099FF;
text-decoration-thickness: 2px;
}
.related-posts .slick-arrow {
display: none !important;
}
.related-posts ul.slick-dots {
display: flex;
list-style: none;
gap: 10px;
justify-content: center;
margin: 20px 0px;
}
.related-posts ul.slick-dots button {
background: none;
border: none;
color: #222;
}
@media only screen and (min-width: 992px) {
.MobileOverviewTabsSection-contents_tabs-wrapper {
display: none !important;
}
}
@media only screen and (max-width: 991px) {
.OverviewTabsSection-contents_tabs-wrapper {
display: none !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1786px) {
.OverviewTabsSection-contents_tabs-wrapper button {
padding: 9px 5px!important;
}
}
@media screen and (min-width: 1607px) and (max-width: 1786px) {
.OverviewTabsSection-contents_tabs-wrapper {
gap: 10px !important;
}
}
.select-box {
z-index: 90;
position: relative;
margin-bottom: 100px;
display: block;
width: 100%;
margin: 0 auto;
font-size: 18px;
color: #222222;
top: -70px;
background-color: #F2F5FA;
border-radius: 5px 5px 0 0;
}
.select-box .select-box__list {
border-top: 1px solid #eee;
-webkit-box-shadow: 0px 15px 12px 0px rgba(179, 179, 179, 0.2);
-moz-box-shadow: 0px 15px 12px 0px rgba(179, 179, 179, 0.2);
box-shadow: 0px 15px 12px 0px rgba(179, 179, 179, 0.2);
}
.select-box .select-box__list li {
list-style: none;
}
.select-box .select-box__list li label {
font-weight: 500;
}
.select-box__current {
position: relative;
cursor: pointer;
outline: none;
}
.select-box__current.active + .select-box__list {
opacity: 1;
animation-name: none;
}
.select-box__current.active + .select-box__list .select-box__option {
cursor: pointer;
}
.select-box__current.active .select-box__icon {
transform: translateY(-50%) rotate(180deg);
}
.select-box__icon {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
width: 20px;
opacity: 0.3;
transition: 0.2s ease;
}
.select-box__value {
display: flex;
}
.select-box__input {
display: none;
}
.select-box__input:checked + .select-box__input-text {
display: block;
}
.select-box__input-text {
display: none;
width: 100%;
margin: 0;
padding: 15px;
color: #222222;
padding-right: 35px;
}
.select-box__list {
position: absolute;
width: 100%;
padding: 0;
list-style: none;
opacity: 0;
background-color: #F2F5FA;
margin: 0 !important;
padding-left: 0 !important;
border-radius: 0 0 5px 5px;
animation-name: HideList;
animation-duration: 0.5s;
animation-delay: 0.5s;
animation-fill-mode: forwards;
animation-timing-function: step-start;
}
.select-box__option {
display: block;
padding: 15px;
}
.select-box__option:hover,
.select-box__option:focus {
background-color: #fbfbfb;
}
@keyframes HideList {
from {
transform: scaleY(1);
}
to {
transform: scaleY(0);
}
}
@media only screen and (max-width: 1174px) {
.InitiationDesignTabs-contents_tabs-wrapper {
display: none !important;
}
}
@media only screen and (min-width: 1175px) {
.InitiationDesignTabs-contents_tabs-wrapper-mobile {
display: none !important;
}
}
.InitiationDesignTabs-contents_tabcontent {
border-radius: 0px !important;
background: #F2F5FA !important;
}
.InitiationDesignTabs.container-custom {
max-width: 100%;
}
.InitiationDesignTabs-contents_tablinks.active {
background: #F2F5FA !important;
}
.InitiationDesignTabs-contents_heading-wrapper {
max-width: 1240px;
margin: 0px auto;
}
.InitiationDesignTabs .InitiationDesignTabs .select-box {
z-index: 90;
position: relative;
margin-bottom: 100px;
display: block;
width: 100%;
margin: 0 auto;
font-size: 18px;
color: #222222;
top: 0px;
background-color: #F2F5FA;
border-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
width: 95%;
}
.InitiationDesignTabs .InitiationDesignTabs .select-box .select-box__list {
border-top: 1px solid #eee;
-webkit-box-shadow: 0px 15px 12px 0px rgba(179, 179, 179, 0.2);
-moz-box-shadow: 0px 15px 12px 0px rgba(179, 179, 179, 0.2);
box-shadow: 0px 15px 12px 0px rgba(179, 179, 179, 0.2);
}
.InitiationDesignTabs .InitiationDesignTabs .select-box .select-box__list li {
list-style: none;
}
.InitiationDesignTabs .InitiationDesignTabs .select-box .select-box__list li label {
font-weight: 500;
}
.InitiationDesignTabs .InitiationDesignTabs .select-box.active {
position: relative;
cursor: pointer;
outline: none;
}
.InitiationDesignTabs .InitiationDesignTabs .select-box.active:focus + .select-box__list {
opacity: 1;
animation-name: none;
}
.InitiationDesignTabs .InitiationDesignTabs .select-box.active:focus + .select-box__list .select-box__option {
cursor: pointer;
}
.InitiationDesignTabs .InitiationDesignTabs .select-box.active:focus .select-box__icon {
transform: translateY(-50%) rotate(180deg);
}
.InitiationDesignTabs .InitiationDesignTabs .select-box__icon {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
width: 20px;
opacity: 0.3;
transition: 0.2s ease;
}
.InitiationDesignTabs .InitiationDesignTabs .select-box__value {
display: flex;
}
.InitiationDesignTabs .InitiationDesignTabs .select-box__input {
display: none;
}
.InitiationDesignTabs .InitiationDesignTabs .select-box__input:checked + .select-box__input-text {
display: block;
}
.InitiationDesignTabs .InitiationDesignTabs .select-box__input-text {
display: none;
width: 100%;
margin: 0;
padding: 15px;
color: #222222;
padding-right: 35px;
}
.InitiationDesignTabs .InitiationDesignTabs .select-box__list {
position: absolute;
top: 65px;
width: 100%;
padding: 0;
list-style: none;
opacity: 0;
background-color: #F2F5FA;
margin: 0 !important;
padding-left: 0 !important;
border-radius: 5px;
animation-name: HideList;
animation-duration: 0.5s;
animation-delay: 0.5s;
animation-fill-mode: forwards;
animation-timing-function: step-start;
}
.InitiationDesignTabs .InitiationDesignTabs .select-box__option {
display: block;
padding: 15px;
}
.InitiationDesignTabs .InitiationDesignTabs .select-box__option:hover,
.InitiationDesignTabs .InitiationDesignTabs .select-box__option:focus {
background-color: #fbfbfb;
}
@keyframes HideList {
from {
transform: scaleY(1);
}
to {
transform: scaleY(0);
}
}
.MainGridFeedNews-Heading {
width: 50%;
padding-right: 50px;
}
@media (max-width: 991.98px) {
.MainGridFeedNews-Heading {
width: 100%;
padding-right: 0px;
}
}
.MainGridFeedNews-Heading h2 {
font-size: 64px;
text-align: center;
line-height: 70px;
letter-spacing: 3.2px;
color: black;
font-weight: normal;
margin: 0;
}
@media (max-width: 767.98px) {
.MainGridFeedNews-Heading h2 {
font-size: 28px;
letter-spacing: 1.4px;
line-height: 35px;
}
}
.MainGridFeedNews-Heading__Subheading {
margin-top: 20px;
font-size: 16px;
text-align: center;
line-height: 30px;
letter-spacing: 0.64px;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
}
@media (max-width: 767.98px) {
.MainGridFeedNews-Heading__Subheading {
margin-top: 30px;
font-size: 16px;
opacity: 0.8;
letter-spacing: 0.64px;
line-height: 30px;
}
}
.MainGridFeedNews-Filter {
display: none !important;
}
@media (max-width: 767.98px) {
.MainGridFeedNews-Filter {
width: 100%;
}
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel {
display: flex;
flex-wrap: wrap;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 991.98px) {
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line {
align-items: center;
}
}
@media (max-width: 767.98px) {
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line {
max-width: 100%;
min-width: 100%;
}
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .MainGridFeedNews-buttonmodal {
display: none;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter {
display: none !important;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .modal-header {
text-align: right;
display: flex;
justify-content: end;
padding: 0;
border-bottom: 0px !important;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .modal-header .filter_icon {
background-color: #e1e61e;
padding: 20px 26px 20px 16px;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .modal-header .filter_icon span {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-weight: bold;
font-size: 12px;
line-height: 12px;
letter-spacing: 0.75;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .modal-header .filter_icon .count_filter {
position: absolute;
top: 11px;
right: 19px;
background: #222;
width: 15px;
height: 15px;
border-radius: 100%;
color: white;
font-size: 9px;
padding-right: 5px;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .modal-header .filter_icon .icon {
position: relative;
padding: 12px;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .modal-header .filter_icon .icon::before {
content: "";
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 50%;
z-index: 9999999 !important;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transform: translate(-50%, -50%);
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .modal-header .filter_icon .text {
font-size: 12px;
line-height: 12px;
letter-spacing: 0.75px;
color: black;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-weight: bold;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .footer-modal {
position: absolute;
bottom: 50px;
padding: 0px 20px;
width: 100%;
background-color: white;
display: flex;
justify-content: space-between;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .footer-modal .reset_filter input {
display: none;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .footer-modal .reset_filter label {
display: flex;
align-items: center;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-weight: bold;
font-size: 13px;
letter-spacing: 1.3px;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .footer-modal .reset_filter label svg {
margin-top: 1px;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .footer-modal .close_filter span {
display: flex;
align-items: center;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-weight: bold;
font-size: 13px;
letter-spacing: 1.3px;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .footer-modal .close_filter span svg {
margin-left: 13.2px;
width: 14px;
height: 14px;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .taxonomy_name {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-weight: 600;
font-size: 20px;
text-align: left;
text-transform: capitalize;
padding: 0px 20px;
margin-bottom: 20px;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .MainGridFeedNews-pane {
display: flex;
flex-wrap: wrap;
padding: 0px 20px;
margin-bottom: 40px;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .MainGridFeedNews-pane input {
display: none;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .MainGridFeedNews-pane label {
background-color: white;
width: fit-content;
border: 1px solid #5b6670;
font-size: 13px;
text-align: center;
padding: 15px;
line-height: 1.3px;
text-transform: uppercase;
margin-right: 15px;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-weight: bold;
margin-bottom: 15px;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .responsive_filter .MainGridFeedNews-pane input:checked + label {
background-color: #d6db1d !important;
color: #000000 !important;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .show_filter {
background: white;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999 !important;
display: block !important;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .search_input {
position: relative;
width: 340px;
}
@media (max-width: 991.98px) {
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .search_input {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media (max-width: 767.98px) {
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .search_input {
max-width: 100%;
min-width: 100%;
}
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .search_input input {
height: 48px;
border: none !important;
background-color: #f3f4f6;
color: rgba(0, 0, 0, 0.4);
font-size: 14px;
line-height: 24px;
letter-spacing: 0.56px;
padding-right: 40px;
}
@media (max-width: 767.98px) {
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .search_input input {
max-width: 100%;
min-width: 100%;
padding-left: 55px;
}
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .search_input .arrow_search {
display: none;
}
@media (max-width: 767.98px) {
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .search_input .arrow_search {
display: block;
position: absolute;
top: 31%;
right: 47px;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .search_input .arrow_search svg {
position: absolute;
top: 31%;
right: 18px;
z-index: 9;
}
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .search_input svg {
position: absolute;
top: 31%;
right: 18px;
z-index: 9;
cursor: pointer;
}
@media (max-width: 767.98px) {
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .search_input svg {
left: 18px;
right: unset;
top: 29%;
}
.MainGridFeedNews-Filter .MainGridFeedNews-panel .MainGridFeedNews-line .search_input svg path {
fill: black;
}
}
.MainGridFeedNews-Filter .button_for_filter {
display: none;
}
.results_filter_news {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
margin-left: -30px;
margin-right: -30px;
}
@media (max-width: 599.98px) {
.results_filter_news {
margin: 0px;
}
}
.results_filter_news .result_from_search {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.results_filter_news .no_results_text {
text-align: center;
font-size: 20px;
color: black;
padding: 20px 0px;
width: 100%;
}
.results_filter_news .post_card {
width: 33%;
padding: 0px 30px;
margin-bottom: 60px;
}
@media (max-width: 991.98px) {
.results_filter_news .post_card {
width: 50%;
}
}
@media (max-width: 599.98px) {
.results_filter_news .post_card {
width: 100%;
padding: 0px;
}
}
.results_filter_news .post_card:hover .link_to_post .Filled-Icon a {
transition: 0.2s ease-in-out;
opacity: 1 !important;
}
.results_filter_news .post_card-image {
height: 370px;
position: relative;
}
@media (max-width: 599.98px) {
.results_filter_news .post_card-image {
height: 470px;
}
}
.results_filter_news .post_card-image img {
height: 100%;
object-fit: cover;
width: 100%;
border-radius: 5px;
}
.results_filter_news .post_card-image .categories {
position: absolute;
max-width: 90%;
bottom: 20px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
font-size: 12px;
text-align: left;
letter-spacing: 1.3px;
color: #fff;
font-family: "Satoshi Variable", "Satoshi";
font-weight: 600;
text-transform: uppercase;
display: flex;
flex-wrap: wrap;
}
.results_filter_news .post_card-image .categories .cat {
padding: 6px;
border-radius: 5px;
background: #0099FF;
}
.results_filter_news .post_card-content {
margin-top: 20px;
}
.results_filter_news .post_card-content__talent-quotes {
color: #3a3a3a;
font-family: "Satoshi Variable", "Satoshi";
font-weight: 500;
font-style: italic;
font-size: 16px;
line-height: 1.6;
letter-spacing: 1px;
margin-top: 20px;
margin-bottom: 10px;
}
.results_filter_news .post_card-content__title {
margin: 0px;
}
.results_filter_news .post_card-content__talent-types .cat {
margin: 12px 0;
}
.results_filter_news .post_card-content__talent-types .cat a {
font-size: 16px;
}
.results_filter_news .post_card-content__adress {
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-weight: normal;
font-size: 16px;
text-align: left;
line-height: 30px;
letter-spacing: 0.64px;
}
.results_filter_news .post_card-content .link_to_post {
padding-top: 15px;
}
.results_filter_news .post_card-content .link_to_post a {
font-size: 16px;
}
.results_filter_news .post_card-content .link_to_post .Filled-Icon a {
transition: 0.2s ease-in-out;
display: inline-block !important;
opacity: 0 !important;
}
.results_filter_news .post_card-content .link_to_post .Filled-Icon a:last-child {
display: none !important;
}
.results_filter_news .pagination-nav {
width: 100%;
}
.results_filter_news .pagination-nav .pagination-link ul {
display: flex;
padding-left: 0px;
justify-content: center;
align-items: center;
}
.results_filter_news .pagination-nav .pagination-link ul li {
list-style: none;
cursor: pointer;
padding: 0px 12px;
letter-spacing: 1.2px;
color: #222222;
transition: color 500ms;
opacity: .6;
font-family: "Satoshi Variable", "Satoshi";
font-weight: bold;
}
.results_filter_news .pagination-nav .pagination-link ul li:hover {
opacity: 1;
color: #acd233;
}
.results_filter_news .pagination-nav .pagination-link ul .prev,
.results_filter_news .pagination-nav .pagination-link ul .next {
border: none;
width: 52px;
height: 52px;
opacity: 0.8 !important;
}
.results_filter_news .pagination-nav .pagination-link ul .prev {
position: relative;
}
.results_filter_news .pagination-nav .pagination-link ul .prev::before {
position: absolute;
top: 11px;
content: "\f341";
color: #424242;
opacity: 0.6;
transition: opacity 400ms;
font-family: dashicons;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
}
.results_filter_news .pagination-nav .pagination-link ul .prev:hover::before {
opacity: 1;
color: #acd233;
}
.results_filter_news .pagination-nav .pagination-link ul .inactive_prev {
position: relative;
border: none;
pointer-events: none;
opacity: 0;
visibility: hidden;
}
.results_filter_news .pagination-nav .pagination-link ul .inactive_prev::before {
position: absolute;
top: 11px;
content: "\f341";
color: #424242;
opacity: 0.6;
transition: opacity 400ms;
font-family: dashicons;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
}
.results_filter_news .pagination-nav .pagination-link ul .inactive_prev:hover::before {
opacity: 1;
color: #acd233;
}
.results_filter_news .pagination-nav .pagination-link ul .active {
color: #222222;
}
.results_filter_news .pagination-nav .pagination-link ul .selected {
color: #acd233;
opacity: 0.6;
}
.results_filter_news .pagination-nav .pagination-link ul .next {
position: relative;
color: #acd233;
}
.results_filter_news .pagination-nav .pagination-link ul .next::before {
position: relative;
top: 11px;
content: "\f345";
color: #424242;
opacity: 0.6;
transition: opacity 400ms;
font-family: dashicons;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
}
.results_filter_news .pagination-nav .pagination-link ul .next:hover::before {
opacity: 1;
color: #acd233;
}
.results_filter_news .pagination-nav .pagination-link ul .inactive_next {
position: relative;
border: none;
pointer-events: none;
opacity: 0;
visibility: hidden;
}
.results_filter_news .pagination-nav .pagination-link ul .inactive_next::before {
position: relative;
top: 11px;
content: "\f345";
color: #424242;
opacity: 0.6;
transition: opacity 400ms;
font-family: dashicons;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
}
.results_filter_news .pagination-nav .pagination-link ul .inactive_next:hover::before {
opacity: 1;
color: #acd233;
}
.MainNewsGridFeed-Show-AllChecked {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 767.98px) {
.MainNewsGridFeed-Show-AllChecked {
display: none !important;
}
}
.MainNewsGridFeed-Show-AllChecked input {
display: none !important;
}
.MainNewsGridFeed-Show-AllChecked label {
display: none !important;
background-color: #d6db1d;
margin-right: 10px;
padding: 10px;
cursor: pointer;
font-size: 13px;
text-align: center;
letter-spacing: 1.3px;
color: #222222;
font-family: "Satoshi Variable", "Satoshi";
font-weight: 800;
text-transform: uppercase;
}
.MainNewsGridFeed-Show-AllChecked label .svg_close {
margin-left: 14px;
width: 21px;
height: 21px;
background-color: #000000;
border-radius: 100%;
position: relative;
}
.MainNewsGridFeed-Show-AllChecked label .svg_close svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-55%, -45%);
width: 11px;
height: 11px;
}
.MainNewsGridFeed-Show-AllChecked label .svg_close svg path {
fill: white !important;
}
.MainNewsGridFeed-Show-AllChecked .show_label {
display: flex !important;
align-items: center !important;
}
.navigation-links {
text-align: center;
}
@media (min-width: 768px) {
.navigation-links {
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
}
}
@media (min-width: 768px) {
.navigation-links > div {
width: 40%;
}
}
.navigation-links > div a {
width: 100%;
}
.navigation-links > div a .fl-button-text {
font-size: 14px;
}
.navigation-links .fl-button-icon:before {
position: relative;
}
.navigation-links .prev-link.large--button a .fl-button-icon {
margin-left: 0 !important;
margin-right: 10px !important;
}
.navigation-links .prev-link.large--button a .fl-button-icon:before {
top: -2px;
transform: rotate(180deg);
}
.navigation-links .prev-link.large--button a:hover .fl-button-icon {
transform: translateX(-15px);
}
@media (max-width: 767px) {
.navigation-links .next-link {
margin-top: 20px;
}
}
.navigation-links .next-link.large--button a .fl-button-icon:before {
top: 2px;
}
@media screen and (max-width: 575px) {
.text-accordion .fl-accordion-content {
padding-right: 20px !important;
padding-left: 20px !important;
}
}
.MoreLikeThis-contents {
padding: 150px 100px;
}
@media screen and (max-width: 1100px) {
.MoreLikeThis-contents {
padding: 0px;
}
}
.MoreLikeThis-cln-2 {
width: 23% !important;
max-width: 110px;
}
.MoreLikeThis-cln-7 {
width: 75%;
}
.MoreLikeThis .container-custom {
max-width: 1240px;
margin: 0 auto;
}
.MoreLikeThis-contents_heading-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.MoreLikeThis-contents_section-title {
width: 35%;
margin-top: 0px;
padding-left: 33px;
}
.MoreLikeThis-contents_section-description {
width: 60%;
}
.MoreLikeThis-contents_cards-wrapper {
padding: 60px 0;
}
.MoreLikeThis-contents-cards-link {
color: unset;
display: flex;
width: 77%;
justify-content: space-between;
}
.MoreLikeThis-contents-cards-link:hover {
text-decoration: unset;
color: unset;
cursor: pointer;
}
.MoreLikeThis-contents_card-buttonw.large--button.MoreLikeThis-cln-2 a:first-child {
display: none;
}
.MoreLikeThis-contents_card-buttonw.large--button.MoreLikeThis-cln-2 a {
min-width: 160px;
display: flex;
justify-content: center;
align-items: center;
}
.MoreLikeThis-contents_card-boxes {
padding: 60px;
transition: all .3s;
width: 100%;
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
border-top: 1px solid #33333321;
}
.MoreLikeThis-contents_card-boxes:hover {
box-shadow: 0 45px 38px rgba(0, 0, 0, 0.07000000000000001), 0 15px 12px rgba(0, 0, 0, 0.05);
background: #fff;
border-top-color: #fff;
border-radius: 6px;
}
.MoreLikeThis-contents_card-boxes:hover ~ .MoreLikeThis-contents_card-boxes {
border-top-color: transparent;
}
.MoreLikeThis-contents_card-title {
margin-top: 0px;
}
.MoreLikeThis .fl-button i.fl-button-icon-after {
vertical-align: top !important;
}
@media only screen and (max-width: 1100px) {
.MoreLikeThis-contents#MoreLikeThis {
padding: 35px 10px!important;
}
.MoreLikeThis-cln-2 {
width: 42%;
}
.MoreLikeThis-contents_card-boxes {
padding: 30px;
}
}
@media only screen and (max-width: 715px) {
.MoreLikeThis-contents_card-boxes .MoreLikeThis-cln-2:last-child {
width: auto;
}
.MoreLikeThis-contents_card-boxes {
justify-content: start;
}
}
@media only screen and (max-width: 646px) {
.MoreLikeThis-contents_card-boxes .MoreLikeThis-cln-2:first-child {
display: block;
width: 100%;
}
.MoreLikeThis-contents_card-boxes {
display: block;
}
.MoreLikeThis-cln-7 {
width: 100%;
padding-right: 0px !important;
margin-bottom: 20px;
}
.MoreLikeThis-contents-cards-link {
display: block;
}
.MoreLikeThis-contents_heading-wrapper {
display: block;
}
.MoreLikeThis-contents_card-boxes .MoreLikeThis-cln-2 {
width: 100%;
}
.MoreLikeThis-contents_section-title {
width: 100%;
margin-top: 0px;
padding-left: 0px;
}
.MoreLikeThis-contents_section-description {
width: 100%;
}
.MoreLikeThis-contents_card-title {
margin-top: 20px;
}
}
@media only screen and (max-width: 414px) {
.MoreLikeThis-contents_card-boxes {
display: block;
}
.MoreLikeThis-cln-7 {
width: 100%;
}
}
@media only screen and (max-width: 375px) {
.MoreLikeThis-contents#MoreLikeThis {
padding: 30px !important;
}
.MoreLikeThis .container-custom {
width: 330px;
}
.MoreLikeThis-contents_heading-wrapper {
display: block;
width: 290px;
}
.MoreLikeThis-contents_section-title {
padding-left: 0px;
width: unset;
}
.MoreLikeThis-contents_section-description {
width: unset;
}
.MoreLikeThis-contents_cards-wrapper {
padding: 30px 0;
width: 320px;
margin: 0 auto;
}
.MoreLikeThis-contents_card-boxes {
display: block;
padding: 20px;
}
.MoreLikeThis-contents_card-boxes .MoreLikeThis-cln-2 {
width: unset;
}
.MoreLikeThis-contents_card-buttonw.large--button.MoreLikeThis-cln-2 {
width: unset;
margin: 20px 0px;
}
.MoreLikeThis-contents_card-title {
margin: 20px 0!important;
}
}
@media screen and (max-width: 480px) {
.glossary-template-default .fl-post-content p {
font-size: 15px !important;
}
}
.confirmation-contained-images .card__img {
background-size: contain !important;
}
@media screen and (min-width: 2200px) {
.product-hero svg {
width: 100% !important;
transform: skewY(0deg) scaleX(1) scaleY(-1) !important;
}
.cta-shaped svg {
width: 100% !important;
transform: skewY(3deg) scaleX(1.8) rotate(-1deg) scaleY(1) !important;
}
}
.SliderTestimonial-content .SliderTestimonial-content_container {
max-width: 1240px;
}
.SliderTestimonial-content .SliderTestimonial-content_testimonial {
display: flex !important;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.SliderTestimonial-content .SliderTestiomnial-content_image-wrapper {
width: 40%;
position: relative;
margin-right: 100px;
padding-bottom: 20px;
}
.SliderTestimonial-content h4.SliderTestimonial-content_quote {
position: relative;
font-size: 19px;
}
.SliderTestimonial-content h4.SliderTestimonial-content_quote:before {
content: '';
display: block;
width: 114px;
height: 92px;
background: url(/wp-content/themes/beaverwarrior/assets/icons/Box-Quote-Left-Icon.svg) no-repeat center center / contain;
position: absolute;
top: -40px;
left: -40px;
}
.SliderTestimonial-content .SliderTestimonial-content_name {
font-size: 16px;
font-weight: bold;
}
.SliderTestimonial-content .SliderTestimonial-content_position {
font-size: 14px;
}
.SliderTestimonial-content .SliderTestimonial-content_testimnial-photo {
position: absolute;
z-index: 2;
right: -6%;
bottom: 0;
max-width: 100px;
border-radius: 12px;
height: auto;
background-color: #f1f5fb;
}
.SliderTestimonial-content .SliderTestimonial-content_testimonial-wrapper {
width: 80%;
}
.SliderTestimonial-content .SliderTestimonial-content_testimnial-company {
border-radius: 8px;
width: 100%;
}
.SliderTestimonial-content .SliderTestimonial-content_container .slick-slide {
margin: 17px 27px;
}
.SliderTestimonial-content .SliderTestimonial-content_container .slick-list {
margin: 0 -27px;
}
.SliderTestimonial-content ul.slick-dots li.slick-active button:before,
.SliderTestimonial-content ul.slick-dots ul.slick-dots li button:before {
color: #FFF;
opacity: 1;
font-size: 16px;
}
.SliderTestimonial-content ul.slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 1rem 0;
list-style-type: none;
}
.SliderTestimonial-content ul.slick-dots li {
margin: 0 0.25rem;
}
.SliderTestimonial-content ul.slick-dots li.slick-active button {
border: 2px solid #0099ff;
border-radius: 100%;
}
.SliderTestimonial-content ul.slick-dots li button {
border: 2px solid #0099ff;
display: block;
width: 2rem;
height: 2rem;
padding: 0;
border-radius: 100%;
background-color: #fff;
text-indent: -9999px;
position: relative;
}
.SliderTestimonial-content button:active,
.SliderTestimonial-content input[type=button]:active,
.SliderTestimonial-content input[type=submit]:active,
.SliderTestimonial-content button:focus,
.SliderTestimonial-content input[type=button]:focus,
.SliderTestimonial-content input[type=submit]:focus {
top: 0;
}
.SliderTestimonial-content ul.slick-dots li.slick-active button:before {
content: "";
background-color: #0099ff;
width: 1.2rem;
height: 1.2rem;
position: absolute;
top: 2px;
bottom: 0;
left: 2px;
right: 0;
border-radius: 50%;
}
@media only screen and (max-width: 1240px) {
.SliderTestimonial-content .SliderTestimonial-content_container {
max-width: 1140px;
}
.SliderTestimonial-content .SliderTestimonial-content_testimonial-wrapper {
padding-top: 40px;
}
}
@media only screen and (max-width: 1000px) {
.SliderTestimonial-content h4.SliderTestimonial-content_quote:before {
width: 82px;
height: 66px;
top: -20px;
left: -40px;
}
}
@media only screen and (max-width: 920px) {
.SliderTestimonial-content ul.slick-dots {
padding-top: 4rem;
}
}
@media only screen and (max-width: 768px) {
.SliderTestimonial-content .SliderTestimonial-content_testimnial-photo {
right: 4%;
}
.SliderTestimonial-content .SliderTestimonial-content_testimonial {
display: block !important;
}
.SliderTestimonial-content .SliderTestimonial-content_testimonial-wrapper {
width: 100%;
padding-top: 20px;
}
.SliderTestimonial-content .SliderTestiomnial-content_image-wrapper {
margin-right: 0px;
width: 100%;
}
.SliderTestimonial-content h4.SliderTestimonial-content_quote:before {
width: 82px;
height: 66px;
top: -20px;
left: 0;
}
}